BENGKEL ADOBE PHOTOSHOP 2011

POSTER IN ADOBE PHOTOSHOP

prepared by adib izuddin

CONTENT
Getting Started With Adobe Photoshop The Very Basic. Very Basic Sample Poster Design Guidelidsdnes for Preparing your Poster Lets Start Making Poster

GETTING STARTED WITH ADOBE PHOTOSHOP

How to OPEN ADOBE PHOTOSHOP? Dont tell me that you don't know hoowwwW.....? SETTING UP THE DOCUMENT To create new document , click File > New. This will opend the Document Setup dialog box.

1. You can change the PAGE SIZE 2. You can change the RESOLUTION 3. You can change the COLOR MODE. 4. You can change the BACKGROUND CONTENTS.

OPENING AN IMAGE FROM A DISK

Select , File > Open Navigate to your selected IMAGE in you DISK.

INTERFACE LAYOUT

Toolbar

Menu

Palletes

Image

THE TOOLBAR

Move Tool(V)

Rectangular Marquee Tool(M) Lasso Tool(L) Crop Tool (C) Quick Selection Tool(W) Eyedropper Tool(I) Brush Tool (B)

Spot Healing Brush Tool (J) Clone Stamp Tool(S) Eraser Tool(E) Blur Tool

History Brush Tool (Y) Paint Bucket Tool (G) Dodge Tool (O) Pen Tool(B) Type Tool(T)

Path Selection Tool (A) Rectangle Tool(U) Object Rotate Tool(K) Hand Tool(H)

Camera Rotate Tool(N) Magnifier Tool(Z)

The Essential Tool For Creating Poster(For Me la): 1. Move Tool(V) 2. Marquee Tool(M) 3. Lasso Tool(L) 4. Quick Selection Tool(W) 5. Crop Tool (C) 6. Eyedropper Tool(I) 7. Brush Tool(B) 8. Paint Bucket Tool(G) 9. Type Tool(T) 10. Rectangle Tool aka Shape Tool(U)

THE VERY BASIC.VERY BASIC 1. Open a NEW DOCUMENT File > New... 2. Set the Preset = International Paper and the SIZE = A4 3. Making SHAPES using "Rectangle Tool" 4. Choose your "Rectangle Tool" 5. Create a BLACK RECTANGLE

6. Create a BLACK SQUARE. By HOLDING SHIFT KEY drag your cursor to create a SQUARE. (SHIFT KEY WILL MAKE YOUR IMAGE SIZE IN PROPOTION*)

7. By RIGHT CLICKING at the "Rectangle Tool" Icon , you will see various type of shape that you can use.

8. Next, select your "Type Tool" to make Text Image Layer. 9. Drag your cursor to make a box to write your text. 10. Type anything you want....

11. Next , is the "Brush Tool". With the brush tool, you can do various kind of thing with it.

12. Adobe Photoshop CS5 has this new set of brushes . You can play with all of the brushes.

This are the new set of brushes in Photoshop CS5.You can play with it , and do anything you want.

13. Next ,is the "Pen Tool". (P) 14. Open image name lightbulb.jpeg and try to trace the image with the pen tool.

15. Start the point from below here...

16. and take another point by CLICK AND DRAG, and when the line is nicely put RELEASE it like this...

17. You can continue on tracing the light bulb till it complete.

18. at the END OF THE POINT(ANCHOR POINT) you will see a CIRCLE , this shows that you can attach the last point with the first point. 19. By right clicking it , you can MAKE SELECTION...FILL PATH...STROKE PATH...DELETE PATH...FREE TRANSFORM POINTS...

20. But NOW, we want to make a new layer copy from this image. 21. RIGHT CLICK > MAKE SELECTION... > CTRL + J

22. You'll see a new layer with a transparent background of the lightbulb

23. Next, "Quick Mask Tool" and "Magic Tool" 24. The easiest way to cut out the light bulb from the background is by using "Quick Mask Tool" or "Magic Tool"

Guidelines for Preparing your Posters.

