background preloader

Flat Long Shadows: Step-by-step Tutorial, Resources and Examples

Flat Long Shadows: Step-by-step Tutorial, Resources and Examples
Within the flat design trend on the rise at the moment, especially in this world of the web, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45º angle below the horizontal axis and a gradient color close to the background shade can be applied. This technique is by no means new. It has always been a widely-used resource in photography to emphasize shapes and transmit different emotions to the viewer. We'll show you two different ways to achieve this long shadow finish with Adobe Illustrator. One uses the Pathfinder tool and the other uses the Blend Option. Step 1. Cinema4DWe can also produce this effect using 3D graphics software such as Cinema4D, 3Ds Max, Maya, etc.

http://www.awwwards.com/flat-long-shadows-step-by-step-tutorial-resources-and-examples.html

Related:  CREATIONResourcesCS&AI

Public Domain Images Winter Mountain Glacier Grey Blue by Publicdomainarchive | Jan 7, 2017 | Free Stock Photos Click the link below to download the Free Stock Photo of Winter Mountain Glacier Grey Blue... Hamburg Germany Canal Night Time Romantic Sunset Click the link below to download the Free Stock Photo of Hamburg Germany Water Canal Night Time Romantic Sunset...

20 Best Free Education Icons For Designers Icons are small images that are used for depicting different kinds of emotion or content or other things. Icons are commonly used in web designs as the use of icons makes the web page more interactive, thereby attracting more targeted clients to the website. These visual representations enhance the beauty of the website and are easily decipherable in comparison to written contents. Therefore, web designers are always looking for good looking, suitable and ready to use icons which they can use in their future projects. Use of these icons will make the work of the designers easier and faster. UI vs UX: what’s the difference? UI is the saddle, the stirrups, and the reigns. UX is the feeling you get being able to ride the horse, and rope your cattle. At least that’s what they used to say in the olden days. Rather, that is what I wished they’d say. Despite how simple that may have sounded, there are many complications and misconceptions when it comes to the differences between UI and UX design, and they cause the design community to go into quite a stir whenever they are brought up.

Create a Long Shadowed Flat Icon in Adobe Illustrator Flat Icon Design is the most popular topic from around the design blogs and forums for the last couple of months. The major mobile operating systems started to use or already using the Flat Design (WindowsPhone + Metro, Android, iOS7). (We updated this tutorial.

200+ iPhone 6 mockup design Templates (PSD, Ai, Sketch) An early collection of 200+ iPhone 6 mockup design Templates. Apple has released two iPhone models few days back, the 4.7 inch new iPhone 6 and the 5.5-inch iPhone 6 Plus, the best iPhone ever. The iPhone 6 looks more like the iPad both have same rounded corners and curved glass. Photoshop Tutorials - Age Progression Disclaimer: None of the given Photoshop Tutorials are written by me. They are all taken from various sources on the Internet and I compiled some of them for you. Hope you understand. More are in the line. Here’s a little tutorial showing you how I basically go about aging a woman’s face in Photoshop. How to Deform Objects Using Envelope Distort with Warp in Adobe Illustrator Welcome to VectorCove.com! If you find this site useful, you might want to subscribe to our free newsletter for updates on our new Vector Tutorials and Articles. In today’s tutorial we’ll talk about all the methods of deformation of objects with the help of the Envelope Distort feature. Hopefully, this tutorial will broaden your options and will save you plenty of time in the future. Final Image

Create Inspirational 3D Gold Text with Photoshop Extended Preview of Final Results Video Tutorial Tutorial Resources Bebas Neue – Font SquirrelPacifico – Font Squirrel Step 1 Transforming in Perspective in Illustrator In this tutorial, I am going to show you how to transform an object in perspective in Illustrator. This is extremely handy when trying to make a pattern fit a certain perspective. First, we are going to create a simple circle pattern.

Create a Crisp Metallic Text Effect in Photoshop In this quick tip tutorial, we will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let's get started! Tutorial Assets The following assets were used during the production of this tutorial. Step 1 Creating an Earthy Christmas Tree in Illustrator As Christmas approaches, what better tutorial than to create a Christmas tree? This is perfect for holiday gift cards, ecards, wrapping, stickers, etc. It’s quite simple and not so time consuming. Using CS5 version of Illustrator, but any version of the CS may be used to create this tutorial.

Free Professional Quality Videos Tutorials to Learn Adobe Photoshop If you enjoyed this video then don’t forget to leave a like rating and sharing Learn how to use Adobe Photoshop to create your own space scene in this Photoshop tutorial! Stars, Planets, Glows, OH MY!

Related: