Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I want to display my responsive design using the following aproaches :-

http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/07/Mobile-App-UX-Design.jpg

and

http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Mobile-Apps-UIUX-Design-1.jpg

i.e displaying them in a 3D wayy on a phone or just the screen.

I am using Adobe Illustrator and have tried Extrude and Bevel but it still does not come up so clearly - I guess it does not scale properly. Haven't found any good tutorial to help me out with.

Is there any other way to achieve this. Please help

share|improve this question

closed as off-topic by Erics, JonW Feb 9 at 18:56

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Erics, JonW
If this question can be reworded to fit the rules in the help center, please edit the question.

    
This isn't a User Experience question. If you want advice on how to use Illustrator then you're better off looking for some specific Adobe Illustrator forums. –  JonW Feb 9 at 18:58
    
This is a graphic design question, at best. It's also not entirely clear what you are after...the sample photos really have nothing to do with extrude and bevel effects. –  DA01 Feb 9 at 20:56

1 Answer 1

up vote 0 down vote accepted

You can use a several methods.

For your first display you need to: 1. Group your demo 2. Rotate it for 30 degrees. 3. Object > transform > Shear. Shear:135 degrees Angle:205 degrees 5. Click on the preview check box to see if it fits for you. press Ok 6. Effects> stylize> Drop shadow: change only the Y offset to 44 px 7. Duplicate the effects on the other layers.

For the i-phone display: 1. Take your i-phone photo. 2. Import your view to the same file. 3. Use the same steps in the previous tutorial: 1,2,3 and use the preview mode to feet it properly.

and that all.

also you can search for "i-phone mock-ups" its integrate well with the actions in photoshop

Good Luck, Gal

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.