Posts filed under ‘Photoshop Tutorials’

Clipping Mask in Photoshop

This is actually a very useful trick I discovered in Photoshop quite a few years ago. I have been asked several times how to create this effect so I decided to make a quick little tutorial on it. I hope it helps.

Step 1: Create a new document of any size as long as it is reasonable. Then you are going to select the type tool and type just one letter. Make sure the font you choose is pretty bulky. It will show much better in the end if you have more area.

Step 2: Next, select any pattern you wish. It doesn’t have to be a pattern, but I am using this snazzy leopard print below. Make sure that the layer with the pattern on it is above your letter layer.

Step 3: Now go to your layers palette and position your cursor in-between the two layers like the image below illustrates.

Step 4: Now press Alt (option) and click in-between the two layers while holding down the Alt (option) key. You should now see a little arrow next to the layer with the pattern in it and that same layer should look like it is indented in the layers palette.

Step 5: Below is what you should have. This can work with any image and any shape.

This has been a fantastic trick to use for everyday design work. Let me know if this was helpful.

May 20, 2008 at 6:53 pm 2 comments

Spreadshirt Digital Printing Requirements Tutorial

I figured it was about time we should write a Photoshop tutorial on how to create a design file ready for Spreadshirt’s digital printing service. If you are looking for an Illustrator tutorial explaining how to set up a vector file for Flex / Flox printing, please look in the Illustrator Tutorial Category. There you will find our step by step tutorial for setting up vector illustrations for Spreadshirt in Illustrator. Below I explain how to make a .png file with an already created design.

Step 1: You will want to open up Photoshop and create a new document with the settings below. Make sure to select CMYK mode for your file.

Step 2: Once your file is open you can start creating your design. Be sure to make your design as big as you can without going outside the white space. This will ensure your design can be made smaller without pixelating. I am using a design I already had on hand. My design was brought into Photoshop from Illustrator as a Smart Object. You can either create your design in Photoshop or Illustrator. Just make sure to bring it into Photoshop so you can follow along with the rest of this tutorial.

Step 3: Go to your Layers Palette and click on the eye icon next to the background layer. You will notice that it disappears. You need to make sure this is done so your file will have the background cut out for the transparency.

Step 4: After you have hidden the background layer, go to File > Save for Web & Devices as shown below.

Step 5: The Save for Web & Devices window should now be on your screen. Make sure to select a PNG-24 for your file type and to check the Transparency box. Click Save.

Step 6: You should now see the Save Optimized As window on your screen. Navigate to the folder you want to save the file in, and give the file a new name. I named mine Design1. Click Save. You should now have a file with a .png extension. This is the file you will want to upload to Spreadshirt for approval. Make sure to save your file as a Photoshop (.psd) file as well so you can edit it, or use it to save out other .png designs for upload.

There you have it. I hope this helps. If anyone has any questions please post them below. I will be happy to answer them as soon as possible.

April 16, 2008 at 1:34 am Leave a comment

Glassy Orb in Photoshop

I realize I just posted the easy glassy orb effect tutorial for Illustrator, but I have been made aware that a few people would like to see a quick Photoshop glassy orb tutorial as well. It is a bit more complicated than the illustrator tutorial, but it only seems fair to put the two versions up.

Step 1. Grab the ellipse tool in Photoshop and create a circle with a blue fill and no stroke. The size and color are up to you. I used this color (#458CCA ).

Photoshop1

Step 2. Double click on the circle’s layer to get the Layer Styles palette and select a gradient. Make sure to select a radial gradient for this and have the gradient go from white to the blue color you selected. I chose this color (#458CCA).

Photoshop2

Your orb should look like the circle below.

Photoshop3

Step 3. Now, create another circle. Make sure to make the second circle smaller than the first one. Double click the second circle’s layer to get the Layer Styles palette and select a gradient. Make sure the gradient is linear for this circle.

Photoshop4

Step 4. Double click the gradient bar to bring up the Gradient Editor. Make a gradient with white on the left and transparent on the right like the image illustrates below. Press OK on the Gradient Editor and Layer Styles Palette.

Photoshop5

Your orb should look like the image below.

Photoshop6

Step 5. Now, select the gradient tool in the Photoshop Tool Palette. Bring up the Gradient Editor and select a gradient that has white on the left and black on the right. Press OK on the Gradient Editor.

Photoshop7

Step 6. Select the second circle’s layer. Now, create a mask by going to the layers palette and clicking on the create a mask button. Select the newly created blank mask square located on the second circle’s layer, grab the gradient tool from the Photoshop Tool Palette and drag the gradient tool like the image illustrates below.

Photoshop8

This is what the final orb should look like when you are done.

Photoshop9

If anyone has any questions about this tutorial please let us know by posting below. I hope this was helpful.

April 3, 2008 at 1:11 am Leave a comment


Categories

Feeds

Blog Stats

  • 60,175 hits