14

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?

Improve this question
6
  • 3
    use the Transform tool in Sketch?
    – AndrewH
    May 21, 2015 at 20:53
  • Thanks! That is what I was looking for...somehow I overlooked that.
    – Scott Smith
    May 21, 2015 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, 2015 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, 2017 at 14:12
  • @kwahn Keep practicing... Or download a (free) template and put your work in it.
    – Summer
    May 29, 2017 at 11:29

2 Answers 2

Reset to default
4

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

Improve this answer
1

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

Improve this answer
3
  • 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, 2017 at 14:49
  • A revision of my answer was necessary. Sorry for the low stakes.
    – felixhu
    Dec 21, 2017 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, 2017 at 15:02

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