In celebration of the gritty, awesome HBO series True Detective, we dive into Photoshop to re-create the look from the series intro. Accompanies by music from The Handsome Family, the images used in this tutorial are available to download at QuintalDesigns.com but are not allowed to be sold, or passed off as your own work. We’ll be using layer masks, Clipping masks, and gradient maps to create that signature True Detective look on a 1920x1080 canvas, fully layered. You can even use your own images and turn yourself into a member of the Louisiana PD.
In this Adobe Photoshop Tutorial, we go through creating the iOS 7’s blur effect on your mockups. You of course can use this technique to spruce up any mockup that you like for a modern UI look. The effect is achieved with a shape layer, basic transparency, gaussian blur, and a hue and saturation layer.
Special thanks to my colleagues Stephen and Saga who were my beta testers for this tutorial!
Check out the great pop culture character illustrations used in this tutorial by Ale Giorgini http://alegiorgini.com/
Music: Jessica by The Allman Brothers
People say better late than never, but that may not be the case with Part II of Inking Comic books in Illustrator. Part one was made back in August of 2009 and thanks to several emails I'm finally putting out part two. I hope people find what they need in it!
With a little inspiration from logos from the 1980's and their revival in things like FarCry 3: Blood Dragon, I show you how to whip up a retro logo from the 1980's in Adobe Illustrator and Photoshop. If you're lazy and don't want to make it yourself, scoop up the full layered and styles PSD file for only $2 over at the QuintalDesigns.com store, or for $3 over on Creative Market.
Lets kick it old school and create assets from one of my favorite puzzle games of all time — Tetris. We're going to be using shape tools, opacity, blend modes and the Recolor artwork feature that lets you drastically change the look of your Illustrator creations with ease.
I'm not sure I got all the Tetris shapes just right, so tweet me your creations @ryanquintal.
Are you finding it hard to get to grips with UI Design, then do not fear as Ryan is here to teach us how to create some great graphic elements for the web in Photoshop. You will learn how to create classy buttons, ribbons, multimedia elements and much much more! Come and join Ryan and take your UI designs to a whole new level.
October is Breast Cancer Awareness month. So what better way to support the cause then by donating a little sumthin’ and learning something in the process. In this Tutorial, we’ll create a ribbon like the kind you see that supports different causes. Buy this Illustrator file from my online store and ever dollar I make from this tutorial will be donated to Breast Cancer research at the Susan G. Komen for the Cure® Foundation. I’m serious, every last buck. And not just in October either. If you buy this on Christmas, I’ll donate. Buy it on National Administrative Assistant day, I’ll still donate. You get the idea.
So you’ve learned Adobe Illustrator in 30 Days. You know your way around a vector, congrats! But what about using Illustrator for print, or apparel design? Or to create a website? Are you ready to take your skills to the real world? In this advanced course, Ryan Quintal throws off the training wheels and gets you into the nitty gritty of actually completing real design projects in Illustrator. In Advanced Illustrator Techniques, you’ll delve into:
- Designing vector files specifically for web, print, and beyond.
- Specific web design applications like UX diagramming and icon design.
- Specific print design applications like half-tones and spot colors.
- Overview of using SVG and TIFF files.
- Using advanced tools like the gradient mesh, blob brush, and more.
Summer’s here, time to get outside and enjoy the weather. Well, after spending a little time learning how to create some vector camp badges in Adobe Illustrator that is. Using Drew Wilson’s “Pictos” icon set as our starting point, Ryan’s first tip in Illustrator CS6 is here to kick off the season and get us ready to roast some marshmallows.
Adobe Illustrator is a powerful and popular tool for illustrators and designers, but can be intimidating if you’ve never worked with vector before. Don’t know about anchors, brushes, symbols or meshes? Never fear! Experienced illustrator Ryan Quintal takes you from newbie to Illustrator pro in just 30 days. Once you’re up and running, Ryan will work through a final project, a product case design, to show how it all goes together.
Adobe Illustrator isn’t the only vector game in town. In fact, you have the power of vector art on the go with Adobe Ideas, the drawing app for Apple’s iPad. In this video Ryan shows us how to take a quick little doodle in Ideas, and add a little more love in Adobe Illustrator. You’ll only need to know pen tool for this one, plus having an iPad would be helpful.
Since I created my pixel art tutorial over 3 years ago, things have become even easier in Adobe Illustrator to create a classic, retro, pixel effect in vectors that can be scaled to any size. This retro look harkens back to the days of nintendo, SNES, and all the other 8 and 16 bit consoles.
Here we'll use the grid tool, live paint bucket, and a reference image from the web to create the final effect.
Here's a link to the old video: https://vimeo.com/3867117
Create a vector swirl, twirl, swoosh, and floral in under 2 minutes in Adobe Illustrator. This easy and straight forward video tutorial shows you the details on effective design techniques. Shorter, Quicker, and easier than tutvids.com, and even my original. My first every sequel tutorial!
Have you always wanted to be an architect, but really just because you want to show people cool blueprints? Well‚ neither has Ryan, but he’ll certainly show you how to create a blueprint illustration in Adobe Illustrator. It all starts with a square filled with a gradient, and demonstrates techniques that will help you create almost any type of document.
Note: If you’re following along with the video, the details we use for our document are as follows.
Document: Letter – Horizontal – RGB Grid:
- 20×20, 20% Opacity
Square Gradient: (R to L)
Curl Gradient: white
A happy holiday Quick Tip with Ryan shows us how to create a classic envelope in Adobe Illustrator, using simple shapes, effects, and gradients. After your envelope is created, some simple shadows and gradients create a warm background that makes the envelope look good enough to mail to Santa. I wonder if LoungeKat got him anything for Christmas?
In this Quick Tip you will learn how to make an iOS style mobile navigation bar complete with icons. This easy to follow tutorial is great for a beginner to intermediate skill level. let’s get started!
Learn how to use a few rounded rectangles, some gradient effects and the blend tool to make a great looking iOS style Book Icon. Let’s get started!
Learn how to make a zipper in Adobe Illustrator, then import it into Adobe Photoshop to split reality in two! Without getting a splitting headache. In Illustrator we’ll be using basic shape tools, the brush pallet, and the transform filter. In Photoshop we’ll be using the select tool, the puppet warp, and the paintbrush tools to split my head in two.
Another tutorial for my friends over at VectorTuts+. Learn how to create a stylized and simple character face in Adobe Illustrator with Ryan Quintal. It’s all the elipse and pen tool in this one, as we’re going to use solid colors, basic shapes, and use Illustrator’s “Width” tool to create some beautiful lines. Once you’re done, you’ll have a template that’s ready to go for a wide variety of faces for characters and animation.