Design the Web: Smart Objects

Design the Web: Smart Objects

33mBeginner2014-11-26

Authors

Chris Converse

Chris Converse

Applies design and UX principles to technology

Course details

Learn to speed up your design and production time in Adobe Photoshop with the use of Smart Objects. Create Smart Objects from layers in your Photoshop file or from JPG files, or cut and paste them from Illustrator. Author Chris Converse also explores combining Smart Objects with layer effects and clipping masks, to increase the efficiency of your design process in Photoshop.

Learning objectives
Creating Smart Objects from Illustrator
Creating Photoshop Smart Objects
Adding effects to Smart Objects
Duplicating and positioning Smart Objects
Editing a Smart Object
Where to go from here

Skills covered

Web GraphicsWeb DesignPhotoshopLimited SeriesAdobe

Concepts

Introduction

  • Introduction to Smart Objects in Photoshop
  • About the exercise files

Creating and Manipulating Smart Objects

  • Creating Smart Objects from JPEG files
  • Creating Smart Objects from Photoshop files
  • Creating Smart Objects from Illustrator files

Duplicating and Editing

  • Duplicating Smart Objects
  • Editing the contents of a Smart Object
  • Creating a callout from a duplicated Smart Object
  • Creating a second callout
  • Adding vector dotted rules
  • Creating a Smart Object from existing layers
  • Replacing artwork in a Smart Object

Combining Animation with SmartObjects

  • Exploring animated Smart Objects

What's New in the Creative Cloud Version

  • Using linked files as Smart Objects
40,000 Toman