Many people in new web design, along with slices and Javascript camp and begin to abandon their frustration. The point of this exercise Photoshop Web is the simple things in a Web page, which uses graphics than 2.
Sitemap
We create a flag and into a table, 5 rows and 1 column. The flag is in the top row. The next row contains the text of your site and the photos you want to include May. Line 3 is a dividing line, Line 4 is for your text and links are copyrighted, and the line 5 is a second separator.
Let's Get Going
I will be the name of that Web designers Girlz network. The next step is a diagram to the flag. Perhaps you can find a good picture of the photos on a page (I have some further below), but I wanted something a little professional, I have to iStockphoto galleries and a picture of Vinaya Prashanth that costs only $ 3rd Sweet. It is a smaller version of them on the right side.
Select a site of colors
The colors of the flag and the site of the various roses in the picture. There are 3 roses, I want to use - a dark pink, a pink, purple and light, that I am a darker shade of the Rose.
I think that with the opacity cursor on a color, you can make a nice change. Open a new document and copy and paste the primary, you have chosen by them. From now on the toolbar, select the pipette and enjoy a color by typing in your chart. This changes the foreground color square in your toolbox.
Now, a new document open and in the White Commodities select. Click OK. With this document to open a new layer by layer in> New> Layer. Then go Edit> Fill and select content, use the foreground color. This will lead to your document with the color you straight from the sample. The trick here is to reduce the opacity with the cursor and continue to play with him, until you find a nice shade. When you click a setting, the picture by layer> Picture. Use the pipette tool again, this time to the foreground color square in your toolbox, it is the same as your new color. Now click on the square of color and color selection, and you can paint your new numbers.
Select a font
I went with my writings and Onyx set on plain paper. If you find a font that works for you, try and surveillance, management, and the head - or a combination of both. It makes it personal and unique, if you are interested certain settings.
To select a font in Photoshop go "window"> "character. In the palette, you'll see a list of your installed fonts. To set the parameters that you need to make the paragraph palette. You can do this by window> Paragraph .
The search for new fonts? At the end of this tutorial, you will find a list of some resources are free.
A plume site
Create a new document, 600 x 300 pixels. You can use this size in your own design, if you have your own photo and plan to change the layout.
Now I want a new layer, the layer> new level and I've known him, designers Girl. I'll figure this level and in shape to shrink. Your graphics card by choosing Edit> Transform> Scale. The box handles. Use the Shift key to the proportions, and your image by turning left at the top of the handle and pull down the right. To the picture, drag within the boundaries. Click Enter, if you are satisfied with the result.
Next we want a background color. I go to the pink light.
Adding a background color
I select background layer, the layer 1, and I fill it with pink light, by using> All, then Edit> Fill, and in the dialog box that the contents of which I choose color and the Color Picker I FBE0EC.
The result is a 600 x 300 banner with a gentle background color and with the art on the left side. We have to reach.
A thick AVC a limit
I have decided, with a thickness from time to time in the background to the design more interesting. First make sure that the background layer, the layer 1 is active, and a copy by Layer> New> Layer via copy. Next, double click "Continue" to the name of the plane. This action is the mix of options in the layers dialog box style. "
Select and click on the word AVC in the options of styles on the left side. I have the settings for size: 7PX, Position: Inside, blend modes: Normal, Opacity: 100%, type of filling: color, and I on the palette and D04E8C in color selection. Click OK.
The border is only the balance in the development, so that by all means, the changes and get creative with their own ideas.
Name of the site and section headings
We are the names of big right to Banner. These links are. How is it only a single graphic, we use the image of the cards.
Create a new layer for your words. Use the type tool to name the section, then use the Move tool in the situation precisely at the point at which you click on the banner. Do not forget, a color for your text, is darker than the background of your color to avoid, you can find to yell, to remain silent and great suffering hair loss! To do this, "Window"> "character. In the range of characters you can find a colored. Click here to see the colors change.
You need an HTML editor like Dreamweaver or GoLive to automate this process. It is really very simple. They do little "cards" on every word and then the link to the goal. If you do not have an HTML editor, you need a Google search on the image of the map to find a tutorial or a book to buy, like Elizabeth Castro's HTML quick guide to help you.
Article Tags: |
