TUTORIAL BY PSCS5; How to make boxes around a text
1. Create your text. I used Courier New as my font for this tutorial.
2. Select the Rectangle Tool. Make sure that your foreground color is set to white:
3. Now using your text as a guide, make a box that covers the text. Your box should be under the text. Once you have that done, it should look something like this:
4. I personally like to add Satin to the box, so that it could have like a vintage touch to it:
Then:
These are my settings:
5. With the satin added:
6. To rotate your text and box, select the move tool and rotate.
7. To get the more edgy look like box number 3 that says “a text” select the polygon lasso tool:
8. Then start making random lines around the text. Connect the one end to another so that you get moving lines around your text like this:
9. Make a new layer and select the bucket tool. Make sure that this layer is underneath your text and that your foreground color is white. Take the bucket tool and click inside the area of the moving text so that it can be filled in with white:
The result:
![]()
10. If you want to add the satin, follow step 4.
And that’s really all there’s to it. You don’t need to make a new text for a new word. Just write your whole text out, ex: “How to make” and then just do the boxes around it. Hope this helped.
Tutorial: Grayscale on Hover (using jQuery)
Once upon a time, grayscale image has to be manually converted in order to be displayed on the web. Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software…
Anonymous asked: Hi, there! Thank you for all your tutorials. I think I have read every single one. :D anyway, regarding your clipping mask tutorial, can you do that for a gif? as in have the gif inside the text?
STEP 1: Create your gif. (before you proceed to Step 2, it…
How to make a GIF like this in Photoshop:
Inspired by this post.
Requirements: Basic GIF knowledge (if not, click here), Photoshop CS5 or later (since I’ll be using the ‘Quick Selection’ Tool), time, and patience!
Beginning PSD (to save you some time in this tutorial)
End Result PSD (for a better visual/understanding)
We will be making this gif here…
This tutorial is going to be very short and very simple if you’re already familiar with making a gif
Contains:
Layering gifs basics
Gradient downloads
Changing blending options all at once
Sharpening your gif all at one time
Using tween layers
BEFORE:
![]()
AFTER:
Ok, my vintage can be different of yours, haha so here:
1- Download this psd x
2- Choose a picture, edit
3- Go to the image size (ctrl + alt + i) and change the width to 200px
4- Paste the edited image on the psd you downloaded and you’re done :)
In this tutorial I assume you already know how to make a gif (x)
This is the video I used (x).
So, create your first gif and crop it so that it’s 150px x 150px (x). Sharpen it, color it and do whatever you want until you’re satisfied.
If you want to add the white border on the…
HOW TO MAKE THIS:
From this photo (x)
Step 1:
Open the picture in photoshop. Paste in the size you desire.
Use the Polygonal Lasso Tool and select the image.
To make a selection, click from one point then around the picture then click the last point from the first point.
Like this:
- first thing : open your picture, download your video etc.
- when you opened your picture resize it to you liking ( 245x320, 245x245 …. ).
- add the coloring
- Now for the blur, select your background layer and go to filter > blur > gaussian blur. I’ve set it to 1.5 but just play…
I’ve been asked by an anonymous to create a tutorial on this post, so this effect is what we’ll be aiming for; I’ll be using the example of “You’re a painter, you’re a baker” for this tutorial.
- Required: Photoshop and patience
- Level: Hard
A/N: Although I do claim it is hard, it just…
you will need:
The Video (the video should be in MOV, AVI, MPG, MPEG, OR MP4 format)
Photoshop (i used CS5 in this tutorial)
final result:
if the pictures are too small, open the pictures in a new tab.
I’m not going over the steps to get the gif cause I already did a tutorial about that here xxx
Let’s say you want to do a gif about a very crowded scene but you only want to focus about one part of the scene, this is going to be hard cause you don’t have a still background so you can’t use…

I got asked a few times how I achieved this effect and since I find it to be relatively easy, I figured I’d do a quick tutorial for those that are interested. This tutorial was done is PS CS4.