Jump to content

Basic text gif made with photoshop


Winnie

Recommended Posts

Hello my name is Winnie and today i'm going too show you how to make a simple gif text effect (:

- Open the spoilers for pics -

This is my first tutorial like, ever so feedback is appreciated QwPha8E.png

Lets go boge.png



Step 1:

Open photoshop make sure you have a background layer so we can see the effect better at the end. Now start typing whatever you want to have as a gif.

34dZNqz.png


Step 2:

Get your rectangle tool out

ROnKQ7l.png


Step 3:

Draw a rectangle like the one i made above. Could be any color of your liking

0o1P5B8.png


Step 4:

Now that you've drawn the rectangle of your liking.

Make sure the rectangle layer is selected then pull out the gaussian blur. You do this by going to the toolbar above then Filter>Blur>Gaussian blur

JRU7KPm.png


Step 5:

Press Yes.


8jQXSj0.png

Step 6:

press oki or add more blur if u want more blur or less w/e suits your taste

hC23VhU.png


Step 7:

In the top menu go to window>timeline

owlrag4.png


Step 8:

Create a timeline

hZZFsc0.png


Step 9:

click on the boxy thingies 2 get the multiple frames menu boge.png

Gg4JEnz.png


Step 10:

Now duplicate the frame by pressing the paper thingy.

oaeGIzX.png


Step 11:

Now make sure you've selected the 2nd frame you just made and move the rectangle from left of the text to right of the text

E6oVV7p.png


Step 12:

now select both frames and the rectangle (click on them while holding CTRL or CMD) and right-click the rectangle layer and create a clipping mask. Make sure the rectangle layer is above the text-layer.

B6rjiIK.png


Step 13:

Select both frames by holding CTRL or CMD and set them to no delay by pressing the little triangle at the bottom.

dWRHw6J.png


Step 14:

Now select the frames button thingy to add frames.

3FmDKF4.png


Step 15:

Determine how many frames you want to have. I went with 20 frames but i am bad at photoshop so idk what the hell i'm doing. Look at it as a pizza you can chop it up in more slices if u want but its still the same pizza.

adSRYzD.png


Step 16:

now after you've added the frames u can press the play button to see the gif-glance-effect w/e you want to call it(again i'm bad at photoshop)

iLGfPU2.png


Step 17:

Now save your gif by going to file>save for web

DIYyB3n.png


Step 18:

u can play around with some of the settings anyway when you're finished press save

Pvj9Huk.png


TA-DA

feYk1Bn.gif

Edited by Decode
  • Like 6
Link to comment
Share on other sites

  • 3 weeks later...
  • 1 month later...
  • 3 months later...
  • 1 month later...
  • 3 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...