1. Planning Hints . a. Decide 3 to 4 key points and develop your poster around them. b. Too much information can diminish the impact of what you present* c. Make it long lasting as possible. d. Don't make to much text* e. Move the TEXT and GRAPHICS/FIGURES around until you find an arrangement with pleasing proportions + logical flow + visual balance d. SIZE attracts ATTENTION. e. If necessary, use ARROWS, NUMBERS, LETTERS to redirect viewers f. Make sure that , the enlargement of the IMAGE/GRAPHICS does not make it too grainy.

Poster Essentials.
1. TITLE 2. COLOR 3. GRAPHICS. 4. TEXT 5. LARGER SIZE FONT for CONCLUSION TEXT, SMALLER SIZE for METHODS TEXT. 6. CONSISTENT TYPE OF FONT.

Sample Poster Design For Ideas and inspiration

UTM Published Posters.

Lets start making a Poster... Exercise

Intermidiate Level From this to THIS

Step 1

Source of Idea and Inspiration

1. Open Adobe Photoshop 2. Go to File >> New 3. Under "Preset" tab >> International Paper 4. Under "Size" tab >> A4 5. Enter "Ok"

1. Select "Rectangle Tool" in your Toolbox 2. Create a LONG RECTANGLE SHAPE

Step 2

3. Make sure your RECTANGLE SHAPE is selected

4. Do a duplicate layer out of RECTANGLE SHAPE by CTRL+J , 12 times. Thus , will have 11 layer

5. Put the LAST RECTANGULAR LAYER to the OTHER SIDE OF THE CANVAS

6. Highlight all layer by HOLDING LEFT SHIFT and CLICK FROM THE FIRST RECTANGULAR LAYER to THE LAST RECTANGULAR LAYER

7. Go to "Layer" >> "Distribute" >> "Horizontal Centers" and you will see something like this.

8. Go to "Filter" at the upper center of your photoshop. 9. Choose "Convert for Smart Filters", and you can see like the image below at your Layer Palletes

10. Go to "Filter" >> "Distort" >> "Polar Coordinate" >> enter "Ok"

11. The result should be like this...

12 . Go to "Filter" >> "Distort" >> "Twirl" >> set to "75"(or anything that suit you best) )

13. The result should be kinda like this...

14. Create a new layer ...

15. A new LAYER...

16. Pick your "Bucket Tool"

17. Choose Grey color like...or just type "eeeeee" under there ....

18. then...Click your mouse at the EMPTY LAYER that you just created. Then, Choose "Multiply" in the LAYERS tab . The result should be like this...

19. create a NEW LAYER like you did before. 20. Pick your "Gradient tool" in you Toolbox, by right clicking at the "Bucket Tool" you will see there is a "Gradient tool"

21. Make sure ALL this are SELECTED

22. Choose the color White as the Gradient Color.

23. With the "Gradient tool" selected drag your cursor downwords to get the Gradient Color. The result should be like this...

24. Create another NEW LAYER, name it "bg red" 25. Choose a REDLIKECOLOR .... or you just can put in the COLOR CODE

26. Pick you "Bucket Tool" like what you did before with the "Gradient Tool". (Remember, right clikcing it) 27. After that...Click at your NEW LAYER and under LAYER TAB , choose "COLOR". 28. The result should be like this one.

end of background part.

Step 3

1. Get the Image file of this Exercise in the Folder Exercise1.

We want to make this into seperate layer image.

Lets Get It Goin' 2. After open it in Photoshop. DUPLICATE this IMAGE. (CTRL+J) or just drag into the new layer button at the bottom of the Layer Window 3. Pick up your "Quick Selection Tool" (W) 4. Use the "Quick Selection Tool" by clicking at the part that you want.

