background preloader

Vintage Badge in Illustrator and Photoshop

Vintage Badge in Illustrator and Photoshop
It's been more than two weeks since I've finally moved permanently to California, USA. Before the big move I was playing with Illustrator and Photoshop to create a vintage look badge. After a few hours trying different typefaces I got a nice result and published it on my Dribbble profile. I have received quite a few emails since I published that asking me how I did the effect, so in this tutorial I will show you how to create a vintage look badge using Illustrator and Photoshop Step 1 Open Illustrator and create a new document. Step 2 Go to Effect>Stylize>Round Corner. Step 3 Duplicate the star with round corners and then rotate it like the image below. Step 4 Select the cyan start with round corners and then go to Window>Transparency. Step 5 For the typography I used Carnivalee Freakshow for the words California, 2011 and here I come. Step 6 Now with the Ellipse Tool (L) create an ellipse like the image below, then with the Type on Path Tool add the words World Wild Web West. Step 7 Step 8 Related:  motion design

How to Create a Vector Stamp Set in Illustrator In the following tutorial you will learn how to create a vintage, vector stamp set in Adobe Illustrator. Learn how to build a stamp illustration, shape by shape. We'll construct the stamp border vector shape, highlight the edges, create the branding, and give the vector postage stamp a vintage texture, and final illustrator stamp effect. Step 1 - Create a Vector Stamp, Get Started Now it's time to begin with making our post stamp in vector. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Step 2 Start with the Rectangle Tool (M). Step 3 Reselect the shape created in the previous step and go to the Appearance panel. It's the little file icon placed next to the trash icon. Select it, go to Object > Expand Appearance, then go to Object > Expand. Step 4 Select the group created in the previous step and simply click on the Unite button from the Pathfinder panel. Step 5 Pick the Rectangle Tool (M) and create four, 7.5px squares. Step 6

40 nouveaux Tutoriels de qualité gratuits pour Illustrator Adobe Illustrator est un logiciel de création vectorielle facile à prendre en main mais extrêmement complet. Au fil du temps, sa palette d’outils et de fonctionnalités n’a cessé de grandir. En maîtriser tous les aspects demande un long apprentissage mais cette longue liste de tutoriels devrait vous aider à couvrir tout ce qu’il faut savoir pour devenir un pro du vectoriel ! Après la dernière sélection de 30 tutoriels de qualité pour Photoshop, voici 40 tutoriels pour Illustrator. A vous les illustrations, personnages, infographies, interface, effets de textes ou encore design d’icônes. Illustration Créer un oeil détaillé sur Illustrator Vectoriser des lèvres pulpeuses Créer une parodie d’Angry Birds énervés Tutoriel pour réaliser une illustration de femme chic en niveaux de gris Comment réaliser un livre magique avec Illustrator Créer un masque à gaz qui ne manque pas de style Comment faire une méduse rapidement sous Illustrator Créer un ours stylisé comme une gravure Design d’icônes Divers

Creating a Manipulative Cat Illustration in Adobe Illustrator CS5 « Adobe Illustrator blog Introduction In today’s tutorial I’m going to show you how I created a manipulative cat illustration using Adobe® Illustrator® CS5. If you’ve lived with cats before, you’ll know they are masters of manipulation and can turn a little scratch into a major incident! In this tutorial I’ll show you some interesting things with Art Brushes, as well as exploring Color Guides, sketching in Illustrator, and how I render fur in vector. Step 1 First create a New Document. Double click on “Layer 1″ and rename it to “Reference & Sketch” and click on Ok. Go to Image > Place to put your reference image onto the canvas, and use the Free Transform Tool (E) to rescale it. Step 2 I’ve sketched out the different elements I want in the illustration and given them different colors for each of the areas. Step 3 I Group (Ctrl + G) each of the elements with their corresponding colors, with the exception of the stack of plates and the single plate with the fish bones. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10

How to Create a Glossy, Colorful Text Effect In the following tutorial you will learn how to create a glossy, colorful text design in Illustrator CS5. We'll use an interesting font choice, opacity masks, shape building techniques, and more to create this text effect. Step 1 Create a 700 px by 200 px, RGB document. First, turn on the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Step 2 Pick the Type Tool (T), click on your artboard and add your text. See what you can come up with, the font isn't that important. In this text the only shape that is not aligned properly is the "V." Step 3 Disable the Snap to Grid and enable the Smart Guides (Command + U), then focus on the "V". Reselect all the shapes created so far and go to Object > Compound Path > Make. Step 4 Disable the Smart Guides (Command + U) and re-enable the Snap to Grid, then pick the Rectangle Tool (M) and create two new shapes. Step 5 Step 6

40 Tutorials for Outstanding Text Effects in Illustrator Fuzzy, sketchy, bubbly, viscous, sleek, shiny, retro, futuristic: you can do it all in Adobe Illustrator. In this showcase, we have collected 40 tutorials that show you how to create awesome typographic effects in Illustrator, step by step. Some of these tutorials require the use of Photoshop for finer details. With these tutorials, you’ll learn how to create these typographic masterpieces and develop the skills to apply them to your own personal creations. If you know of any other great tutorials for text effects in Illustrator, please share them with us in the comments at the end of the article. Create a Variety of 3-D Lettering Effects for Poster Design In this tutorial, the artist showcases three approaches to creating simple 3-D lettering effects for posters. Learn to Create a Variety of Script Lettering In this tutorial, the artist showcases three approaches, this time resulting in three different script styles. Compiled exclusively for WDD by Prakash Ghodke

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

How to Create a Vintage Type Postcard Follow this in-depth look at the process of designing type for a vintage style postcard in Adobe Illustrator CS5. Harken back to an era when postcards were all the rage with this friendly type style. The tutorial will delve into clipping masks, using bitmap images, working with layers and type effects. Resources Step 1 Select the typeface you would like to begin with for your dominant text. Step 1b Go to type > Create Outlines to turn the type into an object. Step 1c Go to Effect > Warp and choose Rise under the 'styles'. Step 1d With your new type selected go to Object > Expand Appearance. Step 1e Create a copy of "HOME" and place it on another layer. Step 2 Select the "HOME" on the bottom layer. Step 2b Make the top "HOME" white. Step 2c Apply a color to the 3-dimensional type. Step 3 Select a typeface for "Welcome". Step 3b Go to Type > Create Outlines to turn the type into an object. Step 3c Add a black stroke to the type. Step 3d Select Effect > Warp > Rise and input the shown coordinates. Step 4

How to Create a Cartoon House in Illustrator Final Image Preview This Adobe Illustrator tutorial is not very difficult but still it is designed for those who know Adobe Illustrator at least a little bit. I will show you how I draw the elements of vector scene. Basically, I use simple techniques. You don’t need just to copy everything; learn some basic techniques and nuances of Adobe Illustrator’s tips. Step 1 So, let’s start! Draw a sketch of a house (I usually use Photoshop for this) and then paste it into Adobe Illustrator. Step 2 Below the sketch create an outline of the house with the Pen Tool (P). Copy and paste the result shape to the front (Cmd / Ctrl + C; Cmd / Ctrl + F). Step 3 With the Pen Tool (P) create a shape of a roof. Then create a shape of clarified part of the roof. Then create shades and reflection of the sky. Step 4 Create strips on the roof which will illustrate its heterogeneity. Create some more small details which will convey the play of light on the edges of the roof. Step 5 Draw a shade on the house. Step 6 Step 7

Related: