Posts tagged "Smart Objects"

December 27, 2017

15 Tips for Working with Smart Objects in Photoshop CC

I recently posted the oh-so-short 3, 2, 1, Photoshop! Five Reasons to Use Smart Objects in Photoshop video (below), but I use Smart Objects so heavily in my workflow that I thought I would gather all of my posts on Smart Objects to make them easier to find. If you’ve never used Smart Objects, they offer a non-destructive, flexible way to work with layers in Photoshop (especially when resizing, transforming, compositing, filtering, working with templates and more). Here is the short overview video and below that is more in-depth information about Smart Objects.


1) The Power of Smart Objects

This next video is quite old, but I’m including it here because it walks through a number of scenarios in which you might want to use Smart Objects. It’s a looooong video, but fortunately you can view it 2x on YouTube.  : )

2) Opening/Placing Files as Smart Objects

There are several ways to add an image as a Smart Object in Photoshop:

  • From Lightroom Classic select Photos > Edit In > Open as Smart Object in Photoshop (this will place an embedded Smart Object).
  • From Bridge use File > Place > In Photoshop (this will place an embedded Smart Object).
  • From Photoshop use File > Place Embedded or File > Place Linked.
  • Drag-and-drop a document from Bridge or Lightroom on to an open document in Photoshop (this will place an embedded Smart Object).
  • Option (Mac) | Alt (Win) drag-and-drop a document from Bridge to an open document in Photoshop and create a linked Smart Object.
  • Option (Mac) | Alt (Win) drag-and-drop a document from  Lightroom on Mac to an open document in Photoshop and create a linked Smart Object.
  • Open an image in Camera Raw. Then, hold the shift key to toggle the Open Image button to Open Object and click to open the image as an embedded Smart Object into Photoshop. Note: to set Camera Raw to open as Smart objects by default, click the link at the bottom of the Camera Raw dialog to display the Workflow Options. Under Photoshop, enable the Open in Photoshop as Smart Objects option. Close the dialog. In Bridge, you can then choose to bypass the Camera Raw dialog, by Shift -double clicking the file in Bridge to open it directly into Photoshop as a Smart Object.

Navigate to Photoshop’s Preferences >  General for additional control when placing files as Smart Objects:

  • Always Create Smart Objects when Placing —converts the file to be placed into a Smart Object. If you have reason to place an image as a regular, pixel based layer, uncheck this option.
  • Resize Image During Place —automatically resizes files to fit in the open document and displays the free transformation handles. Because Photoshop converts the placed file into a Smart Object before resizing, the original data is there if you need to transform it larger.
  • Skip Transform when Placing —automatically resizes files to  fit in the open document and automatically confirms (applies) the transformation

Note: To help with the placement/alignment/scale of an object that is being placed the placed layer’s Opacity, Fill, and Blend Mode can be modified using the Layers panel before committing to the transformation.

3) Convert the Background to a Smart Object

Control -click (Mac) | Right -click (Win) the Background layer (in the Layers panel) to convert the Background to a Smart Object in a single click.

4) Editing the Contents of a Smart Object

Double click the Smart Object’s thumbnail in the Layer’s panel to Edit the Contents of a Smart Object or, use the shortcut Command + Option + Shift + E (Mac) | Control + Alt + Shift + E (Win).

5) Replacing the Contents of a Smart Object

Discover how replace the contents of a Smart Object in this free video (Replacing the Contents of a Smart Object)  from Photoshop CC 2018 Essential Training: Design on Lynda.com.

6) The Difference Between Duplicating a Smart Object and Creating New Smart Object via Copy

If you select a Smart Object in the Layers panel and duplicate it using one of the three methods below, editing the contents of ANY of the instances of the Smart Object will update ALL instances of that Smart Object.

  1. Layer > Duplicate Layer
  2. Layer > New > Layer Via Copy  or Command + J (Mac) | Control + J (Win)
  3. Option -drag (Mac) | Alt -drag (Win) the Smart Object in the Layers panel

On the other hand, if you select a Smart Object in the Layers panel and choose Layer > Smart Objects > New Smart Object via Copy, a new copy of the smart object is created. Editing the contents of the new copy will only edit that Smart Object.

