The importance of Framing Design Principles Review Class Workshop> Illustrator & Photoshop

Transcription

1 MMA 100 Foundations of Digital Graphic Design Clare Ultimo The importance of Framing Design Principles Review Class Workshop> Illustrator & Photoshop

2 Assignment 3: In 2 Parts > DUE THURS JUNE Read pp in Graphic Design The New Basics : Framing 2. Using Photoshop: Create a piece of art that expresses the concept of human + nature...you must use at least 3 of the tools we have learned in Photoshop so far. Specifications: 10 x 10 72ppi To submit: YourName_Assign03 Folder Title of art_psd Title of art_jpg Check out Adobe Photoshop tutorials online and don t forget to use Lynda.com for free help. Online Adobe Photoshop Resources/Tutorials:

3 Framing and Composition Camera Frames Every time you snap a picture with a camera, you create a frame

4 Framing and Composition Frames Inside of Frames The tool of the camera to create not only the outer frame of the shot but to discover the inner frames as well.

5 Framing and Composition Frames Inside of Frames...

6 Frames Inside of Frames

7 Framing and Composition Cropping When you crop, you discover new images within the picture. The way an image is cropped can change its meaning completely...

8 Framing Exercise > Open 14_InClassMaterials > framingexercise.psd

9 Design Principles 1 BALANCE 2 EMPHASIS 3 MOVEMENT 4 PATTERN 5 REPETITION 6 PROPORTION 7 RHYTHM 8 VARIETY 9 UNITY

10 Rhythm is a strong, regular, repeated pattern: the beating of drums, the patter of rain, the falling of footsteps.

11 Graphic designers use rhythm in the construction of static images as well as in books, magazines and motion graphics that have duration and sequence

12 most forms of graphic design seek rhythms that are punctuated with change and variation.

13 What design elements create the page rhythm in this layout? What helps create consistency from spread to spread?

14 Balance and rhythm work together achieving stability both and surprise.

15 Balance is also symmetry

16 The opposite of symmetry is asymmetry

17 Balance/ Symmetry Imbalance/ Asymmetry

18 Scale/Proportion relates to the literal dimensions of a physical object or to the literal correlation between a representation and the real thing it depicts.

19 Developing sensitivity to scale is an ongoing process for every designer.

20 Scale/Proportion in action

21 Workshop> Completing previous class projects For materials download & see> ClassAssigmentArt_01

22 See> elements.ai What are the ELEMENTS OF DESIGN in this doc? Use these images to build an experimental composition. You can use color anyway you want.

23 See> ColorTheoryTShirt.ai Working with Color Theory: TShirt Design: 10 x 10 Primary Colors: Red, yellow and blue In traditional color theory (used in paint and pigments), primary colors are the 3 pigment colors that can not be mixed or formed by any combination of other colors. All other colors are derived from these 3 hues. Secondary Colors: Green, orange and purple. These are the colors formed by mixing the primary colors. Tertiary Colors: Yellow-orange, red-orange, red-purple, blue-purple, blue-green & yellow-green These are the colors formed by mixing a primary and a secondary color. That s why the hue is a two word name, such as blue-green, red-violet, and yellow-orange Analogous colors are any three colors which are side by side on a 12 part color wheel, such as yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates. Complementary colors are any two colors which are directly opposite each other, such as red and green and red-purple and yellow-green..

24 See> TattooStorePoster.ai Choice: Complete this poster in Illustrator or Photoshop OR See> TattooStorePoster.jpg and complete this poster in Photoshop

25

26 Practice the Photoshop Paintbrush Tool> See PhotoshopBrush Folder> Step 1: Notice size of doc. What is the Color Space of the doc? Step 2: Duplicate this layer Open CloseupGrass.jpg Step 3: Open LayerExercise.psd and place the flower and the butterfly in this doc. Step 4: Scale them so they look "right". Be smart! See Class 08 on our website. Review this exercise and other Photoshop exercises from that class demonstration.

27 Using the Paintbrush Tool 02 Step 8: Select the art by making sure you are on the right layer Make both layers of artwork white Click the Magic Wand Tool Now click in the middle of the flower Edges of artwork will be selected Step 9: Click On The Brush Tool and we'll go to the brush dialogue window at the top to decide pressure & size of brush. Step 10: Go to the Brush Dialogue window: Set it up > 65px Master Diameter 0% Hardness After you get the idea, play with the brush size and hardness if you want.

28 Using the Paintbrush Tool 03 Step 11: Click on the Color Palette and create color you want to use with your brush. Step 12: The color you use with your Brush Tool will only be placed inside the artwork, within the edges because you have selected the artwork with the Marquee Tool.

29 Assignment 4> in 2 parts > Due Thurs June 28 Part 1> Read from Graphic Design: The New Basics pp (Rhythm/Balance) pp (Scale) Take simple bullet point notes/bring notes these in Look at Design Principles Review on class website Part 2 > Design Principles Found Art Project Bring in one example of the following Design Principles: Rhythm Proportion (another word for Scale) Balance Variety Can be a photograph you take (extra credit) Can be art you create. (If you sketch it, take a pic of it and put in Photoshop as a.jpg) Can be a photo or piece of art you find online. (keep a word doc of the source of this art as you find it.) Size: Fit inside 8.5 x 11 somehow Put all examples in one folder: YourName_Assign04