5. After you have selected all the part that you want...then enter CTRL+J(You need to make sure that , the HIGHLIGHTED LAYER is the IMAGE LAYER you just DUPLICATE. 6. You will see something like this in your LAYER WINDOW... 7. the result should be something like this, when you HIDE the layer before...

8. You should have something like this at the end...

9. After that, line it up , the way you like or just do it like this...

10. Highlight all the NEW IMAGE LAYER you just make. 11. and then, RIGHT CLICK on the LAYER and choose "Convert to Smart Object"

12. Next, DRAG the LAYER into the FIRST PART OF THE DESIGN

13. Choose the LAYER that you just DRAGEED . 14. CTRL+T or go to "Edit" >> "Free Transform" 15. Make the image bigger by HOLDING SHIFT KEY and DRAG the EDGE to the SIDE UP and SIDE DOWN

16. It should be something like this...

17. Go to "Layer" >> "New Adjustment Layer" >> "Threshold"

18. CTRL Click at the IMAGE LAYER

19. Select your "Marquee Tool" from your toolbox and RIGHT CLICK at the CANVAS and choose "Select Inverse"

20. Select the MASK LAYER

21. Pick up your "Bucket Tool" and use it at your CANVES IMAGE LAYER. 22. and it will end up like this...

23. Change the LAYER MODE to "Screen" and OPACITY = "50"

24. RIGHT CLICK on the "xavier" IMAGE LAYER and choose BLENDING OPTION... 25. CLICK at STROKE and put the SIZE 40 or anything that suit you best and make the COLOR WHITE

26. Next, make a NEW LAYER (CTRL+J) or CLICK on the NEW LAYER BUTTON BELOW . 27. Put the NEW LAYER under the IMAGE LAYER(xavier) 28. Make sure the COLOR = WHITE 29. Name the layer "brushes"

30. Next, pick up your "Brush tool" or hit "B" for the shortcut key 31. Go to the upper left of the interface and choose "Xephyer_Dusty_Abstract" brush

32. Use the brushes to cover up the hard stroke from the image. You may want to use different brushes that suit you best. 33. The result should be something like this.

34. Next , use your "Type Tool" to write the FRONT TEXT. Use font name "FORQUE" 35. Write anything you like or FOLLOW like the IMAGE BELOW . Use SIZE FONT = 72 36. Next, RIGHT CLICK at your TEXT LAYER and choose "Blending Option..." 37. In the Layer Style Window, choose "Stroke" , and put the STORE SIZE = 30 , COLOR = BLACK.

37. The result should be something like this...

38. Next, RIGHT CLICK at the TEXT LAYER and CONVERT TO SMART OBJECT

39. Next , we want to change the angle of the TEXT by hitting CTRL + T

40. RIGHT CLICK at the TEXT IMAGE and SELECT PERSPECTIVE 41. Make something like THIS....

42. Select your "Rectangle Tool" or by hitting "U" 43. Create something like this.

44. Next, create a STROKE by doing the same step like you did for the TEXT IMAGE. 45. STROKE SIZE = 40 46. Next, transform the box(CTRL+T) . Put it nicely under the FRONT TITLE.

47. Next, write your TEXT inside the RECTANCLE BOX . 48. Use FONT TYPE = FORQUE , FONT SIZE = 48pt, BETWEEN LINES = 34pt

49. Next. create a RECTANGLE FOOTER at the BOTTOM of the poster. 50. Use your 'Rectangle Tool" or "U" . COLOR = BLACK

51. FONT TYPE = FORQUE , FONT SIZE = 40 and the FONT COLOR = WHITE

52. RIGHT CLICK at the TEXT LAYER go to "Blending Options..." and choose "Gradient Overlay" 53. Click this ...

54. Choose this...Black with Transparent...

55. Click this...

56. Choose a suitable color for your gradient font...for me I choose REDLIKECOLOR

the result should be something like this...

57. To make a MIRROR IMAGE of the TEXT. 58. Just DUPLICATE the TEXT LAYER by CTRL+J or DRAG and DROP at the CREATE NEW LAYER BUTTON

59. ADJUST the DUPLICATE TEXT LAYER by CTRL+T . 60. RIGHT CLICK at the TEXT LAYER and choose "Flip Verticle"

61. HIT your DOWN ARROW KEY at your KEYBOARD to PUSH the TEXT LAYER DOWN.

62. Next, "Convert to Smart Object" so that you can ADJUST(CTRL+T) the TEXT LAYER even further.

64. With the new SMART OBJECT SELECTED, you can ADJUST it by hitting CTRL+T and select "Perspective" (you still can do it your way.)

65. Next, make the OPACITY down to 15%

andddd... FINISH!. But you still can add some more little stuffs inside the poster like your SIGNATURE or anything you like to make it YOUR COPYRIGHT.

Assignment
Make a FOOD POSTER. Anything related with food.