Saturday, 2 March 2013

Corporate business website banner Tutorial


image023
Description: This Photoshop tutorial teaches you to create a banner or logo for corporate busness website. This tutorial demonstrates the use of Pen Tool, Elliptical Marquee Tool.



  1. Create a new document of dimension 300x150px with background color as #eaedf3.
    image001
  2. Select the custom shape tool (U) and from the shapes select the triangle shape and drag the cursor on the document to create a triangle. You can use any color for the background. I have used #747578. Then right click the shape layer from the layer palette and rasterize the layer. Name the layer as Triangle1.
    image002
  3. We will then add the following layer effects to the triangle layer. Right click on the Triangle1 layer in the layer palette and select Blending options:
    1. Gradient Overlay : First select the Gradient overlay style from the Blending options palette. Set the gradient colors from #c2c4c9 to #6c6e70 and set other options as shown in the image:
      image003
      The Image should appear like:
      image004
    2. Bevel and Emboss : Select the Inner Bevel from the Bevel and Emboss style with Highlight mode and the shadow colors as #e5e8ee and #747578 respectively. Set other options as in Image:
      image005
      The Image should appear like:
      image006
    3. Stroke : Select the Stroke option and set the size as 1px, color as #ffffff and position as outside.
      image007
      The Image should appear like:
      image008
    4. Outer Glow : Set the outer glow color as #ffffff.
      image009
      The Image should appear like:
      image010
    5. e. Drop Shadow : Finally select the drop shadow style and set the shadow color to #c1c3c8.
      image011
      The Image should appear like:
      image012
  4. Duplicate the Triangle1 layer, press shift + right arrow 3 times to move the image to right, name it as Triangle2. You should have the image like below:
    image013
  5. Make changes only to the following styles and leave the rest of the styles as such:
    1. Gradient Overlay : Set the new Gradient colors from #a5a4c2 to #150a60.
      image014
      The Image should appear like :
      image015
    2. Bevel and Emboss : Only change the colors of the Highlight and the shadow mode as #d7d8db and #150a60.
      image016
      The Image should appear like :
      image017
  6. Once again select the custom shape tool and select the fill circle and drag on the document to draw a circle as shown in the image:
    image018
  7. Rasterize the layer and name it as Circle. Right click the Triangle2 layer in the layer palette and select Copy Layer Style then select the Circle layer in the layer palette, right click the layer and select Paste Layer Style.
    image019
  8. Now that we have created a logo next we will create company name. Using text tool type the Name of the Company. I have used the name Global Networks. First we will type the letters Global. Copy the layer style of the Triangle1 and paste it to the Global layer. From the layer styles remove the Bevel and Emboss and the Gradient overlay and add color overlay with the color #6c6e70.
    image020
    The Image should appear like :
    image021
  9. Next create another text layer with the word Networks. Copy the layer style of the Triangle2 and paste it to the Networks layer. Remove the Gradient overlay and the Bevel and Emboss style and add Color overlay style with the color #191452.
    image022
    The Final Image should appear like :
    image023
    Thank you for visit our blog.
    Hope you can learn something new from this tutorial. For your valuable suggestion please put your comment below.
    Get brilliant qualities clipping path, clipping path service & image masking service from Clipping Design. Clipping Design always assures photo editing at quick turnaround time with guaranteed client satisfaction on top quality photoshop masking .
    You can also discover 100% handmade clipping path&clipping path service in reasonable price.
    Thank you…
    Reference: adobeusersite

No comments:

Post a Comment