65 Comments

Clean Web Template Design

January 9, 2009

In this tutorial we will be learning how to use the 960 Grid System to design a website template in Photoshop. We will be learning some really useful techniques for positioning elements and mocking up elements such as borders and type. The final result will be a very clean and stylish website template that can be used as a blog or a general site

Read the Tutorial


Similar Tutorials:

Save and Share this Post

We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit


Or why not subscribe to the feed? RSS - Email

65 Responses:

  • January 12th, 2009

    Maxi:

    Very COOL tut .good job.

  • January 19th, 2009

    highblood:

    thanks for sharing this tutorial! this is so cool! i’m so excited to learn photoshop. I’m new to web design. i hope you can make more tutorials for absolute beginners like me. keep up the good work!

  • February 5th, 2009

    Antonio:

    I really aprecciate to read your blog. We here from Brazil have learned a lot from your posts. When is possible take a look mine Curso de Informática à Distância. Antonio B Duarte Jr.

  • February 16th, 2009

    david (cool photoshop template):

    These templates are the best keep up the good work

  • March 23rd, 2009

    70 Excellent Photoshop Resources:

    [...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as "Clean Web Template Design" and "Setting a Plane on [...]

  • March 25th, 2009

    70 Excellent Photoshop Resources | The Muliati.Com goBlog:

    [...] tutorials, news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]

  • March 25th, 2009

    70 Excellent Photoshop Resources | Blog YODspica Ltd:

    [...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]

  • April 15th, 2009

    fab:

    Some pic of this tutorial are wrong (belong to the alien effect tuto), can you fix that??

  • August 3rd, 2009

    Web Design Singapore:

    Nice tutorial . Greetings from singapore.

  • August 18th, 2010

    roneybalack:

    In this photoshop tutorial we will learn to design a clean website layout. … This photoshop tutorial show you how to design a very beautiful and shining …
    thanks.. find more best tutorials here http://download60s.com

  • September 28th, 2010

    Guy Rogers:

    can you add a style sheet to google sites.

  • February 11th, 2011

    70 Excellent Photoshop Resources « Graphic | Fabulog: A Fabulous Blog for Graphic Designers:

    [...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]

  • March 23rd, 2011

    Late Night Stop 70 Excellent Photoshop Resources:

    [...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]

  • June 15th, 2011

    kala billa:

    splendid tutorial

  • July 7th, 2011

    70 Excellent Photoshop Resources | Graphic Techniques:

    [...] news/announcements, and design showcases. You’ll find Photoshop tutorials such as “Clean Web Template Design” and “Setting a Plane on [...]

  • November 3rd, 2011

    rao vat:

    Thanks you very much. It’s really nice and It’s useful for me !

  • November 16th, 2011

    tory burch shop:

    This site I need a lot of information, so great!! I like!

  • December 18th, 2011

    LiJack:

    Great Site, your plugins are very useful and save me a tonne of time.fvge

  • February 29th, 2012

    best way to make money:

    This is amazing, thanks a lot

  • February 29th, 2012

    sobe budva:

    I really like this, thanks a lot for sharing…

  • February 29th, 2012

    Apartmani Becici:

    It’s awesome, I love this

  • May 29th, 2012

    mkjufg:

    Welcome to the coach factory outlet store and Enjoy Shopping Here! We promise all the customers to have the superior qualities and low prices.Professional coach factory online.Using a range of quality fabrics and materials, Coach Bag has affirmed itself over the past decades as a world leading brand name in the fashion industry.

  • December 8th, 2012

    www.businessopportunitieslist.net:

    business opportunity world wide
    Greetings! This is my 1st comment here so I just wanted to give
    a quick shout out and tell you I truly enjoy reading your posts.

    Can you recommend any other blogs/websites/forums that go over the
    same topics? Thanks a ton!

  • December 11th, 2012

    http://www.healthypenisenlargementnow.com:

    I absolutely love your blog and find nearly all of your post’s to be just what I’m looking for.

    Would you offer guest writers to write content to suit
    your needs? I wouldn’t mind composing a post or elaborating on a number of the subjects you write regarding here. Again, awesome web log!

  • March 27th, 2013

    Karan Menon:

    Very useful. Thanks :)

  • May 1st, 2013

    Sadye:

    Very good post. I am dealing with a few of these
    issues as well..

  • May 23rd, 2013

    Tory:

    Hi, Neat post. There’s an issue along with your website in web explorer, might test this? IE still is the market leader and a big element of other folks will omit your fantastic writing because of this problem.

  • June 18th, 2013

    http://blog.ub.ac.id:

    Thankfulness to my father who shared with me
    regarding this website, this website is truly amazing.

  • June 24th, 2013

    moudiphotography.com:

    I love your blog.. very nice colors & theme.

    Did you create this website yourself or did you hire someone to do it for you?

    Plz answer back as I’m looking to construct my own blog and would like to find out where u got this from. kudos

  • July 16th, 2013

    atdhe football:

    Hello, I enjoy reading all of your article.
    I like to write a little comment to support you.

  • July 16th, 2013

    superbowl online:

    When I originally commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I get several emails with the same comment.
    Is there any way you can remove people from that service?

    Bless you!

  • July 21st, 2013

    bonus bagging arb software review:

    Link exchange is nothing else but it is simply placing the other person’s weblog link on your page at proper place and other person will also do same in favor of you.

  • July 22nd, 2013

    matthew browndorf antitrust:

    Have you ever considered about adding a little bit more than
    just your articles? I mean, what you say is fundamental and everything.
    However imagine if you added some great graphics or videos to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this
    website could definitely be one of the most beneficial in its niche.
    Fantastic blog!

  • August 10th, 2013

    Web Design:

    Thanks for sharing this tutorial! this is so cool! i’m so excited to learn photoshop. I’m new to web design. i hope you can make more tutorials for absolute beginners like me. keep up the good work..

    From
    Web Design Company Nigeria
    Vibe Web Team

  • August 30th, 2013

    Shay:

    ‘ you may laugh at the infomercials, but Sham – Wow is actually a good paper towel substitute.
    And according to my short research, celery stalk contains PHTHALIDE
    which can lower blood pressure, and also it lessens the production
    of catecholamine (exists if physically and emotionally stressed) which causes the imbalance
    flow of blood by restricting or blocking the blood vessels.
    This is certainly cheaper than taking them out for fast food and fried chicken is very simple to make.

  • September 10th, 2013

    Dora:

    Thinking of attending a community college for the first 2 years then transferring
    over to a 4 year university later. This program is set up to meet the application requirements for any accredited school of Veterinary Medicine.
    An overwhelming majority of high school students, especially
    seniors, take the SAT or ACT when preparing to apply to college.
    Sunsplash Tours are members of NTA (National Tour Association), CLIA (Cruise Line International
    Association) and BBB (Better Business Bureau).

  • September 13th, 2013

    Andy:

    Besides, to be perfectly frank, there are only a hand full of manga titles coming in this week,
    and I doubt I could fill this entire article with the stuff
    that is arriving. It is up to the buyer, whether he or
    she prefers online shopping or straightforward way for buying favorite and attractive flowers.
    It will make a lasting impression on that special someone as they probably have never seen that type of flower in their life and
    will always remember you by giving them such an exotic
    flower. Bluemen Haus also sells tastefully arranged dish
    gardens in terracotta pots or baskets.

  • October 9th, 2013

    Kristi:

    To locate reverse lookup a landline number, all you’ll need is really a
    computer or cell phone with an Web connection.
    A paid subscription is typically a yearly membership that allows unlimited
    reverse phone searches on landline numbers. People rather prefer choosing an online directory instead
    of conventional yellow pages. Being in the loop and having recently explored
    most of the top article directories, there’s a list of article directories I’d
    like to tell you about. You can also buy Pay As You Go Mobile Phones that can
    also give you many benefits like contract deals.

  • October 10th, 2013

    http://Www.haircolorgenerator.org:

    You can stamp this on scrapbooks, cards, letters or any other thing you wish.
    For those who demand the best for their hair, this product fits the bill.
    We can opt for hair color that gradually jades with
    time (and leaves no tell-tale roots) or color that stays with the hair strand as it grows out.
    The Special Care line consists of Rosa Mosqueta Nourishing color-safe pairs, and the Calaguala Fern Treatment Shampoo
    to remove build-up. To say about the side effects of hair color we have to say that proper guidance and after
    care do not affect your hair.

  • October 18th, 2013

    Isabel Marant Sneakers:

    I drop a comment when I appreciate a article on a blog or if I have something to add to
    the discussion. Usually it’s a result of the passion communicated in the post I read.
    And after this post Clean Web Template Design | Learning Resources for Adobe Photoshop.
    I was excited enough to drop a thought :) I do have a couple of questions for you if it’s okay.
    Is it simply me or do a few of the remarks look like
    they are written by brain dead folks? :-P And, if you are writing at other places, I
    would like to follow you. Could you list the complete urls of all your social
    pages like your twitter feed, Facebook page or linkedin profile?

  • October 23rd, 2013

    Professional Courses:

    Thanks for sharing this tutorial! this is so cool! i’m so excited to learn photoshop. I’m new to web design. i hope you can make more tutorials for absolute beginners like me. keep up the good work..

    From
    Larn Edutech

  • October 31st, 2013

    miele oven repair:

    This option is best if you do not have time to sell your used
    appliance parts individually. Double checking a sinkhole repair
    company for proper references, licensing and insurance will help
    save you a headache later. The steam generated
    is then circulated throughout the building or home using radiators, vents and pipes, specifically created for heat transferring.
    Keep on tuned for our next article on the compensation and drawbacks of upright type vacuums.

    It can pick and throw the impregnated impurities without disturbing the
    true elements.

  • November 9th, 2013

    ge refrigerator repair:

    Temperature regulation in our rooms can also add to the reason food is spoilt fast.
    As such, you should look for signs that your appliances
    are not working to the best of their ability. You can also place some heavy items in the freezer door to help keep it
    closed. As a part of their service, they may offer rudimentary guidance on how to restore the functionality of the appliance
    (like ‘Reset’ mode and so on). This is the best piece of advice I can give you concerning your washing machine.

  • December 28th, 2013

    free amazon promo codes:

    You could also find some offline newsletters carrying home elevators these discount codes.
    To begin the process cutting down a lot of money, get involved about the The amazon
    marketplace deals tendency in advance of the next
    buy. These coupon codes are probably a series of numbers and letters altogether that
    need to be entered in the online form during the shopping at any Amazon shopping store.

  • January 4th, 2014

    Shilajit Anti Inflammatory:

    This in turn reduces the risk of fatigue and enhances the energy level of user.
    Micro-mineral formation of shilajit shows great effect on health.
    Research with laboratory animals suggests guggul may help enhance thyroid function.

  • January 6th, 2014

    top online backup:

      Think about it, would you be able to replace
    the pictures, music and documents stored on your computer if they were lost or damaged.
    Most services range from four to five dollars a month depending on how much you want to pay
    up front. Merchants can halt affiliate programs whenever it’s convenient for them and they usually don’t
    get your permission first.

  • January 10th, 2014

    rebelmouse.com/:

    I don’t try to baffle you with BS and impress you with jargon.

    What a contrast to what we give our children, the little.
    Iain: Well, Emoto’s done fantastic educational work.

  • January 11th, 2014

    PALS Online:

    Henrico Doctors Hospital Lecture Series, Parham
    Campus, Richmond, VA, September 9, 2010 (ODEMSA).
    The courses generally include a combination of multiple choice and essay questions.
    Because these irreversible symptoms are
    difficult to cope with individuals who suffer with
    the disease often become clinically depressed displaying
    signs of hostile and manic behaviour.

  • January 11th, 2014

    zippycash:

    It all sounds great and attractive, but there has to be a catch somewhere, isn.

    When you decide you must have a payday loan for the purpose of meeting an emergency need,
    you should simultaneously resolve to devise a good, working budget.
    Executive foreign loans of permanent residents and subjects.

  • January 13th, 2014

    Advanced Cardiac Life Support:

    The AEDs are easy to use and are highly accurate in determining if a shock is needed.

    This is an excellent idea but it also highlights the lack of people sitting
    their CPR certification. The textbook is filled with information of topics around assessing and treatment of critical situations, shock states, airway management, treatments and pharmacological
    modalities.

  • January 14th, 2014

    cpr information:

    To achieve CPR certification, most people enroll in an American Heart Association
    CPR class. Both online and offline CPR training is provided to anyone
    willing to take up the course. Waiting for proper health care
    may claim the crucial five minutes and bring the
    patient too close to death.

  • January 14th, 2014

    Sanford:

    However, not many people have the time to attend the classes in person because they have their own work schedule to maintain.

    The course enables one to be well equipped professionally to become a certified
    American Heart ACLS practitioner. The textbook is filled with
    information of topics around assessing and treatment of critical situations, shock states, airway
    management, treatments and pharmacological modalities.

  • January 14th, 2014

    http://aclscertification101.wordpress.com:

    However, not many people have the time to attend the classes in person because they have their own work schedule to maintain.
    People who have had a cardiac arrest often do so
    without any prior warning signs. As you probably know, some varieties
    are deep fat fried and they have little nutritional value.

  • January 14th, 2014

    twitter.com:

    The AEDs are easy to use and are highly accurate in
    determining if a shock is needed. However, by that time, it is possible that the patient has
    already suffered considerable brain damage.
    Sedentary behavior coupled with access to high-calorie foods and beverages in school cafeterias and
    vending machines only exacerbate the problem.

  • January 15th, 2014

    www.theswankypup.com:

    You buy a dedicated server but if you do not have technical skills than it is of no use.
    Starting off your internet presence with a shared web hosting is probably the most ideal thing.
    We’ve grown our company with a dedicated group of talented believers in the notion
    that simple.

  • January 16th, 2014

    ???????? ???????:

    He has an ongoing enemy kitchen project where him and his mother, an Iraqi Jewish Woman, came up with
    Iraqi recipes for people to cook and eat together.
    There are many techniques of Russian artistic works
    with the vividly colored inlay enamel arts. Obviously, measures to slowly
    devalue the ruble are already being put in place.

  • January 18th, 2014

    Isabel:

    Good post however , I was wanting to know if you could write a litte more on this subject?
    I’d be very grateful if you could elaborate a little bit further.
    Cheers!

  • January 20th, 2014

    Pedro:

    Excellent web site you’ve got here.. It’s hard to
    find quality writing like yours these days. I seriously appreciate
    individuals like you! Take care!!

  • January 20th, 2014

    Philip:

    It’s very easy tto find out any matter on net as compared to books, as I found this article at this web site.

  • January 30th, 2014

    skin care tips tamil:

    I have read a few excellent stuff here. Definitely worth bookmarking for revisiting.
    I wonder how much effort you place to create any such excellent
    informative web site.

  • February 13th, 2014

    web design:

    Hello! Someone in my Myspace group shared
    this website with us so I came to take a look. I’m definitely enjoying the information.
    I’m bookmarking and will be tweeting this to my followers!
    Exceptional blog and excellent design and style.

  • April 22nd, 2014

    https://www.yahoo.com:

    Aw, this was an exceptionally good post. Taking the time and actual effort to create a great article… but
    what can I say… I hesitate a lot and don’t manage to get anything done.

  • June 25th, 2014

    www.rebelmouse.com:

    If your busihess totally depended on your website,
    it is important to change the provider aas soon as possible.
    These web pages are stored on the server and are downloaded
    to web browser when somebody needs to view them.

    Don’t expect Hostgator to go out of business anytime
    soon, as they are a fairly large company also.

  • July 5th, 2014

    Kathaleen:

    Provide for our cause. A friend was just identified
    as having this. It’s good to provide our assistance!

  • July 31st, 2014

    create online business directory:

    I do not know whether it’s just me or if perhaps everyone
    else experiencing issues with your site. It appears like some of the text on your content are
    running off the screen. Can somebody else please provide
    feedback and let me know if this is happening to them too?

    This could be a issue with my web browser because I’ve had this happen before.
    Kudos

Leave a Comment

©PSDlearning 2014. This site is brilliantly hosted by Mediatemple.