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

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

Brands On Air : shopping des produits vus dans les médias TV, Série, Cinema, Stars 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

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

50 Excellent Text Effects Tutorials In Adobe Illustrator We are all well acquainted with the power of the Adobe Illustrator and how important it is to a designer. Be it creating appealing text effects or creating awesome characters, Adobe Illustrator is always there to help out designers. In this collection, we are presenting some amazing and helpful tutorials regarding creating incredible text effects by using Adobe Illustrator. Without further ado, let us move towards the collection of amazing tutorials. If you think we have missed some cool tutorials out there, then let us know or share them with us in the comments. 1. In the following tutorial. you will learn how to create a slick golden text effect. 2. In this tutorial, we’ll use 3D-rendering, blends, and an art brush for creating the final brick art. 3. In this tutorial we will learn how to create a neon text effect using Gradient Mesh, 3D Modeling, art brushes and a transparency palette. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29.

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

Create Sonic The Hedgehog Opening on Illustrator The other day while I was cleaning up some stuff in my bedroom I've found my Sega Genesis - Mega Drive in Brazil, one of the first 16 bit consoles released in the 90s. I remember most of my friends were more into Mario Bros because they had a SuperNES. I played Mario Bros years later, but at that time my eyes were focused only on playing frenetically Sonic The Hedgehog almost everyday. So, continuing our "nostalgic tutorials" series this one will be about this classic game opening, sure this will probably give you some really good memories so let's do it. Just a warning before we can proceed: this is an more advanced and step forward tutorial, so a previous knowledge of the software and the character will be really helpful. Tunnel I kind of don't know If that's a tunnel or a giant ring on the opening titles, anyway the first thing you should do after creating a new document on illustrator is to create a perfect circle using the ellipse tool (L) + shift. Make another one inside of it.

Related: