• The Facebook Platform

Results 1 to 1 of 1
  1. #1
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    Default Create a Glossy Volt Icon in Photoshop

    Step 1: Create a new document

    First of all create a new white document 1000×600 and then create the thunder shape using the Polygonal Lasso Tool (L).
    step1 - Create a Glossy Volt Icon in Photoshop
    Step 2: Apply Color

    Create a new layer and with the selection still activated fill it with #ff9c00.
    step2 - Create a Glossy Volt Icon in Photoshop
    Step 3: Create the 3D effect







    Next you need to duplicate the layer two times and change the color of these 2 layers to #ffc66c. Also move them behind the first layer and place them like in the image below.
    step3 - Create a Glossy Volt Icon in Photoshop
    Step 4

    Next you need to merge the two layers you just created in step 3 and using the Polygonal Lasso Tool (L) make selections like below and fill them with the same color as the shape.
    step4 - Create a Glossy Volt Icon in Photoshop
    Step 5: Add shadows

    Using the Burn Tool set to Shadow and 60% Exposure you need to draw over the corners of the layer created in step 4.
    step5a - Create a Glossy Volt Icon in Photoshop
    step5b - Create a Glossy Volt Icon in Photoshop
    Step 6: Darken shape

    Again using the Burn Tool (O) you need to select the first thunder layer and burn the corners of the shape.
    step6 - Create a Glossy Volt Icon in Photoshop
    Step 7: Add stroke

    Hold down Command key and then click on the first shape layer thumbnail to make a selection around it, create a new layer above this then with the Lasso Tool (L) select and press the Right + Click on the screen and create a 3 px stroke with this color #ffab45.
    Use the Blur Tool (R) to soften the edges of the stroke.
    step7a - Create a Glossy Volt Icon in Photoshop
    step7b - Create a Glossy Volt Icon in Photoshop
    Step 8

    Create a new layer on top of all the layers and using the Brush Tool (B) set to the same color used for the stroke #ffab45 you need to draw on all the corners of the thunder.
    step8 - Create a Glossy Volt Icon in Photoshop
    Step 9: Shadows

    It is time to add some more intense shadows. For this select the layer behind the original thunder shape and using the brush set to #800300 draw on the corners like in the image below.
    step9 - Create a Glossy Volt Icon in Photoshop
    Step 10

    Duplicate the stroke from step 7 and go to Image > Adjustments > Brightness/Contrast and set it to (brightness -150, contrast +30). You will also have to move the new layer right a few pixels like below.
    step10 - Create a Glossy Volt Icon in Photoshop
    Step 11

    Use the Eraser Tool (E) and erase the corners of the stroke and use the Blur Tool (R) on the stroke to make it blend in with the other shapes.
    step11 - Create a Glossy Volt Icon in Photoshop
    Step 12: Light colors

    Create some more light colors on the thunder using the Brush Tool (B) set to #ffa93c. Make a selection like below, create a new layer on top of all the layers and start adding some color. Remember to use a soft brush for this.
    step12 - Create a Glossy Volt Icon in Photoshop
    Step 13

    Create a new layer and make a selection like below. Draw with the Brush Tool (B) set to #6b000 and set the layer to Overlay.
    step13 - Create a Glossy Volt Icon in Photoshop
    Step 14: Improving the shape

    Next you need to work some more on the layer behind the original thunder shape. You need to change the shape of the layer a bit by making some selections like below and drawing over the layer with some more colors and shadows.
    step14 - Create a Glossy Volt Icon in Photoshop
    Step 15

    Create a new layer and make a selection like below and using the Brush Tool (O) draw on top of the selection with #e20001 and on the bottom of the selection with #ffa739.
    step15 - Create a Glossy Volt Icon in Photoshop
    Step 16: Details

    Use the Eraser Tool (E) and erase the corners of the stroke.
    step16 - Create a Glossy Volt Icon in Photoshop
    Step 17: Add Gloss

    It is time to add some more gloss on the shape. Create a new layer on top of all the layers and make different selections like below, then using a yellow color and a soft brush you need to simply draw some faded shades of light on the shape then set the layer to Overlay or Soft Light. You can also erase some parts of the gloss and make it fade out. In the end add some final strokes, smudge them and lower the opacity.
    Remember that you will have to create different selections for each gloss you apply.
    step17 - Create a Glossy Volt Icon in Photoshop
    Final Result

    final result small - Create a Glossy Volt Icon in Photoshop
    Download the PSD

    Download the PSD
    Find Me On Social Networks

    Facebook | Twitter | Google+



 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •