In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. Although the chances are, you are thinking “why would I need to make it?”, the reason for this tutorial is to teach people the techniques used for mocking up a product design.
Archive for the ‘adobe Photoshop Tutorials’ category
Photo- and Picture Editing and Processing
February 25th, 2010Convince Your Boss To Let You Go To Photoshop World!
September 25th, 2009In this economic climate so many people are just doing what they can to keep their jobs. Some are more interested in advancing themselves in their field to better their business and continue to grow, not just sustain. Of course these days the last thing a lot of people want to do is go and ask their boss for money. Well NAPP has managed to put together a small proposal that you can present to your boss to convince him or her to send you to Photoshop World in October. This customizable letter is great way to get your boss’s attention and let them know how important to the company such a small investment can be. So if you are really wanting to attend the largest and most popular Photoshop conference anywhere, then you really have no excuse to at least try. Good Luck!!! Hop to see you there.
Rock Background Tutorial in Adobe Photoshop
September 18th, 2009In this Photoshop Tutorial we will learn how too create a quick rock Background in Photoshop.
Step 1Create a new RGB Image of you desired size. In the channels pallete click on new Channel. It will become alpha 1. |
![]() |
Step 2Press “D” To reset the foreground and background colors. Filter>Render>Clouds |
![]() |
Step 3This is what you will see in alpha 1. Still in the Channels palette, click on the RGB thumbnail. Switch to the layers pallete. |
|
Step 4Filter>Render>Lighting effects. Set light to directional. Select Alpha 1. Click ok. |
![]() |
Step 5Instant rock. |
![]() |
Step 6Go to Hue/Saturation and add some color if you like |
![]() |
Adobe Photoshop Paste Into Tutorial
September 18th, 2009In this Photoshop Tutorial we will learn how place a person inside an image using the “paste into” command.
Step 1To start with you will need 2 pictures. I chose a picture of a hot rod and a person
|
![]() |
Step 2Using the pen tool draw a loose path around the window. |
![]() |
Step 3Now switch to the “add anchor point” path tool |
|
Step 4Once you have created the path, go to the paths palette and click, save path. Now we want to load the path as a selection. |
![]() |
Step 5You now will have a selection around the area we are going to position the person. |
![]() |
Step 6Select the person in the 2nd image and choose “copy” |
![]() |
Step 7
Select the hotrod image again and choose edit>paste into You will notice a new layer is created with a layer mask around the window. |
![]() |
Step 8Press Ctrl/Cmd+T for free transform and scale and position your person to fit inside the window |
![]() |
Step 9There all nicely positioned and sized in the window. The only problem now is that it looks a bit fake because the window has a highlight and the person is opaque. |
![]() |
Step 10Lets create a highlight for the window. Load the path of the window shape |
![]() ![]() |
Step 10Now switch to screen mode and lower the opacity to 29% |
|
Step 11There all done. Wanna take a ride? Don’t limit this techniques for people and windows, use it for all kinds of photo foolery and collaging. |
![]() |
Reflection Tutorial in Adobe Photoshop
September 18th, 2009In this Photoshop Tutorial we will learn how to get realistic water reflections. This will work for any object, not just for text.
Step 1Start with a gradient. Tip: To constrain the gradient to 90 degrees hold down the shift key. |
![]() |
Step 2Add your text or image |
![]() |
Step 3Make a copy of the text by dragging to the new layer icon |
|
Step 4On the copy go into free transform by pressing Ctr/Cmd+T. Mac: Option+Click>Flip Vertical. PC: Left click >Flip Vertical. Drag the reflected copy below the original |
![]() |
Step 5Free Transform again and stretch image by dragging down on the bottom middle handle. |
![]() |
Step 6Add a layer mask to the reflected copy and fill with a black to white gradient |
![]() |
Step 7Should look like this |
![]() |
Step 8Filter>Blur>Motion Blur. Angle -90 |
![]() |
Step 9Make a selection around the bottom part of the background layer. Image>Adjust>Levels or Ctrl/Cmd+L Adjust the sliders to lighten the surface |
![]() |
Step 10Free Transform again – Perspective |
![]() |
Step 11Select the background. Open Hue Saturation box. Colorize to add some color to the background. |
![]() |
Step 12Merge the reflection layer with the background by clicking on the box between the eye and the thumbnail, a link should now appear in the box. Click on layers>merged linked. |
![]() |
Step 13Make a selection around the bottom part of the image by using the rectangular selection tool |
![]() |
Step 14Filter>Distort>Ocean Ripple. Adjust settings to suit |
![]() |
Apply Makeup to a Girl with Adobe Photoshop
September 18th, 2009This Adobe Photoshop tutorial you will learn to apply makeup to a girl.
Step 1
Oprn your image that you wish to makeup.

Step 2
Select Smudge tool and apply these settings.

Step 3
Drag the smudge tool over the face, leaving eyes and lips.

Step 4
Now, go to filter>distort>Diffuse glow and apply these settings:

