September 12, 2017 at 8:11pm
Typically this is done with photoshop
There's a few photoshop plugins out there that do this via smart objects.
As far as doing this in Sketch? I don't really know if you can.
How about Magic Mirror https://magicsketch.io/mirror/ it's a paid plugin for Sketch 4
Oh yeah I forgot about that. Yeah Magic Mirror should work!
😣 This style looks cool on Dribbble but don't use it on your actuall presentations. 3
@james - I am just transitioning to design as a career. Why do you recommend not using this on actual presentations?1
September 13, 2017 at 1:01pm
I think that everyone goes through different phases in when they learn design. It sounds like you might be in the dribbble design porn phase. Don't worry, everyone goes through this. Basically, you mimic and copy everything on dribbble that looks cool. Don't get me wrong, it's a great way to learn but a lot of what you see on dribbble is to either to get hired or to generate likes. Stick with basics for presentations, its hard to view designs like this and stakeholders probably wont like it. This stuff is more for marketing and landing pages. Welcome to the design community!1
The question is, what does adding a fake 3D+lighting effect to your design screenshot actually accomplish? You might end up with a nice-looking picture, but you're impairing your ability to communicate the important thing - the design itself.2
If you're doing something like illustrating how the design would look in situ, then that's legitimate. i.e a photo/video of someone interacting with it. But most use of this effect is entirely gratuitous.1
I definitely agree that in most cases this doesn't really serve a purpose. However, I will say that sometimes its just fun to create stuff like this, whether you post it on dribbble or not. :D 1
@Matt if you have any questions about Sketch, or design in general don't be afraid to reach out!
September 13, 2017 at 8:19pm
Hey @slugmg12, these folks said it well above. It's a fun creative image which is great if thats your goal, keep it up. It can be great to explore things like this for practice with design tools. My point was that if your goal is to communicate a product design work to a client or employer, I think this treatment actually gets in the way of showcasing your work.2
It obviously doesn't serve a tangible purpose. However, it catches people's attention, which leads them to the full-screen attachment in the dribbble shot, which leads them to go to to your site. So on and so forth. Just another way of marketing your work :) 3
September 21, 2017 at 3:34pm
Only do this if you can achieve a true 45 degree angle. If it isn't 45 degrees it's not worth doing. ;)1
September 22, 2017 at 9:36am
I've never understood the trend of showing off designs at the least most viewable angle these aren't so bad but i've seen examples were you can hardly see the content on the device. If I was going to use this for a mockup it would be for display purposes only maybe on a hero or front cover to gain some intrigue into whats inside, when actually presenting work I make sure to show the designs as clear as possible.4