It's the first week of the new year and nothing better than to spend some time organizing and starting to improve our design library of assets and resources. To help you get started we feature some really cool desk objects mockups. Though despite being overused they are always useful and thanks to Graphic Burger you can download 38 isolated objects. For more information check out http://graphicburger.com/
Designing a great product involves a series of phases, each requiring a specific set of skills along with the necessary materials. That could go from pen and paper to components for design and code. Our friends from UI8 help us with these components and assets for important phases, like wireframing, UI kits and icon assets and the best thing is they have kits for different platforms including the Material UI Kit which is based on Google's new Material Design Visual Language. Among all these products, UI8 now offers the UI8 Ultimate Bundle which includes pretty much everything you need so you can focus more on making your product really shine. When we say Ultimate, we really mean it. Get instant access to our entire collection of premium resources as well as all future products, forever. The UI8 Ultimate Bundle includes: $1200+ value if bought separately Includes all current products as well as all future product releases 8 UI Kits & 3 Wireframing Kits 13 Vector Icon Sets for Sketch, PS & AI 10 Presentation products 3 iOS learning courses 4 Tumblr Themes 2 Fonts Products included in this bundle Material UI Kit A consistent, organized and retina-ready set of premium components and templates across 7 content categories to bring your next big ideas to life. Cards A sleek looking high resolution presentation mockup to show off your Android, iPhone 5 / 6 / 6+ UI designs. Alien UI Kit From custom and fully editable vector illustrated walkthroughs to settings and individual components, this awesome UI kit has everything you need to put your next big social app together. Smallicons A huge flat icons set - Pixel perfect, fully scalable and full of whimsical details. Xcode for Designers Xcode for Designers is explicitly created for designers like you who want to learn exactly what they need to turn their static designs into native, interactive apps for iOS. All in less than a week, and all through 25 amazingly-detailed and fun videos. Learn Swift by Examples Want to be that designer who can also code like a boss? Well, now you can. We've partnered up with Edurila to bring you this killer deal on a course for Apple's new iOS 8 programming language Swift. Learn Quartz Composer Through 39 video lessons (including text versions), we'll help you every step of the way. You'll learn effective workflow from UI to interaction concept, how to use common mobile UI patches, how to build custom macro patches, how to use Origami, advanced concepts including expressions, and more. Bolt UI Kit We spent the past few months crafting our biggest, most beautiful and most expansive UI kit ever! With our new Bolt UI Kit, you get a consistent, organized and retina-ready set of premium components to build your next iOS interface. Ballicons Say hello to Ballicons! A premium collection of high quality , vector-based animated & static icons to bring your projects to life! Edge UI Kit Plus Fully customizable component-based web UI Kit including hundreds of drag-and-drop elements across 10 content categories to greatly speed up your design workflow. Aves UI Kit From custom and fully editable vector illustrated walkthroughs to settings and individual components, this awesome UI kit has everything you need to put your next big social app together. Cover A beautiful grid-based theme that puts your images front and center. Show off your best work in the best way. Mosaik The most beautiful and versatile premium tumblr theme for inspiration blogs. Fully responsive and retina ready. Columns Clean, versatile, grid-based theme with a fresh and minimal look. Perfect for running inspirational magazine and photography blogs. Flow Flow is a beautiful , versatile and responsive grid based theme for tumblr. Insignias An amazing collection of 75 high-res, studio quality mockups with smart objects to showcase your branding projects in a snap. Tethr - iOS UI Kit Use this beautifully styled drag-and-drop UI kit to create quick and easy concept interfaces for iPhone. Math, media, shopping... this thing has it all! We spent a ton of time crafting those crazy gradients and obsessing over every single element to make your job that much easier. Download. Design. Enjoy life. Now available for Sketch! Icons Basics 60 icons in a sleek stroke styled set. Delivered in multiple formats such as Sketch, PSD, AI, SVG & PNG. Transporties 100 transportation related icons in a sleek stroke styled set. Delivered in multiple formats such as Sketch, PSD, AI, SVG & PNG. Geekies Icon Set A hipster set of 300 design related icons across 3 awesome styles: Stroke, Solid and Colored. Delivered in multiple formats such as Sketch, PSD, AI, SVG & PNG. Sporties Icon Set From custom and fully editable vector illustrated walkthroughs to settings and individual components, this awesome UI kit has everything you need to put your next big social app together. UI Font - Solid 300+ icons delivered as a ready-to-embed solid Icon Font set. Ready to use as both a Desktop and Web Font. 50% off the full price of $44 for a limited time! UI Font - Lines 300+ icons delivered as a ready-to-embed line Icon Font set. Ready to use as both a Desktop and Web Font. 50% off the full price of $44 for a limited time! Templates & Wireframe iPhone 6 Template You want it - you need it. It's a fact. So why wait in long lines for this sexy beast of beauty? Show the world your amazing new UI design today on the best iPhone 6 template available. Mention us on Dribbble with @Creativedash when you use this template - We'd love to see your work! Wireframe Kit - V1 Over 70 templates and 300 UI elements in blueprint style for web, tablet and mobile devices to help speed up your UX workflow. Delivered in Illustrator and Sketch formats. Wireframe Kit - V2 175 templates and over 500 UI elements for web, tablet and mobile devices to help speed up your UX workflow. Delivered in .AI vector format. Now for Sketch! Information Architecture Kit Need a simple way to show the basic features and flow in an app before you dive into an extensive wireframing phase? Our information architecture kit is exactly what you need to get started. Delivered in Illustrator and Sketch formats. Nexus 5 Template Android purists rejoice! Google's reference phone has been expertly reproduced as a Photoshop presentation template. Multiple angles to make sure your designs look good from every direction. 50% off the full price of $20 for a limited time! Heroes Your hero is the window to the rest of your app, so getting it right is perhaps the most important design decision you can make. With our Heroes pack you get 37 beautiful mockups with easy to use smart objects to insert your custom designs. At 300dpi you're also ready for print! All of our products worth over $1270 and all future products at a fraction of the cost. ... and there's many more. The bundle has 43 items including all the current products and new products from UI8 forever. That means future products will always be included for you. That's 17.6 GIGs of really useful design assets to boost your design process. The price for all of this is definitely worth it, you can get the full bundle for $248. Now, the best thing about this post....you can get an extra 20% off by simply using the code "abdu20". Yes, you're seeing that clearly, you can get 20% off and start the new year with an incredible set of assets! Buy Now and use the code "adu20"
Presentation is very important for any project and designer's portfolio and it doesn't matter if it's for client or personal projects. Sometimes, however, for personal projects we have just the designs and layouts but not the final product, especially for branding. That's why it's nice to have good mockups not only to show the work but to see how it would look like in context, in my opinion that's the most important part. There are several mockups available on the web, but we would like to feature the one put together by Edris Advertising Center. Edris Advertising Center is an advertising agency and design studio from Tehran, Iran. For more information visit http://www.edris-ac.com/ Mock Ups FREE Download PSD Via Behance
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