Wednesday, August 26, 2009
Adobe Video reviews
Adobe offers a library of great tutorials that I recommend that you review each week after we finish our work in class. I'm suggesting that you use this site to supersede the lectures and presentations in the class.
However, use it to recall steps and to also learn new ones that we won't have time to cover in the class.
However, use it to recall steps and to also learn new ones that we won't have time to cover in the class.
Student guides
Use this link to bring up and read the Photoshop Project 1 Student Guide as it is designed to help you complete projects every week.
If you need to print anything, talk with your instructor before sending anything to the printer.
If you need to print anything, talk with your instructor before sending anything to the printer.
Photoshop links
Adobe Company Website
The Adobe.com site is the home of the company selling and marketing Photoshop CS3 and Photoshop CS4. You can't start learning about any Photoshop software and not visit the website.
The Abyss
This movie is really cool. It's thought that because of the graphical needs of this movie, we now have Adobe Photoshop. Check it out.
Photoshop Professional Designers
The site is the only place to go to for tutorials, jobs, conferences, etc. If you're in the business, you need to have a membership or at least visit the site.
Photography for Beginners
Tips on digital photography composition
A variety of information about digital cameras
Here's a link to tips for taking great pictures
Visit PhotoInf.com to gain tips for image composition and definitions on the elements of visual design
The Adobe.com site is the home of the company selling and marketing Photoshop CS3 and Photoshop CS4. You can't start learning about any Photoshop software and not visit the website.
The Abyss
This movie is really cool. It's thought that because of the graphical needs of this movie, we now have Adobe Photoshop. Check it out.
Photoshop Professional Designers
The site is the only place to go to for tutorials, jobs, conferences, etc. If you're in the business, you need to have a membership or at least visit the site.
Photography for Beginners
Tips on digital photography composition
A variety of information about digital cameras
Here's a link to tips for taking great pictures
Visit PhotoInf.com to gain tips for image composition and definitions on the elements of visual design
Welcome to Photoshop 2009
Unbelievably summer has ended and it's time to get back to work. If you're wondering what to expect of your experience during the semester. Let's talk!
The class
This is a 15 week semester class covering Adobe Photoshop CS3. This is a software package that is used to manipulate photos (bitmaps) and shapes/text (vector) elements. This class includes weekly lectures and activities. Mondays are designed to present techniques (clone stamp, photo clean up, color management, etc.). Wednesdays are designed to allow you to create an element or project using the techniques presented on Monday.
You're going to build a portfolio that shows off the work completed during the semester. This portfolio is works to get forever. You walk out of the class with something others can use to see how you're evolving as a designer.
About your instructor
The instructor is Letitia Andrews. I'm an adjunct faculty member with El Centro. I have more than 10 years experiences in technology. I work as a Technology Marketing Manager for a small firm building online solutions (websites, logos, blogs, online learning) along with my pursuit of a PhD degree in education. I love technology and the idea of sharing and getting more students interested in the field.
We can have some fun this semester. Let's get started!
The class
This is a 15 week semester class covering Adobe Photoshop CS3. This is a software package that is used to manipulate photos (bitmaps) and shapes/text (vector) elements. This class includes weekly lectures and activities. Mondays are designed to present techniques (clone stamp, photo clean up, color management, etc.). Wednesdays are designed to allow you to create an element or project using the techniques presented on Monday.
You're going to build a portfolio that shows off the work completed during the semester. This portfolio is works to get forever. You walk out of the class with something others can use to see how you're evolving as a designer.
About your instructor
The instructor is Letitia Andrews. I'm an adjunct faculty member with El Centro. I have more than 10 years experiences in technology. I work as a Technology Marketing Manager for a small firm building online solutions (websites, logos, blogs, online learning) along with my pursuit of a PhD degree in education. I love technology and the idea of sharing and getting more students interested in the field.
We can have some fun this semester. Let's get started!
Monday, October 27, 2008
Examples of Design Comps
This is an important aspect to the work of Web Designers. What follows is a listing of some interesting ideas on Design Comps and how to pull them together.
Shopping Cart Comp
Explanation of Design Comps
Cornell University Design Comp discussion
Shopping Cart Comp
Explanation of Design Comps
Cornell University Design Comp discussion
Notes on Designing a client website
Part I: Designing a client website using Adobe Fireworks
Tonight we are using Adobe Fireworks to layout a design for the non-profit company's website. The product we're creating is called a Design Comp. This an electronic drawing that shows a detailed design of a web page.
Your goals for this activity:
• Apply design principles when creating visual designs.
• Create design comps of a home page and a sample content page to show different looks.
• As a team, select the best design comps to present to a client.
Reading Assignment: Start the tutorial
Design Comps are composed of the following elements. It's important to consider each aspect as you develop your skill in communicating your client's plans for a website.
Mood: The comp is the client’s first impression of what the site really looks like. The comp should immediately convey an appropriate message, such as fun, serious, youthful, organized, trendy, or family-oriented.
Color: Colors should be well coordinated, fit the mood and tone of the site, and provide enough contrast for legibility. Discuss web-safe colors and decide whether it’s appropriate for students to design only with web-safe colors. To see how colors work together and to match colors, visit the color wheel found on Well Styled.com
Fonts: Use different fonts sparingly to be effective; consider how size and weight draw attention. Most sites are designed with one or two fonts, using size, color, and boldface for further distinction. Make sure the contrast between the font and background colors is adequate to make the text legible. Discuss which fonts are common on Windows and Macintosh operating systems.
Images: Images reflect the content and mood of the site. Photographs should be the highestquality images. Graphics should match the mood and tone of the site. Text used with an image should be close enough to be visually associated with the image. The logo of an organization should be properly positioned, sized, and so on. Go get images from Getty Images.
Text: Web visitors are more likely to skim than to read carefully. The biggest challenge is to use only as much text as is necessary to convey key messages. Organize the text so visitors can scan it to find relevant information.
Navigation elements: Buttons, menus, and navigation bars should all reflect the site mood and integrate effectively with site colors, fonts, and images.
Part II: Reviewing and revising to client specifications
After you create the Design Comp the client reviews it and provides feedback on likes and dislikes. You need to revise the Design Comp to reflect all changes from the client. By the end of the class, tonight, you should have completed Design Comps for both the home page and the secondary pages of your website. Those will be used to build the actual website in Dreamweaver.
Your goals during this process:
• Present design comps to a client.
• Use active listening skills during a client review.
• Revise design comps and present revised comps to a client.
• Create production storyboards for a client website.
Tonight we are using Adobe Fireworks to layout a design for the non-profit company's website. The product we're creating is called a Design Comp. This an electronic drawing that shows a detailed design of a web page.
Your goals for this activity:
• Apply design principles when creating visual designs.
• Create design comps of a home page and a sample content page to show different looks.
• As a team, select the best design comps to present to a client.
Reading Assignment: Start the tutorial
Design Comps are composed of the following elements. It's important to consider each aspect as you develop your skill in communicating your client's plans for a website.
Mood: The comp is the client’s first impression of what the site really looks like. The comp should immediately convey an appropriate message, such as fun, serious, youthful, organized, trendy, or family-oriented.
Color: Colors should be well coordinated, fit the mood and tone of the site, and provide enough contrast for legibility. Discuss web-safe colors and decide whether it’s appropriate for students to design only with web-safe colors. To see how colors work together and to match colors, visit the color wheel found on Well Styled.com
Fonts: Use different fonts sparingly to be effective; consider how size and weight draw attention. Most sites are designed with one or two fonts, using size, color, and boldface for further distinction. Make sure the contrast between the font and background colors is adequate to make the text legible. Discuss which fonts are common on Windows and Macintosh operating systems.
Images: Images reflect the content and mood of the site. Photographs should be the highestquality images. Graphics should match the mood and tone of the site. Text used with an image should be close enough to be visually associated with the image. The logo of an organization should be properly positioned, sized, and so on. Go get images from Getty Images.
Text: Web visitors are more likely to skim than to read carefully. The biggest challenge is to use only as much text as is necessary to convey key messages. Organize the text so visitors can scan it to find relevant information.
Navigation elements: Buttons, menus, and navigation bars should all reflect the site mood and integrate effectively with site colors, fonts, and images.
Part II: Reviewing and revising to client specifications
After you create the Design Comp the client reviews it and provides feedback on likes and dislikes. You need to revise the Design Comp to reflect all changes from the client. By the end of the class, tonight, you should have completed Design Comps for both the home page and the secondary pages of your website. Those will be used to build the actual website in Dreamweaver.
Your goals during this process:
• Present design comps to a client.
• Use active listening skills during a client review.
• Revise design comps and present revised comps to a client.
• Create production storyboards for a client website.
Subscribe to:
Posts (Atom)