First of all: Thank you @Mikael Eidenberg you've saved a lot of asses! ;) With this presentation selling of any GUI (even the crapiest one) is a piece of cake! You gotta demand some % from the designers who used your template for their presentations ))
Second of all: I've made a Photoshop action which helps bind any iPhone design GUI to this awesome template. Also this action can be applied on any kind of background textures (see examples)
Third of all: All textures I used was grabbed from calebkimbrough. This guy is awesome. Please check him out! ;)
Fourth of all: In case of any bugs with this PS action please let me know! I'll try to fix it!
Hehe, you're first that published render on Dribbble. :P Anyway your action sharpens the screen (makes zigzags): http://cl.ly/image/0J3z0V3Z1F35 (your is over, under is from Ran)
@Konrad Kolasa Ran uses PSD with the smartobject and requires some copy-pasting into this smartobject. Mine is just an action you can apply it on whatever you want ... even background textures ;)
About the sharpening thing. I don't know how it happens, action just transforms the layer that's all. I now this may be annoying for some guys ( like you I suppose)) ) any thoughts on how to fix it?
@Alexey Chistyakov I know, that Ran uses smart-objects, but I just noticed that it makes better quality.
I don't know, what's the reason. Try to play around a bit with iPhone screenshot, to transform it well and maybe do then 2 actions, one for background, second for screen.
2. Download @Alexey Chistyakov's action (first attachment above) and double click it to install. You probably should have Photoshop running to install it, but I'm not sure it's necessary.
3. Unzip @Mikael Eidenberg's iPhone PSD and open it up in Photoshop (the file name is "Mikael-Eidenberg-iphone-template-v2.psd")
4. Open up your 960px by 640px mobile screenshot that you'd like to attach to the iPhone's screen. Copy the entire thing (cmd+a, then cmd+shift+c)
5. Paste this screenshot in the "Mikael-Eidenberg-iphone-template-v2.psd" PSD
6. Run @Alexey Chistyakov's action:
A. Go to "Window" and select "Actions"
B. In the actions pane, you'll see a new folder for "EidenbergPerspectiveTransform" - click on the triangle to open the folder inside this one.
C. Highlight the folder "iPhone4 - Eidenberg Transform" by clicking on it
D. At the bottom of the Actions pane, hit the "Play" icon to run the action
@Chris Allen now everyone should thank you for this awesome tutorial... you obviously did a lot more work writing this than I'm making this simple action )))
Thank you anyway! ;))
8 Responses
First of all:
Thank you @Mikael Eidenberg you've saved a lot of asses! ;) With this presentation selling of any GUI (even the crapiest one) is a piece of cake! You gotta demand some % from the designers who used your template for their presentations ))
Second of all:
I've made a Photoshop action which helps bind any iPhone design GUI to this awesome template. Also this action can be applied on any kind of background textures (see examples)
Third of all:
All textures I used was grabbed from calebkimbrough. This guy is awesome. Please check him out! ;)
Fourth of all:
In case of any bugs with this PS action please let me know! I'll try to fix it!
10 months ago
Hehe, you're first that published render on Dribbble. :P Anyway your action sharpens the screen (makes zigzags): http://cl.ly/image/0J3z0V3Z1F35 (your is over, under is from Ran)
10 months ago
@Konrad Kolasa Ran uses PSD with the smartobject and requires some copy-pasting into this smartobject. Mine is just an action you can apply it on whatever you want ... even background textures ;)
About the sharpening thing. I don't know how it happens, action just transforms the layer that's all. I now this may be annoying for some guys ( like you I suppose)) ) any thoughts on how to fix it?
10 months ago
@Alexey Chistyakov I know, that Ran uses smart-objects, but I just noticed that it makes better quality.
I don't know, what's the reason. Try to play around a bit with iPhone screenshot, to transform it well and maybe do then 2 actions, one for background, second for screen.
10 months ago
This is awesome, thank you! For anyone interested in using this, but are unfamiliar with how this all works, here are some brief instructions:
1. Download @Mikael Eidenberg's PSD zip file here: http://www.mikaeleidenberg.com/downloads/mikael-eidenberg-iphone-template-v2.zip
2. Download @Alexey Chistyakov's action (first attachment above) and double click it to install. You probably should have Photoshop running to install it, but I'm not sure it's necessary.
3. Unzip @Mikael Eidenberg's iPhone PSD and open it up in Photoshop (the file name is "Mikael-Eidenberg-iphone-template-v2.psd")
4. Open up your 960px by 640px mobile screenshot that you'd like to attach to the iPhone's screen. Copy the entire thing (cmd+a, then cmd+shift+c)
5. Paste this screenshot in the "Mikael-Eidenberg-iphone-template-v2.psd" PSD
6. Run @Alexey Chistyakov's action:
A. Go to "Window" and select "Actions"
B. In the actions pane, you'll see a new folder for "EidenbergPerspectiveTransform" - click on the triangle to open the folder inside this one.
C. Highlight the folder "iPhone4 - Eidenberg Transform" by clicking on it
D. At the bottom of the Actions pane, hit the "Play" icon to run the action
7. Thank both @Alexey Chistyakov & @Mikael Eidenberg for their freebies!
10 months ago
Sweeeet thanks duder!
10 months ago
@Chris Allen now everyone should thank you for this awesome tutorial... you obviously did a lot more work writing this than I'm making this simple action )))
Thank you anyway! ;))
10 months ago
@Chris Allen @Nick Sloggett @Alexey Chistyakov @Konrad Kolasa - Guys, is it possible to share the template PSD again please? I would really appreciate.
7 months ago