Graphisme - Tumblr Posts

Vibrant “Natural” Coloring Tutorial

Someone asked if I could make a tutorial on how I color, specifically referring to the last gifset of Luke I posted. I’m going to share a bit of my general coloring technique and a few examples of color correcting. Keep in mind that I take extra time when I make gifsets and, although I color with my same technique every time, I start ALL of my coloring from scratch. There isn’t a PSD I’ve saved. Disclaimer: this is my personal preference for coloring and what I think looks good. You don’t have to agree, of course. Anyways, on to the tutorial:

*This tutorial is for those with a basic knowledge of photoshop/gif making* **I use Photoshop CS6 and KMPlayer to get my screencaps**

I’ll be showing you how to get from the first gif to the second under the cut:

Afficher davantage

J’avais envie de partager avec vous les différentes polices que j’affectionne tout particulièrement et que j’utilise le plus souvent dans mes créations ! ♥ C’est une liste non-exhaustive. J’en ai beaucoup d’autres et je ferais (peut être) un autre post pour vous les présenter si cela vous intéresse. Vous trouverez la plupart d’entre elles sur DaFont (mais vous pourrez les récupérer ailleurs en tapant tout simplement leurs noms sur le web).  Certain·e·s aiment utiliser différentes typo dans leurs créations, d’autres non. C’est vraiment une affaire de goût, au final ... Non ? =) Personnellement, je trouve que la typographie joue un rôle important dans la composition de mes créations. Et j’essaie toujours de sélectionner mes typo avec le plus grand soin pour qu’elles reflètent au mieux l’ambiance que je veux donner. 

I wanted to share with you the different fonts that I love and that I use most often in my creations! This is a non-exhaustive list. I have many others and I might do another post to introduce them to you if you are interested ? You will find them on DaFont (or elsewhere, by typing their names on the web). Some designers like to use different typographies in their creations, others don’t. It’s really a matter of taste, right? =) Personally, I find that typography plays an important role in the composition of my creations. And I always try to select my typos with the greatest care so that they reflect the atmosphere I want to give.

AMEN ! \o/ vive google et yandex ! ♥

Tuto : faciliter la vie des créateurs en créant de bonnes galeries HD

L’astuce du jour : comment trouver de bons photoshoots de bonnes qualité, même si la personnalité employée n’est pas très connue ? Bien entendu ça ne marchera pas toujours, notamment si vous optez pour une trogne d’influenceur, mais ça peut déjà vous aider. 
Il m’arrive souvent de farfouiller pour combler les galeries de connaissances pour qu’ils puissent aller commander des avatars avec de bonnes ressources et souvent, s’en suit d’un « Mais dis-donc Ju, t’es magicienne ? J’ai rien trouvé ! Où t’as déniché tout ça ? » Et ma réponse est simple : Google ! Ne paniquez pas, j’en vois déjà faire de grands yeux, je vais tout vous expliquer !

Pourquoi chercher de bonnes images ?

Ça coule probablement de source pour beaucoup, surtout avec l’arrivée de la HD et du format 400x640, mais pour parvenir à faire des avatars de qualité avec une bonne résolution, il faut inévitablement un bon produit de base. C’est un peu comme si vous choisissez des pommes en très mauvais état pour faire une tarte, forcément les pommes ne vont pas retrouver leur fraîcheur après cuisson. Les photos que vous nous fournissez, c’est la même chose. On préfère avoir des pommes pimpantes et délicieuses sous forme de photoshoot HD, plutôt que des pommes moisies toutes petites et pixelisées. Plus vous serez prudents avec vos ressources, plus ce sera agréable pour nous à travailler (et plus on est inspiré, plus vous aurez du bon travail, cqfd).

Mais pas de panique non plus, c’est pas la peine de tomber dans la paranoïa Philibert ! Ce n’est pas parce qu’une image ne fait pas 2000 pixels de large en top qualité de la mort qui tue que l’image n’est pas exploitable ! Le principal est que l’image de base ne soit pas pixelisée. (C’est pas la taille qui compte, enfin si quand même un peu, un truc de 200 pixels c’est compliqué là quand même…) À titre personnel, j’accepte de plus petites images qui rentrent tout juste dans le format et il y a toujours des astuces pour les utiliser (des cadres, des cercles, etc.).

Google est vraiment votre ami.