This video demonstrates the difference between duplicating a Smart Object and creating a new Smart Object via Copy

7) Linked Smart Objects in Photoshop CC

In the video below, you’ll learn how to embed and link Smart Objects, update modified content using the Properties and Layers panel, resolve missing files, and filter layers based on Smart Object attributes.

Note: at 7:21 I say that you can’t change an embedded Smart Object to a linked Smart Object (because this video was recorded before the 2014 release of Photoshop). In more recent versions, right -click on the Smart Object layer and use the context sensitive menus to convert from Linked to Embedded (or vice versa).

 

8) Converting Embedded Smart Objects and Packaging Linked Files in Photoshop CC

In the video below, you’ll discover how to convert an Embedded Smart Object to a Linked Smart Object as well as package Linked files when collaborating with others.

9) Updating “Modified” Linked Smart Objects

In the illustration below, I have placed an illustration created in Adobe Illustrator into my Photoshop document (this also works with other file types including PSD, TIF, raw, etc.). Let’s imagine that the illustration is still being refined by another artist on the team.

2014_12UpdateLSO01

If the linked document (the illustration) is updated, Photoshop will display a warning icon in both the Layers and Properties panel the next time you open the file. Note: Photoshop doesn’t automatically update the master document with the updated linked file as you may not want the updated version.

2014_12UpdateLSO02

To update the link, click the warning icon in the Properties panel and choose Update Modified Content.

2014_12UpdateLSO03

The Smart Object (in the master document) will be updated with the new artwork.

2014_12UpdateLSO04

10) What Happens if a Linked Smart Object is Missing?

If you loose the link to a Smart Object (perhaps you’ve moved the image on disk or the linked smart object is off-line), Photoshop will display a dialog when the file is opened that will enable you to relink the asset. Click Relink to locate and relink the asset, or click OK if you don’t have access to the asset or want to relink it at another time using the Properties panel (or, by right-clicking on the linked asset’s thumbnail in the Layers panel).

If the option to “Maximize PSD and PSB File Compatibility” (in the File Handling Preferences) was enabled when the file was saved, Photoshop can still print a document with a missing linked Smart Object (at the same size as it was saved or smaller) because Photoshop will have included a flattened version of the entire document within the PSD or TIFF file. Note: you can not modify the contents of a missing linked Smart Object.

11) Using Linked Creative Cloud Smart Objects

This video demonstrates how to add a graphic to the Libraries panel and how to make change to the Linked Creative Cloud Smart Object.  If you’re already familiar with saving different types of assets to the Libraries panel, jump to 2:34 (and stop at 5:11 when I switch to talking about brushes).

12) Copying and Pasting Illustrator Artwork s as a Linked Creative Cloud Smart Object

When copying and pasting artwork from Illustrator to Photoshop, you can choose to Paste the artwork as a Smart Object and “Add to your current library” which automatically converts the artwork to a Linked Creative Cloud Smart Object.

13) How to Extract a Raw File with Settings from a Smart Object in Photoshop

To extract a raw file with it’s settings from a Smart Object, double click on the Smart Object’s thumbnail in the Layers panel (or choose Layer > Smart Object > Edit Contents) and, in the Camera Raw dialog, click the Save Image button in the lower left corner. (My first thought was to select the Smart Object in the Layers panel in Photoshop and choose Layer > Smart Objects > Export Contents. But surprisingly that method doesn’t export any edits made to the Smart Object.)

14) Adding Smart Filters to Smart Layers

The video below (3, 2, 1, Photoshop! Five Reasons to use Smart Filters), demonstrates how to edit, mask, stack, move, duplicate, and change the blend mode and opacity of Smart Filters.

Or, click this link (Five Reasons to use Smart Filters in Photoshop) to view the 5 reasons as text.

15) Transforming a Regular Layer or Smart Object

When you’re transforming a smart object, the transformation’s anchor points are solid gray but when transforming a regular pixel based layer, the transformation’s anchor points are hollow? How’s that for nerdy Photoshop trivia!

: )

