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

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

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

effet de distorsion de couleurs avec After Effects CS5 sur Tuto Dans ce tuto After Effects, nous allons apprendre à réaliser un effet de distorsion de couleurs rapidement que vous pourrez appliquer aussi bien à vos animations typographiques qu'à vos images et films. Création d'un fond avec dégradé.Mise en forme d'un texte simple grâce à des effets qui vont le rendre plus réaliste.Animation de ce texteRéalisation de l'effet de distorsion grâce à un calque d'effets et animation de celui-ci. Ce tuto convient aussi bien à des débutants qu'à des utilisateurs intermédiaires, est compatible avec toutes les versions récentes d'After Effects et ne nécessite aucun plugin. Jetez un oeil à ces autres tuto After Effects CS5 Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto After Effects CS5 de 12 minutes est proposée dans une résolution plus grande que l’extrait suivant : Baddy , Formateur Jeune étudiant en infographie et communication, passionné par le design graphique. Toutes les formations de Baddy

créer un morphing entre différentes lettres avec After Effects CS5 sur Tuto Dans ce tuto After Effects, en vidéo, nous allons apprendre à réaliser un effet très utile : faire un morphing fluide de n'importe quelle lettre vers une autre. Une fois cette technique assimilée, vous serez capable de créer des transitions maitrisées entre différentes lettres. Cela s'applique également aux autres formes simples vectorielles, pas seulement aux textes. Nous ajouterons ensuite un style coloré à notre scène, à l'aide d'une combinaison d'effets. Les notions abordées dans ce tutoriel After Effect : Convertir des calques de texte en calques vectoriels modifiablesAssimiler les différents types de lettres (rigides, arrondies, avec ou sans trous)Créer un morphing entre deux formes, en contrôlant avec précision la transitionCréer un effet de décalage temporel pour plus de dynamismeFaire un morphing entre les lettres A, O, X et B (dans ce tutoriel)Ajouter un look pop à la scène Jetez un oeil à ces autres tuto After Effects CS5 mattrunks , Formateur Toutes les formations de Mattrunks

animation de texte par découpage avec After Effects CS5 sur Tuto Dans ce tuto After Effects, nous allons créer une apparition de texte dynamique, basée sur un découpage colorée de chaque lettre. Nous créerons ensuite une texture de type métal usé sur notre texte, à l'aide des effets inclus d'origine sur le logiciel. Cela enlèvera le coté souvent trop propre des textes conçus sur After Effects. Les notions abordées dans ce tutoriel : Créer un fichier Photoshop optimisé pour une utilisation sur After Effects (durée, format, cadence)Animation des calques à l'aide d'effets de transition simples, qui une fois combinés donneront une animation complexeApprendre à gérer une palette de couleur dynamique, utilisée par plusieurs compositions et modifiable à tout momentCréation d'un aspect de fer vieilli sur notre texte, et ajout de profondeur Le projet est fourni avec le tuto (format.aep compatible CS5 et supérieur). Jetez un oeil à ces autres tuto After Effects CS5 Pour vous faire un avis, voici un extrait de quelques secondes. mattrunks , Formateur

animation typo à la misfits avec After Effects CS5 sur Tuto Voici un tuto after effects dans lequel nous réaliserons un générique dans l'esprit de la série Misfits. Ce tuto traitera d'animation typographique à l'aide du script DuDuF IK Tools pour After Effects. Nous aborderons donc des notions de compositing, de tremblement de caméra, et d'effet de lumières aléatoires. Jetez un oeil à ces autres tuto After Effects CS5 Pour vous faire un avis, voici un extrait de quelques secondes. timotheclaeys , Formateur Timothé Claeys. Toutes les formations de Timotheclaeys Témoignage des clients de timotheclaeys Yo ! D'autres tuto de timotheclaeys Notes attribuées par les utilisateurs (1 vote) Note moyenne des utilisateurs Votez pour ce tuto Les avis / Questions des utilisateurs Aucun utilisateur n’a encore commenté ce tuto. Sachez que Tuto.com regroupe plus de 370 000 membres qui ont déjà téléchargé plus de 7 951 000 tuto vidéo. Pas encore convaincu ? Soyez le premier à commenter ce tuto Vous souhaitez commenter ce tuto vidéo ?

explosion de texte avec After Effects CS5 sur Tuto Grâce à ce tuto After Effects vous allez vous familiariser avec l'effet "éclat" et réaliser des effets d'explosion de texte ou de textes qui éclatent. Jetez un oeil à ces autres tuto After Effects CS5 Pour vous faire un avis, voici un extrait de quelques secondes. MatthieuPujol , Formateur Ma passion des effets spéciaux remonte à mes 13 ans lorsque mes parents on achetés un appareil photo numérique. Toutes les formations de MatthieuPujol Témoignage des clients de MatthieuPujol j'aime beaucoup merci beaucoup à l'artiste pour ce tuto clair et précis. Très bonne formation AE très claire, très intéressante... Auteur proposant de nombreux tutos très accessibles aux "débutants" et très utiles. Des tutos simples, bien faits et bien expliqués Lire les autres témoignages D'autres tuto de MatthieuPujol Notes attribuées par les utilisateurs (7 votes) Note moyenne des utilisateurs Votez pour ce tuto Les avis / Questions des utilisateurs (9) Donnez votre avis ou posez une question au formateur.

Related: