All-in-One Photoshop for Web Design Suite

Building Websites with Photoshop CC

• Building Websites With Photoshop CC

  04:57:26Preview

  • 1.1 Introduction

    01:21

  • 1.2 Heres What We'll Build (Free Lesson)

    02:13

  • 1.3 The Workflow Process (Free Lesson)

    03:53

  • 1.4 Setting Up Photoshop For Web Layout (Free Lesson)

    04:48

  • 1.5 Saving Our Photoshop Customizations (Free Lesson)

    07:06

  • 1.6 Structuring Layouts With Photoshop

    03:08

  • 1.7 Setting Up Our 960 Grid Template

    05:48

  • 1.8 Creating The First Wireframe Object

    04:31

  • 1.9 Continuing To Wireframe Objects

    04:45

  • 1.10 Additional Techniques For Wireframing

    11:37

  • 1.11 Finishing Up The Base Wireframe

    02:58

  • 1.12 Organizing The Layers And Resetting The Properties Panel

    06:01

  • 1.13 Roughing In The Header Content

    05:35

  • 1.14 Building Out The Hero Section

    08:02

  • 1.15 Wireframing The Introducing Section

    05:37

  • 1.16 Creating The Organize Section

    04:04

  • 1.17 Building The Get It Now Section

    03:25

  • 1.18 Finishing Up The Wireframe

    03:03

  • 1.19 Organizing And Colour Coding The Layers Panel

    04:55

  • 1.20 Adding Text Labels To The Wireframe

    03:48

  • 1.21 Exporting The Wireframe For Approval

    06:18

  • 1.22 Applying Design To The Wireframe

    10:13

  • 1.23 Gathering The Designs Resources Part Two

    08:14

  • 1.24 Creating The Site Logo With An lllustrator Smart Object

    06:38

  • 1.25 Using Layer Styles To Format Buttons

    08:00

  • 1.26 Saving And Using A Custom Style

    02:17

  • 1.27 Finishing Up The Header

    02:26

  • 1.28 Using Linked Smart Objects

    10:53

  • 1.29 Using Layer Masks To Position Content

    05:26

  • 1.30 Finishing Up The Hero Section

    03:51

  • 1.31 Designing With Clipping Groups And Linked Smart Objects

    12:44

  • 1.32 Developing The Organize And Share Sections

    04:18

  • 1.33 Finishing Up The Layouts Design

    03:35

  • 1.34 Getting The Layout Out Of Photoshop Into Code

    08:07

  • 1.35 Going Further With The Asset Generator

    12:48

  • 1.36 Getting The Layout s Assets Organized

    05:06

  • 1.37 Generating HTML With Photoshop

    12:34

  • 1.38 Getting Set Up For The Coding Phase

    09:22

  • 1.39 Adjusting The External Style Sheet

    04:47

  • 1.40 Setting Up The Structural CSS

    06:55

  • 1.41 Rebuilding The Layout With Code

    11:42

  • 1.42 Creating The App Store Header Button

    05:00

  • 1.43 Getting Started On The Hero Section

    04:48

  • 1.44 Finishing Up The Hero Area

    06:58

  • 1.45 Creating The Introducing Section

    06:58

  • 1.46 Odd Behaviour With Photoshops Copy CSS Command

    05:47

  • 1.47 Recreating The Organize And Share Sections

    05:05

  • 1.48 Building The Get Section And Footer

    03:09

  • 1.49 Wrapping Up The Project

    02:43

  • 1.50 Wrapping Up

    04:06