iEntry 10th Anniversary About Tutorials Blog

design-a-web-studio-template-design-in-photoshop

Design a Web Studio Template Design in Photoshop

1-20-08Category Filed under Photoshop Tutorials & Web Layouts

Step 9:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Century Gothic, regular, 24 pt, crisp and #3364C5 for color. In a new text layer type the name of your web design firm on the empty white space by the stock photo. Then in a new text layer add your slogan.

Step 10:
Under the stock photo add a #DEEEF6 color shade rectangle, size 524×8 px.

Step 11:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Arial, bold, 12 pt, crisp and #003DB6 color shade. In a new text layer type ‘Latest News’.

Calendar Design:
Read Tutorial | Download PSD File

Step 13:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Verdana, regular, 11 pt, none and #D80000 color shade. In a new text layer type a sample news sentence.

Step 14:
Add another set of your latest news.

Step 15:
Make a new layer set(Layer > New > Layer Set) and name it ‘Footer’. Below your body designs add a #003087 colore shade rectangle, size 900×370 px. Then under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your large rectangle.

Step 16:
Keep the footer simple, add your navigation and copyright information.

Search Button:
Read Tutorial | Download PSD File

Now add another search box on the right side of your footer.

Step 18:
That should complete the template, click here to see the full view.

Pages: 1 2 3
Did you enjoy this design? We publish fresh tutorials
on a daily basis so why not Subscribe to our RSS Feed?

20 Responses to “Design a Web Studio Template Design in Photoshop”

  1. ricardo Says:

    me encantaria un tutorial como este pero en espaƱol

  2. admin Says:

    ricardo try babelfish.altavista.com for translations, sorry I cant provide the tutorial in spanish.

  3. chris Says:

    Are you aware that the link to the circle icon in step 3 doesn’t work? You should really check and make sure all links works before posting something like this.

  4. admin Says:

    Fixed chris,

  5. Aberneth Says:

    I think it’s funny that a web design studio would need a tutorial to make their website.

  6. boring... Says:

    wasnt very exciting, didnt allow much creativity

  7. adderall Says:

    Very good site. Thank you:-)
    http://phonecell.newsit.es/adderall2293.html adderall

  8. adderall Says:

    Nice site. Thanks.
    http://phonecell.newsit.es/adderall2293.html adderall

  9. Toyota Says:

    Nice site. Thanks.
    http://dealer-jeep-seattle.autofreesearch.com/ Peugeot

  10. Dodge Says:

    Good site. Thank you!!
    http://chevrolet-colorado-truck.autofreesearch.com/ Hummer

  11. Lexus Says:

    Good site. Thank you:-)
    http://isuzu-trooper-lift-kit.autofreesearch.com/ Plymouth

  12. Iveco Says:

    Cool site. Thanks:-)
    http://opel-speedster.autofreesearch.com/ Rolls-Royce

  13. anti Says:

    Very good site. Thank you!!
    http://shannonburkes.orgfree.com/anti4746.html anti

  14. anti Says:

    Very good site. Thanks!!
    http://dennislatham.hostaim.com/anti1139.html anti

  15. anti Says:

    Nice site. Thanks!!
    http://kennethdavis.678host.com/anti7842.html anti

  16. anti Says:

    Very good site. Thanks!
    http://williamstewart.newsit.es/anti255.html anti

  17. jessica alba wardrobe malfunction Says:

    Very good site. Thank you.
    http://diva.hmarka.net/ wardrobe malfunction

  18. do penis enlargement pill work Says:

    Useful site. Thanks.
    http://enlargement.byethost11.com/ herbal breast enlargement

  19. samurai deeper kyo Says:

    Nice site. Thanks!!
    http://songkyo.phpnet.us/ deeper kyo manga samurai scan

  20. video on knee replacement surgery Says:

    Cool site. Thanks!
    http://kneesurgery.fasthoster.info/ video on knee replacement surgery

Add a Comment