Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Importing Illustrator artwork

From: Photoshop Smart Objects

Video: Importing Illustrator artwork

In this exercise, we're going to shift our focus from Camera Raw to Adobe Illustrator, which may inspire many of you to bug out because you may feel like you're not an artist. You're not an Illustrator. You've never used Adobe Illustrator and now is no time to start. Whereas, I'm telling you, now it's the perfect time to start using Illustrator for a couple of reasons. You can get a sense of what you can do with the program. We're not going to do anything all that complicated, so whether you know how to use Illustrator or not, you'll be able to follow along with me and you'll get a sense as to whether you want to integrate Illustrator into your daily workflow or not.

Importing Illustrator artwork

In this exercise, we're going to shift our focus from Camera Raw to Adobe Illustrator, which may inspire many of you to bug out because you may feel like you're not an artist. You're not an Illustrator. You've never used Adobe Illustrator and now is no time to start. Whereas, I'm telling you, now it's the perfect time to start using Illustrator for a couple of reasons. You can get a sense of what you can do with the program. We're not going to do anything all that complicated, so whether you know how to use Illustrator or not, you'll be able to follow along with me and you'll get a sense as to whether you want to integrate Illustrator into your daily workflow or not.

And if you do, I'm just going to tell you that I have a ton of training on Illustrator, under the name of Illustrator CS4 One-on-One, just gobs and gobs of movies available to you, take you all the way through the program. It's available here at the lynda.com Online Training Library. Anyway, what you're going to need to follow along with me right now is Illustrator CS4, for all of the exercises. What we're going to be doing is we're going to place a logo that was created inside of Illustrator into Photoshop and this is a logo that you wouldn't be able to create inside of Photoshop normally, but you can create inside of Illustrator very easily.

So I've gone ahead and saved my progress as Warmer model.psd because we've warmed up her skin tones and it's found inside the 02_ACR_and_Illustrator folder. Make sure that the top layer is selected right there, the Smart Object layer and then we're going to go to the File menu and choose the Place command. If you've loaded my Deke keys, keyboard shortcuts then you can press that shortcut right there, Ctrl+Shift+Alt+ D or Command+Shift+Option+D on the Mac and D comes from an old PageMaker shortcut, essentially that's used by InDesign as well.

So, something of a cross-application shortcut. Anyway, I'm going to go ahead and choose Place. Now whenever you choose the Place command, whatever file that you grab and then place inside of your composition becomes a Smart Object no matter what. And this is how you bring in Illustrator files into Photoshop. You can copy and paste. That's also an option and I'll show you how that works later. But for now, just go ahead and choose the Place command and navigate your way to the 02_ACR_and_Illustrator folder and you'll find among other files, this one call the Product logo.ai and that .ai stands for Adobe Illustrator.

So this is a native Adobe Illustrator file. Go ahead and click on the Place button and you'll see this dialog box right here, that says Place PDF, what gives there? Why, when we know this is an Adobe Illustrator file, do we find out that Photoshop thinks it's a PDF file? Well, Photoshop requires a PDF definition of the file to be embedded inside of the larger Illustrator file. And I'll show you how you do that in a later exercise. This one already has a PDF built-in and that is the default setting where Illustrator is concerned.

So, Photoshop is working from that PDF definition. Now, I'm going to go ahead and change my Thumbnail Size from Small to Fit Page like so, so that it blows up here. Now we can see there is a bit of filigree right here. That comes to us from the Fotolia image library and there is a heck of a little illustration actually here. This is hand drawn, by the way in case you're wondering how do people draw that wild filigree that you see all over the place these days. They draw it with their hands. There isn't some filigree tool out there , they actually spend time drawing this manually and then we have the word Product and there is actually some additional logo type right here that we can't see because it's white against the white background, but we will see it shortly.

