Voici quelques tutoriels glanés sur le web : 6 tutoriels pour Photoshop et Illustrator pour parfaire vos talents, plus deux tutoriels sur du webdesign pour agrémente vos futurs sites de quelques effets jQuery.

Sur Photoshop :

Ces 4 tutoriels pour Photoshop ou Illustrator vous feront faire un petit tour de ce que ces softs ont dans le ventre : digital painting magnifique, un portrait ressemblant à de l’aquarelle sur Illustrator, un effet de volume sur une composition du très talentueux Yuta Onoda et une photomanipulation très tendance alliant les deux logiciels.

Créer un digital painting « steampunk »

Créer un portrait style aquarelle sur Illustrator

Mixer une photographie avec des images vectorielles

Apprendre des effets de volumes sublimes par Yuta Onoda

Sur le webdesign :

Les effets apportés très facilement grâce à jQuery (javascript) ont pris le pouvoir sur le monde du webdesign : diaporamas, lightbox pour agrandir les images, effets de transitions, mouvements, etc… Cela rend un site beaucoup plus fonctionnel et vendeur et ce n’est pas très compliqué à mettre en place lorsqu’on connaît déjà bien le CSS, ou alors qu’on a des tutoriels tels que ceux-ci pour s’aider :

Créer un menu « accordéon » avec du CSS et jQuery

Créer une bar de réseaux sociaux animée

Depuis le lancement du blog il y a quasiment deux ans, un des objectifs clé était de vous dénicher les meilleurs tutoriels pour Photoshop qu’on puisse trouver et je pense que cette tournée ne déroge pas à la règle : digital painting, effets typographiques et art digital.

1. Créer une lumière dynamique dans vos compositions

Effet très tendance depuis quelques mois, ces jets de lumière viennent donner beaucoup d’impact à vos créations et ce tutoriel détaille facilement comment faire de A à Z :

Créer une lumière dynamique dans vos compositions

2. Créer votre typographie à l’aide d’espaces négatifs

En lien direct avec un précédent article sur la gestalt et les espaces négatifs, ce tutoriel montre comment créer facilement une typographie basée sur l’espace crée par des formes placées soigneusement. Ca pourrait donner des idées !

Créer votre typographie à l’aide d’espaces négatifs

3. Créer une typographie unique

Tutoriel combinant Illustrator et Photoshop, ce dernier montre le processus de création d’une typographie unique et percutante :

Créer une typographie originale

4. Faire un digital painting style manga à l’aide de textures

Ce premier tutoriel de digital painting plutot facile montre comment réaliser une colorisation ainsi qu’un fond mettant en valeur le personnage.

Faire un tutoriel style manga

5. Peindre le « Death Dealer » sur Photoshop

Tutoriel de plus haut niveau et non moins intéressant, celui-ci montre les étapes de réalisation de ce tutoriel vivant et impressionnant. Les étapes sont en outre assez originales avec l’emploi de photographie dans les premières étapes.

Peindre le « Death dealer »

6. Maîtriser la couleur pour vos digital paintings

Sixième tutoriel et celui qui m’a le plus intéressé, il s’agit plus d’un petit guide sur l’emploi de la couleur dans vos compositions : choix de celles-ci, valeurs, composition, contraste, etc… Un tutoriel à lire à tout prix !

Maîtriser la couleur pour vos digital paintings

J’espère que ces tutoriels vous aideront à progresser et laisseront libre cour à votre imagination.

Les tutoriels montrant étape par étape la réalisation d’un webdesign sur Photoshop ainsi que son intégration HTML/CSS sont assez rares et pourtant très utiles et recherchés, alors voici pour vous une liste de 22 tutoriels sur le webdesign.

Lorsque j’ai vu cette liste sur le site de Slodive d’où elle est extraite, j’ai tout de suite pensé à en faire un article car on me demande régulièrement ce type de tutos plutôt dur à trouver et peu nombreux. Rien de tel pour apprendre comment découper et intégrer un design de site en HTML/CSS !

22 Tutoriels pour créer un Webdesign du PSD à l’HTML

Et ci-dessous quelques-uns des webdesigns issus de la liste explicités sur Photoshop ainsi que le découpage et l’intégration :

2. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

3. Slice and Dice that PSD

5. Coding: Design Lab TV Styled Layout

10. How to Convert a Photoshop Mockup to XHTML/CSS

14. Web Design Layout #9 SiteBuild

15. How To Build Your Own Single Page Portfolio Website

21. From PSD to HTML, Building a Set of Website Designs Step by Step

