STUDIO 01.2: TUTORIAL PART II
Objectives
After completing the exercises for {S02}, you will have:
If you aren’t already familiar with layers and layer masks, complete Part I of the tutorial first.
Set-Up
Launch Photoshop and choose
Alternatively, you can continue working on your bricolage file from last week (make sure you
For this sample collage we are using some of the same material from the previous week (images sourced from the scholarly articles by Brian Holmes and John Dean Davis), and A cotton plantation on the Mississippi lithograph by Currier & Ives:
You can download all source materials here.
Transform Tool
The transform tool enables you to scale, rotate, skew, stretch, or warp an image. You can apply transformations to a selection, an entire layer, a layer mask, or a group of selected layers.
The Free Transform command lets you use any of the above transformations (rotate, scale, skew, distort, perspective, warp, and flip) in one continuous operation. To activate the Free Transform tool, select what you want to transform and click through
Use
Note: Transforming layers in Photoshop ultimately results in some loss of image quality. To avoid this, convert the layer into a Smart Object before transforming. This tool is accessed through the “more” menu located in the upper-right corner of the Layers Panel, or by clicking through
On your own: Complete your bricolage composition with the remaining source images using Layer Masks and Transform tools.
Adjustment Layers
Image Adjustments (
Adjustment Layer is a special kind of layer that allows you to make non-destructive adjustments to the colors and tones in your image (without permanently changing its pixels). It also allows you to tweak and refine the adjustment settings throughout an edit continuously (much like the layer masks allow you to control the visibility).
The easiest way to add an adjustment layer to your composition is from the Layers panel. Click on the
Note: Adjustment layers come with their own layer masks, which you can use to limit the areas of the image affected by the adjustment:
Important: By default, an adjustment layer affects all layers beneath it in the Layers panel. To make the adjustment layer affect only the layer directly below, hold down the
Illustrator Interoperability
One of the great things about the Adobe Creative Suite is the integration of its apps. Graphic assets created in Photoshop can be integrated into an Illustrator file and vice-versa: Illustrator files can be imported into Photoshop and either be rasterized or keep their vector functionality for further editing.
For example, you may wish to convert your scenographic map into a timeline by adding a (vector-based) horizontal time axis on top of the drawing or add textual labels/captions in Illustrator to provide background information about the imagery.
To do that, launch Illustrator and create a new document (preferably with the same or similar width/height as the .psd file you just completed). Click through
Note: by default, placed .psd files are linked, not embedded, allowing further editing in Photoshop. However, if you move (or delete) your Photoshop file, the link will be broken, and you will have to re-link the file.
On your own: place your scenographic map into Illustrator and add vector elements to the drawing.
This module is the second in the two-part series covering the essential tools for creating a digital bricolage in Adobe Photoshop.
Objectives
After completing the exercises for {S02}, you will have:
- Become familiar with the Transform Tool
- Become familiar with Adjustment Layers
- Explored interoperability between Photoshop and Illustrator
If you aren’t already familiar with layers and layer masks, complete Part I of the tutorial first.
Set-Up
Launch Photoshop and choose
New File. Set the file width to 4200 and height to 1080 Pixels (or any size you consider suitable for your composition). Click Create.Alternatively, you can continue working on your bricolage file from last week (make sure you
Save As… first). To change the size of your canvas, click through Image > Canvas Size… and set the new width and height (note that you can choose the
direction of your canvas extension by “anchoring” the current image
content):
For this sample collage we are using some of the same material from the previous week (images sourced from the scholarly articles by Brian Holmes and John Dean Davis), and A cotton plantation on the Mississippi lithograph by Currier & Ives:
You can download all source materials here.
Transform Tool
The transform tool enables you to scale, rotate, skew, stretch, or warp an image. You can apply transformations to a selection, an entire layer, a layer mask, or a group of selected layers.
The Free Transform command lets you use any of the above transformations (rotate, scale, skew, distort, perspective, warp, and flip) in one continuous operation. To activate the Free Transform tool, select what you want to transform and click through
Edit > Free Transform or click Cmd/Ctrl + T.
A transformation (or bounding) box will appear around the area you want
to transform. Start dragging the corner handles to scale the area
proportionally. To toggle non-proportional scaling, press and hold the Shift key while transforming:
Use
right-click to switch from Free Transform to any particular transformation tool
(such as Skew or Perspective). To cancel transformation(s), press the Esc key. To confirm transformation, click the Return/Enter key:
Note: Transforming layers in Photoshop ultimately results in some loss of image quality. To avoid this, convert the layer into a Smart Object before transforming. This tool is accessed through the “more” menu located in the upper-right corner of the Layers Panel, or by clicking through
Layer > Smart Objects > Convert to Smart Object on the main menu bar. If you've transformed a Smart Object, you can reset all transformations you've previously applied by clicking through Layer > Smart Objects > Reset Transform or by right-clicking the Smart Object layer and choosing Reset Transform.On your own: Complete your bricolage composition with the remaining source images using Layer Masks and Transform tools.
Adjustment Layers
Image Adjustments (
Image > Adjustments > …) are
a broad set of useful image editing tools that add color and tonal
adjustments to your image by permanently changing its pixels:
Adjustment Layer is a special kind of layer that allows you to make non-destructive adjustments to the colors and tones in your image (without permanently changing its pixels). It also allows you to tweak and refine the adjustment settings throughout an edit continuously (much like the layer masks allow you to control the visibility).
The easiest way to add an adjustment layer to your composition is from the Layers panel. Click on the
Create new fill or adjustment layer button at the bottom of the Layers panel, choose one of the adjustments
from the list, and a new adjustment layer will appear on top of the
selected layer.Note: Adjustment layers come with their own layer masks, which you can use to limit the areas of the image affected by the adjustment:
Important: By default, an adjustment layer affects all layers beneath it in the Layers panel. To make the adjustment layer affect only the layer directly below, hold down the
Option/Alt key and click between the adjustment layer and the layer you need to be adjusted:
Illustrator Interoperability
One of the great things about the Adobe Creative Suite is the integration of its apps. Graphic assets created in Photoshop can be integrated into an Illustrator file and vice-versa: Illustrator files can be imported into Photoshop and either be rasterized or keep their vector functionality for further editing.
For example, you may wish to convert your scenographic map into a timeline by adding a (vector-based) horizontal time axis on top of the drawing or add textual labels/captions in Illustrator to provide background information about the imagery.
To do that, launch Illustrator and create a new document (preferably with the same or similar width/height as the .psd file you just completed). Click through
File > Place… and navigate to your collage drawing.
Note: by default, placed .psd files are linked, not embedded, allowing further editing in Photoshop. However, if you move (or delete) your Photoshop file, the link will be broken, and you will have to re-link the file.
On your own: place your scenographic map into Illustrator and add vector elements to the drawing.