There is nothing else you have to do inside this dialog box. All you do is you go ahead and click OK and then you place a logo here inside of your composition. Now at this point, it's probably a good idea to go ahead and size the logo, but you don't have to. Now in the old days, back before Smart Objects, back inside of Photoshop CS and earlier, you had one and only one chance to scale this illustration properly and then it would be rendered out to pixels. It's no longer that way inside of CS2, CS3 and CS4. So, what I invite you to do, if you like, is just go ahead and press the Enter key or you can click on this checkmark, right there, up in the Options bar to Commit the transformation, to go ahead and commit the place essentially.

And you can see that this illustration has now been rendered out to pixels. So, I'm going to go ahead and zoom in on it, so that we can see it up, close and personal. Now every single one of these fills right here is an independent fill that I've created inside of Illustrator. And I'll show you how that works in a later exercise. Once again, I keep telling you about the later exercises, but it's fairly important. But at this point we're not looking at some sort of Vector layer inside of Photoshop. We're not looking at a vector shape layer for example, instead we're looking at a Smart Object layer that has all the vector information built into the larger composition now.

So, it's all embedded inside the composition and we'll see how great that is later. But for now, what I want you to do. Let's go ahead and zoom out a little bit once again. I'm going to go ahead and scale this logo and place it where I want it to be and I'll do that by going up to the Edit menu and once again, choosing the Free Transform command. This is how we apply our non-destructive transformations, regardless of what kind of Smart Object we're working with. So I'll go ahead and choose the command or press Ctrl+T, Command+T on the Mac. And then I'm going to turn on this little link icon up here in the Options bar and I'm going to change either the W or the H value to 40, like so and you could scale this manually if you wanted to as well.

Then I'll drag it down into a different position, somewhere around here for now I think, and then I'll go ahead and commit my transformation by pressing the Enter key or the Return key on the Mac and there we have it. Again, it's nice and smooth. Because we're working with the Smart Object, we can scale it as much as we want. Now you may say, "Well, it looks a little bit jagged." That's because we're looking at the artwork at the 200% Zoom Ratio. And anywhere beyond 100% you're going to start seeing pixels inside of Photoshop, because things get rendered out to pixels, even objects get rendered out to pixels on the fly, inside the program.

All right, so that's step one. We have now imported an Illustrator logo into Photoshop. In the next exercise, we'll see how we go about modifying this logo inside Illustrator.

Show transcript

This video is part of

Image for Photoshop Smart Objects
Photoshop Smart Objects

95 video lessons · 21555 viewers

