0

Share

GRAPHIC DESIGN

How To Add Graphics To Image In Perspective In Photoshop

  • Home
  • Blogs
  • How To Add Graphics To Image In Perspective In Photoshop

Graphics are visual images or designs on a surface to inform or entertain the users. They are created on a digital system to represent a message effectively.

Ronak Pipaliya

July 4, 2022

Images act as captured moments. And while representing them in front of others, we sometimes wish to edit it a little to make it more effective. More than hundreds of editing apps are available in the market, but people usually prefer Adobe Photoshop. 

Photoshop is used for image creation, graphic designing, and photo editing. But do you know how to add graphics into your images? This blog will make you learn the editing with complex perspectives. 

 

 

Get Started

Take a new image which has a perspective background image.

Here as you can see one girl is seated on the stair. Here we want to design or color our stair, but if we clip a textured background on that so it will not look particular in perspective view, it will be flat. So here there is one option for that. If you clip any textured background on this image so it looks very ugly.

And your stair which is going up one by one with a perspective view, it can’t be seen like that.

Set Perspectives Grid Using Vanishing Point Tools

First select the image in the layer panel of photoshop then select the vanishing point option in the filter menu ( Filter > Vanishing Point ), selection of vanishing point is given in the below image.

 

 

When you select the vanishing point option one editing screen of vanishing point will be open which looks like that.

 

 

In this editing screen on the left hand side some tools are given for creating perspective grid line to place the texture image.

Now select the grid tool and draw the grid line on the stairs in the perspective view. If you draw a grid line so it will show in 3 color varieties (blue, red, yellow). If a blue grid will display it means your output result will be excellent if a red line grid will display it means that your output result will not be proper and if a yellow grid will display it means that your output result will be ok but not good. So always try to make a blue line grid for the best result with adjustment of your grid points. Here all three types of grid lines are given below.

 

 

 

Here we create grid line on the top of stairs, now we have to draw a grid on the side of the stairs. If you choose a selection tool for creating a new grid line so it will be time-consuming.

And not perfect so for a perfect grid line select the grid option and at the middle of your grid just drag upside. So the next grid will automatically draw a 90-degree perspective with the edited grid.

If you drag this grid with press alter so it will draw by 90 degrees.

So, press C for grid option hold alter and drag your grid upper side and continue this process how much grid you want to draw.

 

 

Here, as you can see one grid size is given at the top of the screen and grid angle is also given for the perfect perspective grid line. Here as much size of the grid you will enter your grid will be decreased according to that. So for detail please select a minimum size of the grid.

 

 

After drawing grid line click ok for set it. If you click ok on the main screen grid will not display

But in the vanishing point this grid will be saved. So don’t worry and go ahead.

Take New Texture Background

Now take a new texture background for design if you direct clip on the image and multiply your texture background on your image so it looks like below image.

 

 

If you are thinking you will place it by distorting the image and set your image by adjusting of point but it will still not look proper and it will look like below image. So, we have to try the vanishing point perspective grid on the top surface of the stair image view should perspective.

 

 

Take New Layer And Set Vanishing Point On That Background

Now here for the perfect perspective texture background clipping, we take a new blank layer for the perspective grid for the texture background.

Take a new layer in the layer panel, here as a clip layer you can see in below image.

 

 

Here as you can see in the above image first clip layer is for the texture clipping, the second one is the texture background image layer and the third one is an image which we are editing.

So first select the texture layer in the layer panel, now for the selection of that layer edges by holding ctrl or cmd and just right click on the texture layer by clicking on the texture layer dotted line will appear around the texture. Now copy it by just press ctrl+c then hide the texture layer and by pressing ctrl+d deselect the layer.

Now select the clip layer in the layer panel and go to the filter menu and select the vanishing point option your saved perspective grid line will appear.

 

 

 

Now paste your texture background just pressing ctrl+v on vanishing point editing screen. So it will display like the below image.

 

 

As you can see in the screen, one instruction line is given at the top of the screen. After pasting your image in this screen, just drag your image in their grid line area so will see your image automatically set in the perspective grid line. How big you texture your image will appear in a perspective grid like that so we have to adjust that the image in the layout.

If you want to resize just press ctrl+t, if you want to duplicate the image just hold the alt button, and by pressing the right click of the mouse drag your texture background. Set perfect size of the image in the perspective grid layout now just click ok and your perspective texture image layout will we create which is look like below image.

 

 

Set Some Adjustments On That Background

Now here you can see the perspective texture layer now here we have to adjust like that this design is painted on the stairs. So for that first select these clip layers and multiply this layer style.

Now select this layer and give some blurriness to this layer because this texture design does not Perfect shape so that we are given some blurriness to this layer so that in the filter menu select blur gallery and the field blur (filter < Blur Gallery < Field Blur).

 

 

Here we have done some adjustment for the blurriness of texture background layer here we select the field blur because in this option point blur is given. So at which point how much blurriness we want so, we can adjust blurriness as our requirement.

Here at my point of view some adjustments are given in the below screen.

 

 

Here we select multiply layer style of our clip layer now double click on the clip layers. So blending options panel will be open and adjust the darkened part of the background image after the editing image will look as given below.

 

 

Now copy this clip layers for the lighting stuff. Here we select the screen layer style of our clip layer now double click on the clip layers so the blending options panel will be open and adjust the light part of the background image after the editing image will look as given below.

 

 

Now group this both layer and select the unwanted part of the image at that the texture image should not be overlaid. So here we select the outer border of the girl using the selection tool.

After selecting the girl's body to select the group of layer images then apply the layer mask on that group. So your group image will disappear in that selected part now by brush tool brush the white color on layer mask for the remaining part and your final output image will look as given below.

 

Conclusion:

This is an easy-to-learn guide for you. In which we have shown each step with an example to give you a clear understanding of the process and tools to use.  This will be helpful in creating board banners, re-designing perspective images, and much more. Therefore, learn these steps and create the best and most effective images for your clients and users. 

 

img

Ronak Pipaliya

Project Manager at Vasundhara Infotech, a leading software development company. His great planning and execution qualities led to several successful projects.

message

Have a project in mind? Drop a message to Bansi Pipaliya & start the discussion!

Get a Newsletter

Sign Up to our newsletter to get latest updates staight in your inbox.

Vasundhara respects your privancy. No Spam!

Get a Newsletter

Sign Up to our newsletter to get latest updates staight in your inbox.

Vasundhara respects your privancy. No Spam!

message

Have a project in mind? Drop a message to Bansi Pipaliya & start the discussion!

Latest 13 Web Development Trends To Expect In 2022
April 11, 2022 Category : company news

Revealing Vasundhara’s New Identity

Read More
Leave a Comment