Ce sont ici mes petites astuces perso, forcément il y en a plein d’autres et chacun fait comme il le sent. Mais je sais qu’elles pourront en aider certains et vous sauver la vie. – Ma première astuce est d’utiliser des mots clefs en plus du nom de la personnalité recherchée. J’utilise beaucoup « shoot » ou « photoshoot » qui permettent déjà de faire un bon gros tri dans le type d’images. 
– J’utilise en même temps les outils de recherche google afin de faire un second tri. Comment ça marche ? Et bien vous voyez le “outil” encadré en orange sur ce screen ? Vous cliquez dessus et il vous affichera ensuite une barre d’éléments permettant des recherches plus pointilleuses. Il vous suffit alors d’opter directement pour des images de grandes tailles (si votre personnalité est vraiment pas le genre à se faire prendre en photo, vous pouvez cependant opter pour la taille moyenne). – Je ne trouve pas tout dans google. L’idée est de s’en servir comme d’un tremplin pour dénicher les photoshoot complets. En partant d’une image google de haute qualité, il arrive souvent que cela vous oriente vers un site de magazine ou de photographe, voire une fanpage qui répertorie l’ensemble du photoshoot en bonne qualité. Ça demande forcément un peu de temps et d’investissement pour bien farfouiller, mais ça peut vous permettre de découvrir des photographes sympas (parce que c’est eux qui font tout le taff). 
 – Il arrive parfois que la photo parfaite pour représenter votre Titouan, plongeur professionnel dans un port de pêche de la mer du nord, soit impossible à enregistrer par souci de copyright. Là je vous préviens direct : faites ce que j’dis, pas ce que j’fais, mais je vous file quand même l’astuce, vous n’allez faire comme si vous n’avez rien vu. Il est possible d’effectuer une petite capture d’écran incognito si votre ordi est assez vénère sur leurs résolutions (s’il fait ça de manière pixelisée et pas ouf, forcément oubliez tout de suite, je sais que les mac sont assez forts là dedans et le mien m’a pas mal sauvé la mise avec mes faceclaims de l’espace). CEPENDANT : L’astuce que je vous donne ici est tout à fait contestable et à ne pas faire pour des projets professionnels. La plupart des photographies de personnalités sont dans tous les cas soumises à des droits d’auteurs (beaucoup de photographies tout court d’ailleurs) et il en va de même pour les typographies (oui même la comic sans ms, que vous avez utilisé pour la carte d’anniversaire de votre petit cousin l’année dernière, l’est). Donc si vous sortez du cadre rpgique/usage personnel, faites toujours très attention à ce que vos ressources de base soient libres de droits (sauf si vous êtes riches comme crésus bien sûr). Ceci était le petit message du comité des graphic designers du grenier. – Enfin, faites attention à votre choix d’hébergeur. Ça peut paraître bête, mais certains hébergeurs détériorent pas mal la qualité d’image à l’export lorsque vous faites une galerie (j’ai toujours tendance à privilégier imgbox ou imgur). Voilà voilà, ceci clôture mes petites astuces de recherches. Ce fut long et intense, mais j’espère que ça vous aidera !

TUTO VIDÉO 🎥 Comment créer un avatar ?

Bonjour ou bonsoir tout le monde ! =) J’espère que vous vous portez bien ? Plusieurs personnes sont venues me voir ces dernières semaines (ici ou sur discord) afin de me demander quelques astuces ou conseils pour créer/améliorer leurs propres avatars. Les questions qui reviennent le plus souvent sont : comment je fais pour composer mes avatars ? Quels calques j’utilise ? Quels effets ? J’avoue avoir énormément de mal à répondre à vos questions, car je bidouille énormément et que je fais (presque) absolument tout au feeling, haha. 

Après réflexion, et comme je peine à mettre des mots sur ce que je fais, je me suis dit que vous montrer comment je crée un avatar (en direct ou presque) pourrait être une bonne idée ? Voici donc une petite vidéo sans prétention, pour vous montrer comment je fabrique ces petites choses ! =) Si vous avez des questions, n’hésitez pas ! ♥

Un tuto très bien expliqué ! =)

TUTORIEL - comment ajuster son coloring pour éviter le whitewashing

Le whitewashing en ce qui concerne la création d’avatars, qu'est-ce que c'est? Il s’agit du fait de blanchir la peau d’une personne racisée, volontairement ou involontairement, après l’application d’un coloring. Il peut être beaucoup plus subtile que l'exemple donné ci-dessous, et/ou être dû à la photo de base (le whitewashing existe dans la retouche photo en général). Ci-dessous, un avatar whitewashé à cause du coloring (à gauche) et sa correction (à droite).

En quoi cela pose-t-il un problème? En whitewashant un avatar, on participe, volontairement ou involontairement, au racisme ordinaire de sous-entendre qu'avoir la peau blanche, c'est plus joli, et par ailleurs, on efface l'éthnie de la célébrité sur laquelle on graphe, qui pour beaucoup est une part importante de leur identité. Ce tutoriel a pour but de vous partager les techniques que j’applique sur mes colorings pour corriger le whitewashing.