5:33 AM Permalink
December 19, 2017

 3, 2, 1, Photoshop !  Five Reasons to Use Smart Objects in Photoshop CC

This next installment of 3, 2, 1, Photoshop! demonstrates five great reasons to use Smart objects in Photoshop CC.

9:00 AM Permalink
January 4, 2017

Replacing the Contents of a Smart Object in Photoshop CC 2017

Discover how replace the contents of a Smart Object in this free video (Replacing the Contents of a Smart Object), from Photoshop CC 2017 Essential Training: Design on Lynda.com.

5:39 AM Permalink
November 9, 2016

Photoshop CC 2017 Essential Training: Photography – Now Live on Lynda.com

I’m excited to announce that my new Photoshop 2017 Essential Training: Photography course is now live on Lynda.com!

photog

Whether you’re an experienced photographer or someone who has just recently purchased a camera, learning how to use Photoshop is the best investment you can make to get the most out of your pixels. In Photoshop CC 2017 Essential Training: Photography, Julieanne Kost reviews the Photoshop features and techniques that are most useful to photographers, from tonal adjustments to retouching.

Photoshop CC and its companion app, Camera Raw, are loaded with tools and features for photo editing, retouching, color correction, and creative effects, so you can always produce the highest quality images. This course gets you up to speed with Photoshop and shows the most efficient ways to perform common editing tasks, including noise reduction, shadow and highlight detail recovery, compositing, and even painting. Along the way, you will learn the secrets of nondestructive editing and mastering features such as layers, adjustment layers, blending modes, filters, layer masks, and other features that make Photoshop the most popular and powerful image editing software on the market.

Topics include:

• Making creative changes with adjustment layers

• Adding color and gradients with fill layers

• Retouching portraits

• Combining (aka compositing) multiple images

•Working with Smart Objects

• Applying filters like blurs and glow

• Painting with Photoshop

• Adding text and watermarks to photos

• Using artboards and libraries

• Exporting and sharing images from Photoshop

If you’re looking for more information, you can check out all of my Lynda.com courses here including:

Bridge CC Essential Training

Adobe Camera Raw Essential Training

Photoshop 2017 Essential Training: The Basics

Photoshop 2017 Essential Training: Design

Introduction to Photo Compositing

The Art of Photoshop Compositing

Photoshop CS6 Essential Training

And did you know that you can watch these videos off-line by using the Lynda.com desktop or mobile app?

Enjoy!

5:03 AM Permalink
November 8, 2016

Photoshop CC 2017 Essential Training: Design – Now Available on Lynda.com!

I’m excited to announce that my new Photoshop 2017 Essential Training: Design course is now live on Lynda.com!

oceandone

Photoshop is a deep, complex, and at times intimidating product. If you’re using it for design, there may be many features you never want or need. In Photoshop CC 2017 Essential Training: Design, Julieanne Kost filters out the noise and complexity for designers, so that you’ll end up empowered and able to quickly get the results you want.

Photoshop CC and its companion app, Camera Raw, are loaded with tools and features for tonal adjustments, type and graphics treatments, and creative color, so you can always produce the highest quality output. This course gets you up to speed with Photoshop and shows the most efficient ways to perform common design tasks, including layout, image editing, drawing shapes, and working with type and fonts. Along the way, you will learn the secrets of nondestructive editing and mastering features such as layers, adjustment layers, filters, blending modes, layer effects, typography, custom brushes, and much more.

Topics include:

•Working with Smart Objects

•Warping images

•Reshaping images with Liquify

•Using filters, including blur and patterns

•Creating shapes

•Applying blend modes

•Applying layer effects and layer styles

•Working with type and fonts

•Painting in Photoshop

•Using and sharing libraries

•Exporting and sharing Photoshop files

If you’re looking for more information, you can check out all of my Lynda.com courses here including:

Bridge CC Essential Training

Adobe Camera Raw Essential Training

Photoshop 2017 Essential Training: The Basics

Photoshop 2017 Essential Training: Photography

Introduction to Photo Compositing

The Art of Photoshop Compositing

Photoshop CS6 Essential Training

And did you know that you can watch these videos off-line by using the Lynda.com desktop or mobile app?

