32 Nouveaux Tutoriels de qualité gratuits pour Illustrator Plus d’un an s’est écoulé depuis la dernière sélection de tutoriels de qualité gratuits pour le célèbre logiciel Adobe Illustrator. Il est temps de faire un nouveau tour du web afin de partager les derniers tutoriels pour ce formidable outil de création vectorielle. Les tutoriels sont classés en trois catégories afin de vous y retrouver plus aisément : débutant, intermédiaire et avancé. Portraits réalistes, petites illustrations vectorielles ou grosse création complexe, création en vue isométrique, création de texture pour du webdesign, typographie, design d’objets et d’icônes, il y a de tout ! Tutoriels pour débutant Tutoriel permettant de créer une licorne « kawaii » vomissant un arc-en-ciel Tutoriel pour créer un bureau d’étudiant vu du dessus Créez facilement un panda en utilisant des formes basiques avec Illustrator Comment créer rapidement un fond à base de polygones en vectoriel Tutoriel : créer une carte simplement avec Illustrator Tutoriels pour intermédiaire Tutoriels avancés
The Complete Guide to Adobe Illustrator Tools – Pt. 1 — Mariah Althoff, Visual Branding Expert + Graphic Designer Rectangle Tool (M) This tool makes squares and rectangles. If you want a perfect square you can hold down the shift key as you click and drag. - Rounded Rectangle Tool This tool works exactly the same as the rectangle tool, but the corners are rounded instead of squared. If you want to adjust the roundness of the corners, use the direct selection tool and click and drag on the little circular points that show up on the insides part of the corners and adjust them accordingly. - Ellipse Tool (L) Fun fact: an ellipse is a circle. To create a circle, hold down the shift key. - Polygon Tool The polygon tool makes any number of sided shapes – from triangles to hexagons to octagons and beyond. With the tool selected, all you need to do is click once on your artboard and define how many sides you want your shape to have. - Star Tool This tool obviously makes stars. The star tool is super fun to play around with, given how many different variations you can come up with. -Flare Tool
Apprendre Adobe Illustrator : Tutoriels et Ressources pour débutants Adobe Illustrator est un programme extrêmement complet et puissant. Il possède de très nombreux outils, fonctionnalités et les possibilités d’utilisations sont larges. C’est pourquoi il peut être déconcertant de se lancer sur ce logiciel de dessin vectoriel, voici donc pour vous une liste de tutoriels et ressources pour débutants. Lorsque le site Vandelay Design a sorti sa liste de tutoriels pour débuter avec Illustrator, j’ai immédiatement pensé que ce serait une bonne idée d’en reprendre une partie et de le compléter. La liste de tutoriels de Vandeley Design, dont vous avez un extrait ci-dessous, présente des tutoriels pour tout apprendre : de l’interface et du fonctionnement des calques jusqu’aux paramétrages avancés des outils comme la plume, les motifs, les dégradés de forme, etc… L’interface et les bases d’Illustrator : Apprendre le dessin sur Adobe Illustrator (cours vidéos gratuits en français) 12 tutoriels pour débutants afin de commencer avec Adobe Illustrator Utiliser les brushs
The Complete Guide to Adobe Illustrator Tools – Pt. 2 — Mariah Althoff, Visual Branding Expert + Graphic Designer Column Graph Tool (J) This tool, along with all of the other graphing tools nested beneath it, allows you to easily make graphs within Illustrator. I actually can’t tell you how many times I’ve hand drawn graphs from scratch in Illustrator before I realized this was an actual tool. But once I found it, it became a lifesaver! You have the opportunity to build it within Illustrator OR you can import data from an excel spreadsheet. The column graph is your typical lineup of columns which correspond to values indicated by the Y axis. This tool can be somewhat in-depth and could probably take up its own entire blog post (which I may write one of these days!). - Stacked Column Graph Tool This graph looks similar to the column graph, but the columns are segmented within itself, outlining more data from within that particular segment. - Bar Graph Tool A bar graph is a column graph flipped horizontally instead of vertically, with the values of the bars aligning with the x-axis instead of the y-axis.
20 Actions Photoshop super pratiques et gratuites pour graphistes et UI designers Faciliter votre workflow peut vous faire gagner un temps considérable et surtout très précieux ! Voici 20 actions Photoshop gratuites, puissantes et indispensables. Adobe Photoshop a justement mis en place certains outils essentiels pour œuvrer dans ce sens-là, dont les fameuses actions. Ces scripts automatisés font tout le travail pour vous (une partie du moins) en un temps record (comptez quelques secondes). De l’export de fichiers, à l’ajout de filtres/textures/ombres en passant par le redimensionnement, ces actions seront parfaites pour vous designers surbookés ! La sélection ci-après compte 20 actions ultra pratiques, faciles d’utilisation et surtout téléchargeables gratuitement. A vous de choisir lesquelles de ces actions vous seront les plus bénéfiques et pratiques. Flou iOS 7 Action Photoshop ajoutant un effet flouté (à personnaliser) sur un nouveau calque au-dessus. Action de loupe Action qui ajoute un effet de loupe tout en laissant le reste en fond flouté. Flat Browser UI Artista via
My Top 5 Favorite Hand Lettered Calligraphy Fonts (+ Font Pairings) — Mariah Althoff, Visual Branding Expert + Graphic Designer Anything marked with an asterisk is an affiliate link – I promise I only promote products I use myself! Back by popular demand is another installment of my favorite font’s posts, thanks to the always amazing, Design Cuts*. This week we are talking all about hand lettered calligraphy fonts. Modern calligraphy, or hand lettering, is super trendy these days and therefore is a skill I wish I had. Related Posts –>> The Top Ten Best Brush Fonts and How to Use Them Then there are the designers that can turn their hand lettering into a FONT who blow my mind. Okay so maybe I haven’t spent much time practicing, but it’s on my list of skills to learn and hobbies to master. Calligraphy fonts are great for fun, feminine brands, or, if you took the Free Visual Branding Quiz and got Strawberry, this is the post for you too. Calligraphy is also HUGE for weddings and other events right now.
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. 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 Tutoriel pour créer une illustration de rêne Utilisez la perspective dans Illustrator CS5 pour recréer un paysage de ville Effet de texte
50 Excellents Tutoriels pour Illustrator en 3D Adobe Illustrator est le logiciel de traitement vectoriel par excellence, le must pour le print ou les logos par exemple. La tendance actuelle étant à la 3D, voici quelques tutoriels pour exploiter cette tendance grâce aux techniques d’Illustrator. Les tutoriels sont en anglais (on s’en doutait) et il y en a pour tous les niveaux allant de débutant à expert. La liste qui provient de l’excellent Smashing Magazine est longue et les effets et techniques sont variées donc gardez cet article dans un coin ! 50 Excellents Tutoriels pour Illustrator 3D Et comme toujours, voici une petite sélection parmi cette liste : Create a Vibrant 3D Pixel Type Treatment Create a Colourful 3D Text Explosion Craft a Delicious Chinese Food Icon 3-D Effects in Illustrator CS How to Create an Open Book with Illustrator’s 3D Extrude & Bevel Tool Auteur: Gaétan Weltzer, comme toujours en fait. Partagez l'article et l'amour qui s'en dégage ! inPartager0 Articles qui pourraient vous plaire
Tutoriel: Créer des arbres dans Illustrator Computer Arts a sorti son nouveau tutoriel qui permet de créer un arbre franchement sympathique avec Illustrator, donc en vectoriel. Ce tutoriel est en anglais et il vous suffit de télécharger ce PDF depuis leur site et les fichiers illustrant le tutoriel sont aussi disponibles sur la page du tutoriel.. La nature est de plus en plus en vogue et les demandes s’accélèrent alors je pense qu’un arbre au design aussi rafraîchissant et plaisant à réaliser est une bonne chose. Auteur: Gaétan Weltzer, comme toujours en fait. Partagez l'article et l'amour qui s'en dégage ! 1inPartager0 Articles qui pourraient vous plaire
Mockup Editor : créez vous-même votre environnement de mockup Mockup Editor, voilà un outil pratique qui devrait vous faire plaisir. Il permet en quelques clics et en quelques minutes de créer entièrement l’environnement que vous désirez mettre autour de votre mockup. L’outil n’est pas gratuit bien sûr, une telle qualité doit se payer. Vous pouvez configurer chaque environnement comme vous le souhaitez, avec un tas d’éléments, d’accessoires ou alors créer un bureau très minimaliste et moderne. Une fois que l’on a choisi le template de base, voila à quoi ressemble l’espace de création d’environnements. Tester Mockup Editor
Créer un favicon multisupport pour ton site Je ne savais pas comment démarrer cet article alors je vais juste te dire que si tu n’as pas de favicon sur ton site, tu vas apprécier la suite ! WTF : What The Favicon ? Un favicon, c’est une petite image qui s’affiche à côté du titre de ton site, dans les onglets de ton navigateur par exemple. Oui oui ça va, je vois déjà les commentaires du type #GoogleAddict en voyant ma barre de favoris … Parenthèse close, le favicon est en quelques sortes l’image qui permettra d’identifier en un coup d’œil ton site, donc sans lire le titre. « Hey ! T’as cru qu’on allait faire cet article sans te le dire ? Un favicon simple, est une petite image (16px sur 16px en général) au format ICO ou PNG à héberger sur le serveur web de ton site. Le problème, c’est que ton favicon, obtenu de la sorte, ne permet pas d’être retenu par les appareils de Microsoft ou ceux d’Apple, par exemple pour l’avoir en signet comme montré plus haut ou bien sur l’écran d’accueil de l’interface Metro de Windows 8. Patience !
Comment utiliser des mockups Photoshop ? Nouvel article aujourd’hui pour toi, toi et rien que toi ! Ce qui va suivre va te permettre d’améliorer considérablement tes futures présentations de type site web ou autre interface, grâce à notre joujou préféré : Photoshop ! On commence ? Qu’est-ce qu’un mockup ? D’abord, pourquoi faire de belles présentations ? Tu vois donc que c’est assez pratique, joli, swag, et que ça permet de réaliser des présentations très propres et très « vendeuses ». Okay, et ton mockup là, comment on s’en sert ? On est parti pour un petit tuto vraiment rapide (merci à un ancien prof de DUT pour nous avoir appris cette technique) ! Quand tu as fini ton café, tu peux voir que le template s’est bien ouvert. On est okay ? Le double clic va t’ouvrir une première fenêtre en te spécifiant qu’après modification de ce claque, il faudra enregistrer pour appliquer correctement les modifs : no soucy, on y pensera ! Wooow mais c’est trop top! Tu as vu ça ? Allez, à un prochain tutos, et vive les gnocchis !
15+ Tutoriels de Matte painting de qualité gratuits pour Photoshop Vous rêvez de créer des paysages urbains, des environnements post-apocalyptiques, des armées, des machines ou des mondes fantastiques et épiques ? Voici 15 tutoriels de matte painting sur Photoshop qui ne manqueront pas d’enrichir votre univers artistique. Suivez pas à pas les différentes étapes de ces tutoriels pour recréer des matte paintings hyperréalistes, autrement dit des paysages et décors imaginaires à partir de photographies ou d’autres techniques (3D par exemple)). La plupart de ces tutoriels ne sont pas nouveaux et ont déjà été postés de façon dispersées sur le blog mais c’est l’occasion de retrouver les meilleurs rassemblés en un seul article et de découvrir ou re-découvrir ces tutoriels de qualité. Ces derniers sont tous en anglais et basés sur Photoshop (et quelque fois un peu de 3D) et comme en général la majorité des tutos de matte painting, ils font appel à des techniques très avancées. Cours de matte painting avancé “Le Temple Perdu” Créez un paysage fantastique épique
Le guide ultime du Design d’Icônes Parfois, entre icônes et illustrations il n’y a qu’un pas. Ces dernières sont désormais énormément utilisées dans les interfaces. Elles font partie de ce que l’on appelle le langage visuel, et lorsqu’elles sont bien utilisées, elles permettent de transcender certaines barrières (telles que la langue). Icon utopia, le célèbre blog consacré aux icônes nous livre aujourd’hui un guide gratuit et très complet concernant leur design. Le guide est découpé en trois grandes parties : 1 – Histoire du Design d’Icônes et à propos Découvrez de manière rapide ce que sont réellement les icônes, quelle est leur véritable origine, leur évolution dans les interfaces mais également pourquoi elles sont si importantes ? 2 – Les bases du Design d’Icônes On est véritablement sur la technique avec différents types et styles d’icônes, mais également les proportions et tailles des icônes, ou encore comment utiliser les grilles… 3 – Toutes les astuces de pros pour créer son premier set d’icônes