12 - Logo

10 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.72
List Price:  €129.81
You save:  €37.09
£79.26
List Price:  £110.97
You save:  £31.71
CA$135.49
List Price:  CA$189.69
You save:  CA$54.20
A$153.49
List Price:  A$214.89
You save:  A$61.40
S$134.92
List Price:  S$188.90
You save:  S$53.97
HK$782.50
List Price:  HK$1,095.53
You save:  HK$313.03
CHF 90.16
List Price:  CHF 126.23
You save:  CHF 36.07
NOK kr1,085.06
List Price:  NOK kr1,519.13
You save:  NOK kr434.06
DKK kr691.90
List Price:  DKK kr968.69
You save:  DKK kr276.78
NZ$167.41
List Price:  NZ$234.39
You save:  NZ$66.97
د.إ367.19
List Price:  د.إ514.08
You save:  د.إ146.89
৳10,980.73
List Price:  ৳15,373.46
You save:  ৳4,392.73
₹8,335.04
List Price:  ₹11,669.39
You save:  ₹3,334.35
RM472.40
List Price:  RM661.38
You save:  RM188.98
₦139,532.04
List Price:  ₦195,350.44
You save:  ₦55,818.40
₨27,813.53
List Price:  ₨38,940.06
You save:  ₨11,126.52
฿3,638.31
List Price:  ฿5,093.78
You save:  ฿1,455.47
₺3,237.16
List Price:  ₺4,532.16
You save:  ₺1,294.99
B$501.53
List Price:  B$702.17
You save:  B$200.63
R1,888.66
List Price:  R2,644.21
You save:  R755.54
Лв180.76
List Price:  Лв253.07
You save:  Лв72.31
₩134,741.70
List Price:  ₩188,643.77
You save:  ₩53,902.07
₪367.71
List Price:  ₪514.81
You save:  ₪147.10
₱5,617.33
List Price:  ₱7,864.49
You save:  ₱2,247.16
¥15,132.45
List Price:  ¥21,186.03
You save:  ¥6,053.58
MX$1,658.17
List Price:  MX$2,321.51
You save:  MX$663.33
QR364.88
List Price:  QR510.84
You save:  QR145.96
P1,378.06
List Price:  P1,929.34
You save:  P551.28
KSh13,256.67
List Price:  KSh18,559.87
You save:  KSh5,303.20
E£4,744.14
List Price:  E£6,641.99
You save:  E£1,897.84
ብር5,687.29
List Price:  ብር7,962.44
You save:  ብር2,275.14
Kz83,433.85
List Price:  Kz116,810.73
You save:  Kz33,376.88
CLP$98,290.17
List Price:  CLP$137,610.17
You save:  CLP$39,320
CN¥722.08
List Price:  CN¥1,010.95
You save:  CN¥288.86
RD$5,924.54
List Price:  RD$8,294.60
You save:  RD$2,370.05
DA13,479.97
List Price:  DA18,872.49
You save:  DA5,392.52
FJ$225.66
List Price:  FJ$315.94
You save:  FJ$90.27
Q780.13
List Price:  Q1,092.22
You save:  Q312.08
GY$20,949.30
List Price:  GY$29,329.86
You save:  GY$8,380.56
ISK kr13,941.60
List Price:  ISK kr19,518.80
You save:  ISK kr5,577.20
DH1,013.74
List Price:  DH1,419.27
You save:  DH405.53
L1,764.37
List Price:  L2,470.19
You save:  L705.82
ден5,702.11
List Price:  ден7,983.18
You save:  ден2,281.07
MOP$806.29
List Price:  MOP$1,128.85
You save:  MOP$322.55
N$1,909.24
List Price:  N$2,673.01
You save:  N$763.77
C$3,682.20
List Price:  C$5,155.22
You save:  C$1,473.02
रु13,347.49
List Price:  रु18,687.02
You save:  रु5,339.53
S/372.08
List Price:  S/520.93
You save:  S/148.85
K382.87
List Price:  K536.04
You save:  K153.16
SAR375.15
List Price:  SAR525.22
You save:  SAR150.07
ZK2,481.24
List Price:  ZK3,473.83
You save:  ZK992.59
L460.94
List Price:  L645.33
You save:  L184.39
Kč2,346.52
List Price:  Kč3,285.22
You save:  Kč938.70
Ft36,532.34
List Price:  Ft51,146.74
You save:  Ft14,614.40
SEK kr1,069.05
List Price:  SEK kr1,496.71
You save:  SEK kr427.66
ARS$85,802.56
List Price:  ARS$120,127.02
You save:  ARS$34,324.45
Bs691.35
List Price:  Bs967.92
You save:  Bs276.56
COP$386,901.39
List Price:  COP$541,677.43
You save:  COP$154,776.03
₡50,320.66
List Price:  ₡70,450.94
You save:  ₡20,130.27
L2,469.73
List Price:  L3,457.73
You save:  L987.99
₲739,686.52
List Price:  ₲1,035,590.72
You save:  ₲295,904.20
$U3,756.16
List Price:  $U5,258.77
You save:  $U1,502.61
zł399
List Price:  zł558.62
You save:  zł159.61
Already have an account? Log In

Transcript

What I did was I wasn't happy with the way the Monday looked. And so I just went ahead and change some things around. So now it slides in from the left and slams into place. I still like the abrupt stop of Monday and the cup. I think it adds a lot because of Monday, just feeling so abrupt. I like that.

And all I did was just change the position. So the position of Monday is now out here to the right. It's like that. And as it moves, it just slowly moves to the left and comes to the stop. So it's all I did. It's all just a position change, and finessing it just like we've been doing.

