photoshop image text steps

7/30/2019 Photoshop Image Text Steps

1/17

TRANSFORM ANY IMAGE INTO TEXT


2/17

STEP 1: create a new blank document


3/17

STEP 2: title your document. (I often prefer to set my artboard to inches because I ammore familiar with that dimension than pixels--but do whichever you prefer)


4/17

STEP 3: choose an image you would like to use.

STEP 4: drag the image you would like to use to your artboard.


5/17

STEP 5: resize your image. (If you had wanted to get the exact image dimensions, youcould have dragged the image in before creating a new document--and it would havemade a new document based on the dimensions of the image) Most of the time I ammaking a flyer or want my final product to have certain dimensions so I prefer to scalemy image accordingly given that the resolution allows.


6/17

STEP 6: Its ok if I scale greater than my artboard size so as to leave no white space.The part that is not included in the artboard just wont be part of the final document.

STEP 7: While this isnt always a crucial step, its always helpful to label your layers asyou add them.


7/17

STEP 8: now you want to duplicate the layer quad. There are two ways to do this. Oneway is to go to the drop-down tab Layer and select duplicate layer. The other option is touse the shortcut Command + J (which copies the layer).

STEP 9: create a new layer


8/17

STEP 10: drag the new layer you just created between the two quad layers.

STEP 11: keeping the new layer you just created selected, go to the drop-down Editmenu and select Fill. Under Use, select white. (this white fill wont be noticeable yet

because this layer is being covered by the quad copy.


9/17

STEP 12: reselect the layer labeled quad copy-- Now its time to insert the Text!

STEP 13: Ive set my font to Ariel Black and my font size to 105 but you can do as youwish. (but remember it helps to use a font that is thicker otherwise it wont be asnoticeable at the end!)


10/17

STEP 14: set the foreground color to white. (the foreground color in this case will be thecolor of your text). One easy way to get white is to drag your cursor over to the righthand corner of the screen and an eyedropper tool will appear under the color tab andyou can select white or black. -- just an exact way to get white or black. Or for white youcan plug in (R:255, G:255, B:255). Either way works.

STEP 15: Start typing and center and move your text as desired.


11/17

STEP 16: After writing out your text, you can easily resize/scale your text to fit yourimage better using the free transform tool. Go to the edit drop-down menu and selectfree transform.

! Heres just an example of resizing the text to fit my image.


12/17

! I thought I would add the above screenshot because this pop-up window comes! up a lot whenever you are altering or transforming something. Just click apply! and youre good to go.

STEP 17: drag the text layer (in this case it says STANFORD UNIVERSITY) below thequad copy layer. The text will temporarily disappear. Dont worry!


13/17

STEP 18: reselect the layer titled quad copy.

STEP 19: go to the Layer drop-down menu and click Create Clipping Mask. This willcut the image to fit the text.


14/17

! ! ^ Like this!

! !

STEP 20: depending on what you are trying to do, you may want to stop at this point.

However if you want, add a shadow will add emphasis to the text. To add a shadow,reselect the text layer.


15/17

STEP 21: while you still have the text layer selected, click the fx icon and select dropshadow.

STEP 22: A pop-up window will appear and you can adjust the settings according toyour preferences. If you have preview selected, you can see how different angles or

levels of opacity will affect your text.


16/17

THERE YOU HAVE IT!

ANOTHER OPTION:

GO BACK TO STEP 15.

STEP 15: This time, Ive chosen to only write STANFORD because I dont want it to betoo hard to read at the end!

REPEAT STEPS 16-22 above.


17/17

STEP 23: select the eye icon next to the white layer (by toggling back and forth with thisicon it makes the layer visible (when the eye icon is there) or invisible (when the eyeicon is not there). By making this layer invisible the image of the quad below willreappear.

photoshop image text steps

Documents