Welcome Guest ( Log In | Register )




                Web Hosting

 
Reply to this topicNew Topic
Tutorial: Popout Image Effect
hazemmostafa
post May 13 2007, 06:13 AM
Post #1


Member [ Level 2 ]
Group Icon

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
Go to the top of the page
 
+Quote Post
shwaggy
post Jun 26 2007, 09:04 PM
Post #2


Newbie [ Level 1 ]
Group Icon

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.
Go to the top of the page
 
+Quote Post
Team Destiny 07
post Jul 4 2007, 02:16 PM
Post #3


Advanced Member
Group Icon

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.
Go to the top of the page
 
+Quote Post
Unregistered 011
post Jul 5 2007, 04:38 PM
Post #4


Advanced Member
Group Icon

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
Go to the top of the page
 
+Quote Post
Ali Athar
post Jul 22 2007, 09:16 AM
Post #5


Newbie [ Level 1 ]
Group Icon

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.
Go to the top of the page
 
+Quote Post

Reply to this topicNew Topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts 5 Kid Saiyan 1,864 3rd January 2009 - 07:11 AM
Last post by: iG-curtis
No New Posts   10 dhanesh 3,122 2nd January 2009 - 09:27 PM
Last post by: iG-SATYAM
No New Posts   3 shwaggy 1,109 28th December 2008 - 10:38 AM
Last post by: TavoxPeru
No New Posts   11 sendto 6,970 26th December 2008 - 12:59 PM
Last post by: iG-nwaynge
No New Posts   3 dhanesh 1,202 24th December 2008 - 01:28 AM
Last post by: laniczech
No New Posts   4 CiaraMarie 2,186 23rd December 2008 - 08:24 PM
Last post by: iG-Lucky
No new   26 iciclez 3,307 21st December 2008 - 10:30 AM
Last post by: Quatrux
No New Posts   5 tansqrx 1,007 20th December 2008 - 09:37 PM
Last post by: iG-Razzvy
No New Posts   15 rmdort 4,473 20th December 2008 - 05:38 AM
Last post by: laniczech
No New Posts 11 Propeng 1,382 17th December 2008 - 10:40 PM
Last post by: yordan
No New Posts   4 Aditya 1,941 17th December 2008 - 04:03 PM
Last post by: ryantommo
No New Posts 13 Habble 3,416 17th December 2008 - 04:02 PM
Last post by: ryantommo
No New Posts   17 l337 Nurse Pedestrian 9,026 12th December 2008 - 02:52 AM
Last post by: iG-biswarup ghosh
No New Posts 7 Snake 776 5th December 2008 - 10:30 AM
Last post by: wutske
No New Posts   12 dhanesh 2,320 25th November 2008 - 12:49 PM
Last post by: iG-farah