Deke McClelland
Author

 
Expand all | Collapse all
  1. 17m 13s
    1. Welcome to Photoshop Smart Objects
      59s
    2. Installing the dekeKeys keyboard shortcuts
      4m 18s
    3. Installing the CS4 color settings
      4m 15s
    4. Loading the CS4 color settings in Photoshop and Bridge CS4
      7m 41s
  2. 1h 12m
    1. Nondestructive transformations
      1m 14s
    2. The purpose of Smart Objects
      5m 17s
    3. The trials of destructive transformations
      5m 1s
    4. Creating a Smart Object
      6m 36s
    5. The rewards of nondestructive transformations
      4m 29s
    6. Preparing a composition for masking
      4m 59s
    7. Establishing a base alpha channel
      6m 25s
    8. Masking a Smart Object
      7m 3s
    9. Refining the layer mask
      6m 50s
    10. Multiplying the edges
      4m 17s
    11. Manually adjusting the problem edges
      6m 3s
    12. Free Transform feedback
      5m 14s
    13. The ultimate nondestructive crop
      9m 8s
  3. 1h 19m
    1. Photoshop and its support applications
      1m 45s
    2. Creating a Camera Raw (ACR) Smart Object
      5m 8s
    3. Converting a JPEG image to DNG
      4m 47s
    4. Replacing pixels with Camera Raw data
      5m 27s
    5. Matching image and ACR resolution
      4m 25s
    6. Adjusting ACR Smart Objects
      5m 33s
    7. Importing Illustrator artwork
      6m 13s
    8. Opening placed art in Illustrator
      5m 51s
    9. Examining dynamic effects
      7m 9s
    10. Modifying Illustrator artwork
      5m 20s
    11. Updating an Illustrator Smart Object
      4m 20s
    12. Styling placed artwork in Photoshop
      3m 33s
    13. Combining layer effects and adjustment layers
      5m 14s
    14. Copying a layer from a clipping group
      5m 0s
    15. Scaling vector data beyond 100 percent
      3m 9s
    16. Blending vector data with pixels
      2m 10s
    17. Saving PDF-compatible Illustrator art
      4m 23s
  4. 1h 26m
    1. Many Smart Objects reference a single source
      1m 9s
    2. Smart Objects and file size
      5m 11s
    3. Placing images as Smart Objects
      4m 44s
    4. Creating a basic lens flare
      5m 43s
    5. Turning a flare into a black hole
      6m 2s
    6. Establishing a first true clone
      4m 9s
    7. Finding the exact center of an image
      2m 37s
    8. Reflecting additional clones
      4m 55s
    9. The art of upsampling
      7m 45s
    10. Editing the root image
      5m 37s
    11. Updating all true clones
      3m 29s
    12. Roughing in a polygonal mask
      7m 13s
    13. Parametric Feather and Glow
      7m 12s
    14. Smart sharpening Smart Filter
      5m 36s
    15. Adding highlights and vibrance
      7m 10s
    16. Luminance blending
      8m 18s
  5. 49m 7s
    1. Placing one Smart Object inside another
      1m 9s
    2. Creating a super-massive Smart Object
      7m 9s
    3. Styling a super-massive Smart Object
      4m 29s
    4. Recoloring background regions
      4m 42s
    5. Cloning a super-massive Smart Object
      5m 56s
    6. Finishing off the first draft
      5m 4s
    7. The plasma ball effect
      4m 45s
    8. Applying the Smart Clouds filters
      4m 57s
    9. Converting clouds to lightning
      5m 4s
    10. Updating nested Smart Objects
      5m 52s
  6. 1h 14m
    1. Editable, nondestructive filters
      1m 24s
    2. Applying and modifying creative effects
      6m 54s
    3. Blending filtered effects
      6m 24s
    4. Tweaking filters with adjustment layers
      4m 14s
    5. Restoring halftone highlights
      4m 25s
    6. The price of Smart Filters
      5m 56s
    7. The power of true clones
      7m 13s
    8. Sharing between Smart Objects and comps
      8m 45s
    9. Just click on it
      1m 50s
    10. Applying a corrective filter
      5m 24s
    11. Smart Filters and disk space
      3m 46s
    12. Picking the right blend mode
      6m 36s
    13. Combining multiple Smart Filters
      6m 13s
    14. Editing and previewing filter settings
      5m 27s
  7. 1h 44m
    1. Still more Smart Filters
      1m 3s
    2. Introducing the non-filters
      4m 15s
    3. Reducing luminance contrast
      5m 19s
    4. Faking an HDR portrait effect
      7m 20s
    5. Adding a filter mask
      3m 22s
    6. Editing filter masks and density
      4m 26s
    7. Applying Variations as a Smart Filter
      7m 24s
    8. Establishing independent filter masks
      4m 51s
    9. Painting away unwanted halos
      6m 28s
    10. Creating a wood grain effect
      6m 2s
    11. The luminance-style filter mask
      6m 23s
    12. The downside of independent filters
      5m 11s
    13. Merging the effects of two filters
      4m 38s
    14. Adjusting and merging masked effects
      6m 26s
    15. Introducing the Filter Gallery filters
      4m 39s
    16. Applying a Filter Gallery filter
      5m 57s
    17. Merging two Filter Gallery effects
      7m 16s
    18. Adjusting the colors of Sketch filters
      5m 2s
    19. Adding a third filter to a combo
      4m 58s
    20. The versatility of Smart Filters
      3m 2s
  8. 1m 31s
    1. Goodbye
      1m 31s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Smart Objects.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.