Of course, you might have some even nicer paint brushes and feel free to use those. The real power of this design is to show you what can be accomplished by keeping it simple. With your rulers and guides still on, create a new layer and draw a Rectangular Marquee M going from one side to the other. Follow on to the second part of this tutorial where we build our design into a working Web site over at this page! Next in two new layers, draw a couple of Radial Gradients from white to transparency, one larger than the other.
|Date Added:||10 December 2017|
|File Size:||44.93 Mb|
|Operating Systems:||Windows NT/2000/XP/2003/2003/7/8/10 MacOS 10/X|
|Price:||Free* [*Free Regsitration Required]|
Next in two new layers, draw a couple of Radial Gradients from white to transparency, one larger than the other. Now in a new layer above the watercolor layer, and drawing straight up, make a Linear Gradient going from black to transparency so that afterwards your canvas basically fades to black down the bottom. Then click on Stroke and add a 1px white stroke on the Outside and set to Overlay.
Now our first task is to create a nice abstract background. OK, now we add some text. As a final statement to that end, here is a little image that says it all.
Now we can draw an additional big black box for the content area. It relies on having elegant typography, a structured layout, and a visually interesting background. Now we add a bit of dummy content in the content box.
This will make our box much fainter and give some depth to the two boxes, making one seem more important and imposing than the other. Egyptia5n05 will be our navigation box. This sort of contrast between the two boxes is a great way of setting visual precedence between elements. I wrote out a neat little “psd vs net”. At least those are the geyptian505 I should have used. Now we create a new layer and add a “logo”. With your rulers and guides still on, create a new layer and draw a Rectangular Marquee M going from one side to the other.
Finally, I created a new layer at the bottom, filled it with a dark fobt color, added a 1px border to the top, and voila we have a footer. Of course, there are plenty more things we could talk about like color and precedence, but I think the main design things you should be looking at here are the typography in conjunction with the background.
Maybe a kind typophile might illuminate us in the comments. Now a word on typography. If you scroll down your brush list, there is a brush that comes with Photoshop that looks flnt the one shown. The real power of this design is to show you what can be accomplished by keeping it simple.
EgyptianBT Bold font ,Egyptian BT font|Bold font Font-ttf Font-LvFont
Our aim here is to have it fade to black on the right so that we can build our HTML later with greater ease. Step 1 First of all, create a new document.
You can easily use the technique to create your own unique designs. Now one of the cool things about this design is we can easily swap the background and the design still looks awesome. I divided my page into three columns with lines at 50px, px, px, eghptian505. Follow on to the second part of this tutorial where we build our design into a working Web site over at this page! This is so that I can create a Web site made for px wide, but still have space to decide what is going to happen outside the viewable area so that it degrades nicely even on larger screens.
When I first discovered Helvetica Ultralight, I remember I went crazy designing all these designs bbt looked really minimal and up-market. To do this grab a paint brush and paint in black to just remove the bottom parts. Although this is a homepage design, you could imagine an interior page would simply have a different heading panel and new content area.
Download Free Font Egyptian505 Md BT
Mine is px wide x px high. OK, so now we draw in our first black box.
Ehyptian505 the user comes to the page, we want them to see our big message first, and then the navigation bar. Georgia is not quite as elegant, but is a standard font which means I can make these headings in plain old HTML instead of relying on images or Flash.