The amazing spiderman

March 6th, 2009 by ART-D Posted in Adobe Photoshop, Designing

   

Decorate your desktop with this amazing spiderman wallpaper concept.

Start working by finding a kind of carpet texture having 1280×1024 px and 72 dpi, the one from below (I used this texture from cgtextures.com):

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Next we’ll create a new file (File>New) of 88×102 px and 72 dpi to represent the first part of the texture we want to have, using the Pen Tool (P)

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Select the next demonstrated parameters for the last made layer by making a mouse click on this layer on the layers’ panel: Fill 0%, Blending Options>Stroke

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create one more new layer of 112×97 px and 72 dpi and place here, applying the Free Transform option, the texture’s elements. We’ve preliminary made a copy of the texture:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Edit>Define Pattern
On the new layer (Create new layer) we’ll select Edit>Fill option where we’ll apply the earlier saved texture’s pattern:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

The texture’s layer will be processed now with switch between Free Transform and Warp modes out of the Free Transform selection:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Select for the changed layer the next selection: Filter>Blur>Gaussian blur

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Next we’ll create a new layer under the previous one and apply the earlier represented texture’s pattern Edit>Fill. Using the Free Transform option, make smaller the texture’s sizes:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

The layer’s parameters: Blending Options>Drop Shadow

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Blending Options>Gradient Overlay

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Gradient’s parameters:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Make a click on the bottom part of the layers’ palette on the layer we work with on Add a Mask selection and choose here a standard brush (Brush Tool (B)) to clean out with black color several texture’s zones:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Next we’ll represent the web, using this time the Rectangle Tool (U) to draw a rectangle of yellow color. Then press Alt button while using the Pen Tool (P) and the Convert Point Tool to cut out an opening in the web, representing this way its image:

Create amazing spiderman wallpaper concept in 
Photoshop CS4

The layer’s parameters: Blending Options>Drop Shadow

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Blending Options>Inner Shadow

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Blending Options>Outer Glow

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Blending Options>Inner Glow

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Blending Options>Bevel and Emboss

Create amazing spiderman wallpaper concept in 
Photoshop CS4

Create amazing spiderman wallpaper concept in 
Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

  • Sus

    26/08/2009

    Great artwork. It looks fantastic. But you’re not that good at telling what you do. I know this is not beginners level, but you should run your tutorial through for your self, caus sometimes you forget to write about a detail.

  • Sign Dude

    28/10/2009

    WHAT?????????

  • Mark

    24/01/2010

    This isn’t so much a tutorial as a strange, odd way of editing and combining things. The hexagon pattern was very hard to follow by instruction.

    Still, it was good of you to put it up for us.

  • Oleo

    12/02/2010

    Hey, could someone put up the honeycomb pattern for download? I can’t get it right..

    Thanks!

  • AngelFromAdobe

    12/08/2010

    Very nice result , but sorry dude this tutorial is impossible for me to follow..

  • Logo Design

    17/09/2010

    Unbeliavable!!!

  • isuez

    07/11/2010

    Thanks and Regards

  • wim

    02/02/2011

    Hi,

    I’m stuck the hexagon.

    I’m new to adobe photoshop.
    I followed the instructions, but I cannot seem to get a 5 pixel thick hexagon.

    Could you please help?

    thx
    Wim

  • shely

    16/02/2011

    why the first step of this page(Bevel and Emboss )has to choose the “color dodge”?

    dude I can’t understand。。。

    show me

  • Ronald

    14/05/2011

    Hola a todos_aqui esta mi diseño xD..no quedo tan exacto pero vale lapena, lo intente saludos.

    http://www.flickr.com/photos/62912212@N08/5719228744/

  • des

    12/07/2012

    Hi

    I am me
    i am trying to get thick hexagon but doesn’t work
    why is that
    please help

  • selahattin

    03/08/2012

    a tutorial very super. spiderman should be surprised by it :)

  • okumupal

    18/10/2012

    I went through the tutorial but i end up absorbing nothin

  • olivier

    22/10/2012

    its the worst tutorial i ever seen, can’t follow the it. its like its in chinees. i strugle so much for making a simple hexagon. omg

  • Sam

    23/11/2012

    hello guys to create a hexagon just select the polygon(U) tool and put “sldes”=6. But be sure to open a new layer of the size as he has given and also make the hexagon of full size of that layer. Make the “Fill” 0% so that when you create stroke the hexagon is not filled with white. Then, Save it as palette.

  • Raz

    14/12/2012

    I dont understand the first part where u making a new file and then a new layer.., i dont understand if i first load the texture, or i make a 1280 x 1024 canvas??? Please explain that part cause im stucked! Thanks

  • arenareviews

    21/05/2013

    Awsome tutorial I understand very well thanks for sharing.

  • Spike

    03/03/2014

    So, i managed it to the part with the convert point tool. I really don’t get it. I don’t know how to make these shapes. I mean, I can find the tool, and then what? I drag and shape it, but then I lose control over it.
    I looked on some other sites, and teher is no explenation about this tutorial. This is the only one.

    Is the some other way to make these shapes without the convert point tool? And if yes. How and with which tool?

We are dedicated to making our certification easier by our 642-566, 642-654 and 650-393 practice exams,in fact using our material and preparing for certification exam HP0-Y31 and E20-335 should be a learning process at best.