As the owner of a new website, or an existing one in need of revamping, there are certain aspects to consider. Maybe you want your viewers to see how professional your business is. Or maybe your site caters to families and that is the 'feel' you want viewers to experience when they find your page.
Long gone are the days when web or graphic design work meant hiring someone to do all of your website work for you. This undoubtedly meant spending money to get exactly what you wanted. But even then, there was no guarantee how that was going to turn out. With so many programs now, you can have full reign to completely redesign the website you already use, as well as creating that stunning first website. One of the easiest programs we have found to work with yet is Photoshop.
With Photoshop, you can easily find yourself with a finished product in the style you really want in no time. By doing the work by yourself from your own office, on your own computer you are already saving money and we haven't even started yet! By choosing to use this method of header creation, with the look and feel you want, you'll only have to add it to your site codes. But let's not get ahead of ourselves.
Your first step is to open your Photoshop software and create a new image. You can either set the size of your image by choosing the pixels at1025 x 150 (or the size you wish your website to be) or by using the image-size tools available to you so you can set the dimensions properly to fit the size you wish to work with.
After selecting the image outline or header, choose the tool which resembles a rounded rectangle. You must now drag this pointer to the top left corner of the image. Left click in order to draw a rectangle crossing from left to right sides of your image. This will show you the exact outline of your header section.
Continue by now selecting "Layer" from the navigation tool bar, which is found at the top of the window in which you are working. The next option you choose is the "Layer Style", followed by "Add Drop Shadow" from the various options. There will now be a new pop-up window with the option "Drop Shadow, Inner Glow and Outer Glow." Check the box in front of this option.
Next, you choose the "bevel" option. This will result in your rectangle now having a professional style with depth, added by the shadow you have chosen. Click on the "Layer" icon in order to add a new layer to your header.
Now, open the text tool, while dragging it to the top left corner of the image. This is where you will type the name of your company or website. Take the time to play with different font types, sizes and colors to find the one that really "pops". On the top of the image, in the navigation bar you can find various other text option tools.
Now we are going add some "oomph" to your header. Start off by selecting the rectangle tool, then left-clicking at the top right-hand corner. If you drag the pointer along the top of the header, you will notice you are creating a smaller navigation bar at the top of the image.
Click on the "Direct Selection" tool, then you can select the rectangle by left-clicking on it. This results in small squares appearing at each corner of the rectangle. If you click the lower left corner of this shape, and drag it toward the right side you will be creating an angled edge for this navigation bar.
If you wish to add color or effects to this upper navigation bar, you would be choosing the "Fill" tool and making your choices from the options there. You can also crop and/or cut your image to any exact size you may need with the "Crop" tool.
Since you want to be sure you don't lose all of this work, click "File" then "Save for Web and Devices" and save this image. You might consider creating a folder to contain all your business website information so everything is kept together. Once your new header is saved, it's time for you to upload it to the "Images" file of your website codes.
To properly add your new header to the pages of your website, you'll be using it as a background image. It will need to be located in the first row of the first table of the website, right under where you see the head tag.
Now you know just how easy it is to create your own website headers for free. Depending on the nature or purpose of your website, you may decide to change things up more often. How about for each season? Or the other pages of your site? It's no longer a question of money, but of imagination. - 20767
Long gone are the days when web or graphic design work meant hiring someone to do all of your website work for you. This undoubtedly meant spending money to get exactly what you wanted. But even then, there was no guarantee how that was going to turn out. With so many programs now, you can have full reign to completely redesign the website you already use, as well as creating that stunning first website. One of the easiest programs we have found to work with yet is Photoshop.
With Photoshop, you can easily find yourself with a finished product in the style you really want in no time. By doing the work by yourself from your own office, on your own computer you are already saving money and we haven't even started yet! By choosing to use this method of header creation, with the look and feel you want, you'll only have to add it to your site codes. But let's not get ahead of ourselves.
Your first step is to open your Photoshop software and create a new image. You can either set the size of your image by choosing the pixels at1025 x 150 (or the size you wish your website to be) or by using the image-size tools available to you so you can set the dimensions properly to fit the size you wish to work with.
After selecting the image outline or header, choose the tool which resembles a rounded rectangle. You must now drag this pointer to the top left corner of the image. Left click in order to draw a rectangle crossing from left to right sides of your image. This will show you the exact outline of your header section.
Continue by now selecting "Layer" from the navigation tool bar, which is found at the top of the window in which you are working. The next option you choose is the "Layer Style", followed by "Add Drop Shadow" from the various options. There will now be a new pop-up window with the option "Drop Shadow, Inner Glow and Outer Glow." Check the box in front of this option.
Next, you choose the "bevel" option. This will result in your rectangle now having a professional style with depth, added by the shadow you have chosen. Click on the "Layer" icon in order to add a new layer to your header.
Now, open the text tool, while dragging it to the top left corner of the image. This is where you will type the name of your company or website. Take the time to play with different font types, sizes and colors to find the one that really "pops". On the top of the image, in the navigation bar you can find various other text option tools.
Now we are going add some "oomph" to your header. Start off by selecting the rectangle tool, then left-clicking at the top right-hand corner. If you drag the pointer along the top of the header, you will notice you are creating a smaller navigation bar at the top of the image.
Click on the "Direct Selection" tool, then you can select the rectangle by left-clicking on it. This results in small squares appearing at each corner of the rectangle. If you click the lower left corner of this shape, and drag it toward the right side you will be creating an angled edge for this navigation bar.
If you wish to add color or effects to this upper navigation bar, you would be choosing the "Fill" tool and making your choices from the options there. You can also crop and/or cut your image to any exact size you may need with the "Crop" tool.
Since you want to be sure you don't lose all of this work, click "File" then "Save for Web and Devices" and save this image. You might consider creating a folder to contain all your business website information so everything is kept together. Once your new header is saved, it's time for you to upload it to the "Images" file of your website codes.
To properly add your new header to the pages of your website, you'll be using it as a background image. It will need to be located in the first row of the first table of the website, right under where you see the head tag.
Now you know just how easy it is to create your own website headers for free. Depending on the nature or purpose of your website, you may decide to change things up more often. How about for each season? Or the other pages of your site? It's no longer a question of money, but of imagination. - 20767
About the Author:
You can get free access to customizable web page headers and you'll also receive tons of private label & resell rights products, training and more at PLRWholesaler.com.
0 comments:
Post a Comment