Skip to main content

Design a layout in Illustrator and Photoshop

Most web designers work with Photoshop or Fireworks when creating websites, and Illustrator is often overlooked. However, Adobe's vector package is perfect for crafting the initial components of web layouts.

In this project we'll work up a layout for a cartoon character website, using Illustrator to create the masthead imagery, text-based logo and site name. Relevant components will be dropped into Photoshop to finish off the layout, before we export the images for use on the web.

If you're well-versed in illustration but less so in the practicalities of web design, this will be particularly beneficial as it's geared towards workflow for web design, rather than explaining how to deal with the creative elements of the illustration.

Click here to download the support files (1.55MB)

Click here to download the tutorial for free