The size of your images can drastically affect the time it takes your site to load. We mentioned this in our earlier post: Basic Blogging Checklist Part I. Today, we will show the steps we use to resize and watermark photos in Photoshop CC 2015.5.
Share this post!
Reducing the Size of Images for Websites
Open your photo in Photoshop CC. We opened “Sassy Nana.jpg”.
To resize the image, go to Image Size under Image > Image Size… Alternatively, use the shortcut Option-Command-i on a Mac.
The Image Size dialog box will pop open. We resize all our photos to 900 pixels wide. Photoshop does the height calculation, provided the lock aspect ratio button is clicked. We leave the resolution at 72 ppi. This is fine for digital work. Only physical prints need a higher resolution (at least 300 ppi usually).
The reduction in image size makes the images smaller on the screen. To increase the view of the image, either press Command and + a few times or hold down option while scrolling on your mouse.
Watermarking Your Images
There are two main mays to do this in Photoshop. The first is a new text layer. The second utilizes the Brush Preset feature of Photoshop.
The example below uses a text layer in the bottom left and a brush preset in the right corner of “Sassy Nana.jpg”.
Creating a Brush Preset
Brush Presets in Photoshop CC 2015.5 have a maximum size of 5000px x 5000px. We used a 1000px x 242px canvas size for this brush, since we knew it would never need to be bigger than 900 pixels wide.
Brush Presets uses a grayscale to determine opacity of the brush, therefore if you want your brush to be solid, make your text black. That way when you use the brush, you can vary the opacity and color to your taste per use.
Next go to Define Brush Preset under Edit > Define Brush Preset…
Name the preset whatever you like.
Try it out!
Using Your Watermark
For the brush, make a new layer via Layer > New > Layer… or use shortcut Shift-Command-N.
Position the Brush to your liking and click.
Change the Blend Mode of the layer to Soft Light and the Opacity to 50% if you want a translucent watermark. You may need to experiment on a photo by photo basis.