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

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

Didacticiel de création d’un logo | Création d’un logo dans Illustrator CC Faites votre autopromotion à l’aide d’un logo personnalisé. Avec Adobe Illustrator, révélez vos talents d’artiste ! Cette série de vidéos va vous faire découvrir à quel point il est facile de créer un logo personnalisé à l’aide d’images vectorielles pouvant être mises à l’échelle sans aucune perte de qualité. Dans la première vidéo, nous allons créer les bases du logo en dessinant et en manipulant des formes simples dans Illustrator. Ce didacticiel et le projet correspondant ont été créés par Paul Trani. La coloration des dessins en un clin d’œil. Familiarisez-vous avec les options de couleur et l’outil Dégradé d’Illustrator pour affiner la couleur et l’ombrage des formes que vous venez de créer. Vous ne le savez pas encore, mais votre logo est déjà dessiné. Le dessin et la coloration des formes vous ont semblé faciles ? Les symboles, un outil ultraperformant. Agrémentez votre projet de quelques effets. Un projet digne de ce nom doit inclure quelques effets. La touche finale.

Design And Develop A Complete Website (Part 2) Today, in part 2 of this massive tutorial, we’re continuing this session with the second day of design. We’ve already designed the homepage – so now we’ll be designing the four support pages that form the rest of the complete site design (Portfolio, Blog List, Blog Post, and the Contact Form Page). Let’s dive in shall we? About the Mini Series You’ll find lots of web design and development tutorials out the net… but very few tuts that take you from start to finish. Lots of tutorials are only for design, and others are only for coding. Check out the entire process as it happens at our Session Page! Project Objectives! Let’s briefly review our project objectives that we set up on Day One : Our aim is to design and develop a simple site design with a modern layout that’s conducive to CMS systems like WordPress. We’ll be using the 960 grid system from start to finish – and this won’t be any different for our Day Two design session. A Brief Course Outline. Let’s Continue! End of Day 2

Photoshop Comment changer facilement l’écran d’un téléphone avec Photoshop Je vous propose d’apprendre à utiliser les objets dynamiques de Photoshop pour remplacer (...) Toutes les astuces pour créer un fichier photoshop propre et organisé Lisez toutes ces astuces et bonnes pratiques vous permettant de créer un fichier source (...) Tuto Photoshop Créer l’icône google gmail avec Photoshop Je vous propose dans ce tuto photoshop de reproduire l’icône du service google gmail en (...) Modifier simplement les couleurs dominantes d’une photo dans Photoshop Petite astuce Photoshop pour modifiant en quelques secondes les couleurs dominantes d’une (...) Insolite le clavier shortcut-S magique spécial Photoshop Ce clavier spécialement étudié pour les professionnels de l’infographie regroupe et une (...) Créer un magnifique effet de chrome brillant avec Photoshop Apprenez dans ce tutoriel Photoshop à créer un sublime effet de texte chromé brillant avec (...) Astuce pour mieux voir votre image sous Photoshop

Related: