perspective business card (EN)




perspective business card (EN)





Step 1


First we choose something to be our background for the work, in my case, I chose a wooden table I have in my office. After that get a business card or a square piece of paper to use as reference and take a picture. Without moving the camera, get rid of the piece of paper and take another picture.




psdt2-s1.jpg
psdt2-s1.jpg




Step 2


Open your photos in Photoshop and place them in 2 layers. Now lets make our Canvas Size much bigger, we do this to utilize our guides.




psdt2-s2.jpg



Step 3


Here we will find the vanishing points (what is that?). They will be necessary to create a convincing perspective to our folder. Using the Line Tool (U) draw lines following the edges of our reference, like the photo below. The one from the left side and the one from the right side all the way up until they crossed each other. Repeat the same for the one on the top and on the bottom.




psdt2-s3.jpg




Step 4


Now that you have the 2 vanishing points, we can place our object anywhere with the right perspective. However I first created a rectangle, with the Rectangle Tool (U), to find the best place for my folder on the grid. To do that use the Direct Selection Tool (A) and move the vertices of our rectangle.




psdt2-s4.jpg




Step 5


Repeating basically the same actions for the Step 4, lets place the other side of our folder.




psdt2-s5.jpg




Step 6


Here we will use the real images of our folder.

  1. Paste the images in new layers
  2. Using the Distort tool (Edit>Transform Path>Distort) just move the vertices to the same position as the rectangle we used as reference.
  3. Repeat that for the other side of the folder.
psdt2-s6.jpg




Step 7


To make our folder more real we will use the Layer Styles. Lets add some Drop Shadows and a Pattern Overlay to the front side of the folder.
Clicking with the right button of the mouse on the layer, copy the layer style and paste it to the other side of the folder's layer.




psdt2-s7.jpg




Step 8


Select the one of our sides, duplicate the layer and convert it to Smart Objects. Add a Gaussian Blur (Filters>Blur>Gaussian Blur). If you are not using the CS3 version just forget about converting to Smart Objects. Now just change the Blending Mode to Lighten.
Repeat the same steps for the other image.




psdt2-s8.jpg




Step 9


Lets organize our document. Try to use layer names that you will remember and group them in folders. After that select everything, but the guides, group them again and name it "content". Duplicate the group an and convert it to Smart Objects.




psdt2-s9.jpg




Step 10


Here we will add some Depth of Field (DOF) to our image. With our Content Smart Objected selected, use the Elliptical Marquee Tool (M).

  1. Change the Feather Options to 80px and Anti-alias.
  2. Create a elliptical selection like the one I did. Invert the selection (Select>Inverse).
  3. Now Apply a Gaussian Blur again.
We will notice that this will create that distance focus effect, everything gets blurry the further they get from the focal point.




psdt2-s10.jpg



Step 11


Add a Noise (Filter>Noise>Add Noise) to make it a bit darker.





psdt2-s11.jpg



Conclusion


Even though we sort of applied a perspective, I want to say that it's not a totally real perspective. The idea here is to create a better look for our images using only Photoshop. So we will have to trust in our eyes. Observe the photo we took with the reference object and try to reproduce it. The more time we spend observing the more we will learn how to make our image look more realistic.




psdtut2_conclusion.jpg





 

پیوست ها

  • psdtut2_conclusion.jpg
    psdtut2_conclusion.jpg
    41.6 کیلوبایت · بازدیدها: 16
  • Untitleddocument.pdf
    921.6 کیلوبایت · بازدیدها: 32
آخرین ویرایش:

masoucrahzani

New Member



perspective business card (EN)





Step 1


First we choose something to be our background for the work, in my case, I chose a wooden table I have in my office. After that get a business card or a square piece of paper to use as reference and take a picture. Without moving the camera, get rid of the piece of paper and take another picture.




psdt2_s1.jpg




Step 2


Open your photos in Photoshop and place them in 2 layers. Now lets make our Canvas Size much bigger, we do this to utilize our guides.




psdt2_s2.jpg



Step 3


Here we will find the vanishing points (what is that?). They will be necessary to create a convincing perspective to our folder. Using the Line Tool (U) draw lines following the edges of our reference, like the photo below. The one from the left side and the one from the right side all the way up until they crossed each other. Repeat the same for the one on the top and on the bottom.




psdt2_s3.jpg




Step 4