Step 5
Now, select Sponge tool:

Step 6
Apply these settings:

Step 7
Drag the tool over the eyes:

Step 8
Now, select soft featherd brush. Set the foreground color to #F98B8B. Set the opacity to 5% and drag the brush as shown:

Step 9
Increase the opacity the brush from 5% to 15% and drag the brush over the eyes and lips:

Step 10
Finally, go to filter>Render>Lighting Effects and apply these values:

Step 11
Our image is ready:

Digital Blast Tutorial in Adobe Photoshop
September 18th, 2009This Adobe Photoshop tutorial shows how to create a very simple digital blast similar to effects from the matrix movies

Step 1
Go to FILE/NEW and create a new document with the following settings:

Step 2
Press D on keyboard to reset colours to black and white.
Step 3
Go to FILTER/RENDER/CLOUDS

Step 4
Go to FILTER/PIXELATE/MEZZOTINT and ajust the settings as follows:

Step 5
Go to FILTER/BLUR/RADICAL BLUR and ajust the settings as follows:

Step 6
Go to FILTER GALLERY and select STYLIZE/GLOWING EDGES and ajust the setting as follows:

Step 7
Go to LAYER/NEW/LAYER and fill with a colour of choice.
Select the blending options for this layer and ajust the settings as follows:

Adobe Photoshop Tutorials
September 18th, 2009Adobe® Photoshop® software is the professional image-editing standard and leader of the Photoshop digital imaging line, delivers more of what you crave. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there’s no slowing you down.
3d Cube in Adobe Photoshop
September 18th, 2009This Photoshop tutorial covers how to make a 3d cube in Adobe Photoshop. It uses several Photoshop features – Gradients, Free Transform, Levels and Layers.
Step 1Start with a square. Here I made a new document 300X300, created a new layer and filled it with a gradient |
![]() |
Step 2Press Crtl/Cmd+T to enter free-transform mode. Right click/Cmd click… when the dropdown menu appears, select SKEW Click on the right middle square and drag up until you get your desired angle. Press Enter/return to apply the transformation. |
![]() |
Step 3Duplicate the layer |
![]() |
Step 4Enter free transform again (Ctrl/Cmd+t) Right click and this time select FLIP HORIZONTAL. Drag out the copy to the left. Hold down the shift key to keep the baselines aligned. You may also want to make this side a bit thinner by clicking the left middle square (node) and drag it in a little bit. |
![]() |
Step 5Create a new layer and make another square and fill it with the same gradient, this time make the lightest color at the bottom left. |
![]() |
Step 6This time while in the free transform mode… when you right click/Cmd click select DISTORT drag each corner until you get a good match. Be sure the corners fit nice and snug. This step will take a bit of practice to master. |
![]() |
Step 7Finally select the top of the cube. Image>adjust>LEVELS slide the middle triangle over to the right to darken up the mid-tones. Repeat for the left side. This step adds more realistic lighting to the cube. |
![]() |
Step 8Ta-da A complete cube. Don’t limit yourself to just cubes. You can use this effect for all kinds of shapes. You can even construct a cube out of pictures. Just use images instead of the gradients. |
![]() |
Anime Bead Tutorial in Adobe Photoshop
September 18th, 2009
Step 1Create a new document Create some text. (I used Planet Kosmos at 50 points) Ctrl/Cmd+Click on the texts’ layer thumbnail to load the selection Select>Modify>Expand Enter 5 pixels and click ok |
![]() |
Step 2The selection should now look like this |
![]() |
Step 3With the selection still active create a new layer and name it beads |
![]() |
Step 4Go to the Paths Palette Click the top right arrow and choose “Make Work Path” from the fly out menu Enter a setting of 0.5 (The minimum allowed) Click ok We have now made a path out of the selection |
![]() |
Step 5Prepare the brush… Choose White as your foreground color Select the Brush tool from the Toolbox Open the brushes palette Turn off all the boxes on the left Choose a 10 Pixel hard brush Set the spacing to 105% (This will make a dotted line) |
![]() |
Step 6Click on the Stroke path button as shown The path will now be stroked with white dots. Click in the blank area of the paths palette (Below the work path) to turn off the path |
![]() |
Step 7Go back to the layers palette You should now have something like this |
![]() |
Step 8Click the little “f” at the bottom of the layers palette to add a layer style Choose bevel and emboss and use the settings shown |
![]() |
Step 9Choose inner shadow and use the shown settings Click Ok to apply the style. |
![]() |
Step 10At this point we have a problem. The text is a bit small for the beads (There is a gap showing) Increase the size of the text to compensate, the edge of the text should line up with the beads |
![]() |
Step 11Add a layer style to the text. Apply a default drop shadow and a Bevel as shown |
![]() |
Step 12In this variation, I repeated the step and expanded by 10 pixels to create a second ring of beads. I also enhanced it a bit with some sparkles. |
![]() |




















































