Hi there, this video, we are going to look at kind of bending and distorting and skewing. We're going to try and lay it down on the ground and then kind of morph around the shoe here so it looks like it's kind of following the curve. Let's do that. Now using adobe Photoshop is transformed tools. Alright, let's open up the file. We're going to be working with the file open And we're working in the exercise files in this folder, court 08 Transform open the one called transform. Great. So we want to mock up this logo on this. Let's look at the basics for transforming first. Then we'll go and add the logo. So to bring in the image, I can open it copy and paste it, which we've been doing for a lot of this course, I'm going to show you another way file. There's one that says place embedded. Okay, and go to that same folder and open up logo. Ai click place. It's going to put it into a smart object automatically because it knows it's an Ai file and it goes your vector U should be smart object ...

and we're totally down with smart objects. Now, what we need to do is give it a size and then hit return because it's kind of stuck in this kind of like limbo mode. Can you see none of these things work? Hold down, shift. Okay, and we can scale it down. Let's go down to something appropriate like that. Hit enter and what we're going to do is we'll start with one copy just up here. We're going to duplicate the logo. Right click duplicate layer. This is gonna be called logo too. And we'll move it down and let's look at the basics for transforming. Let's go to edit, transform and we've dealt with scale before and rotate before. And some of the other easy ones that you might use is rotate clockwise counterclockwise. We'll go back the other way you can flip it 180, which flips it completely upside down. Another one in there you might use is flip horizontal and vertical. It's not going to really work in this case if I go horizontal, backwards logo. But it's good to know where that's kept under. Now the next thing I wanna do is I want to kind of bend it down the bottom here, like we saw in the intro on the floor and under edit transform, you can see a bunch of these are grayed out. Remember in the last video where we talked about smart objects and most things work with it except for the very first thing we're going to do in this course after we've learned convert everything to a smart object because distort perspective and warp don't work. And those are the ones we want to learn. So remembering how to convert it from a smart object back to regular layer is right click logo and say I would like you to be a rust arised layer. Nothing much changes except that little icons gone and magically edit transform these things appear now I never use Q I'll save you the trouble of testing it because it just does this, I'm not sure when you use that or at least I don't use it. So I'm gonna hit. Escape is the kind of, I didn't mean it button escape on my keyboard, but the ones that I do use, we're gonna use say distort first. Love this one. It's really good for mocking up like signs that you've made onto real objects. Um so this one here, I'm just gonna kind of, I'm clicking anywhere about the center, moving it down here and all you do is grab the corners and it's it's kind of like in this weird flat plane that you can start manipulating now, it's not going to match the background automatically. Okay, so there's a lot of just you having a look. I'm doing it right now by I kind of got, I don't know why I close one eye when I'm doing, it seems to help with my perspective, does that look like it's on the ground? It's good enough when I'm ready. Hit enter, you can fake a sign for a billboard or say you've mocked up a cover of a magazine, you can have a picture of a magazine bringing your say in design cover ideas and mock it up using that distort. Now, the next one I want is I'm going to duplicate logo again and we're gonna look at warp, right clicking it, duplicate layer. There we go. three, remember right click it and say you have to be a rust arise later. Sorry buddy, I'm gonna move it down to kind of roughly where I want it. I'm gonna get it down to a rough size. I'm using edit transform, scale. Okay, yeah, now we're going to use the edit transform and we're gonna use this one called whoop zoom in a bit and show you how it works. It's a little weird. Okay, grab one of the corners, click hold and just give it a wiggle. It kind of turns it more like fabric, whereas the last one made it like a block, like a sheep that you can kind of manipulate. Okay, this one here is a lot more warp here is a lot more kind of elastic. Okay, it's more like a sheet of paper so I can move it around. So there's two parts to it. There's this these corners, they're called anchor points. Okay, so the edge of this image has to go to that anchor point wherever it is. These other little things here called handles are the way that the line gets influenced. Okay, you can see it doesn't nothing actually has to pass through this little black dot, but it kinda like gravity kind of like distorts the line before it hits the anchor point. So just know every anchor point here has two handles. There's a top one. Okay, in the bottom one, and now it's the same principle again, there's a lot of just kind of like dragging it around saying, okay, I feel like that's the bottom, trying to get the perspective lining with the bottom of that shoe there, and then see these two little handles here, just trying to disorder to make it feel like it was following the kind of path. I have it up a little bit there, some of these little wavy lines to follow, but same with this one here, you can see it kind of double back on itself, so I wanted about there, but then I'm gonna have to adjust these lines, there's a lot of messing around just getting a feel for it and the bottom line here, it's a little hard to see some of these dots. I shouldn't have picked a stripey shoe. If you're practicing with me, you're cursing the stripe issue, probably cursing the shoe theme throughout this whole course. I hope you're not getting too bored of it, but I went with a shoe theme. Okay, so what am I doing now? I'm just kind of messing around trying to get it to flow. Now, can you see the lines in the center here, kind of a bit weird, you can actually just click and drag these as well, any of these points in here because we kind of fixed the outside. Now, we just need to kind of drag the inside and make it feel like it was part of it. Good. It's okay. All right. I'm gonna stop there because you're just watching me do this and I could be at it for awhile, hit return when you're ready, zoom out and you've got something kind of bent around the shape. I haven't done a great job. One of the things that make it super obvious is that the colors are just super strong and don't have any of this kind of, they're not interacting with the background very much so we've looked at this before, remember blending modes. So on my logo three. Okay, it's this layer here to the eyeball on and off up where it says normal. Remember we've played around with a few of these we're gonna look at multiply and that kind of works. It's kind of cool and maybe a bit strong. So you just work your way through all these options to find one that you feel works good with your shoe and your image and your background color. I was playing around with this what looked good linear light. I think it did kind of like the linear light changed the color quite a bit of my graphics so maybe that's not what I want. Headlight, maybe that's a bit closer and I really want to go back and fix this because it doesn't look very realistic. Cool. So I hope you got an understanding of some of those transform tools. I don't use them all. Some of them are just a bit weird like perspective. Just use distort quicker and easier in my opinion. Last little things I'll throw in at the end here our image and sometimes image rotation instead of doing it per layer, you can do the whole thing. Remember we looked at rotating it clockwise, just the particular layer. This is the whole graphic saying with flipping it so if you want to flip this across, Okay, the whole thing rather than just a particular layer. Plus it was rotating their image image rotation and there's a few little things in there to work with that's where they're hiding. All right. I will see you in the next video.

