Article written

  • on 10.10.2007
  • at 02:39 PM
  • by Admin
  • with 30,105 views
  • 1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 2.00 out of 5)
    Loading ... Loading ...

Design Studio Layout 3

Pages: 1 2

9. Ofcourse, the menu we’ve created in step 7 is not complete without text! So we’re going to create a few green buttons first in #427b09… Pick your rectangular marquee tool, select a box and fill it with green, after that you can just duplicate that layer a few times. Make sure you do this on a new layer, otherwise the effect of the previous steps will be added to your buttons and we don’t want that!

weblayoutf11

10. In this step I just added some white #ffffff text to our menu (the font is just microsoft sans serif 10px), so now it looks like this if you did everything like instructed!

weblayoutf12

11. Now take your horizontal type tool again and change your foreground color to #427b09 and start typing a title to end up with the following! The font I used is called one stroke script let with a size of 26px.

weblayoutf13

12. Create a new layer and select a rectangle on the place shown in the picture below and fill it with #e4e4e4. After that go to filter – blur – gaussian blur and use these settings. Now you have a soft shadow under you content box that looks very attractive… Make sure you deselect the box before applying the blur effect!

weblayoutf14

weblayoutf15

13. In this last step I’ve just added a little bit of demo text and a picture. Click the picture below to view the final result.

weblayoutf16

Please Login or Register to read the rest of this content.

Pages: 1 2

subscribe to comments RSS

There are 3 comments for this post

  1. Jimmy Barrett says:

    Thanks for this. Really helpful :o .

  2. zan says:

    What are the copyright policies for this? Just curious.

  3. Admin says:

    You can use this for everything, no copyrights…

Please, feel free to post your own comment

* these are required fields

PhoNuts is powered by WordPress.
Back to Top