Tutorials

• 

  How to Create a Flat Design Bicycle (Part 1)

  Marta Berzina  •  August 12, 2015

  In our last tutorial, you learned how to make a GIF image; in this tutorial we will create a flat-style bicycle in Adobe Illustrator using simple shapes. In Part 2, we will...
• 

  Create a Flat Smartphone Illustration in Adobe Illustrator

  Andrei Ștefan  •  July 30, 2015

  So, for some time now Apple’s iPhone has created a real craze in such a way that there are now tons and tons of flat styled illustrations depicting the device. Don’t get me...
• 

  Base CSS and Navigation Systems in Bootstrap

  Sam Norton  •  July 22, 2015

  In the last article we discussed Bootstrap CSS grids and elements. For the second part of our tutorial, we’re going to study the different base elements and navigation...
• 

  How to Export an Animated GIF using Adobe Photoshop and After Effects (Part 3)

  Marta Berzina  •  July 13, 2015

  Previous articles: How to Create a Flat Design Bicycle (Part 1) How to Animate a Flat Design Bicycle in After Effects (Part 2) Animated GIF images are one of the most popular...
• 

  4 Tips for Prototyping with Adobe Photoshop Artboards

  Clark Wimberly  •  July 3, 2015

  When Adobe added artboard support a couple of weeks ago, a good portion of the design community—myself included—just about saw their heads explode. If you can’t figure out...
• 

  How to Create an Icon Design Workflow in Sketch App 3

  Daniel Schwarz  •  June 30, 2015

  Designing an app icon is no easy task. Both Apple and Android employ a Human Interface Guideline that outlines the recommendations and requirements for creating an app icon to...
• 

  Create a Website Flat Design in Photoshop using Flat UI (Video Tutorial)

  Andrian  •  June 25, 2015

  As you already know, flat design has been quite popular in the recent period and we, here at Designmodo, have been doing everything we could to promote it, because we love it...
• 

  Installing Bootstrap and the Bootstrap Grid System

  Sam Norton  •  June 11, 2015

  Bootstrap has been on the web for several years now. Being a responsive design framework that can be used to build either static and dynamic web applications or websites, it has...
• 

  How to Create Sticky Navigation with CSS or jQuery

  Sam Norton  •  June 3, 2015

  In the modern web, more websites use the “sticky” position feature in their main navigation or menu. It is making the main navigation stick and remain visible as the...
• 

  How to Create a Flat Styled Set of Writing Tools

  Andrei Ștefan  •  May 20, 2015

  Hello fellow design enthusiasts, today I’m going to show you how to build your very own flat styled set of writing tools using the mighty Adobe Illustrator. The process will...