Hi. This is Marty from Blue Lightning TV. The Google Play
advertising campaign used a simple, but great design
integrating its rounded, triangle logo shape
with musician celebrities. I'm going to show you how to recreate that look
with your own or someone else's portrait and name.
I downloaded the last two photos from Shutterstock.com.
I provided the link to Google's typeface
which is called, "Catull". The link is located in the video description.
Open a photo of someone you'd like to use.
Then, create a new document by pressing
Ctrl + N on Windows or Cmd + N on a Mac.
Make the Width and the Height 870 pixels each
and the Resolution 150 pixels per inch.
Click OK or press Enter or Return. Open your Gradient Tool
and choose Linear Gradient. Click the gradient bar
and click to lower, left "Stop". Click the color box
and type in 2 0 8 B C 8.
Then, click OK
or press Enter or Return. Click the lower, right Stop
the color box and this time, type in
0 0 5 B 9 B.
Press Enter or Return twice. Place your cursor at the bottom of your document
and hold down Shift as you drag up the gradient line to the top
Then, release. Click the New Layer icon
to make a new layer. Open your Polygon Tool
If your foreground and background colors
aren't black and white, press "D" on your keyboard
or click this icon.
To invert them, press "x"on your keyboard or click
this icon. Go to the top
and choose, "Pixels". If you're working on a version
earlier than CS6, the Pixel icon
is here. Since a triangle has three sides,
type in "3". Click the gear icon
and make sure the Radius is empty and that nothing is checked.
Drag out a triangle and hold down
Shift to straighten it out. We'll rotate the triangle
using the Transform Tool. Go to Edit,
Transform and "Rotate 90 degrees clockwise".
To center it on your document,
press Ctrl or Cmd + A to select it all and open your Move Tool.
Then, click the "Align Horizontal Centers" icon
and the "Align Vertical Centers" icon.
To deselect it,
press Ctrl or Cmd + D
To round the corners of the triangle, go to Filter,
Other and Minimum. Choose
"Roundness". The higher we make the Radius,
the larger the corners and the entire triangle will be.
Make the Radius anywhere from 15 to 20 pixels.
Then, click OK. Open your photo
and drag it up onto the tab of your Google Play document.
Drag it down onto the image and release.
To temporarily see the layers under it, reduce its opacity to approximately 50%
To reduce or enlarge your photo,
press Ctrl or Cmd + T to open your Transform Tool.
We can't see the tool's bounding box because this photo is too large to see
the Transform at 100%.
To see the entire bounding box, I'll press
Ctrl or Cmd + 0. I'll go to a corner
and when I see a diagonal, double-arrow, I'll hold down Shift
and drag it in to a size that fits the shoulders
and most for face inside the triangle, while making sure the top of her head
is sticking outside the triangle. If you want to reposition the photo,
first go to View and if "Snap" is checked,
click on it to turn it off. This will prevent the photo from snapping to the
edges of the document
or the triangle shape when you move it. Then. press Enter or Return.
To fit your document back on your screen, press
Ctrl or Cmd + 0. Now that we have the photo sized and positioned,
we can turn the opacity back to 100%.
The next step is to make a selection around your subject's head.
There are many ways to make selections and your choice should depend on the
characteristics of your photo.
For example, in this photo, the subject is in focus
but the background isn't. So I'm going to use a feature that was introduced in
Photoshop CC 2014
called, "Focus Area". I'll show you that in a moment.
if you're working on an earlier version of Photoshop, open the Lasso Tool
and draw around the head of your subject. It doesn't have to be perfect.
Go to Select and Refine Edge.
I'll show you what to do next after Refine Edge is opened in version CC 2014.
In this version, you don't have to draw a selection around your subject
if the background is unfocused. Instead,
I'll go to Select and "Focus Area".
Photoshop is analyzing the photo to determine what's in focus and what's not.
Then, it surrounds the focused area with a mask.
I find the best results are when the "Auto" button it's turned on.
Click the Refine Edge button.
This creates great selections of anything with fine detail.
I covered Refine Edge in-depth in some of my past tutorials,
so I won't be going over every detail here, however,
checking "Smart Radius" is a good start. If you move the Radius to the right,
a bit, you'll start to see that the mask is picking up detail that wasn't there before.
before
By using the Refine Radius Tool,
and brushing around the edge of the mask where the hair is,
it will pick up even more fine detail. I like to check "Decontaminate Colors"
because it removes any color fringe that may be bleeding
onto the inside edge of you're subject from the background.
You can leave it at the default amount of 50%
or adjust it using the slider.
Output it as a "New Layer with Layer Mask".
Then, click OK.
Make Layer 2 visible and active.
Ctrl-click or Cmd-click on the triangle
to make a selection of its shape. Click the layer mask icon
to make a layer mask of the selection next to the active layer.
Click the layer mask next to your subject to make it active
and open your Pencil Tool. Make sure your foreground color is black.
Open your Pencil tip window and make the size: medium to large
with the Hardness of 100%. Now,
draw over the subject to hide it below and to the left of the triangle.
Your actually drawing black over the layer mask,
which hides those portions of the subject. Think of layer masks
as stencils. Whatever is black in the layer mask will mask out the subject
and whatever is white in the layer mask will reveal the subject.
You may notice a subtle, white fringe around the perimeter of the triangle.
This is because the white triangle layer is visible.
Once we click off its eyeball to hide it,
the fringe disappears. We're ready to add the text.
Open your Horizontal Type Tool
and open "Catull Regular".
Make the size 43 points, the anti-aliasing
is Smooth, the alignment is flush right
and the color is white. Another way to choose your fonts
and modify them is to go to Window and Character.
Click on your document and type, "Google play".
Highlight, "play" and open
Arial Regular. It's somewhat similar to the font Google uses in its marketing
campaign,
but since that font isn't free, I'll use Arial.
To reposition your text, open your Move Tool
and move it.
Press "T" to open your Type Tool and click on your document.
For the subject's name, I'm using "Jenna Sue Regular",
which I also provided its link to. I'll make the size 62 points
and click the slanted, "T" to italicize the font.
Click the color box and click on a light color of your image that you like
to pick up that color. Then, click OK.
Type out the name, click your Move Tool
and drag the name into position.
To finish our Google Play design, we'll add a gradient border.
Scroll down to the bottom and click your background to make it active.
Go to the lock icon and hold down Alt or Option
as you double-click it. This will
unlock it and open its Layer Style window.
Click Stroke and make the Position: Inside.
Make the Fill Type: Gradient.
the Style is Linear and the Angle
is 90 degrees. Click the gradient bar
and click the lower, left Stop. Click the color box
and click the color on the bottom of the background to pick up its color.
Press Enter or Return. Click the lower, right Stop,
the color box and this time,
click on the top of the background to pick up its color.
Then, press Enter or Return twice.
Check "Reverse", which reverses the gradient colors.
Slide the size to an amount you like for the border's thickness.
I'll choose 10 pixels. Then, click OK.
This is Marty from Blue Lightning TV. Thanks for watching!
I'm