Tutorial to make Sailor Moon Wallpaper

Aug 11, 2011 22:56


Tutorial to create this wallpaper:




Program: Photoshop CS5
Difficulty: Expert
Pictures Used: 2
Textures Used: 3
Fonts Used: Manga Temple and HongKong

ALL SMALL IMAGES ARE CLICKABLE TO ENLARGE

Okay, before I get into this step-by-step tutorial for this wallpaper, I should mention that this isn't the exact way that I did it. I do a lot of testing (like most of you probably do) with pictures/textures when I make a wallpaper but since this is a tutorial, I am going to do the step-by-step as though I did it in order and not out of order like I do it.

Let's begin. My wallpaper is 1400x900 but you can make it whatever size you want.




Step 1: Once you have the above picture in your project, just resize/crop it to the siz that you want making sure that you resize it so that the website at the bottom isn't in the project.

Step 2: This is where it gets somewhat complicating. As you can see from the finished wallpaper, at the top of this tutorial, there isn't a moon and the feathers aren't seen in the wallpaper. You can use different tools for this step. You can either use the cloning tool and clone surrounding areas onto those parts to make them disappear or you can use the paint brush and paint out the moon/feathers. However the tool I used was the 'Spot Healing Brush Tool'. I used it to first take out the feathers and then with multiple clicks I made the moon disappear as well.

This is what it looked like after this process:  



Step 3: Now I added a texture of what looks to be a planet or moon of some sort. It's very pretty and really worked with the theme of Sailor Moon.



There is no editing to it, just make it the size of your wallpaper. Then I changed the blending type to 'Soft Light' to make it more transparent and make it seem like it's part of the background.

Step 4: Next I added in the picture of the sailor scouts. With this step I made the texture of the planet/moon invisible to make it easier to see the scout's picture.



It took a lot of resizing but eventually I got it the way I wanted. With the main ppicture of Sailor Moon's hair running across the picture I had to make sure I could see both Sailor Moon (Scouts Pic) and Sailor Venus' faces.

Step 5: Once I had that figured out I changed the blenging type to 'Overlay'

Step 6: It still looked odd because the edges of the picture were clashing with the main picture of Sailor Moon so I used the 'Eraser Tool' and erased pieces of the Scout's picture running along the main Sailor Moon. That included anything of the main Sailor moon that was underneath the Scouts picture because she is the main focus of the picture. Make sure to only erase on Sailor Moon, not the glowy effect outside of her wings because the pink of the Scout's picture makes a really interesting effect in the glowy effect.

Once you have done steps 4-6 it should look like this: 



You can now make the planet texture underneath the scouts layer visible again and it should look like this:



Step 7: Here I use another texture



As you can see I didn't just stick that texture on the project. Once I resized it to the size of the wallpaper, I clicked on the button 'MASKS' next to 'ADJUSTMENTS' above the Layers area on Photoshop. There I clicked on 'Color Range'.

Here I used the 'Eyedropper +' to select only the white part at the bottom of the texture.


Once selected, click OK.

Step 8: Now I right clicked on the layer that I just masked and clicked 'Blending Options' in the drop down menu. Here I check marker 'Bevel and Emboss' to get the effect that it's sticking out but I didn't change any of the original settings.



Step 9: Still in Blending Options I then clicked on 'Satin', I check marked it and then I changed the color to a pink.



Step 9: Once you have the pink, click okay and then I changed the opacity of the satin to 50% and the blending mode to Multiply.



Step 10: Still in Blending Options, I clicked on 'Color Overlay' and made the color white. Opacity is 100% and the Blend Mode is normal to brighten up the pink.



Now you finally click OK in the top right corner of Blending Options. My project then looked like this: 



Step 11: Now I used the final texture to make the main Sailor Moon pop out more. 



I resized the texture to be the size of the project then I changed the blending type to 'OVERLAY' and changed the opacity to 76%.

Step 12: I then did the opposite of the scout's picture and roughly erased everything outside of Sailor Moon to the left of her even around her long hair, everything to the right of her I kept because the texture made everything around her pop. You do NOT need to be exact. Close is fine.

This is what it looked like afterwards: 



Step 13: Now that the wallpaper is done, it's time for the text. The first I did was the phrase "We Are The" using the font Manga Temple (link to the font is up in the description) and I made the size 30pt. It's also in bold. After I wrote out the text and placed it where I wanted, I roght clicked on the layer and clicked on 'Belnding Options'. First I clicked 'Drop Shadow' and gave my text a shadow. 



Step 14: Then I clicked on 'Bevel and Emboss' to make it stick out.

Step 15: Then I clicked 'Gradient Overlay' and chose the gradient drop called 'Spectrums' and chose the first rainbow looking one. I then made the angle 0 degrees. 

Click OK now.

Step 16: i then wrote out the phrase "Sailor Scouts" using the font HongKong (link in the description) and made the font size 48pt. It's in regular font. I then placed it underneath the first phrase but to the right a little. I then right clicked on the layer and clicked on Blending Options. I repeated steps 13-15 as I did for the first text except I changed the Gradient Layer's spectrum from 0 to 180 degrees.



And there you have it, here is the final product of the wallpaper.




Hope you liked this tutorial. :D 

challenge, land of art, tutorial

Previous post Next post
Up