Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Extract Design Assets

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:02
  • 0:07
    EMMA JANE WESTBY: Obviously we want our Drupal theme
  • 0:09
    to actually look like our design.
  • 0:11
    Chances are high that there's at least a few images in that design
  • 0:15
    which are part of the decoration of the theme-- sorry, designers.
  • 0:18
    I don't mean to call it decoration, but you probably
  • 0:20
    know what I mean-- as opposed to the content images.
  • 0:24
    In this lesson, what we're going to do
  • 0:27
    is actually go into our design file and extract the images
  • 0:31
    that we need to place into our theme outside edges.
Loading ...

Extract Design Assets


In the previous lesson you created a text-based style guide. It's now time to extract the necessary assets from our static design for use in our theme. To complete this lesson you will need a design application capable of opening a .psd file. The video demonstrates Photoshop, but I typically use Gimp. Either is fine. And if you don't have a graphics program, you can watch the video, but simply download the assets which were extracted during the lesson. By the end of this lesson you will be able to identify page-level design assets which need to be extracted from a design file for your Drupal theme.

Log in or sign up to download companion files.
Additional resources: