Image Manipulation Tutorial

Welcome to the Photoshop Tutorial on Basic Image creating!

Here, you will learn how to put art together through the use of Adobe Photoshop, and how to deal with transparency images. Below is what we're going to make:


Step One: Getting started

First, we're gong to start with a background. For this tutorial I've used the Super Mario Galaxy stage from Super Smash Bros for the Wii U. It's a good background to practice on because of all the colors and different textures, so transparency is easier to see.


Step Two: Adding an image

Next, take an image and paste it onto the page. If it's too big, resize it so it fits onto your canvas. I'm going to use this picture of Mario to demonstrate. The reason for the black background behind Mario is because when transparency is pasted into Photoshop, it makes it opaque and black.


Step Three: Removing the Black Background

To ail this, make a new layer (Ctrl+Shift+N) and drag it so it's below the Mario image. Fill the layer black with the Paint Bucket Tool (by pressing G). If you get the gradient tool, click and hold the Gradient icon on the toolbar (which should be on the left) and you can choose the paint bucket from there.


Now, select the top layer (which should contain Mario) and press Ctrl+E to merge Mario and the black layer. Use the Magic Wand tool (by pressing W; if you get the Quick Select Tool, just change the tool like you did with the gradient/paint bucket) and select all the black around him. Make sure that the settings for the Magic Wand Tool (in the toolbar at the top) are set to a suitable strength (56 is okay, but you can adjust this more or less according to which image you have) and that the Anti-Alias and Contiguous boxes are checked.

Delete this selection by pressing Delete on your keyboard and you should get something which looks like this:


Step Four: Moving around, and adding another image

Now, you can press Ctrl+T to transform your Mario layer. To scale the image, you can press shift while dragging the corners, and you can rotate the image by clicking outside of the box. Once you're done, press the tick icon which should appear at the top.


Now you can add another image if you want - I shall use the Space Toad from Mario Kart 8. this time, though - the helmet has transparency, which makes this a tad more complicated.

Step Five: The Helmet

Repeat taking the background away from the Toad just like you did with Mario first. This gets most of the black background out of the way.


Next, use the Magic Wand tool to select the helmet - be careful not to select the outline or any part of the Toad! If you make a mistake, you can use Ctrl+Z to try again or Ctrl+D to deselect altogether. This time, instead of pressing delete, cut it out by using Ctrl+X. This saves the selected image into your clipboard, so you can paste it again by pressing Ctrl+V.


You could leave the image here, but it wouldn't look quite right due to the lack of reflections and glass effect. Place the black background where it normally would go above the Toad layer, and go to the Layer effects section, pointed out by the arrow. Here, you should come across a drop-down box that includes a lot of effects. For this case, you'll want to go with "Screen"


As such, you now have the reflections back in without the black background! You can now Ctrl+Shift+E to flatten the whole image, and save it by pressing Ctrl+S. Thanks for reading and I hope you've found this tutorial useful. File:Sigdmts.png(Talk)

Community content is available under CC-BY-SA unless otherwise noted.