Tutorial on how to do this tweening effect, like in this post.
- Open up your photo as usual. [x]
- Use Topaz if you’d like. [x]
- Set a gradient map of a grey color to a white or whatever you think looks best. [x]
- Make a new layer. [x]
- Use a paint brush stroke brush over the eyes. [x]
(You can find some brushes here.)
- Then set the layer to soft light and you’re done! [x]
Sorry that it took so long for me to get back to you. I was trying to take screencaps to show you what I was talking about and my computer like stopped working and then I had to leave. Anyways, I don’t think there is a way to do it with a text layer. Here’s how I do it:
Type out the text layer and put it where you want it.
Duplicate it and turn off the visibility of one (You’re duplicating it just in case you need to change anything later):
Right click on the visible layer and click “Convert to Smart Object”
Then you’re done (:
*Edit: I was told by the original editor, use Topaz to your favorite settings and her PSD is from gottabeboobear. If you use something like #12, the white fill layer isn’t necessary. (:
Here it is! You’re welcome (:
- First make your gif. My gif tutorial is here. Make sure the dimensions are 500x332.
- Now make a new fill layer of white. [x]
- Set the fill to 60% in the layer pallet and opacity to 35% [x]
- Click the marquee button. Change the setting from Normal to Fixed size. The Fixed size for across the top will be Width: 500px Height: 10px [x]
- Make a new layer and click the upper left hand corner of the gif. Fill in the selection on the new layer. [x]
- Do that for the bottom, too. Now that those are done, go back to the marquee and flip the Height and Width. Height: 500px Width: 10px [x]
- Now you’ll have something that looks like this [x]
- Set it to Soft Light [x]
Here’s the finished product:
The color amount varies with the size of the gif, if it’s more than 1MB, lower it. (:
How to make a gif like the one in the image above.
Before we get started, I have to apologize for the gifs being different on the tutorial and my final result. I closed out of the one I used while making the tutorial and I had to make a new one. The tutorial is the same either way.
- To begin, make four gifs with the dimensions of 150x150. Make sure to crop afterwards to make sure when you go to paste your frames, the whole image that you thought you had changed the canvas size on comes back.
- Open your mock photoset template: (x) If you need one, here’s one. (x) This makes it easier to depict where the gif will change pictures.
- Make 15 frames on your template so you can paste the frames from your first gif on top. (x)
- Select all the frames on your first gif and copy them. Then go to your template, select all the layers and Paste Over Selection. (x)
- Select the first square of the four, the same place that you are going to center your first gif. (x)
- Make sure that you select all the frames and all of the gif layers in the layer pallet. Go to Layer>Align to Selection>Vertical Centers (x) Repeat and select Horizontal Centers (x)
- Duplicate the last frame and layer of the frame of the gif and make sure it’s selected in the layers pallet. Press Ctrl + T and resize the one frame to 75% on both W and H (x) Then press enter.
- Move the layer over as if it’s going toward the middle line of the faux photoset, but don’t move it to the point of it actually touching the line (x) *Pressing and holding shift will ensure that the layer moves in a straight line.
- Again, duplicate the last frame and layer of the frame of the gif and make sure it’s selected in the layers pallet. Press Ctrl + T and resize the one frame to 50% on both W and H (x) Then press enter.
- Move the layer over so it hits the edge of the line in the photoset (x)
- Now, you’re basically starting from the beginning again; However, you have to make it to where it’s moving from the vanishing point back into view and therefore, adding a few more steps which is just repeating old ones.
- Same as before, make enough frames for your first gif and paste it on top.
- Duplicate the first layer twice in your layers pallet and then add two frames to the beginning of the second gif (x) Keep the last layer from the first gif visible so you can align the first layer of the second gif with it.
- Resize the first layer to 50% both ways and align it with the last layer from the first gif (x) Then turn off the visibility from the first gif.
- Then you should have the beginning of the gif set. Repeat those steps until you have the desired effect.
- Now, to make the blur effect. Select the perimeter of the smaller layer and make use Motion Blur at 3.5 distance. Make sure that the angle of the blur is going in the same direction as the gif image is going.
- Delete the photoset background to make the background transparent. When you’ve done this you’re almost done! If you don’t want to add a coloring, you’re done, but if not… You still have a ways to go.
- To add coloring, you must create a mask layer on a group every single layer. It’s extremely confusing to a beginner, but if you know your way around PS, you’ll have no problems. Just make sure to turn off the visibility on each layer when going to another.
If you have any questions, don’t hesitate to ask. Please be off anon, though, so I could answer privately.
Tag me in your finished product so I can see how it turns out!