adsense

How to Create WordPress Header in Adobe Photoshop Elements 6.0





1. First you must determine that you have the version of WordPress that will allow you to edit the graphics. The self-hosted version of WordPress will allow you to make such changes. If you are working on the free online version, you will not be able to make the same edits to the header in the same manner.
2. If you already have WordPress, you are either hosting your blog on a template provided by WordPress or you may have downloaded one from the WordPress.org website or actually purchase one from an outside vender. Either way, in your hosted files, there should be an images file that is housing the images for your blog. You will need to locate the image that is your header.

3. Make note of the name of that file. If you still have the downloaded template files on your computer, locate the file in the folder or just save the headers file to your computer from the server.
4. Here is the easiest way I have found to determine the size of a WordPress template header. Open up your file manager and just place your mouse on top of the header file you saved earlier. You will see the file Dimension, Size and Type. For example: Dimensions: 220 X 150, Size: 90KB, Type: JPeg File.Make note of the Dimensions, and the name of the WordPress header file.
5. Open a new file in Adobe Elements.
6. Once the new file window opens, name your Adobe Elements file the same name as the WordPress file. More than likely the dimensions are expressed as pixels. Change the pixel width and height to match that of your WordPress file. (Directly to the right of the width box will be a drop down to change to pixel format.)
7. Begin designing your custom header.
8. Once your header is done save it to your computer as a Photoshop file (PSD, PDD). This way should you want to edit your file, you will be able to go back and edit. Now, save your file again. This time you want to save it in the same format of the original WordPress header file. (In the example above it was a JPeg file.)
9. Go back to your server or host account for your WordPress blog. Open the file that contains your header and upload (replace/overwrite the old file) your NEW Adobe image file. This will replace the old header with your new one.

Comments

0 Responses to "How to Create WordPress Header in Adobe Photoshop Elements 6.0"

Post a Comment

Popular Posts

About