12

Is it possible to create perspective in Sketch 3?

Example:

enter image description here

In Photoshop, I would use a perspective tool, but I'm not sure how to do this in Sketch 3.

On a related note, are there any useful tutorials on presenting your work with different perspective techniques similar to those used on Behance and/or Dribbble?

  • 3
    use the Transform tool in Sketch? – AndrewH May 21 '15 at 20:53
  • Thanks! That is what I was looking for...somehow I overlooked that. – Scott Smith May 21 '15 at 21:00
  • For the 3D Card effect, you can check out this thread How to achieve this 3D “Card” effect. However this was done in Photoshop and Illustrator. I am sure you can find a similar solution. – AndrewH May 21 '15 at 21:07
  • 2
    I find the Transform tool really difficult to use. Any better alternatives that do not require a subscription? – kwahn Apr 5 '17 at 14:12
  • @kwahn Keep practicing... Or download a (free) template and put your work in it. – Summer May 29 '17 at 11:29
2

There is a preset out there for sketch which will target a given element (mockup) and transform your layout onto that mockup, allowing for very fast concept-to-mockup production - it's called "angle" and I've found it pretty effective.

https://designcode.io/angle

It includes a huge library of both target mockup devices and angles and of common screen backgrounds etc (see image below) makes the whole process a lot smoother.

It also works on any element you've drawn and chosen prior to invoking the plugin - so draw your own rectangle and then transform it, and the plugin will apply your layout to it. Perfect for those business card images.

enter image description here

0

There are some ways you could go for:

  1. You can transform your layers in Sketch:

    • Move the points of an element to create a "fake 3D" effect (perspective deformation)

    • The Transform tool can be used to distort an existing vector shape by skewing the points or by creating a fake 3D effect. You can use the Transform tool in Sketch to transform one or multiple layers at the same time. (transform)

  2. One way would be to export your screens to Photoshop.

  3. Plugins like Magic Sketch could also help

  • 1
    Don't really see how this answers the question by doing the work and then moving it to Photoshop. If you'd like to expand on what you're referring to with transform post an example and I will remove my downvote. Adding sorry also discredits your answer, for me, as a solution to the question. – DᴀʀᴛʜVᴀᴅᴇʀ Dec 21 '17 at 14:49
  • A revision of my answer was necessary. Sorry for the low stakes. – felixhu Dec 21 '17 at 14:59
  • 1
    Answer is somewhat better so I removed my down vote. If you posted an example with Sketch I will up vote your answer. – DᴀʀᴛʜVᴀᴅᴇʀ Dec 21 '17 at 15:02

protected by DᴀʀᴛʜVᴀᴅᴇʀ Dec 21 '17 at 14:47

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

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