![]() Once all the interface graphics have been exported it’s time to move on to setting up the actual web page documents. ![]() This image will be used as a background image in the header’s CSS.Ī selection across the content area right up to the 960px guides will repeat so the content area can be as long as required. Toggle off the text and button layers from the header and export a selection of the grey background. This image will overlap the header area, so we need to make it a PNG-24 file to make use of Alpha Transparency. This will be used to repeat across the body of the web page.Īnother image that needs to be exported is the logo. ![]() Start by making a selection of the background texture and saving it as a PNG file. View part one: Creating the PSD concept Exporting the image graphicsīefore coding up the website, we need to export a series of image graphics from the Photoshop concept. When you’re ready, continue on to start part two: The HTML and CSS. If you missed the post on Blog.SpoonGraphics, head over to find out how this design was put together in Photoshop.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |