Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Inferno Text Check out this hot looking text effect tutorial today! Must See! read more...
Join our Mailing List to receive:
  • Site Updates
  • Photoshop Tutorials
  • Webmaster Tips
  • Hot Site Reviews
  • & much more...

  • Mailing List: Privacy Policy

    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!

    HV-DESIGNS.CO.UK :: Version 15 :: Back To Basics

    Learn Web Design Online .com

    Link to us
    ( Link to PhotoshopTower.com )

    wholesale computers

    PhotoshopForce.com - Photoshop Tutorials

    Site By: Coastal Web Innovations

    Some web hosting solutions you can find yourself on WHG and a list of
    web hosting companies.
    Interface Vents
    Go To Page: [ 1 2 ]
    This tutorial will explain to you how to create vents in your interface. These subtle effects add an great sense of depth to an interface. This tutorial is a small offshoot of our full tech layout tutorial. I suggest you check it out if you are serious about learning the techniques used to create such layouts. This tutorial is available here. Look at our site and you'll see that l've used this technique all over the place. It's quick, and the ending result looks great. Here l'm going to start with a pre-existing interface.

    Page 2 of 2

    Step 9.)
    go ahead and drag one of the corner nodes towards the center of the vent, to make it smaller.

    and press RETURN on your keyboard once you're satisfied with the size.

    Step 10.)
    Next we'll duplicate the vent. Do this by selecting the cursor tool (press V on your keyboard) and while holding down the ALT + SHIFT keys on your keyboard, click anywhere on the vent and drag it upward, or downward to duplicate it. Do this again to make a total of three vents

    Step 11.)
    merge these three layers together by highlighting the topmost layer, and pressing CNTRL + E two times. With the arrow tool (press V on your keyboard) drag the vents into an area that you'll want to them to be positioned.

    Step 12.)
    next with the vents layer highlighted, go to "layer->add layer mask->reveal all" to apply a mask to this layer.

    Step 13.)
    get out the gradient tool, it should still be set like so:

    Step 14.)
    With the gradient tool, drag a selection from the open end of your vent to the center.

    Step 15.)
    here's what l've got:

    Step 16.)
    And that's all there is to it!
    Position these small vents all over your layouts to create a great sense of techno depth. Here are a couple examples of their uses:

    Good luck, and have fun!

    Related Tutorials:
        View Glossy Buttons Glossy Buttons
    In this tutorial you will learn how to make quick and effective looking round gl ...
        View Interface Vents Interface Vents
    This tutorial will show you how to add a techno depth to your layouts with the u ...
        View Plastic Tech Plastic Tech
    In this tutorial l will cover the techniques used to create very good looking gr ...

    Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search | SM | Top^