Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (14m)
    • 1. Upside Down Image Effects in Photoshop - Introduction

      1:07
    • 2. Upside Down Image Effects - Part 1

      2:49
    • 3. Upside Down Image Effects - Part 2

      3:42
    • 4. Upside Down Image Effects - Part 3

      6:33
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

220

Students

16

Projects

About This Class

Graphic Design for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn how to make on trend upside down image effects in Photoshop. You will learn how to use masks with your images and how to move the masks and the images they effect. You will also see how to create nested selections and how to save selections. This is one of the effects we will make:

62203e75

More in this series:

Make Patterns from Sketches & Digital Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Pattern Tips and Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Ikat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Marble Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Scrapbook Paper Designs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Range of Circle Patterns in Adobe Photoshop - A Graphic Design for Lunch™ class

10 Blend Tips in 10 minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Brush Tips in 10 Minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Clean & Color Scanned Line Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Top Photoshop Tips in 10 mins - A Graphic Design for Lunch™ Class

3 Exotic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Abstract Glowing Backgrounds in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Pattern Swatches in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Selections Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Award Badge & Ribbon Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Backgrounds - Halftones, Sunburst, Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Hi-Tech HUD Rings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Organic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Text on a Path in Adobe Photoshop - A Graphic Design for Lunch™ Class

Curly Bracket Frames and Text Boxes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Selection tips in 10 mins in Adobe Photoshop - A Graphic Design for Lunch™ Class

Cutout & Frame Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Vintage Image Cutout Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Creative Layer Styles in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Patterns with the New Pattern Tool in Photoshop 2021 - A Graphic Design for Lunch™ Class

Paint a Photo in Adobe Photoshop using Art History - A Graphic Design for Lunch™ Class

4 Critical File Formats - jpg, png, pdf, psd in Adobe Photoshop - A Graphic Design for Lunch™ Class

B&W, Tints & Isolated Color Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Bend Objects with Puppet Warp in Adobe Photoshop - A Graphic Design for Lunch™ Class

Glitter Text, Shapes and Scrapbook Papers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Scanned Sketch in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Color Scheme Graphic in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Custom Character Font in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Mandala in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Wreath Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Complex Half Drop Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Mockups to Use and Sell in Photoshop - A Graphic Design for Lunch™ Class

Create Plaid (Tartan) Repeat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Sketch with a Texture in Adobe Photoshop - A Graphic Design for Lunch™ Class

Droste Effect with Photoshop and a free online tool - A Graphic Design for Lunch™ Class

Critters with Character in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Textures for Drawings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Demystifying the Histogram in Adobe Photoshop - A Graphic Design for Lunch™ Class

Double Exposure Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Draw a Fantasy Map in Adobe Photoshop - A Graphic Design for Lunch™ Class

Emboss and Deboss Text and Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Folded Photo Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Everyday Photo-editing Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Get Your File Size Right Every Time in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grab Bag of Fun Text Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grid Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Hi-tech Mosaic with Brushes & Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Warhol inspired Colourful Animal Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Intro to Creating and Using Photoshop Actions - A Graphic Design for Lunch™ Class

Isometric Cube Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layered Paper Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layers and Layer Masks 101 for photographers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell a Shapes Collection in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamless Repeating Patterns in Adobe Photoshop - Just the Basics - A Graphic Design for Lunch™ Class

Make & Use Photo Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make and Sell Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Custom Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Kaleidoscopes with Smart Objects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Diagonals, Chevrons, Plaid & Polkadots in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Photoshop Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Overlapping and Random Circles Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Pattern Bombing Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Turn a Photo into a Pattern in Adobe Photoshop - A Graphic Design for Lunch™ Class

Patterns as Photo Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Texture Collage - Blending & Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Inking Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Prepare images for Social Media & Blogs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Recolor Objects without Making Selections in Adobe Photoshop - A Graphic Design for Lunch™ Class

Techniques for Recoloring Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Remove Objects & Tourists from Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Video Glitch Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamlessly Blend Two Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Set up Colors, Tints and Shades in Adobe Photoshop - A Graphic Design for Lunch™ Class

Sketches & Brushes to Whimsical Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Snapshot to Art - 3 Handy Photo Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Surreal Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Text Over Image Effects - Glyphs & Layers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photoshop Type Basics in Adobe Photoshop - A Graphic Design for Lunch™ Class

Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Illustrator Objects in Photoshop - A Graphic Design for Lunch™ Class

Using the Scripted Pattern Fill Tool in Adobe Photoshop - A Graphic Design for Lunch™ Class

