Photoshop Archives

How to import WebP images into Photoshop

In this episode I’ll show you how to use WebP images in Photoshop. Currently Photoshop (2020) does not have native support for this file format, so we’ll need a plugin made by the developers (Google) to make it happen. It’s aptly titled WebPShop. While the code is open source, it’s not immediately obvious to non-hackers …

Read moreHow to import WebP images into Photoshop

How to switch Photoshop from Timecode to Frames

The Photoshop Timeline is a mysterious tool. You can open it from Window – Timeline, or you can open an image sequence/video clip and it’ll dock itself at the bottom of the viewport. By default it displays a sequence in a timecode of sorts, but it’s not the SMPTE or EBU timecode we’ve come to know and love. Instead, it’s something along the lines of seconds and frames, in a format like 02:02f or in other words, something NOBODY in the world would ever use.

But hey, they’re Adobe, and by default they can do anything they want (while extorting money from casual users). I don’t use Photoshop for physical film or video editing, but it’s a nice tool to have when converting rendered image sequences into video clips. I’ve described how to do this here.

When I work this way, I’m more interested in the frame count rather than some made up timecode-thing. I’ve found out how to change this in Photoshop CC, and thought I’d share it with you.

Read moreHow to switch Photoshop from Timecode to Frames

Creating Depth of Field in Photoshop

In this episode I’ll show you how to create an artificial depth of field effect in Photoshop, using the Blur Gallery. This can be useful for cutting down on render time, or to apply to images that have been taken with small fixed focus cameras (like the GoPro). This technique is similar in style to …

Read moreCreating Depth of Field in Photoshop

Creating a round cutout mask for OBS Studio

I like the way my PlayStation 4 adds a soft round cutout mask to the PlayStation Camera Feed when streaming gameplay. I wondered how I could best recreate this effect in OBS Studio for a consistent experience, no matter which device I decide to stream from.

Here’s how I did it, with a little help from Photoshop – feel free to use the resulting asset without any need for further fiddling.

Read moreCreating a round cutout mask for OBS Studio

Creating a Zoom Blur Effect in Photshop

In this episode I’ll show you how to create a moving Zoom Effect in Photoshop, using the Radial Blur Filter. I’ll also explain the use of Smart Objects and how to blend the original image with the blurred version using a Layer Mask. I’ve used this effect to create the thumbnail for my Vertigo Shot …

Read moreCreating a Zoom Blur Effect in Photshop

How to turn a Raster Image into a vectorised SVG in Photoshop

The other day I wanted to convert a logo into a path, so that I could use it as a shape in Blender. It was in fact the WordPress logo that was provided as a PNG or PDF from the WordPress Branding section.

The trouble was, both the PNG and the PDF are rasterised, and as such cannot easily be used for an extrusion in 3D as an SVG file would. The question then was, how do I convert an image into an SVG in Photoshop, so that I could import it into Blender?

It took a bit of fiddling, but here’s how I did it.

Quick introduction to SVG Files

SVG files can actually contain three types of data:

  • Vector Graphics, such as paths (which is what we want)
  • Raster Graphics, such as bitmap images (which we have, but don’t want)
  • and Fonts

What I needed in Blender was indeed a Vector Path. Although the other two data types can be contained in an SVG file, Blender can only read path information at the time of writing. It makes sense too, because really I’d like to the path information available as a curve in Blender, not the potential raster or font information.

I’m mentioning this here because

  • a.) I didn’t know this, and
  • b.) importing an SVG containing either fonts or raster graphics will import nothing into Blender – which had me stumped.

Thanks to cegaton on Blender Stackexchange for this explanation!

Hence, for Photoshop to export vector data instead of raster data in our SVG file, we need to jump through a few hoops – but it is possible. Let’s see how!

Read moreHow to turn a Raster Image into a vectorised SVG in Photoshop