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!
over 1 year 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)
@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.
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!
Sweeeet thanks duder!
@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! ;))
@Chris Allen @Nick Sloggett @Alexey Chistyakov @Konrad Kolasa - Guys, is it possible to share the template PSD again please? I would really appreciate.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.