Attention, garder un coloring pâle et désaturé dans le cas d’avatars racisé.e.s sera toujours impossible: désaturer la photo d’une personne racisée la whitewashera systématiquement. Par ailleurs, les colorings pâles ne sont pas les seuls à whitewasher.

Afficher davantage

Un nouveau post pour vous partager les différentes polices que j’utilise le plus souvent dans mes créations ! ♥ Encore une fois, c’est une liste non-exhaustive et je ferais (peut être) un autre post pour vous en présenter d’autres ! =) La plupart d’entre elles sont sur DaFont (mais vous pourrez les récupérer ailleurs en tapant tout simplement leurs noms sur le web). 

A new post to share the different fonts I use most often in my creations ! ♥ Again, this is a non-exhaustive list and I might do another post to introduce you to others ! =) You will find them on DaFont (or elsewhere, by typing their names on the web).

Et si on regardait notre évolution ?  

On s’améliore de jour en jour ! =) On a tendance à l’oublier – et parfois même à s’auto-dénigrer – alors qu’on a tou.te.s fait du chemin depuis notre premier avatar/design/codage ! Et si on prenait le temps de regarder en arrière ? Et si on constatait à quel point nous avons évolué ? Prenons le temps de jeter un coup d’œil bienveillant sur notre travail et demandons-nous ce qu’on pourrait améliorer et/ou tester à l’avenir. 

Pour ça, je vous propose de faire une petite rétrospective sur vos travaux (avatars, designs, codages ou même rps) et de nous montrer, sous la forme que vous désirez, votre évolution au cours de cette année (ou même depuis vos débuts, c’est comme vous le sentez). N’hésitez pas à nous faire part de vos ressentis, de vos envies et de vos projets ! =) Le but est de prendre du recul, faire une critique positive de son travail, échanger autour de ses créations et faire part de ses perspectives d'évolution ♥

Je vous invite à utiliser le hashtag #retroperspective afin que tout le monde puisse voir vos petites merveilles et vous laisser des mots doux (vous pouvez également me tagger, y’a pas de soucis). J’ai hâte de voir tout ça ! *-*

PSD - COLORING EN LIBRE-SERVICE

Mon tout premier coloring, téléchargeable ici : PSD_coloring-01_by_gainsboro.psd =) Il est tout simple, certes, mais c’est déjà une bonne base. Pour celleux qui souhaitent savoir comment on fait un coloring sur photoshop, je vous monterais tout ça plus tard (dans un tuto-vidéo). ♥

PS : vous pouvez vous en servir comme base et le modifier ;)

Je partage mes petites mines d’or (celles que j’utilise le plus souvent) car je pense que ça pourrait être utile à pas mal de monde =) Bien entendu, il faut fouiller, chercher, trier ... Mais ça vaut vraiment la peine d’y jeter un coup d’œil, car il y a quelques merveilles ! ♥ 

ENG { I share my sources (the ones I use most often) because I think it could be useful to a lot of people. Of course, you have to search, sort ... But it is definitely worth it, because there are some wonders ! ♥

IMAGES, TEXTURES, OVERLAYS, PATTERNS :

https://twitter.com/archillect

https://unsplash.com/s/photos/texture

https://www.wildtextures.com/

https://stocksnap.io/popular

https://www.pinterest.ca/felicefelicis/patterntexture/

https://www.pinterest.fr/poesiescendrees/aes-graphisme/

https://www.pinterest.fr/karinaresendiz7/overlays/?autologin=true

https://www.toptal.com/designers/subtlepatterns/

https://necessary-disorder.tumblr.com/

https://graphicburger.com/

https://allresources.tumblr.com/

https://www.pinterest.fr/flightofthestars_/ressources-collaboratives/

CITATIONS POUR AVATARS (FR/ENG) :

https://asperaastra.forumactif.com/h6-quote

https://nemoanimus.tumblr.com/

https://www.kaakook.fr/

Jpeg, Png, Svg ou Gif, quel format utiliser pour vos images ?

Le choix du format de vos images pour une utilisation sur le web est cruciale. L’utilisation de mauvais formats peuvent ralentir l’affichage des pages d’un site web, rendre vos images floues [...]. Le graphique suivant devrait vous faciliter la tâche :

Pour compresser votre JPEG / PNG : https://tinypng.com/ Pour compresser votre GIF : https://gifcompressor.com/fr/

Source : Aurélien Dogbeh

Pochette 33 tours

LES DALTONS ~Objet Ancien~

graphismes Baldo 2016

Source : http://baldomero.online.fr/illustration/dalton-objet-ancien.htm

Label Praksis Records

http://www.les-daltons-paris.com/

open graphics requests

Don't hesitate to ask me anything you want : avatars, gifs, or even crackgifs. Just ask, and I will tell you if I can (but mostly I will, because I like making people happy around me haha) :D