background preloader

Motion design

Facebook Twitter

Create and Then Shatter a Grid, while Making a Typographic Poster. Let's get our own share of typography with this dark and grungy poster. No, this is not your typical design, as we'll be 'breaking the grid' in hope of creating a dynamic and exciting layout. So grab the usual tools of the trade, Photoshop and Illustrator, and follow these steps into creating your own solution. Before we get started, let's take a look at the image we'll be creating. Our video editor Gavin Steele has created a video tutorial to compliment this text + image tutorial. Ultimately, design is a means of expressing a message, an idea. In order to design, one must acknowledge the fact that design is by no means decoration. So what is breaking the grid, anyway? An important thing to keep in mind, is the fact that a broken grid diversifies and prevents predictability, but still contributes to a unified design.

A practical example of breaking the grid can be seen on this actual website. Start a new Photoshop Document using an A3 paper size at 300 dpi. Yep, one more texture... Create a Pulsing Poster with a Vinyl Record and Grunge Type. In this tutorial, we'll explain how to create a vinyl record with blends and opacity masks.

We'll also create some funky pulsing elements, grunge typography, and put it together into a unique poster design. Let's jump into this upbeat tutorial. Below is the final design we will be working towards. Let's start with the vinyl record. Select the Ellipse Tool (L) and draw a circle. Fill it with black and apply a Stroke of 5pt. Next, we will create the rings that you can see on a vinyl record. Select both circles and apply a Blend Mode of 15 Specified Steps (Command + Alt + B and then go to Object > Blend > Blend Options). Repeat Step 2 and Step 3, but choose a light red as the Stroke color and make it much smaller.

Create another small circle, slightly bigger then the red blended circles. Make yet another smaller circle with a white to black radial gradient. Last but not least, create a smaller circle filled with white on top of the hole. This is what it should look like. Have a look. How to Create a Retro Boxing Poster in Photoshop. As it's Graphic Design Week here on Psdtuts+, let's take a look at some basic Graphic Design principles and cast an eye over the Boxing Poster aesthetic from yesteryear. Creating a retrograde look is nothing new, but there are some things to keep an eye out for when mimicking Graphic Design from any decades past. We'll be drawing inspiration from Poster Design from the 1960s, particularly Boxing Posters from that era. Let's get started! As with any design project, you'll need to decide upon the medium which will carry your message. It's very good practice to sketch out a few ideas before sitting in front of the computer.

Of course, for this type of project we'll need old paper stock. As the paper stock is from the 1960's (not really, but that's what we're aiming for), it wouldn't look quite this ancient so add a couple of Adjustment Layers to sort it out. ...and Hue/Saturation (Layer > New Adjustment Layer > Hue/Saturation). Go to View > Rulers and turn them on. How to Design a Print-Ready Flier with Photoshop and Illustrator. In this tutorial we are going to create 3D text and integrate it in a natural environment. We will not use any 3D programs, so all you need is Adobe Illustrator and Photoshop to create this effect. Take a look at the image we'll be creating. Programs: Adobe Illustrator, Adobe PhotoshopDifficulty: Intermediate We are going to open up Adobe Illustrator, (using CMYK as your color settings) to start creating our 3D text. Type out the word "Escape", (I am using the font Impact) and change the color to blue (#1A98BB).

Typically, we would use the Extrude & Bevel Tool to create a 3D version of our text, but since Illustrator can't really handle what we want to do, we are going to create it ourselves. Click on your text, and go to Type > Create Outlines. Now we are going to shrink the text down and keep it in the same spot at the same time. Highlight all of the letters, open up your Pathfinder (Shift + F9). Now we are ready to bring our text into Photoshop. Now we can bring in our text. Tutoriels vidéos sur After Effects. Créer une affiche Rétro / Vintage avec Photoshop CC sur Tuto.com. How to create letterpress effect in Illustator. How to Use After Effects for Web Animation Prototypes. Stock Video Pack: Real TV Noise. 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 Retro Style Textured Logo. 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.

Then with the Start Tool create a star in red. 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 Step 7 Step 8 Do the same thing but now for the text that goes on top, which is ABDUZEEDO. 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 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. Let's get started with making this vector stamp in Illustrator and then transform this into a vector stamp set. Step 1 - Create a Vector Stamp, Get Started Now it's time to begin with making our post stamp in vector. Create a 300 by 300px, RGB document. 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 Step 5 Step 6 Step 7 Step 8 Step 9. ROTOSCOPIE CS5. 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. Ce tuto est accessible à tous, pas de scripts, pas de plugins, seulement les outils de base du logiciel. 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. Drop In Your Logo With Some Bouncing Ropes - AE Premium. AETuts + Premium - Rope Bounce - Tutorial. Quick Effect: Magnifying Track Matte.

This tutorial will teach you how to generate a magnifying effect with the use of an animated track matte. The final effect can be used for many purposes, particularly to create a sophisticated background for other elements, such as logos and text. This tutorial is ideal for beginners or experienced After Effects users who want to quickly learn an attractive and simple technique. Step 1 Open After Effects, and create a new composition (up top click "Composition -> New Composition"). Use the settings in the image when prompted. This will create a new composition that is 1280x720 that is 10 seconds long. After you learn, you can set your composition to whatever resolution suits your needs.

Step 2 Next you will need to draw a rectangle shape in this new comp. Step 3 Now we will add an expression to the rectangle called Wiggle. Navigate to the layers and drop down the arrow for the rectangle exposing its properties. Step 4 Note: Feel free to play this step by ear. Step 5 Step 6 Step 7 Step 8 Step 9. 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. Create A Beach Themed “Water Writing” Look. Summer Time Swimming Pool Logo Reveal. Expressions. 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. La version complète et téléchargeable de ce tuto After Effects CS5 de 20 minutes est proposée dans une résolution plus grande que l’extrait suivant : MatthieuPujol , Formateur Ma passion des effets spéciaux remonte à mes 13 ans lorsque mes parents on achetés un appareil photo numérique. Je me suis très vite tourné vers la vidéo et souhaite maintenant, m'orienter dans cette voie de façon professionnelle.

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. Lire les autres témoignages. 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).

Ce tuto est recommandé aux utilisateurs intermédiaire et nécessite de connaitre les bases d'After Effects. mattrunks , Formateur Trop top comme tuto. 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. La version complète et téléchargeable de ce tuto After Effects CS5 de 1 heure 9 minutes est proposée dans une résolution plus grande que l’extrait suivant : 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. Pas encore convaincu ? Soyez le premier à commenter ce tuto. Créez un effet de veille tv rétro avec After Effects CS5 sur Tuto.

Dans ce tuto After Effects CS5, vous allez apprendre à créer un effet rétro de vieille télé avec des plugins de base livrés avec After Effects, tel que les lunettes 3D Cet effet est utilisable aussi bien sur du texte que sur une composition , des images ou bien de la vidéo 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 13 minutes est proposée dans une résolution plus grande que l’extrait suivant : Notes attribuées par les utilisateurs (2 votes) Note moyenne des utilisateurs Votez pour ce tuto Les avis / Questions des utilisateurs (3) Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Sink Your Logo Into The Floor. Créer un trailer dynamique avec After Effects CS5 sur Tuto. How To Create a Fun and Dynamic Animation – Shapes Part. Quick Tip – Create a Cool Layered Shadow Using a Track Matte. Create a Simple Split Image Slideshow. Build a 3D Room to Display Recommended Videos in Youtube. Money Style Illustration in Photoshop. Tutorial Magazine.