Last month I posted a showcase of incredibly realistic neon signs that were made using 3D software. I’m much more of a 2D guy so I wanted to have a go at producing a similar neon effect using Illustrator and Photoshop, but with the addition of movement via an animated GIF. Follow this tutorial to see my process of how I created a fun neon sign for Pizza Planet, using Illustrator’s vector tools to create the initial sign layout, then Photoshop to bring it to life with vibrant layer styles and framing for the animation.
The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that results in cool abstract artwork which is perfect for infographics, icons or even branding. In today’s tutorial I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful shape building tools to easily create the trendy effects used by Illustrators.
I’ve been getting really into Photoshop’s 3D tools recently. They’re fantastic for creating simple 3D models with ultra realistic lighting and materials like metals, plastic and wood. Chrome is one effect that is often mimicked in Photoshop with various gradients and layer styles, but the 3D feature in versions CS6 and CC allow you to achieve results that surpass the traditional techniques. In today’s tutorial we’ll use Adobe Illustrator to design a cool badge or emblem design, then we’ll take it into Photoshop to turn it into 3D with a rad shiny and chrome finish.
In today’s Photoshop tutorial we’re going to create a cool portrait effect using a long passage of text that bends and deforms around the contours of the face. Known as a Calligram, this effect is particularly powerful when used to present famous quotes or speeches by depicting the author/speaker with the actual words. Photoshop’s Displace filter is the key ingredient in this recipe which allows us to accurately wrap the text around the subject.
There’s a couple of methods for creating complex circular patterns in Adobe Illustrator. One technique uses pattern brushes, but it involves designing multiple patterns that seamlessly repeat, which can be a difficult task in itself. Alternatively, you can make use of Illustrator’s symbol feature to create a pseudo kaleidoscope effect where a segment of your design is duplicated around a centre point to form a mirrored effect. Follow my step by step Illustrator tutorial to learn how to create a vector mandala pattern of your own. You’ll be surprised at how quickly you can build extremely detailed circular patterns with this process.
If you’re a designer who just loves creating ‘stuff’, Adobe Illustrator should be your favourite tool! Armed with just a few tools and techniques you can use Illustrator’s range of shape tools to construct cool vector illustrations of anything. In today’s tutorial I’ll take you through my design process of creating a simple illustration of a water gun. The entire design is made from Illustrator’s basic tools, then the Live Paint tool is used to add colour. I’ll also show you some handy techniques to apply popular effects to replicate some of the popular illustration styles often seen on Dribbble.