Photoshop for Designers: Working with Illustrator

Course details

Expand your creative options. Learn how to move your artwork between Photoshop and Illustrator and take advantage of the strongest features in each program. Designer Nigel French explains different ways to transition your artwork back and forth: copying and pasting, linking, exporting, and sharing via Creative Cloud Libraries. He then embarks on a series of mini projects that showcase the power of Photoshop-Illustrator integration. Learn how to create vector-based artwork from pixel-based sources, including photographs, and leverage Illustrator symbols and Photoshop shapes in your designs. Nigel also covers a variety of pattern and texture techniques, before proceeding into four hands-on projects—an animated pattern, a Mondrian-style composition, a vintage postcard, and a retro poster— that demonstrate the complete workflow between these two powerful programs.

Learning objectives
Copying and pasting artwork in Illustrator and Photoshop
Placing linked files
Exporting Illustrator and Photoshop files
Creating vector artwork
Recoloring traced artwork
Converting Illustrator symbols to Photoshop shapes
Creating seamless patterns
Creating typographic treatments
Combining vectors and pixels
Animating Illustrator patterns in Photoshop
Hands-on projects with Illustrator and Photoshop

Concepts

Introduction

Combining Photoshop with Illustrator

Moving between Photoshop and Illustrator

The difference between pixels and vectors
Copy and paste Photoshop artwork into Illustrator
Copy and paste Illustrator artwork into Photoshop
Open a Photoshop document in Illustrator
Open an Illustrator document in Photoshop
Place a linked Illustrator file into Photoshop
Place a linked Photoshop file into Illustrator
Export an Illustrator file to PSD format
Export Photoshop paths to Illustrator
Share artwork using Libraries

Converting Pixels to Vectors

Create an abstract vector portrait
Create a line art vector portrait
Convert an image to a flat color background
Create a dramatic park service poster
Recolor traced artwork

Shapes and Symbols

Convert an Illustrator symbol to a Photoshop shape
Use Photoshop Shapes in Illustrator
Use a shape as a clipping mask
Combine vectors and pixels in a landscape poster

Miscellaneous Techniques

Create a color palette with Object Mosaic
Create a seamless pattern
Create an abstract background
Create a typographic treatment in Illustrator and apply texture in Photoshop
Add texture in Illustrator
Combine vectors and pixels in a composition

Using Photoshop to Animate an Illustrator Pattern

Create the Pattern in Illustrator
Create an animated GIF in Photoshop

Create a Mondrian-Style Composition

Color with Live Paint and Shape Builder
Separate the colors to Layers
Paint the rectangles using the Photoshop Mixer Brush
Apply Finishing touches in Photoshop

Create a Vintage Postcard

Warp the type
Expand the type and preparing the pictures frames
Create and batch apply a unifying image style in Photoshop
Use Clipping Masks to put the images inside the letters
Apply the finishing touches

Create a Retro Travel Poster

Prep the image in Photoshop
Trace the image in Illustrator

Conclusion

Goodbye