background preloader

Illustration 3d isométrique : bases et techniques avancées

Illustration 3d isométrique : bases et techniques avancées
Tresadenn (Philippe Cam) présente via deux vidéos HD le processus à suivre pour réaliser des illustrations en 3d iso facilement. Le niveau de la vidéo « Les bases » est débutant. La vidéo « Mise en application » requiert un niveau intermédiaire. Les novices peuvent visualiser plusieurs fois la vidéo Les bases, ou poser leurs questions dans la partie dédiée en bas de page, avant d’entamer la seconde vidéo « Mise en application ». Au travers de techniques simples utilisant les styles graphiques, les repères commentés et les options 3d, vous suivrez dans la vidéo Les bases la construction de volumes simples et la configuration de paramètres sur Illustrator qui vous aideront plus tard. Le contenu de la vidéo « Mise en application », vous montrera comment utiliser ces volumes efficacement pour créer une mini-illustration didactique. NB : Les fichiers sources et les vidéos sont téléchargeables via le bouton « Download source files » au début du tutoriel. Qu’est-ce que la 3d isométrique ? I. 1. Related:  Illustrator*

Low-Poly [Isometrics] Illustrations for Kapstone Paper Company. Art Direction, Digital Art, Illustration2014 SNCF - Défi Ingénieurs 2 (Engineers Challenge #2)Animation, Art Direction, Digital Art2014 Concept art for Flippfly's new upcoming puzzle game, Hexarden.Digital Art, Game Design, Illustration2014 A commissioned piece for someone's home. Printed at 20" x 20" and displayed inside the owner's home.Architecture, Digital Art, Illustration2014 Illustrations for MakerBot's new 'Famous Flyers' model collection.Art Direction, Digital Art, Illustration2014 An illustration commissioned by BBH-London to be printed in-house as a mural in celebration of Weetakid.Art Direction, Digital Art, Illustration2013 Conceptual illustrations for Amplify, an educational service using tablets in schools. Digital Art, Illustration, Landscape Design2013 Commissioned re-design of YoungBlood Brass Band's cover art for their album, "Pax Volumi."

Illustration 3D isométrique (vidéo inside) « Lordyoyo Hello ! Aujourd’hui on va (encore) parler boulot ! Voici donc une illustration en 3D isométrique réalisée il y a quelques semaines : C’est énorme et ça m’a pris un temps fou, mais c’était extrêmement plaisant à faire ! (Toi aussi Ô jeune : essaye de faire un métier qui te plait. Tu verras, ça aide dans les moments difficiles). Une fois ce rough validé, j’ai réalisé toute une bibliothèque de mobilier, d’accessoires, et de personnages sous les 4 angles. Comme je suis sympa, je me suis enregistré en train de bosser sur certaines parties du décor. Illustration isométrique – making-of from VINET Johan on Vimeo. Merci à Gaëlle, Franck, Fabien, Matthieu, et Maud ! A bientôt ! Pour payer l’hébergement du site :

Osez HTML5 et CSS3 ! Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens Rappel historique Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. Fort heureusement, cela n'empêche pas les navigateurs récents de se lancer dans l'aventure en proposant des implémentations de propriétés considérées comme "sûres". A l'heure actuelle, quasiment tous les navigateurs modernes reconnaissent les propriétés CSS3 ou HTML5 employées dans cet article.

Boostez votre productivité sur Illustrator à  l’aide de Scripts Tresadenn (Philippe Cam) nous présente comment optimiser son flux de travail sur Illustrator. Les raccourcis claviers d’Illustrator couvrent la majorité des actions courantes sous ce logiciel. Mais qu’en est-il de celles que VOUS utilisez ? Grâce à ce tutoriel, apprenez à configurer des scripts et à gagner du temps en automatisant les effets fréquemment utilisés tels que les pathfinders ou les symétries. Les scripts sont fréquemment utilisés dans Photoshop, mais ne le sont quasiment pas dans Illustrator. Étape 1 : Le panneau scripts Ouvrez le panneau disponible dans Fenêtre > Scripts. Étape 2 : Personnalisation Personnalisez vos scripts comme indiqué sur la vidéo, en veillant à attribuer une touche de raccourci. Étape 3 : Utilisation des scripts enregistrés Utilisez les touches de raccourci que vous avez définies (F1, F2, etc…) afin de pouvoir réaliser vos scripts avec seulement un doigt. Conclusion Coming soon… à€ bientôt sur LT ! Auteur : Philippe Cam Si vous avez aimé, Partagez !

World's finest selection of logos. | goodlogo!com How to Create Funky 3D Springs in Illustrator Many of us have done this before in Auto CAD, 3D Max or Maya. In this tutorial, we will learn how to create 3D springs in Illustrator. We'll be using the 3D Revolve Tool and some manual effort to obtain this quality vector result. Hope you find it interesting! Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. Below is the final image we will be working towards. Create a new document. Select the circle and go to Effect > 3D > Revolve. Now we'll duplicate and Send to Back. With the duplicate copy still selected, open the Appearance palette (Shift + F6). In the 3D Revolve dialog box, change the z-axis value to 10 and offset to Left Edge. Now we'll match the faces. Tip: Go to Edit > Preferences > General (Command + K). Select the rings and Alt-drag to duplicate. Now select "ring3" and "ring 4," then match the left face of "ring 4" exactly behind the left face of "ring1." Follow Steps 7 and 8 to extend the spring.

THE SPACE // ART : Parcours Saint-Germain Add depth and texture in Illustrator Software: Illustrator CS5 or laterProject time: 2 hoursSkills: Add depth with the Grain effect; create halftone patterns; set up a grid in Illustrator Adding extra depth to an image can be a quick process that utilises some simple tools offered by Illustrator. Using the Grain effect you can add a retro texture, which, combined with some halftone patterns and simple brush strokes, can turn a flat-looking illustration into a rich texturised design. Over the following steps, I'll show you how. Expand your vector know-how with out Adobe Illustrator tutorial list 01. Setting up a grid is the first thing to do. 02. Now that you have your grid, rough out your illustration, ensuring you select 'Snap to Document Grid' (View > Grids & Guides). 03. Choose an appropriate colour palette - I've gone for something organic and have used tone to start adding depth. 04. Now let's add texture to the edges of our flat shapes to give them a slight hand-drawn feel. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14.

Related: