17
A Guide for PSD to Genesis Getting ready to work

Psd to-genesis

  • Upload
    ozzyr

  • View
    292

  • Download
    0

Embed Size (px)

DESCRIPTION

PSD to Genesis Getting Started

Citation preview

Page 1: Psd to-genesis

A Guide for PSD to Genesis

Getting ready to work

Page 2: Psd to-genesis

Tools I use

• Photoshop

• Slicy (Mac)

• SublimeText

• GitHub

Page 3: Psd to-genesis

Using

Photoshop

• Planning

• Getting images to use

Page 4: Psd to-genesis

LOGO MENU

MURAL

AREA

INFO

AREA

3 WIDGET

AREAS

Page 5: Psd to-genesis

WIDGET

AREA

WIDGET

AREA

WIDGET

AREA

FOOTE

R

Page 6: Psd to-genesis

Slicing Your PSD

PC

• Find all of the images you

need

• Make slices of them

• Export

Mac

• Name Layers

Page 7: Psd to-genesis

FIND THE IMAGES

YOU NEED

Page 8: Psd to-genesis

MAKE SLICES OF

EVERYTHING

Page 9: Psd to-genesis

Slicing with Slicy

Page 10: Psd to-genesis
Page 11: Psd to-genesis
Page 12: Psd to-genesis

Sublime TextIt edits everything.

It does everything.

Page 13: Psd to-genesis

Configure

how you’d

like to

upload

Page 14: Psd to-genesis

Edit like you

normally would.

Page 15: Psd to-genesis

Using GitHubTo speed up your process by having

common functions there.

Page 16: Psd to-genesis

Things to put in Gists

• Register sidebars

• Enqueue styles

• Enqueue scripts

• Add image sizes

• Common javascript

• Post types

• Meta boxes

Page 17: Psd to-genesis

www.ozzyrodriguez.com

[email protected]

@OzzyR