Enjoy!

5:09 AM Permalink
November 7, 2016

Photoshop 2017 Essential Training: The Basics – Live on Lynda.com

I’m excited to announce that my new Photoshop 2017 Essential Training: The Basics course is now live on Lynda.com!

11_06_jkostet_basics

Here are the details:

Learning how to use Photoshop efficiently and effectively is the best investment you can make to get the most out of your pixels. Photoshop CC Essential Training: The Basics filters out the noise and complexity so that you understand the basic features and concepts you need to use Photoshop effectively, whether you’re a photographer or designer.

Julieanne Kost reviews the basics of digital imaging, from bit depth to image size, and shows how to use different Photoshop tools to crop and retouch photos, while always maintaining the highest-quality output. She shows the most efficient ways to perform common tasks, including working with layers, making selections, and masking. Along the way, you will learn the secrets of nondestructive editing using Smart Objects, and master features such as adjustment layers, blend modes, filters, and much more—increasing your productivity every step of the way.

Topics include:
• Opening files in Photoshop, Bridge, and Lightroom
• Arranging your workspace
• Modifying keyboard shortcuts
• Changing color mode, bit depth, and document size
• Cropping and straightening images
• Working with layers and layer masks
• Using brushes
• Making detailed selections
• Retouching
• Editing images with the Content-Aware tools
• Using blend modes
• Creating Smart Objects
• Using adjustment layers to change color, tone, contrast, and saturation
• Applying filters

If you’re looking for more information, you can check out all of my Lynda.com courses here including:

Bridge CC Essential Training

Adobe Camera Raw Essential Training

Photoshop 2017 Essential Training: Design

Photoshop 2017 Essential Training: Photography

Introduction to Photo Compositing

The Art of Photoshop Compositing

Photoshop CS6 Essential Training

 

And did you know that you can watch these videos off-line by using the Lynda.com desktop or mobile app?

Enjoy!

5:01 AM Permalink
October 17, 2016

Making Selections on Layers with Masks in Photoshop CC

If you use a Smart Filter’s mask to hide the effects of a Smart Filter, Photoshop will still make selections based on the filtered content – even though it is hidden.

Here is the original photo of an Iceberg. I’ve converted it to a smart object so that I can add the Path Blur filter as a Smart Filter.

10_16_01_so

Below shows after adding the Path Blur (listed as Blur Gallery on the Layers panel) as a Smart Filter. Notice that the entire layer is blurred.

10_16_01_blur

I drew a linear gradient in the Smart Filter’s mask to reveal the Path Blur in the water, but hid it from the iceberg.

10_16_01_filtermask

Using the Quick Select tool, I expected Photoshop to easily select the sky, but it selected the iceberg as well (because Photoshop applies the blur to the entire layer – the mask was only  hiding the filter).

10_16_01_selection

Hiding the Path Blur (by toggling off the eye icon next to Blur Gallery), enabled the Quick Select tool to easily select the sky.

10_16_01_hideblur

In the final image below, I added the new sky layer, used the selection to add a mask so that they sky wouldn’t overlap the iceberg, and toggled back on the visibility next to the Blur Gallery to display the Path Blur filter in the water.

10_16_01_sky

4:50 AM Permalink
November 30, 2015

Working with the Libraries Panel in Photoshop CC

With the addition of linked Smart Objects, Creative Cloud Libraries are now more powerful than ever. In this video, Julieanne will demonstrate the Libraries panel’s new features and enhancements including sharing assets using linked Smart Objects as well as create a Library from a document in a single click in the November release of Photoshop CC 2015.

Note: As I mention in the video, Option (Mac) -dragging | Alt (Win) -dragging a graphic from the Libraries panel will place it into the document without linking to the the Creative Cloud Library (allowing you to work  the same way as in previous versions).

9:35 PM Permalink
May 7, 2015

Transforming Layers Over Time in Photoshop

Did you know that you can not only reposition but also transform images over time? In this episode of The Complete Picture, Julieanne demonstrates how easy it is using the power of Smart Objects in Photoshop.

5:10 AM Permalink
June 18, 2014

