Category: Tutorials

Learn How to Design a Social Profile UI in Adobe Illustrator

How to Design a Profile UI in Adobe Illustrator

In this tutorial, we’re going to learn how to design a social profile user interface (UI) in Adobe Illustrator. The Steps (1-18) 1. Create a new document, 3000 x 3000 pixels, with the colour mode set to ‘RGB.’ 2. Using the Rectangle Tool, select a light grey and draw a four-sided shape that covers the…

Adobe XD (Preview) The Basics of Adobe Experience Design

Learn the Basics of Adobe XD

Let’s take a look at some of the tools available in the preview build of Adobe Experience Design CC (Adobe XD). Adobe XD Overview   Select a Document Type From the Adobe XD Start Screen, select from a number of different mobile, tablet and desktop devices. Alternatively, you can specify the width and height for your…

Learn How to Export Assets in Adobe XD

How to Export Assets in Adobe XD

In this tutorial, we’re going to learn how to export assets in Adobe Experience Design CC (Adobe XD). The Steps (1-3) Start with your finished design, presented on an artboard, ready to be exported. Simply use your mouse to drag over and select the elements that you wish to export, and then go to File >…

radar-chart

Coding a Radar Chart in jQuery

If you are into front-end development, you can’t escape from two things – jQuery and data visualization. jQuery is one of the most popular JavaScript libraries which is being used by more than 70% of top one million websites (source). And with the increasing amount of data, sooner or later you will have to get…

light_effects_1

28 Powerful Photoshop Lighting Effects

There is something about beautiful lights that can mesmerize an audience. Take a fireworks show for example. It’s been around for thousands of years, yet still has the power to put looks of amazement on faces of all ages. That’s why lighting effects make such powerful design elements. They are a great way to grab…

21-introduction-basics-scripting-after-effects.jpg

25 After Effects Tutorials for Animated UI and UX Design

A popular trend in modern UX design is creating animated GIF images to demonstrate how an interface will behave with user interaction. The interface can relate to sliding menus, buttons, swipe-animated galleries, and a whole lot more. The best tool for creating these animations would be After Effects – a program by Adobe which offers…

sketch-freebies-download-thumbnail

38 Best Sketch 3 Design Tutorials

Bohemian Coding’s Sketch 3 is the latest & greatest tool for digital design. Everyone from icon designers to mobile app designers agree that Sketch does the job well. But since it’s so new there is a distinct lack of information related to Sketch 3 for interface design. Thankfully some designers have been writing and publishing…

Privacy Policy | Contact