How to Create Business Template in Photoshop

How to Create Business Template in Photoshop
How to Create Business Template in Photoshop

Step 17 - Coding Newsletter And Footer

Great, we are pretty far. We will leave a content area for now, because firstly we'll make a blank (well, not really blank, but without a main part) html document (like we did with psd) and then we will build the content for every page. Our newsletter are will have a fixed size. Start from placing the guides on top and bottom (select newsletter gropu in layer's window so they will stick) to cut out the backgrounds.

step-017[5]

Now cut out the background for wrapper, save it as newsletterbg.jpg.

step-017b[5]

Check its height (or distance between guides) so you will know how big will be our newsletter area. In fact we could make it elasttic/fluid, but there is no need to do that. Now hide all the layers (with background) so you will have only an upper line (so called separator) and bottom shape. Cut it out as well. Name it newsletter.png.

step-017c[5]

Also take care about input background and newsletter icon. Here is a html code to apply.

Newsletter

Want to know more?
Send us your e-mail.


And css for it. To fasten the work we will position everything with absolute values.


Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

6 comments on “How to Create Business Template in Photoshop”

  1. I have been trying so hard to make my own templates. There are so many tutorials out there, but it always seems like one or two things are missing from the final product. Either that, or I am missing something within the instructions.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross