Article written

  • on 07.09.2009
  • at 06:58 PM
  • by Jun Osorio

Convert PSD to CSS




Cascading Style Sheets (CSS) is a simple way for adding style of fonts, colors, spacing to a web design. Style Sheets are classified as “emerging technology” standard for web designing, some practical advantages of using css are greater typography and page layout controls, style is separate from structure, smaller documents and easier site maintenance.
css

On this screencast show how to generate CSS code from Photoshop design using a simple twist when using save as web option. Yesterday I post screencast on how to convert PSD layout to generate HTML to start a basic web design, Now we will try to convert this same photoshop design to generate a CSS base web page.

Download the PSD file use in this tutorials
Download this screecast tutorial in high res quality

Software use in this tutorial
Adobe Photoshop CS4

Adobe Dreamweaver CS4

Blog Widget by LinkWithin
Share and Enjoy:
  • Print this article!
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • LinkedIn
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Glen
    very useful tutorial
blog comments powered by Disqus

Good Morning Arts is powered by WordPress and Jun OSorio Creative Team.