Create a clean retro badge in Adobe Illustrator In this tutorial we are going to create a clean retro-looking badge/burst in Adobe Illustrator. These are great for adding to a website, advertisement, etc to help the text stand out. Step 1 First off we are going to open up a 1200x1200px document in Adobe Illustrator. Type out “AWESOME TUTORIALS BY DENIS DESIGNS” in black for now. Step 2 Change the font size of “TUTORIALS” to 250pt, “AWESOME” to 60pt, and “BY DENIS DESIGNS” to 35pt. Step 3 Now we are going to start adding some shapes to our burst. Step 4 Click on Type>Create Outlines, this will make our text into lines and points, which will be easier to deal with. Step 5 Go to View, and make sure Smart Guides is checked. Select the Ellipse tool (L) and while holding Shift and Alt, make a circle starting at the center of the box. We also want to make a star/burst that will be a little wider than the circle. Step 6 We want to take the inner circle we made and shrink it down a little bit, while holding Shift and Alt. Step 7 Step 8 Step 9 Step 10
Creating Seamless Textures In Illustrator I think you’ll all agree that Illustrator is just plain awesome, and with the continual improvements we see with each new version, it keeps getting better and better. Previously, I created seamless textures for typography and seamless backgrounds for my web and illustration projects with Photoshop. But we’ve seen large improvements with the Appearance panel in more recent versions of Illustrator, so now I create these textures and backgrounds solely in Illustrator–it’s actually super easy! So in today’s tutorial, I’ll walk you through the steps on how to create a variety of seamless textures and backgrounds all in Adobe Illustrator. Tutorial Details: Seamless Textures and Seamless Backgrounds Program : Adobe Illustrator CC (You should be able to create this tutorial in CS4+ but some of the tutorial images might look different.)Difficulty: Beginner/IntermediateTopics Covered: Appearance Panel, Effects, Pattern Fills, Graphic StylesEstimated Completion Time: 15-20 minutes each Raster Effects
How To Create a Retro Badge/Emblem Style Logo The retro style badge/emblem of logos is a hot trend at the moment, and it’s no surprise why – They’re super cool! We’ve already looked at a showcase of retro and vintage style logos based on circular motifs, now let’s build our own. We’ll put the basic structure together in Illustrator, then give it that aged vintage appearance with some finishing touches in Photoshop. The logo we’ll be creating is for the totally fictional Powerhouse Gym (although I wouldn’t be surprised if there was a gym somewhere with this name!). View the retro/vintage logo design Be sure to check out the showcase of retro badge/emblem logos, then when you have plenty of ideas open up Adobe Illustrator and create a large circle. Press CMD+F to paste in another duplicate, scale down and change the fill to white. Paste a couple more circles and scale them appropriately to add a couple of thin strokes on the inside and outside of the white ring. Enter the words Powerhouse Gym then select an appropriate font.
How to Create a Textured Vector Landscape A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Rype was first published on October 31st 2008. In this tutorial, I will show you how to create a stylized textured vector landscape. Final Image Preview Below is the final design we will be working towards. Step 1 Go to TextureKing and download the first texture, second texture, and third texture for this tutorial. Step 2 Create a new document and create a rectangle with the Rectangle Tool (M) that is the size of your document. Step 3 Fill the new rectangle with a Linear Gradient from the Gradient Panel with no stroke. Step 4 With the Gradient Tool (G), click in the middle of the gradient and drag upwards, placing the darker part of the gradient at the top of the rectangle. Step 5 Next, we are going to start creating clouds. Step 6 With your tool of choice, draw a stylized cloud over your gradient background. Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13 Step 14
Create an Aged Vintage Style Logo Design in Illustrator Follow this step by step Illustrator tutorial to create an aged vintage style logo design. We’re going to take inspiration from generations past, when logos were hand crafted with custom lettering. To achieve the same effect in Illustrator we’ll customise existing fonts to create a old school layout of cool typography. The vintage logo we’ll be creating is based on a fictional jeans company Black Denim Co. View the final vintage style logo design Classic logos were all about the typography. I’ve selected the Lavanderia font, but I’m not too keen on the flat edges. The difference between the customised and the original is only subtle, but it helps create a unique design that fits the style we’re aiming for. The current font seems a little too upright compared to other old school script logos, so go to Object > Transform > Shear and add 10° to the Horizontal axis. Lots of careful tweaking of points is required to perfect the shape and eliminate unwanted kinks. Download the source file
Create a Dirty Water Drop Character in Illustrator Did you know that 3.575 million people die each year from water-related disease? Moreover, 884 million people lack access to safe water supplies; approximately one in eight people. That’s pretty crazy! About Blog Action Day 2010 Blog Action Day is an annual event that unites the world’s bloggers in posting about the same issue on the same day. About the Water Crisis Clean water is essential for our survival, but dangerously scarce. Learn More and Find Out How You Can Participate Final Image Below is the final character we will be working towards. Tutorial Details Program : Adobe Illustrator CS5 (You should be able to create this tutorial in CS4 but some of the tutorial images might look different.) Step 1 Create a new document and create an ellipse with the Ellipse tool (L). Step 2 Take off any stroke applied to the ellipse and fill it with a Radial Gradient. Step 3 Create another ellipse and cover the lower fourth of the main drop shape. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11
How to Create a Tasty Web 2.0 Text Logo The best part of using Adobe Illustrator especially when creating logo design is that all your works are saved in vector files. Which means you can adjust the size of your logo without sacrificing the quality of your design. Today, you will learn how to create a logo design with adobe illustrator. This tutorial may help you to create a logotype for various kind of food products and concepts: candies, juice, cereals and so on. Final Preview Below are the steps to create a crunchy and nice logo, clean and legible (like the logo above). Step 1 Start with choosing the right font. Once your word written, vectorize the text. It”s important to have a single form to proceed, so we”ll have to clean the uneeded anchor points. Step 2 Once selected, press Cmd + Shift + G to ungroup, select the Make Compund Shape in the drop down list. Step 3 It”s time to create the stroke path of the word. Ads Step 4 Increase the size of the stroke until you think it looks awesome. Step 5 Now choose your colors. Step 6 Step 7
Beginner Tutorial: Create Super Mario's Head on Illustrator Hi everyone, following my latest beginner tutorials today I'm going to show you how to create a Super Mario face using mostly simple and easy to create shapes. As every kid born in the 80/90's , I'm still a huge fan of this Nintendo character, so this will be another "nostalgia tutorial" , hope you guys enjoy it! Just a reminder: this is a beginner tutorial, eve though some of you are really skilled on this software, I would recommend you to take a a time to read this as you can get some insights and ideas from this tutorial. Please comment If you have any problems or doubts, have fun! And before we can begin, please listen to THIS while reading. Step 1 So, the deal on this tutorial is to create this Mario's face using the most round and simple objects as possible, why? Ok, so I saved a color pallet on the source file so you guys don't need to screen grab this JPEG or getting busy figuring out what colors we're going to use. Step 2 Add some color and fill as the examples bellow. Step 4
Create a Simple Vector Ninja Character in Illustrator Follow this step by step Adobe Illustrator tutorial to create a simple vector ninja character. The design is made from basic shapes and uses Illustrator’s core tools, which makes this tutorial perfect for beginners. The ninja character we’ll be creating is made up of simple shapes to create a cute overall appearance. Despite being generally dark in colour we’ll add definition to the character with the help of strokes and gradients using subtle changes in tone. Open up Adobe Illustrator and draw a circle on the artboard, this will be the base of the ninja’s head. Continue using the circle tool to draw the eyes, starting with the hole in the mask with a rotated oval, then a couple of generic eyes using two solid circles. Use the Pen tool to draw the body, click and drag out lines to create a slightly curved, dynamic looking body shape. Click and drag flowing lines across the body to represent the arms and legs in an exaggerated combat pose. Our little ninja character is now complete.
Create a Cute Panda Bear Face Icon Lately, I have been working on some children illustrations, creating some über cute creatures. In the following easy tutorial, I’ll show you how to create a cute panda bear face icon all from ellipses (well, actually there is one rectangle for the background). The great part about this tutorial, is that you can easily apply the techniques to other icons, illustrations, logos, or other projects. Notes This tutorial was created with Adobe Illustrator CS4, but you should be able to create the tutorial in other Illustrator CS versions. Final Image Below is what the illustration will look like when we are done. Step 1 First, create an ellipse with the Ellipse tool (L). Step 2 With the ellipse selected, create a radial gradient from the gradient panel. Step 3 Copy (Command + C) the ellipse and Paste in Front (Command + F). Step 4 Select the ear shape and change the gradient to a Linear Gradient from the Gradient panel. Step 5 Select the ear shape, Copy (Command + C), and Paste in Front (Command + F).
Beginner Illustrator Tutorial – Create a Vector RSS Icon This post was originally published in 2009 The tips and techniques explained may be outdated. The best way to learn the ropes of a new application is to get stuck in with a working project. This Adobe Illustrator tutorial covers the simple steps involved in creating a vector RSS icon and includes a range of handy techniques that can be put into practice in future creations. Adobe Illustrator is a vector graphics application, so it doesn’t matter what size the icon is created at. We can simply select all the objects and scale them up to the size of King Kong, or likewise scale them down to the desired size. Unlike Photoshop, all our lines and shapes will keep their crisp lines and colours because they’re made of mathematical calculations rather than good old pixels. Open up Illustrator and create a new document. Another difference between Illustrator and Photoshop is the options sat at the bottom of the main tool palette. With the shape selected, go Object > Path > Offset Path.
How to Create a Vector Smiley Icon | Chemist2dio Labs Have you ever wanted to make your own set of emoticons? Using the basic techniques brought about on this tutorial, you can easily create your own set of emoticons. Final Image Output Just to give you an idea of what we will be working on, check out the image below. Tutorial Details * Software Used: Adobe Illustrator CS3 * Difficulty: Beginner / Intermediate * Color Mode: CMYK Some notes before proceeding with the tutorial, as you may see this quite often. Step 1: The Face To start off, create a new document, create a 240px by 240px circle using the ellipse tool, be sure to hold shift to constrain the proportion of our circle. Step 2: Gradient on Face Open up the Gradient Panel then fill the circle with a radial gradient. Adjust the gradient with the Gradient tool (G) by clicking from middle to the outer part of the circle make the inner part lighter. Step 3: The Eyes Using the ellipse tool, create a small circle and position it slightly above the middle part of the face. Step 5: The Mouth