En attendant que la section Tuts du site soit en place, je vous propose comme toujours ce que j’ai pu trouver de mieux en matière de tutoriels. Photomanipulation, painting, webdesign et art digital sont au rendez-vous…

1. Créer un effrayant personnage gothique

Digital painting pour ce premier tutoriel. Prenez vos stylets et découvrez comment créer un painting froid à glacer le dos.

Créer un effrayant personnage gothique

2. Créer une scène de désert surréel dans Photoshop

Créer une scène de désert surréel dans Photoshop

3. Créer une image surréaliste avec une planète transparente

Créer une image surréaliste

4. Créer un poster fantastique abstrait

Un effet visuel intéressant avec une image percutante et bien ficelée, du bon !

Créer un poster fantastique

5. Créer un webdesign grunge translucide

Créer un webdesign grunge translucide

6. Créer une illustration dynamique

Créer une oeuvre d’art digitale 1

Créer une oeuvre d’art digitale 2

7. Concept art : donner vie à un dinosaure de film

Tutoriel qui m’a particulièrement plu, ce tutoriel de haute qualité explique les étapes de réalisation d’une créature. Plus qu’un simple tutoriel de digital painting, il est expliqué comment donner vie à une créature unique, un tutoriel à dévorer !

Concept art : donner vie à un dinosaure de film

Le site de référence ImagineFX nous gâte de trois tutoriels de haut niveau sur le digital painting qui valent la peine d’être lus.

Comme souvent, ils sont en anglais mais ils sont très bien imagés avec des astuces d’experts en prime ! Alors régalez vous.

Dans le premier tutoriel, vous saurez tout ce qu’il faut pour peindre des peaux parfaites et réaliser des portraits réalistes grâce à Marta Dahlig.

Peindre une peau parfaite

Découvrez la manière particulière de coloriser de Michael Dashow et sa façon de tester différentes palettes de couleurs rapidement.

La couleur dans la composition

Enfin, ce tutoriel vous guide à travers les différentes étapes du processus de création d’une scène de bataille spatiale épique ! Magnifiques jeux de lumières et de couleurs… et une partie bien détaillée sur le design des vaisseaux spatiaux.

Peindre une bataille spatiale épique

Cela faisait un bout de temps que je ne vous avais pas apporté les tutoriels de qualité tout frais. Voici donc une grosse sélection de tutoriels incontournables, originaux et bien réalisés classé par section pour mieux progresser.

Photomanipulation et art digital

Tutoriel de photomanipulation surréelle

Tutoriel de photomanipulation : créer une petite tornade d’eau

Tutoriel de photomanipulation

Tutoriel : faire un fond abstract

Tutoriel : créer une typographie « mouillée »

Effet 3D (avec un peu de vraie 3D !)

Tutoriel : créer une typographie « explosive »

Tutoriel : créer un poster à base de typo 3D

Tutoriel : créer une typographie 3D steampunk : part I

Tutoriel : créer une typographie 3D steampunk : part II

Tutoriel : créer un rider

Tutoriel : créer une terre avec les calques 3D

Tutoriel : créer un poster de la « fashion princess » (et ça sonne super bien avec l’accent !)

Webdesign

Tutoriel : créer un webdesign

Tutoriel : créer un webdesign inspiré d’Apple

Tutoriel : créer un design de blog

Tutoriel : créer un design de blog type magazine

Tutoriel : créer un webdesign

Tutoriel : créer un webdesign inspiré de la nature

Tutoriel : créer un design de blog

Icone et interface

Tutoriel : créer une interface

Tutoriel : créer une icône de ticket de cinéma réaliste

Encore plus… 40 tutoriels pour créer des interfaces diverses

40 Tutoriels de qualité pour faire des interfaces

J’espère que cette sélection parmi les meilleurs derniers tutoriels vous sera utile et que vous avez apprécié cet article. Si vous avez d’autres tutoriels incontournables, n’hésitez pas à les citer !

Comme régulièrement, je vous apporte quelques bons tutoriels, avec cette fois-ci le digital painting à l’honneur. Il y a beaucoup de notions et de techniques différentes pour progresser plus rapidement dans cette discipline très riche.

1. Connaître ses « valeurs »

Les valeurs sont ce qui nous permet de créer de la profondeur et d’attirer l’oeil, cela permet donc de structurer la composition, ce qui est très important.

Connaître ses valeurs

2. Making of « Winter Blockade »

L’artiste, très doué, explique étape par étape comment il crée le ciel, l’eau, la frégate, les détails, etc… C’est très enrichissant, surtout au niveau des explications des brushs et autres réglages.

