Photoshop Module

8/3/2019 Photoshop Module

1/45

BENGKELADOBEPHOTOSHOP

2011

POSTER IN ADOBE PHOTOSHOP

prepared by adib izuddin


2/45

CONTENT

Getting Started With Adobe Photoshop

The Very Basic. Very Basic

Guidelidsdnes for Preparing your Poster

Sample Poster Design

Lets Start Making Poster


3/45

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.


4/45

OPENING AN IMAGE FROM A DISK

Select , File > Open

Navigate to your selected IMAGE in you DISK.

INTERFACE LAYOUT

Menu

ToolbarPalletes

Image


5/45

Move Tool(V)

Rectangular Marquee Tool(M)

Lasso Tool(L)Quick Selection Tool(W)

Crop Tool (C)

Eyedropper Tool(I)

Spot Healing Brush Tool (J)

Brush Tool (B)

Clone Stamp Tool(S)

History Brush Tool (Y)

Eraser Tool(E)

Paint Bucket Tool (G)

Blur Tool

Dodge Tool (O)

Pen Tool(B)

Type Tool(T)

Path Selection Tool (A)

Rectangle Tool(U)

Object Rotate Tool(K)

Camera Rotate Tool(N)

Hand Tool(H)

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 TOOLBAR


6/45

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.


7/45

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.


8/45

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


9/45

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...


10/45

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


11/45

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"


12/45

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.


13/45

Sample Poster Design For Ideas and inspiration


14/45


15/45

UTM Published Posters.


16/45


17/45

Lets start making a Poster...Exercise

Intermidiate Level

Source of Idea and Inspiration

Step 1

1. Open Adobe Photoshop

2. Go to File >> New

3. Under "Preset" tab >> International Paper

4. Under "Size" tab >> A4

5. Enter "Ok"

From this to THIS


18/45

Step 2

1. Select "Rectangle Tool" in your Toolbox

2. Create a LONG RECTANGLE SHAPE

3. Make sure your RECTANGLE SHAPE is selected


19/45

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


20/45

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.


21/45

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"


22/45

11. The result should be like this...

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


23/45

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

14. Create a new layer ...

15. A new LAYER...


24/45

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...


25/45

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...


26/45

24. Create another NEW LAYER, name it "bg red"

25. Choose a RED LIKE COLOR .... 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.


27/45

Step 3

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

We want to make this into seperate layer image.


28/45

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 surethat , 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...


29/45

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...


30/45

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


31/45

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...


32/45

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

18. CTRL Click at the IMAGE LAYER


33/45

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

choose "Select Inverse"

20. Select the MASK LAYER


34/45

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"


35/45

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


36/45

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


37/45

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.


38/45

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

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


39/45

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

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

42. Select your "Rectangle Tool" or by hitting "U"

43. Create something like this.


40/45

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


41/45

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 ...


42/45

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

55. Click this...

56. Choose a suitable color for your gradient font...for me I choose RED LIKE COLOR

the result should be something like this...


43/45

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%


44/45

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.


45/45

Assignment

Make a FOOD POSTER.

Anything related with food.

Documents

Photoshop Module