As many of you will start getting your hype on or even lining up for the launch in stores of the anticipated iPhone 7, well I remember back at the announcement day which was just a couple days ago. I remember thinking that is also the tradition (funny) to update our set of mockups with the latest and greatest mobile devices to follow the current trend of keeping things updated.
To follow this tradition, the first mockup I’ve found for the iPhone 7 was made by lstore graphics. A team of designers, retouchers and 3d artists that specialized in mockups and premium graphics. Offered in Adobe Photoshop and Sketch, there is enough to satisfy anyone of us and it’s also offered in different colour schemes. Hope you’ll enjoy!
As a little note: For .sketch version you'll need to install a MagicMirror plugin.
Get your hands on the free mockup and more information about lstore graphics.

In the past couple of years we have seen an explosion of mockups to be used for presentations, from phone frames to posters and billboards. These assets really help designers to showcase their work in a more professional way, especially personal projects that might never see the really shippable version. I am a fan of mockups and I have been using them for quite a long time, usually static but it seems that animated version will become reality very soon.
For this post I will share some Animated Photoshop Mockups created by Ruslan Latypov. I haven't used them yet but you can download them here
For more information about Ruslan check out http://latypov.org/

I've become a fan of Sketch since I started using. I was an orphan of Fireworks and Sketch filled the void beautifully well with a great vector software for interface design. There are a lot of things to love about Sketch, like artboards, shadows like in CSS, fully vector and many more. One thing I always missed was ways to add perspective. That was solved through a great plugin called Magic Mirror. Now the awesome Meng To put together an incredible set of device mockups for Sketch, all vectors. You gotta check out Angle.
140 devices & mockups for sketch 100% vector mockups for presenting your Apps, Websites and Cover images. With this package, you have unlimited combinations of device colors, shadows and backgrounds. All this in layered vectors entirely editable in Sketch.
Scale infinitely
You can present your designs at any angle, position and zoom level. Additionally, you can export to any resolution. That’s because everything’s in vector.
Layered fully editable
You can customize each layer to change the gradients, border thickness, phone angles and shadow strengths. Or, you can leave them as is.
Place your screen
Use the Magic Mirror plugin to quickly place your app screens on the mockups. Any time you update your Artboard, it’ll automatically update the mockup!
Compositions made from the package
There are endless ways to compose your mockups by cropping, rotating, mirroring and changing backgrounds. Here are some examples. Yep, they're part of the package and you can replace with your screens.
For more information check out https://designcode.io/angle

Freebies, freebies, freebiesss! Yes! We can't get enough of it. Most of us will just flip out when we see such good tasting freebies like these. Kudos for the people behind these for making available such great design for the masses. You make our life much more easier. :)
I've made a selection of some of the greatest designs released lately. From UI Kits to Mockups, with a little taste of fonts and wallpapers. I really hope you find these useful! Also, if you know any more great freebies released lately, let us know! We'd love to know see more of these! Cheers. ;)
UI Kits
Music player
Several elements
Gravity UI
Flat UI elements
280 UI Elements
Mockups
Business card / tablet mockups
Hand drawn sketch mockup
Art equipments scene generator
Icons
54 Free e-commerce icons
Fonts
Sunn
Backgrounds
7 polygon backgrounds

Ebony and Ivory is a clean and simple branding mockup series created by Shaan Shiv Suleman to present your designs to clients in a professional and elegant manner. The mockups consist on pretty much everything you will need to create a basic visual identity guide.
Shaan Shiv Suleman is a creative individual with professional experience in graphic design, branding and editorial design. Practicing the principles of minimalist perfection, Shaan Shiv Suleman has completed multiple projects with a wide range of international clients.
“As a designer, I understand the importance of presentation when it comes to clients. Ebony & Ivory is a clean and simple branding mockup series to present your designs to clients in a professional and elegant manner. This is my work. This is my contribution.”
For more information visit https://www.behance.net/gallery/Ebony-Ivory-Branding-Mockup/12000917
Download Ebony & Ivory Mockups

One of the best things about designers these days is that they are really open minded about sharing their knowledge and are very giving. Some of them come up with full sets of icons and UI Kits to giveaway, which is just awesome!
So I've selected some of the best free sets around to share with you! There are tons of icons, UI Kits and even mockups for you to use in your next project. Kudos for these guys for doing such a great work on these amazing design pieces. These are quality resources for real!! I hope you enjoy them. Cheers! ;)
Icons
Sketch icon set
Streamline
90 Flat circle icons
Flat icons
Linecons - 48 vector icons
44 shades of free icons
60 icons
Line icon set
+60 Othericons.com
168 icons
Colorful icons
160 simple line icons
Geomicons
40 Social Media Flat Icons
Mini Glyphs
47 Flat Icons
Dripicons
Flat icons
Weather icons
Flat icons
WomanLog icons
Icons + UI Kit
iOS7 Style - ui/ux kit
UI Kits
iPhone iOS7 UI Kit PSD
Sign in widget
Flat UI Kit
Light UI Kit
Black UI Kit
Icons + Mockups
Basiliq Freehand UI Kit
Mockups
iOS7 Home Screen
iPhone 5 angle
App screen
iPhone 6 wrap around screen

I shared some posters awhile back on Abduzeedo and got a few emails asking how I created the application mockups for the posters so I decided to post about the process. There are several ways to go about and of course you can find templates online, however, today I'll show you an easy way to create simple mockups that you can reuse for your projects in order to give them a more realistic and professional look.
So in this little tutorial I will show you how to create a poster mockup that can be reused for your future poster projects. It's a simple guide on how to use Photoshop Smart Objects to make non-destructive elements in Photoshop.
Step 1
The first thing to do is to take a good picture of someone holding a real poster. In this case my friend and Abduzeedo writer Paulo Gabriel is holding an old Abduzeedo Poster. Take some pictures and open the one you like the most in Photoshop.
Step 2
With the Polygonal Lasso Tool (L) select the fingers that are holding the poster.
Step 3
Click on the Refine Edge options. Select Smart Radius and then paint over the edges of the fingers to refine the selection. After that change the Output to New Layer with Layer Mask.
Step 4
Create a rectangle covering the old poster.
Step 5
Reorder the layers so the rectangle is below the fingers layer created during the step 3.
Step 6
Select the fingers layer and then go to Layer>Layer Styles>Drop Shadow. Use Linear Burn at 30% for the Blend Mode and Opacity, then use 4 for the Distance, 0 for Spread and 5px for the Size.
Step 7
Select the rectangle layer and change the color to white. Then go to Layer>Smart Objects>Convert to Smart Objects. After that go to Edit>Transform>Warp. Then edit the edges to make them follow the real poster.
Step 8
Select the Smart Object layer and then go to Layer>Layer Style>Gradient Overlay. Use the black and white gradient at 10%. Reduce the Scale to 55% and move the dark area down to the bottom to the poster.
Step 9
Now select Pattern Overlay. You can find a nice texture paper online to use as pattern. Then use Linear Burn at 20% to make sure that it blends with your design.
Step 10
Here's the final composition you will have. The blank poster is a Smart Object that you can simply double click to edit it and simply add your artwork in there.
Step 11
Once you save the .psb file that Photoshop will open to edit the Smart Object, the poster artwork will show in your poster composition.
Conclusion
Here are some examples of different posters using the same application mockup. Now you can create that from books, business cards, collaterals, pretty much anything. It's an easy way to make your projects more realistic.
Download Photoshop file
Download the Photoshop file used for this tutorial