Making of « Winter Blockade »

3. Peindre le portrait de Pepper

Peindre le portrait de Pepper

Le grand Artgerm vous emmène dans son processus de création d’une illustration purement dans son style…

4. Réaliser un digital painting manga

La technique de coloration (pas forcément très facile au premier abord) est vraiment intéressante et poussée à l’extrême.

Tutoriel : réaliser Lida

5. Réussir une couverture de livre

Le titre et l’image parlent d’eux-même !

Créer une histoire à travers une couverture

J’espère que ces 5 tutoriels vont seront utiles et vous permettront de progresser !

Plus de 70 collections de tutoriels et d’articles pour votre inspiration sont regroupés en un seul article, soit des centaines de ressources en tout genre et pour tout le monde !

Comme tous les mois, Smashing Apps fait fort avec son article résumant tout ce qui est apparu sur la toile : tutoriels, sélection d’images ou de webdesigns, ressources, logos, effets de lumière, CSS, Flash, etc… à ne pas manquer !

Je n’ai même pas encore eu le temps de jeter un oeil à toute la liste tant c’est énorme ! Vous avez besoin d’un peu d’inspiration ou d’aide pour un effet en Javascript ? En manque de tutoriel pour Photoshop ? en quête d’inspiration typographique ? Je suis sûr que vous trouverez votre bonheur.

70 collections de tutoriels et d’articles

33 Newly Fresh Web Design Layout Tutorials

27 Useful Logo Design Tutorials and Tips

Create a Trendy Galactic Poster Design in Photoshop

50 Gorgeous Flash Websites You Definitely Should See

50 Incredible Examples of Battle Art

30 Creative Examples of Javascript Slider & Scrollers

Toujours en quête des meilleurs tutoriels de la toile, je vous ramène 4 très bons tutoriels: illustration et photomanipulation sont au rendez-vous.

Le premier tutoriel issu de PSDTUTS permet de créer un fond pour sa page Twitter aux couleurs vibrantes. Le style est intéressant mais c’est surtout la technique que je souhaite mettre en avant grâce à ce tutoriel : croquis au crayon, tracé au stylo noir, Photoshop, etc…

Créer un background pour Twitter

Pour les trois tutoriels suivants, les fans de photomanipulation seront ravis. Rien de tel pour maîtriser Photoshop.

Le premier tutoriel des trois permet de créer un crâne de fumée mais une fois compris, vous pouvez bien sûr transformer tout et n’importe quoi en fumée, ce qui peut être une énorme source d’idées !

Manipuler la fumée de façon réaliste

Ensuite, place à la fantasy avec ce tutoriel détaillé permettant de créer une « scène de mère nature » comme ils l’ont appelé. Un mélange de photographie et de digital painting, cela peut s’avérer intéressant et assez rapide !

Créer une scène de fantasy

Enfin, dernier tutoriel et non des moindres, maîtriser le feu et enflammer vos personnages ! Comme pour le tutoriel de fumée, une fois compris, vous pourrez tout transformer en feu et il n’y a plus aucune limite à votre imagination. Un tutoriel à garder au chaud !

Enflammez vos personnages

A noter que le filtre Photoshop « glowing edge » (contour lumineux) est en pleine forme en ce moment ! Sûrement un des rares filtres utiles d’ailleurs !

Vous aussi, vous trouvez souvent de magnifiques images sans vraiment savoir comment elles sont faites ? Par chance, il arrive quelque fois que de grands artistes digitaux comme The Hejz ou Adam Spizak montrent le procédé de création. Et là on est content.

Pour moi, cela vaut autant qu’un tutoriel détaillé et je réserve donc cela avant tout aux plus expérimentés sur Photoshop qui n’auront pas besoin d’explications pour comprendre comment arriver d’une étape à l’autre. Je vous rapporte donc deux step-by-step entiers ! Le premier venant du maître The Hejz et le second d’Adam Spizak, tous deux déjà présentés sur Design Spartan.

Je conseille vivement de zoomer sur les images pour bien se rendre compte au défilement des modifications apportées !

Peter Jaworowski (The Hejz) :

(allez visiter sa page Behance d’où cela provient)

L’image finale :

Le step-by-step :

Zooms :

L’image finale :

Adam Spizak :

(allez visiter sa page Behance d’où cela provient)

L’image finale :

Le step-by-step :

Zooms :

L’image finale :

J’espère que cet article vous a permis de décrypter certaines techniques, quelque fois très recherchées…