Now that you have the 2 vanishing points, we can place our object anywhere with the right perspective. However I first created a rectangle, with the Rectangle Tool (U), to find the best place for my folder on the grid. To do that use the Direct Selection Tool (A) and move the vertices of our rectangle.




psdt2_s4.jpg




Step 5


Repeating basically the same actions for the Step 4, lets place the other side of our folder.




psdt2_s5.jpg




Step 6


Here we will use the real images of our folder.

  1. Paste the images in new layers
  2. Using the Distort tool (Edit>Transform Path>Distort) just move the vertices to the same position as the rectangle we used as reference.
  3. Repeat that for the other side of the folder.
psdt2_s6.jpg




Step 7


To make our folder more real we will use the Layer Styles. Lets add some Drop Shadows and a Pattern Overlay to the front side of the folder.
Clicking with the right button of the mouse on the layer, copy the layer style and paste it to the other side of the folder's layer.




psdt2_s7.jpg




Step 8


Select the one of our sides, duplicate the layer and convert it to Smart Objects. Add a Gaussian Blur (Filters>Blur>Gaussian Blur). If you are not using the CS3 version just forget about converting to Smart Objects. Now just change the Blending Mode to Lighten.
Repeat the same steps for the other image.




psdt2_s8.jpg




Step 9


Lets organize our document. Try to use layer names that you will remember and group them in folders. After that select everything, but the guides, group them again and name it "content". Duplicate the group an and convert it to Smart Objects.




psdt2_s9.jpg




Step 10


Here we will add some Depth of Field (DOF) to our image. With our Content Smart Objected selected, use the Elliptical Marquee Tool (M).

  1. Change the Feather Options to 80px and Anti-alias.
  2. Create a elliptical selection like the one I did. Invert the selection (Select>Inverse).
  3. Now Apply a Gaussian Blur again.
We will notice that this will create that distance focus effect, everything gets blurry the further they get from the focal point.




psdt2_s10.jpg



Step 11


Add a Noise (Filter>Noise>Add Noise) to make it a bit darker.





psdt2_s11.jpg



Conclusion


Even though we sort of applied a perspective, I want to say that it's not a totally real perspective. The idea here is to create a better look for our images using only Photoshop. So we will have to trust in our eyes. Observe the photo we took with the reference object and try to reproduce it. The more time we spend observing the more we will learn how to make our image look more realistic.




psdtut2_conclusion.jpg






ها؟؟؟
 

zahednejad

Well-Known Member
اموزش به زبان انگلیسی دیگه آخرم فایل پی اس دی هست میوتنی دانلود کنی
 

Flashium

Member
?Do You Speak English
برادر خودمون می تونستیم تو آموزش های انگلیسی چرخ بزنیم یکیشو گلچین کنیم کپی کنیم فایل فتوشاپیشم دانلود کنیم.!

اگر ترجمه میکردید بهتر بود.
یک زرشک طلایی به این پست تعلق گرفت.
 

R-med

Well-Known Member
سلام دوست من
این آموزشی که گذاشتی فقط عکس Final معلومه . آموزش قشنگی به نظر میرسه ولی هیچ عکسی از آموزش نمایش داده نمیشه
مثل اینکه لینکشون خرابه . خواهشا رسیدگی کن
اگه ترجمش هم میکردی دیگه ارزش آموزش خیلی بالا میرفت
اگه آموزش رو PDF میکردی اونوقت گل میکاشتی

امیدوارم این کارها رو انجام بدی
موفق باشی
 

sh1 graphic

Well-Known Member
بابا بی خیال
بیچاره رو ......... کردید

اشکال نداره
ممنون چون باعث شد من برم با این عنوان آموزش سرچ کنم و یه عالمه آموزش دیگه پیدا کنم:green:
 
صبر کنید .... صبر کنید پیاده شید با هم بریم:lol:
نگا یه شب نبودیم چه غوغایی برپا شده:green:
خوب شما انگلیسی بلد نیستید مشکل من نیست مشکل شماست.
شاید این آموزش ترجمه شدش تو بخش ویزه قرار بگیره.

لینک ها کلا تعمیر شد.
pdf شد.
لینک دانلود هم مجددا آپدیت شد.

تازه این آموزش پرمیوم هستش :rose:

منبع :

http://psd.tutsplus.com
 

جدیدترین ارسال ها

بالا