Forum, Graphic Design Gallery, and Social Network
Design Float
Digg
Delicious
Design Bump
Design Related
The Web Blend
DZone
Photoshop Tut: Headphone Malfunction
To inaugurate the tutorial section, I present you the "Headphone Malfunction", it's a simple tutorial I made specially for uCreative.
So, we are going to convert this:
To this:
Stock Pictures:
Headphones: headphones.jpg
Flames: dadilights.deviantart.com
Background: jsn1207.deviantart.com
Final PSD (in .zip file): FINAL-WEB.psd.zip
Here we go:
1. Create a new document for your work. I made mine 2000 px wide x 1000 px.
2. Then open the headphones picture so we can remove the background.
3. Since it's a simple image, the Magic Tool was enough for this. Change the Tolerance (marked on top) to 10, and select and delete the areas marked with the X.
4. Make a new layer, and use the gradient tool (on radial gradient) with two dark greys to make the background.
5. Open the flames picture so we can prepare them for placement on our work.
6. Get the Color Range selection tool.
7. Use the eyedropper with the '+' sign and select one or two tones of orange from the flames. Play with the Fuziness to see the diference on the selection. Press OK.
8. You should get something like this. Copy and paste it in a new layer (Ctrl + C and Ctrl + V, or Cmd + C and Cmd + V on apple)
9. Copy an individual flame to the work, place somewhere you think it looks good. Repeat.
You should get something like this.
10. Since not all flames should be on the front of the work, we need to make some of the flames appear to come from between the "speakers". For that, place one of the flames in the center and use the Mask option marked in the screenshot above. A small white rectangle will show up as seen on the screenshot. With this option activated, everything you paint with black will become transparent, and with white will show up again.
11. Paint the area marked using black, so only the flame that looks from behind the speaker stays visible. The white rectangle from the mask option will show up what is painted with black or white.
12. To add some more effect to the background, open the pattern and copy it to your work.
13. As you can see, black doesn't really work here, so we're changing it to white. Select the Layer, and on the buttons below click on the second one. A popup menu will appear, there, select 'Color Overlay'.
14. A new window will open, in this window you just need to click on the rectangle marked above, and that will open a color selection window. Choose white.
15. This will make your pattern turn white. After that, change the blending mode to 'Overlay' and play with the Opacity until you get something you like, i stopped at 41%.
16. I forgot a small detail. In case you need to shape a flame to suit your needs, just click on a corner of the frame that shows up when you have a flame selected, and then click the button marked on the top of the screenshot. The flame should now have nine squares like on the picture. Move them around to shape the flame.
17. I think that the headphones look too white, and that the flames would probably give some orange tone to them because of the reflection. For that create a new layer above the headphones layer, and pick some orange tone from the flames. Paint roughly as pictured and then right click on the layer and select 'Create clipping mask'.
18. The colored layer should now fit inside the headphones as seen above. You may notice that now the layer is in a darker orange, that's because after a test I thought that the previous orange was to light. I redone it by selecting a darker tone from the flames. After clipping the orange layer, change the blending to overlay and lower the opacity.
Next, we will play with the Hue/Saturation, the Color Balance and give it some Contrast. Those three options are marked on the screenshot above.
19. I thought that the flames were too yellow, so change the Hue until o get a redder flame.
20. Now the color balance, change the rulers on 'shadows', 'midtones' and 'highlights' to get a vintage tone on the work.
21. After all those detail, i noticed there were some spots that could get some more flames, so, I went back. Added one more flame on the left speaker and shaped it.
22. After getting the flame in place, I used a mask to paint out the extra flame that I didn't want. Then, repeated on the right speaker.
Now that we are back on track, time for the last detail of the background, those glowing cuts, lasers, or what do you wish to call them.
23. Use the rectangle tool to draw a really thin rectangle. Then, on the options below the layers, use the second button to access the 'Outer Glow'. Add a glow with same color as the rectangle.
24. Now, create a new layer, paint roughly along the reactangle with the same color.
25. Then change the layer blending to Screen and lower the Opacity.
26. Use the eraser to remove the excess of the glow created. I deleted the area painted in red.
27. Move and copy the glowing rectangles as you wish, and you're done! (In the end I played a little more with the 'Color Balance' but explore those options as you wish.)
I hope you like it.
Do you have a tutorial you want to share? What are you waiting for?! :D
Tags: fire, flames, headphones, photoshop, tutorial
Replies to This Discussion
-
Permalink Reply by Douglas Cullen on -
Thanks for sharing this one Edgar. I will be trying this one soon. I like the flaming effect in here. Hope to see more of this. Keep them coming!
-
Permalink Reply by Edgar Almeida on -
Thank you Douglas. First time making a tutorial here, I felt a little lost lol.
I'll think in something new to add here.
© 2013 Created by Team Ucreative.
YouTheDesigner
NaldzGraphics
BlueBlots
10Steps
Animhut
Inspiredology
ThePhotoArgus
TheDesignCubicle
OurTuts
AndySowards
Onextrapixel