How to make Creamy LCD Display in photoshop
Step 1
First create a rounded rectangle with your rounded rectangle tool of size w=144 h=82 and fill with color=FFCF5A
Step 2
Then apply the following layer styles to the layer:
Inner Shadow: color=black
Inner Glow: color=FF0000
Bevel & Emboss: colors=default
Satin: color=715501
Gradient: foreground color= transparent background color=FF3000
Stroke: color=black
When your done you should have something like this:
Step 3
Then add a small bump at the bottom of the of the lcd in a new layer with the color=FF6000. Select the layer transparency of the lcd layer then go back to the new layer. Apply a Gaussian Blur of about 1.0. Finally set the layer Opacity to 22% in your layer palette.
When your done you should have something like this:
Step 4
Duplicate the small bump layer you just create then click "Edit > Transform > Flip Horizontally". Then click "Edit > Free Transform" and set the width (H) to 50%. Then move the layer to the far right corner of your lcd and set the layer opacity to 25%.
When your done you should have something like this:
Step 5
Create a new layer folder/group and rename it "Glass" in your layer palette and create a new layer inside it and fill it with color=white. Name this layer "Layer 13" for good luck. Select the layer transparency of your lcd layer and then invert the selection. Go back to your lcd folder, then to the new layer you created and delete the unwanted portions of white from it. Invert the selection again to regain it then Gaussian blur the white layer by about 15.0. Using your vector tool create a wave across the white layer that swoops down when up then starts swooping down again. Let the selected portion be the bottom part of the lcd. Then right click on the edge of the vector area and click "Make Selection". Then press delete on your keyboard. Select layer transparency of the lcd layer then go back to the white layer and blur by about 3.0. Set the layer opacity to about 31% in your layer palette.
When your done you should have something like this:
Step 6
Select layer transparency of your lcd area again and create a new layer called "Layer 14" and fill it with white, remove the bottom portion of the layer so that the layer only cover about 120 pixels of your lcd area from the top down. Select layer transparency of your lcd layer again then blur your new layer by about 13.0. Select layer transparency of Layer 13 then invert the selection and delete the portions from "Layer 14". If the layer is bit to bright set the transparency to as low a desired, I've set mine to about 92%.
When your done you should have something not too far from this:
Step 7
Create a new layer called "Layer 15". Select layer transparency of your lcd layer, invert the selection then delete the unwanted portions from Layer 15. Invert the selection again to regain it, then move it down by one pixel and click delete on your keyboard to create a thin white line in the shape of your lcd. Make your you deselect any selections you have then Gaussian blur the layer by 1.0. Move the layer down by 6 pixels. Duplicate the layer to create "Layer 15 copy" and move this new layer down by 1 pixel.
When your done you should have something like this:
Step 8
I noticed that the right and bottom parts of the display are a bit bright and may need some darkness to them so create a new layer called "Layer 16" and fill it with black. Select layer transparency of your lcd layer, invert the selection and remove the unwanted portions of Layer 16. Invert the selection again to regain it, then move the selection up by 2 pixels and to the left by 2 pixels then delete this area leaving a 2 pixel black area just within the lcd region. Select layer transparency of your lcd layer then go back to layer 16 and blur to your desired of darkness.
When I was done I had something like this:
Step 9
Create a new layer called "Layer 17" and redo you steps like Step 8 but this time use a lesser blur and adjust the layer opacity until you get the desired look.
When I was done I had something like this:
Step 10
Some airbrushing skill is needed now and if you have a drawing tablet then your in luck if not you'd have to use your blur tool or Gaussian blur until you get the look desired. Your going to add a bit of white to the top right corner of you display but its going to be very faint and the edges of it must not be visible at all.
When I was done I had something like this when you place the airbrushed "Layer 18" over a black layer by itself:
Then I set the transparency of my layer to about 50% and I had something like this:
Step 11
Create a new layer called "Layer 19" then create a white-to-transparent gradient from the boom left corner of the lcd area with a length of about 60 pixels diagonally towards the top right corner of the lcd. Set the layer opacity to about 45%. You can also blur it by about 1 or 2 pixels to smoothen it out a bit if you want.
If you want to see this layer against a black background so you can see how it looks at 100% opacity then look here:
When your done you should have something like this:
Step 12
Create a new layer called "Layer 20" then with your vector tool create a bump at the bottom of your lcd area and fill the area with white. Gaussian blur this layer by about 2.0 and set the opacity to 36% and you should have something like this:
Step 13
Finally add some airbrushed layers to the bottom right and left corners of the lcd area and another line like "Layer 15" but at the bottom this time and your done. When your done you should have something like this:
0 comments:
Post a Comment