|
|
|
| Web Hosting |
![]() ![]() |
Tutorial: Popout Image Effect |
May 13 2007, 06:13 AM
Post
#1
|
|
|
Member [ Level 2 ] Group: Members Posts: 51 Joined: 29-April 07 From: EGYPT Member No.: 21,716 |
Hello everyone ,
Here in this post I will show you how to pop out or in another name break through an image to create a cool advertising like the ones you may see in movie posters or in games . Let us name this project pop out car , The pop out car is my example here so lets start , here is the origional image - I do not own this image I got it by searching google for :intitle:car race - ![]() and this is the result after the whole steps are done by me using photoshop cs successfully ![]() Step one “Now lets open photoshop - cs or any other version you own the steps used here will work for any version I usually like to use basic steps - and get the image enhanced as it should be please take care of color correction and brightness and contrast and levels too - this is a preparing step you should do for every image you are going to use in any design project , If you are a graphic designer you must have these steps as basic - Step two “select a part of the origional image that will pop out for this image I used a marquee selction tool shaped in square , the keyboard shortcut is the letter M , When you want to work with the marquee selection tool just hit "M" and the mouse will change to a plus sign "+" this means you can now select a square shape Cool I selected the right half of the image to pop out , note that this is the front of the car so I did not have much choices in my selection , In other cases like a fruit or a glass or .. etc you have some more choice to select your popout part of it from up or down right left whatever you like . ![]() “Now create a layer via copy of this part , to do that you will have to go to layer menu and select Layer via copy from it , or you can use the shortcut Ctrl+J , this way you will have a new layer -above the origional image named background- as shown in this image ![]() Step THREE We need to clear the selected part taken before in the new layer -via copy-from the origional image but Photoshop will not allow you to delete from the Backgroud Layer and you also see this small lock to the right of this background name So what we have to do now is to release this lock automatically made by photoshop and to do that you will have to double click the origional image layer and a popup will show asking you to name this layer , Just hit enter or the ok button in this popup the name does not matter in this example anyway ., Now you see the lock is gone and this is the way to unloack the background layer so now you can delete the pop out part you already selected before . And to get the selection back you will have to hit Ctrl button and left click on the Layer via Copy and the selection will be back again , now highlight the background layer - the one we started with - or whatever you name it and hit delete button or go to Edit menu and select clear . ![]() Step Four ok now using path tool - to get this tool you will have to click it from the tools menu the one to the left in photoshop or you can hit the shortcut key "P" , this tools has more than a mode to work with, I usually use free path mod with no masks but this is my way you can have it work for you any mode you prefere. - select the pop out part of the image (car) as a pre step to clear the back view of the car , - also you can use any other selection tool lasso magic lasso whatever suite the image you are working on , the reason I used path tool is that it works for any image no matter how it looks or colored also the path tool is the most accurate one in selection. ![]() Step Five Here you just selected the popout part of the race car ., what you are going to do now is to reverse the selection so the selected part which will be cleared is the back view not the pop out part of the race car and to do that you will have to go to Select menu and select Inverse or you may use the shortcut key for this option Ctrl+I . Now the selection is reversed Delete the background leaving the popout part of the car isolated ![]() here is what you looking for ![]() Step Six Add a white - or any color - background and type your own words in this example I typed need for speed and position it at the buttom of the image. ![]() Note You may enhance this image as you like ofcourse , your type font,size,weight,words ,place also the selection of the popout part may change the whole image ![]() Try other ideas Thank You |
|
|
|
Jun 26 2007, 09:04 PM
Post
#2
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 6 Joined: 26-June 07 Member No.: 22,963 |
Ok... This is just a copy pasted tutorial that I can almost guarantee that you did not right so Im going to have to call it spam.. I think you are just copy/pasting to get your point count up.
|
|
|
|
Jul 4 2007, 02:16 PM
Post
#3
|
|
|
Advanced Member Group: Members Posts: 101 Joined: 10-February 07 Member No.: 20,324 |
Umm this is off topic but umm......shwaggy don't talk about spamming to get poost count b/c u have 6 posts.........anyways Good Tut but i think the Inverse Shortcut is Shift+Control+I.
|
|
|
|
Jul 5 2007, 04:38 PM
Post
#4
|
|
|
Advanced Member Group: Members Posts: 152 Joined: 24-May 07 Member No.: 22,135 |
That's a cool tutorial. I'm going to try that sometime, I was wondering how to do something pop out like that. It would look cooler if the text was popping out as well.
This post has been edited by Laurence: Jul 5 2007, 04:52 PM |
|
|
|
Jul 22 2007, 09:16 AM
Post
#5
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 8 Joined: 22-July 07 Member No.: 23,514 |
who cares if it was copy paste or not it helped me, look at what i got done from it.
|
|
|
|
![]() ![]() |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Similar Topics
| Topic Title | Replies | Topic Starter | Views | Last Action | |||
|---|---|---|---|---|---|---|---|
![]() |
5 | Kid Saiyan | 1,864 | 3rd January 2009 - 07:11 AM Last post by: iG-curtis |
|||
![]() |
10 | dhanesh | 3,122 | 2nd January 2009 - 09:27 PM Last post by: iG-SATYAM |
|||
![]() |
3 | shwaggy | 1,109 | 28th December 2008 - 10:38 AM Last post by: TavoxPeru |
|||
![]() |
11 | sendto | 6,970 | 26th December 2008 - 12:59 PM Last post by: iG-nwaynge |
|||
![]() |
3 | dhanesh | 1,202 | 24th December 2008 - 01:28 AM Last post by: laniczech |
|||
![]() |
4 | CiaraMarie | 2,186 | 23rd December 2008 - 08:24 PM Last post by: iG-Lucky |
|||
![]() |
26 | iciclez | 3,307 | 21st December 2008 - 10:30 AM Last post by: Quatrux |
|||
![]() |
5 | tansqrx | 1,007 | 20th December 2008 - 09:37 PM Last post by: iG-Razzvy |
|||
![]() |
15 | rmdort | 4,473 | 20th December 2008 - 05:38 AM Last post by: laniczech |
|||
![]() |
11 | Propeng | 1,382 | 17th December 2008 - 10:40 PM Last post by: yordan |
|||
![]() |
4 | Aditya | 1,941 | 17th December 2008 - 04:03 PM Last post by: ryantommo |
|||
![]() |
13 | Habble | 3,416 | 17th December 2008 - 04:02 PM Last post by: ryantommo |
|||
![]() |
17 | l337 Nurse Pedestrian | 9,026 | 12th December 2008 - 02:52 AM Last post by: iG-biswarup ghosh |
|||
![]() |
7 | Snake | 776 | 5th December 2008 - 10:30 AM Last post by: wutske |
|||
![]() |
12 | dhanesh | 2,320 | 25th November 2008 - 12:49 PM Last post by: iG-farah |
|||
|
Lo-Fi Version | Time is now: 9th January 2009 - 04:10 AM |
© 2009 AstaHost: Free Web Hosting & Technical Discussion, Free Web Hosting. a member of xisto.
Powered by Invision Board. Skin: IPB Forum Skins
Expand / Collapse Navigation



May 13 2007, 06:13 AM