I also switched I put Monday in front of the coffee cup class layer. And the reason I did that is I wanted the words to go in front of the cup. Some people hate their jobs. I'm lucky enough to To not hate my job, I absolutely love my job after many careers, but some people feel it is kind of a jail. And this gives it that look of like the cell bar doors person staring out and the cell doors shutting the bars sliding across their vision. So always layers, always thinking about different things when you're designing.

But what happens here is that now when this cuts across, because I made these colors the same, it doesn't look great. So what I'm going to do is go in here and change this color into a darker shade. And I'm just going to move this to the right. So I get some separation that needs to that needs to happen so it doesn't get lost in there. There we go. My brain was putting those two things together and so I didn't get that effect of the bars going in front of my vision.

So there's that that's all I did there. Play with it have a lot of Fun and don't be afraid to change some things. Okay, so now the power of the pre comps is really going to come into effect here because let's put a logo on here. And I'm just going to go with an extremely simple logo onto here. And all we have to do I know it sounds complicated to stick a logo on there. After we have done all this animation.

You're like, Shawn, why did you not do this at the beginning? Why are we doing it now, here's why I wanted to prove to you the power of a pre comp. And what I'm going to do is just go to let's go back into coffee club class. So we're in here. Let's go to the end. So we know our final position here.

Give myself a little bit more room. Go up here and go to let's do a polygon tool. And she's gonna draw a polygon We shifted maybe around, make it smaller. If you hold Shift, it will keep it a perfect polygon. And I'll keep it straight. So see I can rotate this any way I want.

If I hit shift, it only allows me to scale it that way no matter where I move this so and you hold down, spacebar and you can move the entire thing around. Let go spacebar and it scales from right there, hold down spacebar and it moves, that goes spacebar and it scales. Okay. So let's put it about right here. We can always change the size a little bit, but I want to get it closed right now. Okay, there's that.

And we'll call this logo. Actually, I'm going to change this to logo class because they already have one logo and let's have no fill on that. Holding down option, cycling through, let's have this color be what would be a deep blue like that it's pretty color. And we'll change this to about seven. Good. Now within here I want all I want this logo to be one layer.

So I'm going to grab the polystyrene one and hit Command D to duplicate it. Now go into only the poly start to, into transform poly start to and scale this down, move it up to where it's just touching. I don't want it to overlap. There you go. So that's my logo that I want. If you want to put a letter in there, that's perfectly fine as well.

But there we go. There's our logo. looking pretty good. You can fill this in, have fun with it. Have fun. Okay, it's on this coffee cup.

And it's its own layer. But if we wanted to, let's put a letter in there just so I can show you the different layers. So now let's grab this and we will. Okay, so there is our logo. Now it's two layers. Now I could parent these to the rap, and that would be perfectly fine.

It would stay with the rap. If I take this and parent this to the rap. Compare this to the rap cane as a logo, the lines and the car parented to the rap, which means that when it animates, they stay right with it. But I want to do different things with this and if I ever want to go back and change this, make it more elaborate. I have to come back in here, make sure it stays parented. If I want to add stuff to it, add some colors, do anything to this logo, I have to make sure it stays parented.

So what I'm going to do is unparent this. I'm going to grab C and logo class and do shift Command C and it gives me this pre comp I'm going to call this logo class and it makes it its own comp. So now if I double click this, it's its own entity. What I want to do here is this little button right here region of interest because I don't need this entire composition. And I'm going to draw a square around just the logo. Did it pretty close, but you want to make sure you're not cutting anything off.

Okay, right there. Okay, like that. And now up to composition. And say crop comp to region of interest. What that does is now my comp is only this big. That's all I need.

I don't need these title action safes anymore. That's my entire call. And what that allows me to do is I don't have all that other stuff. And now when I go back into this coffee cup, There's my entire logo is there. And because I know the center is right in the middle of that, I can grab this and command and it will center it on the wrap on the cup on wherever you'd like. So here's the center of the cup.

So now I know it's centered there. And then I can just move this up or down where I want it. And once we have this in position, now we want it. This is a cylindrical surface. So if you had this actually printed on your coffee cup, it would not be straight here and this be curved, that doesn't sell the effect doesn't look very real. You can tell it's just kind of pasted on in two dimensions.

We want to add some realism to that. So you type in warp over here, and you bring up bezzie a warp and drop that on there. You could do all sorts of stuff with this, but what we want it for is just to create this curve. So you just been That around or you can actually just grab this. move this down and then grab the Bezier handles and make it the exact board for the edge there. And then I'm holding Shift and moving it up to the top.

It's extremely subtle, but it makes a huge difference. You will recognize the difference that you see with this. Let's bring this in a little bit here, grab this one and just bring it in and you're mimicking the sides here. This one so now things aren't perfectly straight. And that's what we want. Put it back in the middle.

Okay, there you go. So now it's off. It's a slightly rounded here, it's a little bit skewed up here, the sides are a little bit skewed pushed in doesn't look exact, doesn't look perfect, like it does here. And that's what we want. Because we want it to look like it's wrapping around the cylinder, it's going to be very subtle, but it does make a difference. Now we need to take this logo, and parent it, grab the equip parent ID to the rap.

Boom. So now we have that parent ID we have it worked. We have everything looking fantastic animation, it's stuck to it. Now if you want to go back in here, and let's say you want to change this C to an R and it changes to the arc and you have it warped, you haven't parented everything works perfectly fine and it's only one layer on here. Again, we're keeping things as clean as possible. You can even go in and change this entire logo to circles or triangles or make it super elaborate.

Bring in another image layer over the top of Whatever you want to do to it, you can do it. What else that allows us to do is we can go in here, right click, create layer style, Bevel and Emboss. And it happens here. It's a single. If we do it here, we have to do it to both those layers. This is a single layer so we could bevel and emboss it like that.

There you go, and everything stays exactly how it is. Use your pre comps. They are amazing, amazing things.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.