Affichage des articles dont le libellé est typographie. Afficher tous les articles

On a souvent besoin de se perfectionner, de découvrir de nouveaux outils, de nouvelles techniques...
C'est pourquoi j'ai décidé aujourd'hui de poster un article sur Iscomigoo Webdesign contenant quelques tutoriels que vous pourrez exploiter.

Tous les tutos de cet article sont issus de Mattrunk, un site proposant des tutoriels de motion design. Personnellement, je trouve ces tutos très intéressants et en accord avec la tendance du flat design et des sites animés.

Inspirez-vous, apprenez, innovez... Découvrez les tutoriels de Mattrunk !

Et pour plus de tutos et de conseils en ce qui concerne le webdesign, rendez-vous dans la rubrique "Tutoriels" d'Iscomigoo Webdesign.

Créer un style d'illustration 2D à partir d'objets 3D

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: illustration 2D dans une scène 3D

Logiciel : Cinéma 4D
Difficulté : Facile
Temps : 15 minutes

Le but de ce tutoriel est de créer un univers 2D dans une scène en 3D. Un petit effet flat design animé.

Si vous souhaitez réaliser la même animation que sur ce tutoriel, les différents éléments sont en téléchargement sur Mattrunks.

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: illustration 2D dans une scène 3D

Morphing de textes à l'aide de particules 3D

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: morphing de particules 3D

Logiciel : Cinéma 4D
Difficulté : Moyenne
Temps : 77 minutes

Ce tutoriel se fait sur Cinema 4D avec également l'utilisation de MoGraph. Tout se joue sur l'effet du morphing et des particules 3D qui s'assemblent et se détachent pour former différents mots.

Ces effets se font également avec n'importe quel objet 3D.

Les particules sont personnalisables que ce soit au niveau des couleurs, du type de particules... Différentes variantes possibles sont présentées.

A vous de jouer!

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: morphing de particules 3D

Tournicoti - Animer une scène 3D colorée à partir de formes simples

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation 3D de formes

Logiciel : After Effects
Difficulté : Facile
Temps : 52 minutes

Ce tutoriel est décomposé en plusieurs étapes:

La créations des différents éléments graphiques utilisés pour cette mise en scène. Que ce soit les formes mais aussi les textes.
Vous apprendrez aussi à vous familiariser avec les différentes vues 3D
Vous manipulerez les calques afin de mettre en place les animations des éléments ainsi que les jeux de lumières et d'ombres

Ce tutoriel est donc très accessibles aux débutants puisque tout y est détaillé. Vous pourrez recréer étape par étape absolument toutes les techniques présentées.

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation 3D de formes

Isoscene - Animer un décor graphique complexe à base de triangles

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation de triangles

Logiciel : After Effects
Difficulté : Moyenne
Temps : 64 minutes

Dans ce tutoriel, vous allez créer des triangles, des triangles et... des formes ! Vous animerez une scène complexe avec une grande simplicité et jouerez sur la vitesse, les courbes, le dynamisme et les couleurs.

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation de triangles

Animation de texte et rendu dessin avec Sketch and Toon

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation de texte dessiné

Logiciel : Cinema 4D
Difficulté : Moyenne
Temps : 63 minutes

Ce tutoriel se compose de deux parties distinctes:

l'animation étape par étape de la typographie
l'effet "dessin"

A vous de tester l'effet Sketch!

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: animation de texte dessiné

Créer un effet de loupe

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: effet loupe

Logiciel : After Effects
Difficulté : Moyenne
Temps : 27 minutes

Grâce à After Effects, ce tutoriel vous guide afin de créer un effet loupe.

Vous allez créer votre propre loupe, dans le style qui vous plait (ce tuto vous propose un loupe métalisée, minimaliste et entièrement vectorielle).

Pour réaliser cette animation, il vous faudra utiliser des images en haute qualité (+ de 2000px de large) ou bien des illustrations complètement vectorisées.

Sélection de tutoriels Mattrunk by Iscomigoo Webdesign: effet loupe

Découverte Iscomigoo webdesign : Prototypo, pour créer la typo de vos rêves

Vous souhaitez réaliser votre propre typographie ? Iscomigoo Webdesign a la solution !

Comme d'habitude, je vous partage sur Iscomigoo Webdesign des petits conseils, des ressources gratuites mais également des découvertes de petits logiciels qui peuvent bien nous être très pratiques !

Aujourd'hui, je vous présente Prototypo qui est une application gratuite vous permettant de créer vos polices.

Présentation de Prototypo

Cette application open-source vous propose plus de 20 paramètres différents vous permettant de modifier et de modeler vos lettres afin d'obtenir la typographie que vous souhaitez.

Une interface web vous permet de visualiser votre typographie et d'avoir un aperçu en direct des modifications que vous opérez dessus. Vous n'avez qu'à faire cliser les curseurs ( ou jauges, appelez ça comme vous voulez :D ) pour accentuer ou diminuer l'effet. Rien de plus simple !

Découverte Iscomigoo webdesign : Prototypo, pour créer la typo de vos rêves

Prototypo est téléchargeable et fonctionne parfaitement sur tous les navigateurs: Chrome, IE, Firefox ou encore Safari.

Je vous laisse découvrir son fonctionnement en vidéo et si vous souhaitez l'essayer, téléchargez Prototypo.

N'hésitez pas à partager votre expérience avec Iscomigoo Webdesign.

Iscomigoo Webdesign vous propose de nouvelles ressources web pour vous remettre dans le bain

Après ce long weekend, il faut bien se remettre dans le bain et retourner plancher sur tous ses projets.
Voici comme chaque lundi les Ressources Web by Iscomigoo Webdesign, pour vous inspirer et vous aider à créer vos projets.

Comme d'habitude, n'hésitez pas à partager vos propres ressources ou à me contacter via Iscomigoo Webdesign pour davantage de ressources !

Pour plus de ressources gratuites sur Iscomigoo Webdesign:

Sélection de musique et vidéo players by Iscomigoo Webdesign

Nous avons tous eu besoin à un moment ou un autre de designer un lecteur audio (ou vidéo). Je vous propose aujourd'hui une sélection de 10 lecteurs que vous pouvez télécharger et modifier comme bon vous semble pour les adapter à vos projets.

Sélection de typogrpahies by Iscomigoo Webdesign

Parce qu'on a tous besoin de belles typographies pour vos projets, je vous propose une petite sélection de typos plutôt sympathiques qui je l'espère vous plairont.

Trend

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, Trend

Quadon

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, Quadon

Capita

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, Capita

Klinic Slab

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, Klinic Slab

FF Marselis Slab

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, FF Marselis Slab

Desire

Les Ressources Web du Lundi #011 by Iscomigoo Webdesign : Sélection de typo, Desire

Sélections d'icônes by Iscomigoo Webdesign

Et comme quasiment toujours, je vous propose une sélection de packs d'icônes! Pour moi ce sont des élements indispensables qui reflètent la personnalité de votre travail et qui peuvent faire toute la différence sur un projet. Alors faites vous plaisir, et choisissez de beaux icônes :)