Hack Forums
How to add an image inside text - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: How to add an image inside text (/showthread.php?tid=4738314)



How to add an image inside text - JonSnow - Mar 19, 2015

Haven't seen a tutorial for this so I decided to make one. It may seem like simple stuff to some of you but others may not know how.

For my example I have used a 550x170 Pixel image size and the font used was Impact.


Step One:
Create the text
Spoiler (Click to View)

Step Two:
Resize the text to fit the desired area
Spoiler (Click to View)

Step Three:
Download the image you want and open in photoshop
Spoiler (Click to View)

Step Four:
Select the image then copy & paste on top of your text
Spoiler (Click to View)

Step Five:
With the image layer selected, go to Edit then Create Clipping Mask
Spoiler (Click to View)

Step Six:
It should look like this
Spoiler (Click to View)

Step Seven:
Move/resize the image until you get the desired look
Spoiler (Click to View)

[Optional]
Step Eight:
If you want a drop shadow select the text layer and press the fx button then Drop Shadow
Spoiler (Click to View)

Step Nine:
Experiement with the different options to see which you think is best then press OK
Spoiler (Click to View)

Finished Product:
[Image: LbP6WxY.png]

Hope you all found this useful.


* - MentalWarfare - Mar 19, 2015

Thank you OP, Been looking for a decent tutorial around here.


* - DMPS - Mar 19, 2015

Very simple and easy tutorial, great job OP.


* - ankitkhosya - Mar 19, 2015

Hmm .. An awesome Thing for total Beginners like myself -- Hope to learn some Graphics Work in future.


* - Alison Wonderland - Mar 19, 2015

OP throw a sidenote in

you can also create the clipping mask by holding alt and moving the mouse between the two layers
the top layer then becomes the clipping mask


* - Judge. - Mar 19, 2015

Simple yet productive tutorial. Glad you made it , I feel that this could help out others who's been wanting this.


* - Silent Storm™ - Mar 19, 2015

I have a video similar to what you did here. https://www.youtube.com/watch?v=1EOrNUFKZTU
Made this a while ago, enjoy guys!


* - JonSnow - Mar 20, 2015

Thanks for all your kind words
Its my first tutorial and I'm glad I did it well


* - Dr.Penguin - Mar 20, 2015

Nice tutorial you got here OP.
Thanks a lot, this will help a lot of people out!


* - MᴇᴛᴀʟSʟᴜɢ - Mar 20, 2015

This is gonna be good, thanks op :)