Hi there.
In this tutorial, we will learn how to create a Google search engine business card.
And this is totally exceptional and uncommon type of business card.
And I hope you will like this business card.
And let's create a Google search engine business card.
As you know, understand our site for creating a business card with Will with three point five inches
and a height with two inches.
And it will create an image from our file menu.
So here is the file menu.
And we will go for new option.
Here is the tab for creating or new image.
And I told you before that we will be three point five inches and a height will be two inches and a
resolution will be 300 pixel bar inches and color.
And what will be R.G. recolour.
And let me write a name for this image.
I want to write a Google search engine business code.
OK, so I'm selecting.
OK, cool.
So this is our image and you can take a look.
A new layer is created in one layer panels.
And I want to rename this layer.
I want to named frontward background.
So therefore, we have to double click on this layer by our left button of mouse.
And let me write
one part Liji that means a font part background.
Actually this business card will have to part.
One is from port and one with the backward.
So right now we will work with front part.
So we will complete our front part.
Then we will work for backwards.
So let's create the front part.
So right now we will create a Google logo in our our business card.
So let's take a look at how Google logo looks like.
Here is the Google Web site.
And we will create this exact same logo in our our business card.
We will use the exact same color, same font and same style.
So let's create this Google logo in our our business card to create a Google.
I want to use this type tool.
So you're as a type tool.
And let me write Google.
Google, but these takes, too, to really.
Not all of us are similar with the go go.
All we'll.
And that's why we will change the font.
So let me select this and Ted takes.
And here is the font option.
We will use product sans.
We will use this product sans font.
And this product stands font already given in our exercise file.
So I want to make it a little bit too bold.
And therefore, here is the option right now.
It's in a regular mode.
But I will go for gold more.
So here is the bolt.
OK.
Now it looks really good.
And right now we will change the color for each and every alphabet.
Few take a look on Google logo.
They have different color, far different alphabet.
And we will do the same.
So let's change the color of text.
So we will pick the exact color which Google used in their logo.
And we will pick the exact color code from here.
And that's why we will use an extension.
And the name of the extension is Color Peak.
I dropped him.
You just have to install it.
And it's available on Google Chrome extension store.
And it's absolutely free.
If you don't have these color pick eyedropper extension, then you can go far.
Colors the like.
It's also a good extension.
You can have it on your home, are on your Firefox browser.
So let's get back to our Google Web site.
And right now, we will pick the color code for a G alphabet.
And that's why we have to select this color pick.
I drop her ext.
So here is the point here.
And let me select this point here on G.
And here is the color code.
You just have to copy this color code.
And let's get back to Photoshop.
So here is our G alphabet.
We have to select this G alphabet.
You can you can press sheep to button on your keyboard or with the right or left arrow, or you can
use the mouse for selecting this G alphabet.
And here is the color option.
So I am selecting this color picker option.
And here is the place bar code.
And we will paste the code, which we copied from color pick.
I drop our extension.
And you can take a look at the exact same color Google used on their logo.
And we also use the same color for our logo, too.
So I was reacting.
Okay.
No one really looks good.
And right now, we will go for first to Alphabet.
So let's.
Pick the color code for alphabet.
Let me take once again.
And here is the code.
So let me copy this code.
And let me select the first wall for Richard with my keyword, hard, hard by pressing sheet and lift
Carol.
And here is the color picker option.
Let me paste the code and then selecting.
OK.
And right now, we will work for our second.
Oh.
So let's get the color code for a second.
Oh, let me click once again.
And here is the code.
So let me copy this code.
And once again, you have to select the second all.
And here is the color picker option.
Let me paste the code.
Looks really good.
And now we will go for a second Z.
So here is the second G.
And here is the code.
Let me copy it and just have to select a G color picker and paste the color code.
Okay, let's go for El.
Shari's top al.
And here is the color code.
So you just have to select the L..
And here is the color picker option liquid based on the L.
OK.
It's a really look awesome, but we have to delete this alphabet as because if you take a look on the
exacta logo of Google, a Web site share is the logo of Google.
The angle of the alphabet are a little bit changed.
So we have to do the same things and we will do our E alphabet and we will change the angle.
Of the alphabet in our business card, too.
So let's do that.
So let me lay to this alphabet in here.
And Sherry is the checkmark.
So let me quick this tick, Mark.
And I really write the alphabet in here with the same font size, with the same font.
So here is the font and let me write it.
OK, so there is a checkmark and let's kill this alphabet.
You just have to press control a. button on your keyboard.
OK, we have to change the angle.
So here's a chick Mercal likeness.
Select the cheek, Merck, and let's compare with the exact logo of Google from Google Web site.
So here is the E alphabet.
And right now, we will pick the color code for the alphabet.
So we'll let you pick the color code for the alphabet.
Here is the code for the alphabet.
Let me copy this code and let me.
It is the same color for you just to have to select this E alphabet and you have to press shift button
on your keyboard and you have to select.
I mean, you have to highlight this.
E takes out the alphabet.
And here is the color picker option.
You just have to paste the code in here.
And.
I'm selecting.
Oh, OK.
So now we can take a look at the exact Google logo we have in our business card.
So let me select this teamwork.
And we have to do one things that we have to convert these Tulear into a smart object.
So you just have to select to one layer and you just have to press shoot button from your keyboard and
have to select another layer.
You can take a look.
That's Tulear is selected.
And then you have to.
Right.
Click on your mouse.
And then you will get this convert the smart object slams, selecting convert to smart object.
And you can take a look.
Our bought two layers is converted into smart object.
So let me rename this layer.
You just have to double click on here.
And let me right Google logo.
OK, cool.
So let's get to work in our next board, and right now we will create a search bar.
So right now we will create a search bar in our business card.
But before creating our search bar, I want to turn on the smart guys.
And what is smart guys?
You just have to press controlled button in your keyboard.
And if you move your mouse on this level, you can take a look.
There is nothing appearing.
And let me turn on the smart guide from View Menu.
So here is the view menu.
And from there, we will go for show option.
And here we will get smart guys.
So let me turn on this smart guides.
And now you just have to press the control button on your keyboard and you can take KOLO.
The properties of basement in here.
Smart Guide will really help you out to scale our place, any image or any object in Photoshop properly.
And this guide will Suttons to the perfect place.
So I will request to you, all of us, turn on the smart guide and use the smart guys during your editing.
OK.
So right now we want to place this Google image in center position and therefore we have to select these
truly are from our and only our panels.
So here is.
Google local area selected.
And let me select the second layer.
By pressing controle button on my keyboard and please make sure your move to list elected and you can
take a look.
Here is some alignment optioning here.
So here is the central alignment.
I am selecting this central alignment and you can take a look.
The images placed in center position.
So now it really looks good.
And right now we will create the search bar.
So here right now, we will create these a search bar in our business card.
So let's create let's search.
We're in here and therefore we will use this rectangle toolset.
So that means this rectangle tools.
And let me draw a rectangle shape in here.
OK.
Looks good.
And from the properties of a rectangle shape, I want to increase the corner radius.
So let me increase the corner radius for.
Thirty five pixels.
OK, so I want to put thirty five pig cells for each and every corner or radius.
And let me minimize the properties.
And we will not use any full color in here.
So therefore, we have to select this fill option and we will go for norful options, which is the most
will.
And we want to use a stroke.
So here is the stroke size and can take a look.
And we want to put three pixels.
Three pixels and they can take a look now.
So really looks good.
And let me press conference into a button on my keyboard.
So this is our search warrant.
And right now, we will create the search icon in here.
But before that, I want to change this.
Only our names will let me change the Larra names.
I want to write search bar.
OK, so now we will create a search icon in here.
To create a search icon, you have to right click on this rectangle tolls and then you will get this
custom shape tool.
So here is the custom shape tool.
And let me select this custom shape tool.
And here is the shape option.
And you will get different type of shapes in here.
He used to have to click on here.
And here is the large soft custom shapes are available.
So let's find the search shade.
So let's go for search Chaib.
Search.
I'm sure that the search is shaped, so you just have to select least a search shape.
And let's draw a shaping here.
So I went to truck in here.
And our smart guide, safe, it's in perfect position.
So let me press control and enter a button.
From my keyboard, and it's totally selected.
And if you want to deselect this shape, you just have to press control and deep button from your keyboard.
So now Mouse really looks good.
So I want to change this.
Only our names.
I want to ride this search icon in here.
So you just have to double click on your mouse and let me write.
Search icon.
OK.
So right now, we will use that type tool and therefore I want to use this type tool and I will write
my name in here.
That means you will search in Google.
This is the front page and your search result in your information will be appeared on backbite.
That means the search engine sees all your information in Google.
So this is called a search engine.
I mean, Google search engine business card.
So let's write my name here.
We will write a name in here.
And as an example, I want to write my name.
But before that, I want to be sure which font Google used for their search bar.
So therefore, we have to visit our Google Web site.
So here is the Google Web site.
And let me write my name here.
OK.
And I want to use this same phone to which Google used for their search were and therefore I want to
take an image, a slice of my name, and therefore I want to use this mapping tool.
Here is this mapping tool.
And let me create a slice of image.
And I want to take this exact.
Slice off my name.
OK, so let me save it in our exercise file.
So here is the save option and we will save it.
Wiedman name.
OK.
And so let me save.
So let me close this sniping tool softer and let's get back to Photoshop.
So we saved a slide from Google.
And right now we have to open Latynina.
So therefore, I am selecting this file menu.
And from there, we will go for open option.
And we saved that image with the name of Steven text.
So you have to open this text and you just have to select this image and you just have to click open.
You can take a look.
The images opened in here.
And right now we will find the exact font which Google used in here.
So therefore, we will select this type menu.
And from there, we will go for match font option.
So here is the DAB for match font.
So let me scale this frame properly with my name.
So I want to collect a little bit last and here.
OK.
You can take a look at this match.
Font option already started working and here is a searching for fonts.
Maybe it will take some time.
OK.
So this match font tab showing some font name in here and that font might be similar with this text.
So we can take a look.
No off of fonts are available.
And I think this is a real regular aerial regular.
It's really looks as similar with this text.
So as an example, we will go for a real regular Farne.
So let's use this in real regular font.
Let me close it.
Let me close this tab.
And now we will go for type two.
So here are the type two.
And right now, I will write my name in here.
So before writing my name, I want to change the font from here.
So let me select this aerial font and we will go for regular mode.
So let me write my name here like no, write my name.
Stefan Coile.
Sorry.
And we will might use this pink color and we want to use a black color in here.
So here is the color option or liveness select black color.
And I am selecting OK, but I think the size of font.
I mean the silent text since little bit bigger.
So I, I'm to reduce the font size.
So here is the option.
I will go for ten point.
Now it seems good and here is the cheap Merkel, let me just this tick, Mark.
Mauer's looks good.
And let me scale this.
Takes properly, and therefore I have to use this most tool.
And let me scale it properly.
And here is the smart guide showing the options.
OK.
Looks good.
So our.
Takes protest complet.
And now we will create this Google search of Bartal.
So let's create this Google search button.
So before creating our Google search button, I went on for it.
These three layers into a smart object.
So let's select this three layers by pressing control button on your keyboard.
And you just have to select this three layers and then you just heppell, right?
Click on your mouse.
And then you will get this onward with smart object option some selecting this one very smart object.
And you can take a look all this three layers, convert it into smart object.
And now you can move this entire software work anywhere.
So let's create a Google search button.
And therefore we have to use a rectangle tool.
So here is the rectangle tools.
And you just have to.
Right.
Click on here.
And then you will get this rectangle tools.
But if you not found this rectangle tools on here, then you just have to follow this icon in here.
This is the edit toolbar option.
You just have to click on here.
Or you can.
Right.
Click your mouse button here.
Then you will get this added toolbar option.
Then you will get a set up for every toolbar and you can add this toolbar on your panels.
So we have selected this rectangle tools and we will draw Eric Pingle a shape on here.
So let's do that.
So let's draw a rectangle shape in here.
Let me draw that rectangle shape.
And I will gain each major.
OK, so I want to increase the corner radius a little bit, so therefore I want to go for I think 10
pixel is good.
And we will change the field color.
So here is the full color option.
And here is the color picker option.
And we will not use this pink color.
We will use it to.
Why does color.
OK.
Selecting OK, and we will increase US troop.
So I want to put three things.
Fourth stroke, OK?
Looks good.
So let me minimize this properties.
And let me rename this layer.
So you just have to double click on here and let me write Search and Bottom.
OK, Sergeant Bartlett.
And you just have to press enter button on your keyboard.
Now you can take a look.
It's a really good.
And let me scale these rectangles shape properly and therefore, you have to select this move tool.
And in just chapter Cragen Tropp and you can take a look.
This a smart guide for listing you some places.
I want to put it in here.
Okay.
Looks good.
And right now we will type text and that is Google search.
So let's try that Google search text by type tools.
So here is the type tool and we will use the same aerial font.
And let me write Google Search.
Google search.
But the size of font seems quite bigger, so let me decrease the size and you have to highlight into
a text.
And here is the size optional.
We will go for eight point.
I think six point lead, Michal.
Six point seems a little bit smaller, so I want to put lucky seven.
OK, so my wrist looks good hand.
Let me see leg to this cheek, Mark.
And you can take a look and let me scale this Teagues properly.
Therefore, I have to select this most tool and we just have to place this Gradgrind drop option.
I think this smart guy shows.
A big burden here, citing the perfect position for a Google search text.
So right now I will convert this to layer into a smart object.
So let me select this search bar tonal layer.
And this takes layer.
Google search takes clear.
And let me.
All right.
Click my right button off.
Miles.
And here is the Convertino smart of the slam selecting this convert, the smart object, and you can
take a look.
Our goal here is converted into a smart object.
So out front part is completed.
And we will go for our back part.
So what it really stand for?
Let me explain.
You stand fast.
Someone is searching for you on Google in Google search engine E.A..
Here is the front part.
And in our back part, he will gain the Google search result about your information.
And when you search for something in Google, Google shows they enter information about your keyword.
So this is your name.
When you're searching Google, Google will show you the result.
And the result about you.
I mean, I want your phone number.
I want your e-mail address and others.
Information will be shown in the back part.
So let's start work to create your back part.