- Tutorial by itsphotoshop.
- Anonymous asked how to make this.
- I use Photoshop CS6.
- Like/reblog the post if you find it useful.
- Step 1. First of all make your image. It has to be 245x245px. Sharpen, add an action, a psd… and whatever you want. My image:
- Step 2. Now you have to make your gif. Mine is 150x150px, but you can always change the size. Sharpen, add an action, a psd… etc.
Mine is black and white, but it doesn’t have to be.
- Step 3. Create a new layer (in the gif) by going to Layer > New > Layer. Then select the Brush tool and paint it black. Put it under all the layers.
- Step 4. Right click in the psd group > Ungroup layers. This is how your layers window should look like:
- Step 5. Select all the layers except the black one > right click > Create clipping mask. You’ll see that nothing actually happens, just a lot of little arrows appear.
- Step 6. Go to Image > Canvas size > and change the height and width to 245px.
- Step 7. Drag the image we crated in step 1 to the gif, and put it under all the layers:
- Step 8. Now we’re gonna create the white border. Go to File > New and crate a new white canvas. The size has to be 14px more than your gif. For example, my gif is 150px so the new canvas is going to be 150 + 14 = 164px. If you want your border to be bigger or smaller then put another number.
- Step 9. Drag the new canvas to the gif and put it under the black layer. Then change it’s opacity until you like the result. I changed it to 35%.
So that’s pretty much all! Hope you understood everything!