Class Materials

Bonus Materials with Purchase

Exercise Files

Completed Files Part 2

Completed Files Part 1

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Adobe Photoshop Beginner Fundamentals Photo Editing

Ratings and Reviews

JEWEL KHAN

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

2,000+ classes ranging from fundamentals to advanced techniques.

How to Bend a Logo onto an Image Realistically in Photoshop

How to Bend a Logo onto an Image Realistically in Photoshop

Lesson Info

53. How to Bend a Logo onto an Image Realistically in Photoshop

Lessons

Class Introduction to Adobe Photoshop CC

Before you Start this Adobe Photoshop CC Tutorial

How to Use Layers in Adobe Photoshop CC

Basic Navigation & How to Combine Images in Photoshop

Layers - Quiz

How to Fix an Image Using Levels in Photoshop CC

How to Enhance Colors in Photoshop Using Vibrance

How to Change the Color of Something in Photoshop Using Hue

How to Change Just One Color in Adobe Photoshop CC

How to Make an Image Black & White in Photoshop CC

How to Add a Gradient to an Image & Text in Photoshop

Color & Adjustment Layers - Quiz

Creating a Specific Sized Document Adobe Photoshop CC

How to Draw Star Square Circle Shape in Photoshop CC

Stealing Colors & Adobe Color Themes

Shapes - Quiz

How to Create Text in Adobe Photoshop CC

How to Warp Text in Adobe Photoshop CC

How to Get Text to Follow a Line or Circle in Photoshop

Text - Quiz

How to Add a Line Around the Outside of Type in Photoshop

How to a Bevel or Emboss to Text in Photoshop CC

How to Add a Drop Shadow to Text in Photoshop CC

Presenting your Photoshop Work for your Portfolio

Project 1 - Creating your own Postcard

How to Crop an Image in Adobe Photoshop CC

How to Crop an Image for a Frame in Adobe Photoshop CC

How to Straighten the Horizon Line Using Photoshop CC

How to Copy from One Image to Another in Photoshop CC

How to Crop Images Inside of Text

How to Remove the Background in Adobe Photoshop CC

Class Project - Quick Select Tool

How to put Text Behind a Person in Adobe Photoshop CC

How to Create a Layer Mask in Adobe Photoshop CC

Class Project - Cut a Person out & put them into Another Image in Photoshop

How to Blend Fade one Image into Another in Photoshop CC

How to Weave Text in and out of a Photoshop Image

How to Select Hair in Adobe Photoshop CC

Class Project - Selecting Hair

How to Select Things with Straight Edges in Adobe Photoshop CC

How to get Text to Interact with Ink & Plants in Photoshop CC

Class Project - Text & Image Interaction

Selection & Masking - Quiz

How to Add Filters & Effects in Adobe Photoshop

How to Turn an Image into a Painting in Adobe Photoshop

Class Project – Oil Painting

How to Create the Dotted Halftone Poster Effect in Photoshop

Class exercise - Halftone

How to fake Realistic Motion Blur in Adobe Photoshop CC

The Lens Flare Right of Passage in Adobe Photoshop

Filters - Quiz

What is a Smart Object in Adobe Photoshop CC

How to Bend a Logo onto an Image Realistically in Photoshop

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

Class Project - Peeling Sky

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

How to Create Dripping Paint Text Effect in Photoshop CC

Class Project - Drippy Paint Text

How to Remove People & Text from a Picture in Photoshop

Use Google Images to find your Image Before Retouching

How to Remove Red Eye from Photographs in Photoshop

How to Retouch Skin in Adobe Photoshop CC

Class Project - Retouching

Enhancing Eyes in Adobe Photoshop CC

How to Fix Teeth in Adobe Photoshop CC

Retouching

How to Instantly Remove the White Background of a Logo in Photoshop

Using Blending Modes as Color Accents in Photoshop

How to put Images Inside a Bottle Using Photoshop

Class Project - Boat in a Bottle

How to Create the Spotify Duotone Effect in Adobe Photoshop

Class Project - Duotones

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

Class Project - Anaglyph Effect