Valentine's Day Inspired Hearts in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Rotated Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class

 

 

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Upside Down Image Effects in Photoshop - Introduction: Hello, I'm Helen Bradley. Welcome to this Graphic Design for Lunch Class, create an upside down image effect in Adobe Photoshop. Graphic Design for Lunch is a series of classes that teach a range of tips and techniques for creating designs and for working in applications such as Illustrator, Photoshop, and Procreate. Today we're looking at creating upside down effects for photos in Photoshop. This is an on trend effect. You'll see it around the web quite a bit and I'm going to show you how to do it. We're going to learn to create a number of upside down effects, including how to create nested selections. As you're working through these projects, you might see a prompt which lets you recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. These recommendations help me get my classes in front of more people who just like you want to learn more about Photoshop. If you'd like to leave a comment, please do so. I read and respond to all of your comments and I look at and respond to all of your class projects. If you're ready now let's get started turning things upside down in Photoshop. 2. Upside Down Image Effects - Part 1: All the images that I'm using in this class are from unsplash.com. I'm going to give you a link to that site. It's a really good source for high quality images that you can use. This is one of those images. We're going to start by duplicating the background layer. Just drag and drop it onto the new layer icon. The one I want to turn upside down is going to be this background. I'm also going to make this into a regular layer. In later versions of Photoshop, you can just click on this lock icon and it just unlocks automatically. Now, in older versions of Photoshop, that doesn't work, but you can drag and drop the lock icon onto the trash can. The other thing you can do is just double-click the background layer and then just click okay and it just makes it into a new layer. Regardless of which of those methods you used, you should now have a regular layer. That's important because we can't actually flip this unless it is a regular layer. Now, what we don't want to do is to rotate this because when you rotate an image, you actually end up with a different result to if you mirror image it. What we want to do is to mirror image it or flip it. I'm going to choose edit and then transform, and we want to flip vertical. I'm just going to click that. I've turned this top layer off so what we're seeing is the upside down image. Now we can go and put our right way up image back on top. But we don't want to show all of this image. We just want to show a little sliver of it because that's the trend. I'm going to the rectangular marquee tool here and I'm going to drag out a long, thin rectangle and it's going to go from the top of the image to the bottom. If you don't get it perfectly where you want it to be, you can hold the spacebar as you draw it and then you can move it around. But basically what you want is a thin rectangle over the top of the interesting element in your photograph, and of course here it's the surfer. Now I've got my selection over the surfer. I need to go back and select the topmost layer because this is the one I'm going to add the mask to. I'm just going to click on the mask icon here. What that does is it adds a black and white mask. The white area, this strip down here, is the area that we're seeing from the up the right way image. Let's just turn the background one off. You can see that this is the strip that we've masked out of this top image. The top image is up the right way and so this is the bit that we're seeing that's up the right way. Then the bottom image is upside down and so we're just seeing that as a background where this top image does not intersect with it. From there you may want to go and crop your image or you could add some text as an overlay over it, but that's the first of these upside down effects we're going to create. 3. Upside Down Image Effects - Part 2: For the second of our effects, we're going to create a circular effect. Again, however you want to do it, you're going to turn the background layer into a regular layer, and you're going to make a second copy of it on top. We're going to turn this layer off while we focus on the background copy, and for this, we want to flip it, so I'm going to choose Edit, Transform, Flip Vertical. Now let's look at this layer, the top layer where everything's up the right way. This time we're going to create a circle cutout, so I'm going to select the Elliptical Marquee tool, and I'm going to hold the Shift Key as I drag out a circle, and this is going to be my mask. Now, I'm going to try and position it horizontally in the document if I don't get it perfectly and if I want to be able to finesse it. I'm going to let go the left mouse button and the Shift key, so I just have my selection here. I'm going to choose, Select, Transform Selection because this allows me to transform the selection but not alter the image in any way. I'm just making sure that my circle here is in the middle of my document. I'll click the check mark. Now, I just want to add my mask as I did in the previous video, so I'm just going to click on the ''Add Mask'' icon. This time we haven't got quite the result that I was hoping we would get because this person's feet are up here and I think that it's not probably quite as good or look as I want. Let's go and see what we can do with this particular layer here, the one that is controlling this image. I'm going to select the Move Tool, and you can see here that there is a link between these two, so the photo and the mask are both connected to each other. If I move things up, the photo and the mask are both moving. That's one possibility here, is I can just rearrange things to where I want them to be. But you can also click this link icon to de-select that link. Now, the mask and the photo are independent of each other. If I click on the mask, I get this little border around it and this set of handles, and I can move the mask around. If I click here on the image, the mask's going to stay fixed, but the image is going to move so I can place the person in a slightly different position within this mask. It's also possible for me with this selection handle to re-size this ellipse. Now it's never very good idea to re-size, rest or shapes, but since we're not going to re-size it a lot, we can probably get away with it here, so I'm just going to re-size my circle, and then click the check mark. Now, I have a larger circle and still right now, this circle and the photograph are independent of each other, so I'm just going to grab my person and move him a little bit differently. Let's grab both of them and perhaps move them down a little bit. I can continue to work on this until I have everything in a position that I want it to be in. I'm going to call that good for my second of these upside down effects. In this case, we're creating a circular mask, and because we're not using the entire image, that gives us a fair bit of flexibility in terms of where we want the circle to go and what part of our photo actually shows up inside the upside down background. Of course, once you've created this, you could add some text if you wanted to, and you may also consider cropping this to a square shape. 4. Upside Down Image Effects - Part 3: For this next upside down effect, we're going to create a hollow rectangle. We're going back to the basics here. We're just going to turn our background layer into a regular layer and duplicate this layer. We're also going to flip this bottom layer upside down with edit, transform, flip vertical. Now, let's go back to the topmost layer with it visible and let's focus on this. What I want to do is to create a selection that is actually a hollow rectangle. I'm going to start by making my two selections and then I'm going to subtract them from each other. Now, I've already experimented a little bit with this image. I have a fair idea how big a selection I want the inside piece to be. I've already set this up to a fixed size and it's 1,100 by 700 pixels. It's important to use exact dimensions here because what we want to do is we want to make sure that our next rectangle is going to be 200 pixels bigger than that or 300 but so it has nice edges all around it. I'm going to start here by just clicking on this selection and I'm going to put it in the middle of the document. I'm going to choose ''Select," and then, ''Transform selection.'' It's the right size but right now, I just want to make sure it's dead in the middle of the document. Because when I create the next selection, I want it to be in exactly the same position and just larger than this. Later on, we can position the whole piece in the right place. I'm just going to click the, "Check mark," here and this is my little piece. I'm going to choose, ''Select,'' and then, ''Save selection.'' I'm going to call this small and click, ''Okay." What that does, just in case you're curious, is it saves this as a channel. If I go to the channels palette, you'll see here that there's a channel called small and it's just saved inside the documents. If we were to save this document as a PSD file, inside it will be a selection called small that we can call back anytime in the future. Now, let's go and make it big. I'm going to change this thinking to 1,400 by 1,000. I'm adding an extra 300 pixels to either side of this. I've just set my values and I'm just going to click here now. I think that's going to be pretty good. But again, I want it to be in the middle of the image. Again, I'm going to choose, 'Select,'' and then, ''Transform Selection.'' I'm using my smart guides to make sure that this is perfectly aligned and click the, "Check mark.'' Now, I'm going to save it with select, save selection, and this is going to be called big. Again, we would have a channel with a selection that looks like this, called big. Now, I can deselect this selection, I'm going to go back and load big. I can just load it as a selection then I'm going to choose select, load selection. I'm going to choose small but this time I want small to be cut out of big. I'm going to choose subtract from selection and click, ''Okay.'' Now, I get a selection that only comprises the area that is around small but inside big. While I'm here, I'm just going to save this, select, save selection. I'm going to call this hollow and click, ''Okay.'' Let's just have a quick look in the channels palette. Well, here's hollow, it's a hollow rectangle. Now, I can close the channels palettes because we've just had a look at that. Let's go back to the topmost layer. Now, I want to position this selection before I go ahead and make my mask, so it's just like any regular selection. We can choose select, transform selection, which will allow us now to move in to position. This time I'm not worried about centering it. I want to make sure that it's in an area where I've got something of interest here and this is the area I'm looking at, so I'll click the, "Check mark." To make my mask, I'm just going to click on the, ''Add Layer Mask," icon. Now, something happened here and everything went the wrong way around. But that's fine because anytime you have a mask, if something goes in the wrong way around, you can just click on the, ''Mask'' and press, ''Control'' or ''Command I'' because that inverts the image so what was black becomes white and what was white becomes black. Now in this case, we've got a situation slightly different to the one we were working with before. This cut-out here is actually showing us the image underneath here. If we want to move it around, we can go ahead and move the cut-out here so we can come to this mask and just move it around, that's fine. But if we want to change the image, we have to come down to the bottom here because this is the image that is inside the mask. I just want to be sure as to what's happening here and I'm just going to position this in an interesting place. I can go back and lock this mask if I wish to. There's another one of these upside down effects created in Photoshop. But this time you've also learned how to make a big selection and make a little selection and then subtract them from each other to get a selection that is a ring. You could create that using a circle, for example, just make a big circle, make a little circle, save both of those selections and then go ahead and do that subtraction. You just want to be careful that you first load the bigger of the two selections and then go and load the smaller of the two with the subtract from selection option selected and you'll be fine. Your project for this class is going to be to create one or more of these upside down photo effects in Photoshop and to post your finished image in the class project area. As you're working through these videos, you might have seen a prompt which lets you recommend this class to others. If you're enjoying this class, please give it a thumbs up. Recommendations like this help me get my classes in front of more people who just like you want to learn more about Photoshop. If you'd like to leave a comment, please do so. I read and respond to all of your comments and I look at and respond to all of your class projects. My name's Helen Bradley. Thank you so much for joining me for this episode of graphic design for lunch and I look forward to seeing you in an upcoming episode soon.