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. 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. 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). Ces actions très utiles surtout dans vos tâches répétitives, vous permettront d’optimiser indubitablement votre flux de travail. 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 de loupe Flat Browser UI ScreenShot Photoshop No More Banding Save For iOS via. 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. 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. 10 Tutoriels pour maîtriser Photoshop, Illustrator et Flash.
25 Nouveaux tutoriels de qualité pour Photoshop et Illustrator. 20 Tutoriels de qualité pour Illustrator. 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. La liste est encore longue tant ce logiciel offre de possibilités de création et les thèmes sont variés.
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 Divers. 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é. Il y a cette fois encore de très bons tutoriels, courts ou longs, souvent très détaillés. Ces derniers vous aideront à apprendre et maîtriser chaque technique et outil d’Illustrator.
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 Comment créer rapidement un fond à base de polygones en vectoriel. 100+ nouveaux Tutoriels de qualité d’effets de texte pour Illustrator. 45 nouveaux Tutoriels de qualité gratuits pour Illustrator. 45 nouveaux Tutoriels de qualité gratuits pour Illustrator Dans cette sélection, ce sont 45 nouveaux tutoriels pour le logiciel Adobe Illustrator qui vous sont listés. Illustrator est un incontournable auprès de milliers de designers pour sa puissance et sa facilité d’apprentissage.
Si vous désirez vous aussi le maîtriser, jetez un œil à ces 45 tutos afin de le maîtriser de A à Z. Ces tutoriels sont relativement faciles à apprendre mais plusieurs dévoilent des techniques et processus de création plus complexes pour les utilisateurs plus avancés. Il n’y a aucun doute que tout ce qu’il y a à connaître sur Illustrator se trouvent dans ces 45 tutoriels. Ces derniers sont classés afin de s’y retrouver un peu plus aisément. 10 astuces et outils que tout débutant sur Illustrator doit connaîtreEffets de texteDesign d’icônes et de texturesDessin d’objetsIllustration 10 astuces et outils que tout débutant sur Illustrator doit connaître Effets de texte Faites du texte en chocolat sur Illustrator.
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 choses à connaître sur le logiciel est énorme et on peut faire tellement de choses différentes avec que son apprentissage peut paraître décourageant ou du moins un peu déroutant.
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… Les symboles. 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 ? C’est parti ! 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 ! 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.
Mais il faut savoir qu’aujourd’hui, le favicon n’est plus uniquement utilisé dans les onglets de navigation. Je suis sûr à 99.99% que toi, lecteur du Blog du MMI, tu possèdes un téléphone portable ? « 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. Les choses sérieuses commencent – Favicons iOS et Android Patience ! 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. Les tarifs commencent à 5$ pour une création, 7$ par mois pour de l’illimité ou 69$ par an pour de l’illimité également.
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. Tutorial: Round Flat Pub Icon — download tutorial by PixelBuddha.