ask box here and in itspsanons closed
submit box closed
(submit by tagging your posts with itsphotoshop)

important daily updates
it's photoshop
Blog dedicated to Photoshop and Tumblr resources. You will find psds, textures, themes, tutorials and much more. Run by adriana and paula and created on August 24th 2012. Please, check the faq before asking any questions .

How to make this:

image

  • I use Photoshop CS5.
  • Please like the post if you think the tutorial has been useful.

I felt like making a tutorial so i’ve tried to invent a gif and this is what came out so i hope you guys like it :)

  • [ STEP 1 ] First of all make your gif as normal. Sharpen the layers, add an action or whatever you want.
  • [ STEP 2 ] Go to Layer > New Adjustment Layer > Brightness/contrast and add brightness until you like the result. Now go to Layer > New Adjustment Layer > Gradient map and add a black&white gradient map [check step 3 in this tutorial].
  • [ STEP 3 ] Go to Layer > New Fill Layer > Solid color and choose a color. Mine is #ddf6ff. Now change from Normal to Multiply. I also changed the opacity to 60%. Now my Layers window looks like this and my gif like this:

image

  • [ STEP 4 ] Now add the text. I used Silkscreen [download it here]. To justify the text go to Window > Paragraph and click here: image. Make sure you put the text in the middle:

image

  • [ STEP 5 ] Make a new layer by going to Layer > New > Layer. Select the Rectangular Marquee Tool [image] and make a rectangle around the text like this. Then go to Edit > Stroke and put these settings:

image

  • [ STEP 6 ] Go to  the Layers window and click in the big white square next to the Color Fill layer (it’s called mask). Then pain it black so you’ll see how it disappears in the parts you’re painting. Now create a new layer and paint it black too. Then change from Normal to Soft Light. Right click in the photo > Deselect. This is how your gif should look like:

image

You canfinish the gif there but i’m also gonna add a border.

  • [ STEP 7 ] Repeat step 5 but instead of making the rentangle around the text, make it like this:

image

  • [ STEP 8 ] Now right click in the photo > Select Inverse and repeat step 6. Your Layers window should look like this:

image

And your gif like this:

image

Hope this helps! ^^

Posted on Mar 28, 2013
Tagged: #tutorial #tutorials #photoshop tutorial #gif tutorial #photoshop #adobe photoshop #stuff #our tutorials #by adriana #photoshop cs5

1,068 notes:

  1. psychictwinsrph reblogged this from shikarps
  2. luxurious86 reblogged this from itsphotoshop
  3. deansmusk reblogged this from itsphotoshop
  4. ghostdads reblogged this from itsphotoshop
  5. achsherlock reblogged this from itsphotoshop
  6. shikarps reblogged this from chaoticresources
  7. ofhousehoechlin reblogged this from chaoticresources
  8. briel-roleplayer reblogged this from itsphotoshop
  9. fluffybap-resources reblogged this from itsphotoshop
  10. damibo reblogged this from itsphotoshop
  11. 37thknight reblogged this from itsphotoshop