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

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

Facebook 'will look different in a year' As well as the news that Facebook is used by half the UK population, Facebook also laid bare its vision for the future of the social web in a keynote at the UK's largest digital marketing event, TFM&A. Stephen Haines, commercial director for Facebook in the UK, said that the site would continue to evolve. "There have been eight iterations of the [main] Facebook design over the last few years... The site has never been slow to change fundamentals of its design and approach, most recently with the redesign of the Like button. "The average Facebook user has 130 friends [and] the average time spent on Facebook is 28 minutes a day." Haines also showed impressive figures showing the effectiveness of brand pages. He hailed the success of Facebook Deals, which had even crashed the Alton Towers website. Haines also suggested the social network could look to keep users within its walls by offering branded stores for buying goods online. From browsing to discovery Messages boost?

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

5 Pitfalls to Avoid for New Web Designers New web designers often find themselves in a common scenario: fresh out of college or just barely starting your career... but unlike other careers where there are defined training programs to show you the ropes, you end up wandering around the internet, hoping to pick up enough experience to land a job. Today, I am going to discuss a few areas where rookie web designers can drop the frustration and begin making high quality web sites faster. Pitfall 1. A very common theme amongst beginners is trying to "re-invent the wheel" when it comes to layout. Other beginners hope to revolutionize the industry by creating wild and crazy approaches to simple design problems. Perhaps a better analogy is trying to re-invent man's invention of flight. Common design themes like navigation, fixed content columns, and a footer are all perfectly acceptable ways to start a design... they aren't boring because they work, they are effective and web surfers have come to expect them. Here are some tips: Conclusion

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 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

How to Draw Quadratic Curves on an HTML5 Canvas » SitePoint Blogs Drawing graphical curves within the browser has never been easy. Until recently, if you wanted a smooth chart, you either had to generate an image or create an SVG on the server. Creating a curve on the fly required ninja JavaScript skills, a mathematics degree and immense patience. The canvas element has changed everything. We can now draw and animate complex lines, curves and shapes with a few lines of code. Today we’ll look at quadratic curves. What are quadratic curves? It’s been a long time since I took a mathematics lesson, so please don’t expect an in-depth explanation! Back already? Like any line, a quadratic curve has a start (P0) and end point (P2). Quadratic curves are great for drawing smooth edges. Enough math — let’s see some code! The canvas element supports quadratic curves. canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d") ctx.lineWidth = 6; ctx.strokeStyle = "#333"; We now define the starting point for our curve (P0):