Photoshop Tutorials

[F15pilotX 4]

Well, the title (and description) are pretty self-explanatory, so yea..hope you enjoy the tutorials I'll post in random spurts Of course, I'd love for anyone else good or somewhat accomplished at Photoshop to post something not there, so feel free to

 

If you have questions on a tutorial, PM it's creator or post a new topic, but please don't put it in here....the topic'll be much easier to read that way

 

 

List of Tutorials

• How to Cut a Shape Out of a Picture
• How to Fade Images Into Each Other

 

Edit- thanks for pinning it, whoever did

Edited July 13, 2008 by F15pilotX

[F15pilotX 4]

How to Cut a Shape Out of a Picture
(i.e. high-tech cookie cutting )

First off, I did this in Photoshop CS3, but if you have Photoshop Elements, you can just use the Cookie Cutter tool
Click here for the images used in this tutorial

• Start up Photoshop, and open the picture you want to take from (in this case, a render Luk3us used in BioBen's sig )
  
• Convert the image to a layer (if it already isn't) by double-clicking it in the Layers palette and pressing ok in the box that pops up
• Create a new layer by press the button in the layers palette
  
• Click the Shape icon (on the Tools bar that's usually on the right....if not, click Window >> Tools to make it appear) and draw the shape you want cut out of the image
  • I'm going to use a rounded rectangle in this example
  • It doesn't matter what color its fill is right now, don't worry about it
  
  With shape on it:
• Right click on the shape layer in the layers palette (Window >> Paths if it's not there already), and click Blending Options
• Drag the Fill Opacity (diferent from Opacity) down to 0% and press Ok
  
• Go back to the Layers palette, except this time you'll click on the Paths tab, then right click on Shape 1 Vector Mask, press Make Selection... , and for settings use the following:
  • Feather: 0
  • Check Anti-Aliasing
  • Under Operations, check New Selection
  
  
• Click on Edit >> Copy (Ctrl + C)
• Open a new image with a transparent background, and click Edit >> Paste (Ctrl + V)

Final Product:


The End! Edited July 15, 2008 by F15pilotX

[F15pilotX 4]

How to Fade One Image Into Another

Again, done in Photoshop CS3....I don't know about 5, but I know Elements 4.0 can't do this the way I'm explaining it

• Open two images, preferably the same height
  ---
• Press Ctrl + A to select all of one image (in this case, the bridge image), press Ctrl + C to copy it, and paste it onto the other image (in this case the blue zone) by pressing Ctrl + V
  
  It should be positioned about like this:
  
• Now, make sure the bridge image is the layer selected, and click Layer >> Layer Mask >> Reveal All
  
  
  The image won't look any different; however, the Layers palette should look like this:
  
• Now, click on the Gradient button, and make sure it is set to horizontal gradient with white on the left and black on the right
  
• Making sure the bridge layer is still selected, place the cursor at 50% horizontally, and drag the gradient to about 25% horizontally (0% being left, and 100% being the right side of the image)

Your image should look somewhat like this:



And here's a completely random example of how to put this process into use in a signature:



The End! Edited July 17, 2008 by F15pilotX