All right all right.
Let's go ahead and design our social media graphic.
This one shouldn't be too difficult.
We're gonna drag this rock textured down to the bottom and increase the size.
So I'm holding the option button down so it site increases in scale from the center of the image.
Next I'm going to take our man on the bridge photo.
I'm going to scale that down like this.
Again it's still in the center of our frame.
I might bump it up a little bit in just a minute.
Next I want to create that sort of corner graphic over here that are actually gradients.
So let's go ahead and zoom in here and there's lots of different ways you can do this.
The easiest way is just to take a rectangle or a square like so we're going to play with all of our
different colors and everything later but we're just going to rotate it and scale it until it's going
the direction that we want something like.
So now let's play with the colors we're going to turn off our stroke selecting our stroke.
Turn that off.
And for our fill we're going to use a gradient.
Now we can't really see what we're working on so let's move it over there.
We're going to start with some sort of blue darker blue like this and then go to a lighter blue.
What I often like to do with our gradients is actually start have this color for be our starting point
for our next gradient color.
Now I haven't really dived into colors that deeply but this number right here is what you call a hex
code and it's the hex code for this specific color.
So if I copy this and then I go to this next gradient point and paste it it's going to pick that exact
color that we chose.
You will also see that all of these numbers here are also filled out.
And that's another way you can pick a color if you know for example the specific RG B numbers are right
here or G.B. then that's another way you can plug in those numbers and all will pick that color but
the hex code down here is probably the easiest.
And then from here I'm just going to increase.
Go somewhere something lighter like that.
Now in terms of the angle I actually think that angle is good because it's going from this edge of the
shape to this top edge of the shape the scale I might increase just a little bit and I might actually
make this top color a little bit brighter.
Something like that.
So that's pretty cool that's our top corner.
Now we want to add another corner to the bottom right.
So the easiest way to do that is just hold the option key and click and drag this to the bottom right.
And you can see actually as we drag it there are these guides that are kind of helping us align it and
also space it out.
So it's the same sort of spacing as this one up here.
You can I can see that it kind of locks it into place at that point so that the corners are exactly
exactly the right position.
All right.
So those are corners next what we're going to do is create that play button.
So if I take my lips tool and create a perfect shaped circle holding down the shift button you'll see
what happens is that I've actually created a shape using the original shape settings for fill in stroke
to easily copy these settings from another shape to another from one to another is where you can literally
do is right click the shape you want to copy from go to copy shape attributes and then on the shape
you want to pace them to just right click and choose Paste shape attributes and you see now we have
this play button that has the gradient and I think this looks good in terms of graphic design doing
something like this where you're matching the style you might want to just switch it up and maybe rotate
this 100 degrees or 90 degrees or 180 degrees just so that it's a little bit different and for the play
button.
I'm going to drop the opacity to like 75 just to make it a little bit more interesting and I think for
this one I actually am going to add a stroke just like a white stroke super thin something like So instead
of my overall opacity at 75 I'm going to change the fill opacity to that and our stroke is still going
to be 100 percent opacity and there we have it that stands out a little bit more than what I had created
before.
Now let's create the rectangle for our play button.
So to do that we're going to use the polygon tool.
We're going to change the sides to three.
We're just going to go ahead and turn off our stroke.
Phil is gonna be white and I'm just going to create a triangle.
Now to get it to be perfectly aligned so that the left side is perpendicular.
I'm holding the shift button down.
And now what I'm going to do is use our line options to align the polygon to Triangle to our ellipse
selecting but selecting both of those with my move tool.
I can horizontally and vertically align them.
Now I realize I'm doing that to the canvas.
So let's due to the selection and let's do that same thing which it actually looks the same because
it's already.
If it's aligning to the canvas center center then it's going to align to each other center center.
But this doesn't look just right actually because I realize that the center of our triangle is not exactly
where we want this it to be centered on the circle.
So I'm gonna scale this down and just using my keyboard left and right arrows I'm just gonna move it
over to the right just a little bit and here's another option or an example of where I'm going to link
these layers and that becomes our play button.
Now I do want to align this to are our canvas center vertically or horizontally rather.
So I'm going to do that and let's just zoom out so we see our entire project.
I am going to just bump up our picture there.
I'm going to move make this a little bit smaller and that's looking pretty good.
Now the last thing is to create that little rectangle border for our image right here.
There's again a couple ways we can do it.
We can create a stroke just for this image itself but I'm going to do it with a shape.
So taking our rounded rectangle tool no stroke.
Phil will change that in a second.
We're going to create this shape.
Now I realize that this is a look.
The edges are a little bit too round.
So once you do this you actually have this properties panel.
If you don't see that just go to window properties.
And this is sort of a live look at your shape settings and you can see here that it has the 100 pixel
corners.
And if we changes to 25 it will change that.
The pixel or the radius of our shape the option up here only applies to whatever new shapes you create.
So if you're trying to change the settings for the rounded corners of an existing shape then you'll
have to do that in this properties panel.
It's just another quick tip so we're.
We already have the color settings for this triangle copied.
So if we just right click on our rounded rectangle and choose Paste shape attributes it should paste
them which it does.
And if we put this underneath our man on a bridge and let's just go ahead and align these to each other.
So selecting both of them we're going to center them.
And now I'm just going to take my rounded rectangle and make it a little bit smaller.
I'm just holding the option key down.
So it reduces the size from the center.
So it still stays centered on this photo.
I'm going to link these now so if i move one of them I move both of them.
And the last thing though is the gradient isn't exactly what I want it to look because these other layers
are these other shapes are actually rotated the gradient is at a diagonal.
And so for our rounded rectangle I am going to go to our gradient settings a quick way to get to that
is just double clicking in the shape layer right there.
And we're just going to change the angle something like so
and that looks pretty good.
So here we have what I've just created compared to our original looks pretty good.
I actually like the play button with the stroke and it looks just a little bit better in my mind it
might just bump that triangle.
Let's unlink this and then just bump that triangle over to the right.
Just hit right there is pretty good.
All right.
So hopefully you learned a lot through this project.
Couple new things like copying shape attributes to another adjusting the rounded corners of a rectangle
after the fact.
Playing with the Phil and stroke opacity separately with our play button and lots of lots more.
So hopefully you enjoyed this project.
I can't wait to see what you've come up with.
And as always you are free to tag me on social media at Phil Ebinger or at video school online you can
find our links at our Web sites video school online dot com or a new one that I haven't really mentioned
photography and friends dot com if you're into photography.
That's a good Web site to learn even more.
Cheers and have a good day.