Sponsored by

  • Intel
  • HP

Computer Arts

Design a layout in Illustrator and Photoshop

Craig Grannell shows you how to use Adobe's two graphic design powerhouses to work up the layout for a website.

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.

Advertisement

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

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

site stat collection