Join Justin Putney for an in-depth discussion in this video Exploring how pixels can go wrong, part of UX Design Tools: Photoshop.
In this video, we're going to take a look at some of the issues that occur when working with pixels in Photoshop. A Photoshop is a pixel-based application, unlike Adobe Illustrator, if you were to create an object and scale it up or down, it wouldn't necessarily do so gracefully. So let's take a look at one of those issues. I'm going to create a new document by going up to File and choosing New, and using the web preset, and clicking OK. And I have the Selection Tool here. I'm just going to create a new layer in the Layers Panel.
I'm going to drag out a rectangular selection. Go up to Edit and add a stroke. This'll create a pixel-based stroke on that selection, so I'm just going to click Okay. Now I'm going to go up to Select and Deselect. And now I'm going to go up to Edit and choose Free Transform. So this will allow me to free transform the content on layer one. So if I were to say, just make this shape a lot wider, you can see what's happening. The horizontal stroke here is getting thicker, because I'm actually making those pixels wider.
I'm increasing in the number of pixels that are covered by that. So if I were to just hit Enter to commit that transform. You can see it's, not only is it wider, but it's a little crunchy there at the corner. So this limitation is something you want to think about when you're creating artwork in Photoshop. In the next video, we'll take a look at a slightly more flexible way to create shapes.
- Setting up files
- Building live shapes with the Rectangle tool
- Using character and paragraph styles
- Organizing content into layers
- Building layer comps
- Creating and reapplying custom shapes
- Using Smart Objects to group and store elements
- Saving and using layer effects
- Exporting artwork