Saisei's Illustrations Website
Quand la feuille de papier est remplacée par une tablette graphique (Wacom : Intuos3 ou Cintiq 13HD depuis mai 2016) et le crayon ou la plume par un stylet ! Dessin à l’ordinateur, avec Open Canvas, Mischief, Corel Painter, Manga Studio ou Photoshop.
Peinture numérique – Digital Painting – Art Digital – Digital Art
Ou le plaisir de retrouver un noir à pointe fine :
Le plein de noir et mille reflets ! Sujet : « tresses chinoises ».
Un traitement plus léger pour des mèches envolées – sujet : « trames d’hiver ».
Une brosse par défaut fournie par Manga Studio ; toujours des bugs en utilisant ce logiciel, malheureusement, mais il faut reconnaître qu’il est prêt à l’emploi pour ce genre d’exercice !
Faire ce genre de choses me ramène des années en arrière ^^
Suite à quelques expérimentations d’encrage traditionnel et numérique…
… Projets de bannières pour les tutoriels de trames numériques en dessin manga !
Issue de l’illustration « Tresses Chinoises » en noir et blanc, plein de noir à l’encre et trames digitale – un vrai mix, entre crayonné et encrage traditionnel, puis pose de valeurs et de trames par ordinateur.
Issue de recherches pour du charadesign orienté shojo manga – chibi manga – crayonné, encrage et valeurs en peinture numérique. Et l’un de mes tous premiers tests – voire le premier – d’encrage avec Manga Studio aka Clip Studio Paint.
Bonus histoire de vous donner encore plus envie :
A très bientôt pour les nouveaux cours en ligne !
Je précise qu’ils ne seront pas données sur ce site comme les fois précédentes mais sur le site de No-Xice. Alors, partants ?
En ce début d’avril, je renoue avec un exercice qui a pourtant bien animé ce site : les tutoriels ! C’est une idée de San Lee qui m’a incitée à m’y remettre. Le prochain cours se tient donc sur le site du fanzine No-Xice.
Il s’agit d’une première étape pour cette illustration, qui servira de bases pour plusieurs cours relatifs aux trames numériques :
Un dessin encré* au bic « sur un coin de table » en 2010 et qui se retrouve finalement tramé en 2016 ^^
Pourquoi parler de trames à l’ère du numérique ? Après tout, la trame n’est pas franchement vouée à être publiée en ligne, les petits points sont en effet destinés à l’impression papier :
Zoom sur un détail floral : vue à l’échelle, les points piquent les yeux !
Et c’est précisément ce qui donne un caractère « chaud » à la matière, moins « froid » en tout cas (moins parfait) surtout avec le granulé du papier tradi juste dessous :
Ici le dessin est rapetissé et la trame moire ; c’est une des choses que j’expliquerai !
Pour conclure, mon premier tutoriel no-xicien portera sur la pose de trame en mode masque ; il fait directement référence à ce tutoriel-ci, disponible dans la section tutoriel de ce site. Mais attention ! Le tuto datait de 2011 et avait été réalisé avec Photoshop CS2… A la relecture, je n’ai pas pu reproduire un comportement à l’identique (en particulier la transition – masque – sélection – couche).
Le tutoriel sur No-Xice est donc le plus à jour des deux, enfin avec mes moyens c’est-à-dire avec un photoshop CS5. Bonne lecture et bonne pratique ! A vous !
__________________________________________________________
« On enseigne ce qu’on a envie d’apprendre »
La première fois que j’ai entendu cette assertion, j’ai tiqué ; pour moi, on enseigne ce qu’on maîtrise, la maîtrise impliquant de ne plus avoir (autant) à apprendre. Or les deux ne s’excluent pas; continuer d’apprendre est même essentiel pour transmettre ! Finalement, je pense qu’il y a beaucoup de vrai là-dedans.
Ici, plusieurs tutoriels ont vu leurs images disparaître lors des migrations et updates techniques de site. Et tous datent d’au moins 4 à 5 ans. L’occasion de se pencher un peu plus sur cette partie, voire d’y faire du ménage ou rafraîchir le contenu, tout simplement.
Mais après réflexion, cette section ne bougera pas avant la prochaine version complète d’Yrial in Sight, qui représente déjà une certaine quantité de travail.
Alors en parallèle, je continue la rédaction de cours… A destination du fanzine No-Xice. Dans les bacs : tutoriels sur la pose et la découpe de trames numériques. L’occasion de réviser le mode crayon, les masques simples, les masques de fusion sur un calque ou un dossier, la superposition de trames en décalé, etc. Tout un programme !
Pour le moment, j’en suis à 3-4 cours, écrits et illustrés. Je newserai très bientôt à ce sujet, suivant la parution officielle chez No-Xice.
Bon week-end aux trameurs de tous poils !
Entre digital art et graphisme, coups de pinceau et projections de peinture sont à l’honneur pour la chaîne Twitch de Maxilia. Une réalisation pour « tout type de jeu vidéo » donc ne vous attendez pas ici à des cotes particulières.
Au cas où, définition : un overlay est un cadre posé sur le jeu vidéo en cours, avec une ouverture pour la webcam du streameur / de la streameuse (oui j’en profite pour faire des néologismes ^^).
Zoom sur le coin webcam :
Extrait d’un des overlays, côté webcam à gauche. Pour la version full HD, rdv sur la chaîne de Maxilia ^.~
Une collaboration signée No-Xice avec la mascotte* de San Lee intégrée à l’overlay :
Le même overlay vu en entier. Beaucoup d’espace laissé libre, suivant le type de jeu commenté.
Deux variantes (il existe d’autres versions mais je laisse la primeur à Maxilia) :
Suivant la position de la map et de la webcam, chaque overlay a été livré en double – en miroir.
Au début je pensais que l’overlay devait épouser l’ensemble – cad être moins saturé et / ou plus sombre que le jeu présenté ; il s’avère que les couleurs vives de San Lee ont poussé vers des teintes bien plus pêchues ^o^
C’était sympa de pouvoir se concentrer sur les formes, les couleurs et la matière. Même si les ajouts de texture sont très discrets. Il en ressort un ensemble plutôt spontané et assez foufou !
___
*Mascotte + bannières et titres, cf. la chaîne twitch linkée en intro !
Logiciels de dessin versus système d’exploitation : n-ième round, n-ième version. Aujourd’hui, passage sous Windows 10 et tout fonctionne ! En tout cas, cette nouvelle version* semble compatible avec mes logiciels de dessin et de graphisme. Checked ^___^
J’avais déjà rencontré quelques déboires dans mes précédents changements d’OS, avec Painter et Open Canvas, pour ne pas les nommer ^.~ … Qui refusaient purement et simplement de fonctionner. Je n’ai donc pas retenté avec ceux-là (encore des licences de perdues) et me suis focalisée sur les « nouveaux » ie Mischief, Manga Studio et l’incontournable Photoshop. Ce trio-là doit bénéficier d’un bon suivi de la part de leurs développeurs, aucun bug constaté !
Côté 3D, si je relance Bryce un de ces quatre, je posterai sur le sujet. Mais je pense plus m’orienter design d’objet que création de décor, donc… On verra.
On en parlait récemment avec Elairin, qui me conseillait de ré-uploader les versions ; or ce n’est pas toujours possible : une licence** est (était, ça change) souvent attachée à une version logicielle. Si on veut la nouvelle qui marche avec le nouveau système d’exploitation, eh bien, on rouvre son porte-monnaie (ou on le craque / crack, dans le sens que vous voulez…hum) !
Je crois que ce changement aura été le plus rapide de mon expérience windowsienne ; pas de sauvegarde préalable en tout genre et à part le crash de mon anti-virus (Windows Defender doit en avoir dans le collimateur), rien à signaler. Aussi, après avoir consciencieusement décoché les tracks et subtilement évité Cortana, me voilà prête !
_______________________________________________________________________
*J’avoue avoir sournoisement boudé la version 8, la version tablette full flat design ne me plaisait pas (pourtant je l’ai achetée et une fois testée, refusée…).
**A chaque éditeur son modèle économique. Résultat des courses : je fais de la bonne pub à ceux qui suivent et de la « moins bonne » aux autres ^o^°
Ça faisait un petit moment que l’idée me trottait dans la tête. Voici un bref tutoriel pour mettre en scène ses créations !
On aimerait avoir toujours des photos de nos travaux ! Mais ce n’est pas toujours possible. Soit parce les œuvres digitales n’ont pas lieu d’être imprimées (charte graphique de site web par exemple, diffusion exclusivement online) ou parce qu’il ne nous est pas possible de les photographier dans de bonnes conditions.
Et souvent le client a besoin de « voir » la réalisation «en situation ».
Commençons !
1/ La source d’environnement : une de vos photos ou une photo dont les droits sont disponibles – à l’achat ou en prêt gracieux par l’auteur. L’idée directrice : remplacer le visuel d’exemple sur la tablette :
Ici j’ai flashé sur un « freebie » de Webvilla ; pour masquer, j’utilise un masque de fusion mais vous pouvez découper tout simplement. Ici je vais vous montrer comment s’en passer.
2/ Ouvrir les deux fichiers : celui de l’environnement (1) et celui à insérer (2)
3/ Dans la palette des calques du fichier (2)
> sélectionner toute la surface | CTRL + A
> la copier | CTRL + C
Les deux fichiers ouverts côte-à-côte dans l’espace de travail | zoom sur les pointillés de sélection pour le fichier (2) à insérer
4/ Dans la palette des calques du fichier (1), créer un nouveau calque, c’est là que le fichier (2) viendra se coller… Mais on ne colle pas tout de suite !
Avoir le calque 1 en surbrillance avant de passer à la suite – c’est sur celui-ci que ça se joue
5/ Ouvrir le menu : Filtre > Point de fuite
Aperçu du menu | apparaît cette interface de travail
6/ Dessiner la grille de perspective ; si elle est bleue, c’est bon, si elle est rouge ou jaune, c’est que la perspective n’est pas bonne > reprenez :
L’outil ne fait pas tout ! A vous de tracer au plus près les contours de la zone à remplacer
7/ Coller votre visuel (CTRL + V) et glisser-le sur la grille :
Au moment du collage, le fichier (2) apparaît dans le coin supérieur gauche ; faites-le glisser dans votre grille bleue
8/ S’il est trop grand, redimensionner (CTRL+T) et jouer avec les poignées :
Avec ce raccourci vous pouvez aussi faire pivoter votre visuel, bien que l’outil point de fuite gère en général automatiquement l’inclinaison. Toutefois il peut y avoir de grosses distorsions, à vous de doser ^.~
9/ Valider. Oui, vous avez fini ! ^o^/
…A quelques fioritures près > voir « aller plus loin ».
Exemple avec l’illustration du tutoriel : jardin japonais, île de Versailles, Nantes.
Remarque : tous les raccourcis sont donnés pour Windows, avec photoshop CS5.
Il y a plusieurs méthodes pour y arriver : masquer la zone qui accueillera votre création (avec une découpe, ou, avec un masque de fusion), puis glisser votre création dessous. Ou insérer directement votre création au dessus, sans effacer le dessous ; là vous modifiez votre créa avec l’outil homothétie et perspective, ou, comme je viens de le montrer, à l’aide de l’outil point de fuite de Photoshop. On peut en combiner plusieurs ; j’ai choisi celle qui offre le plus de souplesse car elle s’adapte le mieux en toute circonstance, enfin à mon avis.
Exemple une autre illustration : singe de feu, nouvel an chinois, 2016.
Pour aller plus loin : recréer un effet de reflet sur la tablette, redessiner les bords, adoucir les contours… Pour que le collage ne soit pas trop brut !
______________________________________________________________________
J’aime beaucoup le travail de Webvilla ! N’hésitez pas à faire un tour du côté de
son site web www.webvilla.pl, ou de sa page projet sur Behance ainsi que sa page dessin sur Behance toujours.
Un trait d’encre pour la nouvelle année zodiacale ? Un trait d’humour, toujours… Entre pieds de feu et pet de feu, boules de feu et boulettes de feu, on ne s’ennuie pas ^^ Le singe serait un animal malicieux, avec lui « tout peut arriver » :
Croquis d’un petit personnage qui pète… Le feu !
Et aussi l’occasion de m’essayer à une nouvelle « étude de la nature » !
Il est très sérieux… Ce singe a une tête de dragon ^^ Hello Chimera !
Un petit zoom sur la bébête :
Visible en grand dans la galerie du site.
Carte parodique complète : cross-over Ezio | Assassin’s Creed et Mario
Bon 29 février, profitez-en c’est pas souvent ! Et bon anniversaire à tous les « leapers » !