Adobe Announces Largest Software Release Since CS6

Today Adobe announced all new versions of 14 CC desktop applications, 4 new mobile apps, the immediate availability of creative hardware, and new offerings for Enterprise, education and photography customers.

Of course this includes new features, enhancements and updates to both Photoshop and Lightroom for design and photography including the new Spin and Path Blurs in Blur Gallery, new typographic controls including Font Search and Typekit integration, enhancements to Smart Objects, Smart Guides, and Layer Comps, improved Content-Aware technologies, new selection capabilities using Focus Mask, as well as hidden gems and workflow timesavers.

Check out the latest advancements in Photoshop CC in the videos below:

Photoshop CC (2014): New features and enhancements (3 minute overview)

How to Add Realistic Spinning Motion Blur Effects in Photoshop CC

Adding Motion Blur Effects Along a Path in Photoshop CC

New Typographic Features in Photoshop CC

How to Align and Distribute Layers using Smart Guides in Photoshop CC

How to Use Layer Comps for Multi State Mock-ups in Photoshop CC

New Smart Object Features in Photoshop CC

How to Remove Distracting Elements using the Enhanced Content Aware Tools in Photoshop CC

How to Use Focus Mask to Make Selections based on Focus in Photoshop CC

More Hidden Gems in Photoshop CC

In addition, Adobe Camera Raw 8.5 the Radial and Graduated Filters have a new Brush option designed to selectively hide the filter in unwanted areas. This example demonstrates how useful it can be. 

Plus, Camera Raw 8.5 has new Per-Panel Preview toggle button.

And of course the Camera Raw team included additional bug fixes, new camera and lens profile support.

Click here for more information about Adobe’s Announcement 
Click here for more the Creative Cloud FAQ
Click here for more information about Lightroom mobile for iPhone

If you have any questions or comments please feel free to share them on the Photoshop forums!

8:45 AM Permalink
March 27, 2014

Resizing Files While Placing into Photoshop

Dragging and dropping a file from Bridge or Lightroom on top of an open document in Photoshop will (by default) place the file as an embedded Smart Object.

2014_03_25DragDrop01For more control over how the image is added, select  Photoshop Preferences > General:

• Resize Image During Place – this will automatically scale down any file that is placed into a document smaller than it. But don’t worry, because Photoshop converts the file being placed into a Smart Object before it scales it down, all of the original data is there if you need to transform it larger.

• Always Create Smart Objects when Placing – this converts the file to be placed into a Smart Object. If you have reason to place an image as a regular, pixel based layer, uncheck this option.

2014_03_25placing_02

5:01 AM Permalink
January 15, 2014

Adobe Announces Photoshop CC 14.2 Now Available!

Adobe Photoshop CC 14.2 is now available! If you don’t see an update available for Photoshop in the Creative Cloud desktop application, it might be because of your time zone – the Creative Cloud desktop application only checks once a day. To force the CC desktop application to check for updates, quit the CC desktop app (click on the gear icon in the upper right and choose Quit). Then, launch the Creative Cloud desktop application again – it will check for updates upon launch. 

2014_01_15_CC1

These three videos will take you through my favorite new features:

Perspective Warp in Photoshop CC

Julieanne Kost, Adobe Principal Evangelist Photoshop and Lightroom, walks through the new Perspective Warp feature in Photoshop CC. Learn how to create quads, adjust the layout, and distort the perspective of an image.

Linked Smart Objects in Photoshop CC

Julieanne Kost, Adobe Principal Evangelist Photoshop and Lightroom, demonstrates Linked Smart Objects in Photoshop CC. Discover when to embed and when to link Smart Objects as well as learn how to update modified content, resolve missing files and filter based on Smart Object attributes.



Hidden Gems in Photoshop CC

Julieanne Kost, Adobe Principal Evangelist Photoshop and Lightroom, takes a close look at several feature enhancements and refinements made to scripted patterns including placing patterns along a path, rendering unique trees for concept, architectural and fine art images and scripted border designs. Learn how to unlock the background into a layer with a single click, choose recent colors from the swatches panel and add and change color readouts for multiple color samplers at once.

9:01 PM Permalink