Annonce




Si vous ne voyez pas le nouveau design, pensez à vider vos caches ou faire F5 sur votre clavier.

Pour vous connecter au forum, utilisez votre pseudo et votre mot de passe du site. Inutile de vous réinscrire.
Veuillez prendre connaissance des règles du forum avant toute chose : Fonctionnement et règlement du forum

#1 05-01-2022 20:45:32

skeleton
Styliste
Lieu: Tchat IRC
Date d'inscription: 2017
Messages: 1745
Site web

Tutoriel : Personnaliser votre profil de jeu avec un logiciel

--------------------------------------------------------------------------
Tutoriel : Photomanipulation d'images sur logiciels
--------------------------------------------------------------------------


Nouveau voeu exaucé, un exemple de procédé qui magnifiera vos fiches!

Sommaire :

Créer un fond de fiche sur Krita (logiciel gratuit)


https://i.goopics.net/p314R.png https://i.postimg.cc/4dQVnQqC/nightfallbanner5.png https://i.postimg.cc/Px1zY8VH/iconnf.png


#2 05-01-2022 20:47:54

skeleton
Styliste
Lieu: Tchat IRC
Date d'inscription: 2017
Messages: 1745
Site web

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

--------------------------------------------------------------------------
Créer un fond de fiche sur Krita (logiciel gratuit)
--------------------------------------------------------------------------


Le tutoriel est réalisé sous Chrome.
Clique-droit sur votre fiche puis sélectionner "Inspecter" pour voir cette boite de dialogue apparaître.
En bas en coin gauche, dans le rectangle blanc on peut lire 1348 (L) x 2474 (H), la hauteur change selon la longueur du QSJ. Si on modifie souvent le QSJ, mieux vaut choisir une hauteur plus longue pour éviter que l'image de fond se multiplie. Par exemple pour 2474px, choisir 3000px au moment de la création du fond.
https://cdn.discordapp.com/attachments/494666523907063818/865564189539303445/unknown.png

Toujours à l'aide de la minuscule flèche bleue de l'inspecteur, on peut inspecter les dimensions du QSJ, du loft, etc...

Pour prendre une capture d'écran, appuyer sur la touche "Impr écran" sur le clavier.
https://cdn.discordapp.com/attachments/494666523907063818/865567690428907530/unknown.png

Démarrer Krita, puis "Fichier", "Créer un nouveau document", choisir "Créer à partir du presse-papier" avec les réglages ci-dessous et enfin cliquer sur "Créer".
https://cdn.discordapp.com/attachments/494666523907063818/865568045665222666/unknown.png

Avec l'outil "Sélection", sélectionner tout le centre de la largeur du loft.
https://cdn.discordapp.com/attachments/494666523907063818/865568467695566878/unknown.png

Sur la droite, cliquer sur la minuscule flèche dans l'encart des calques et choisir "Calque de remplissage".
https://cdn.discordapp.com/attachments/494666523907063818/865568539721334814/unknown.png

Une boite de dialogue apparaît. Cliquer sur le rectangle coloré pour faire apparaître la seconde boite de dialogue et choisir la couleur désirée (gris foncé ici).
https://cdn.discordapp.com/attachments/494666523907063818/865568760776359966/unknown.png

Cliquer sur "Créer".
https://cdn.discordapp.com/attachments/494666523907063818/865568809691250698/unknown.png

Aller dans "Image" et "Redimensionner le tableau".
https://cdn.discordapp.com/attachments/494666523907063818/865569485557202954/unknown.png

Choisir une nouvelle longueur assez grande (4000px ici) avec les mêmes réglages, notamment pour la direction d'ancrage (4000px en descente).
https://cdn.discordapp.com/attachments/494666523907063818/865570101469773834/unknown.png

Avec l'outil "Transformer" (CTRL T), agrandir le calque de remplissage en tirant sur le carré centre bas.
https://cdn.discordapp.com/attachments/494666523907063818/865570366298390588/unknown.png

Dans l'encart des calques à droite, cliquer sur le calque "Background", et "Créer un calque de remplissage" comme précédemment, cette fois-ci pour choisir une couleur d'arrière plan.
https://cdn.discordapp.com/attachments/494666523907063818/865570630380158996/unknown.png

Baisser l'opacité de "calque 1" et "calque 2" en glissant la jauge à droite nommée "Opacité". Cela permet de voir où déposer les images à coller.
https://cdn.discordapp.com/attachments/494666523907063818/865571706964672552/unknown.png

Choisir le lot d'images à utiliser. Clique-droit sur la première image "Copier l'image".
https://cdn.discordapp.com/attachments/494666523907063818/865571988633944105/unknown.png

Commencer par remettre à 100% d'opacité le "calque 2" (arrière plan). Coller l'image derrière "calque 1", pour cela cliquer sur "calque 2" avant de coller en appuyant simultanément sur les touches CTRL V du clavier. Avec l'outil "Déplacer", positionner l'image à l'endroit souhaité.
https://cdn.discordapp.com/attachments/494666523907063818/865572253109583883/unknown.png

Recommencer avec les autres images, en appuyant sur l'outil "Transformer" à chaque fois qu'il est nécessaire de tourner l'image en diagonale. C'est le même principe que sur OhMyDollz, quand on tourne un objet dans le loft.
https://cdn.discordapp.com/attachments/494666523907063818/865572551501283378/unknown.png
https://cdn.discordapp.com/attachments/494666523907063818/865572693775482900/unknown.png

Sélectionner le pinceau "Airbrush soft" ainsi que la "Gomme" tout en haut à gauche de "Opacité 100%".
https://cdn.discordapp.com/attachments/494666523907063818/865573801860661268/unknown.png

Cliquer sur chaque calque d'image collée (encart des calques à droite), et effacer les bords de l'image à l'aide du pinceau "gomme". Avant de passer à l'étape suivante, remettre l'opacité du "calque 1" à 100%.
https://cdn.discordapp.com/attachments/494666523907063818/865574036625293332/unknown.png

Maintenant il faut apporter de la texture. "Copier l'image".
https://cdn.discordapp.com/attachments/494666523907063818/865576361413967883/unknown.png

Coller l'image au dessus de toutes les images mais toujours derrière le "calque 1". Choisir "Addition" à droite comme mode de fusion de cette texture.
https://cdn.discordapp.com/attachments/494666523907063818/865576546101755924/unknown.png

Reproduire le même procédé en collant plusieurs fois la texture ou en multipliant son calque avec les touches CTRL J. Déplacer la texture entre les images. Pour tourner la texture, choisir "Calque", "Transformer", "Faire un miroir de calque verticalement" par exemple.
https://cdn.discordapp.com/attachments/494666523907063818/865577029305761842/unknown.png

Avec le pinceau "Airbrush soft" et la gomme, effacer doucement le contour des images de texture. L'opacité de la gomme est réglable aussi, 42% ici.
https://cdn.discordapp.com/attachments/494666523907063818/865577928962867210/unknown.png

L'opacité des images est réglable depuis l'encart des calques et permet de mieux fusionner celles-ci avec la couleur d'arrière plan. Ici, les images du défilé sont réglés à 90% d'opacité.
https://cdn.discordapp.com/attachments/494666523907063818/865578108152446976/unknown.png

Apportons de la magie à l'arrière plan. "Copier l'image".
https://cdn.discordapp.com/attachments/494666523907063818/865578748350300180/unknown.png

Régler le mode de fusion de la neige sur "Addition".
https://cdn.discordapp.com/attachments/494666523907063818/865578857566044201/unknown.png
https://cdn.discordapp.com/attachments/494666523907063818/865578949077762049/unknown.png

Cliquer sur "calque 1" et aller dans "Calque", "Style de calque" pour modifier sa couleur.
https://cdn.discordapp.com/attachments/494666523907063818/865580079111602196/unknown.png

Cocher "Incrustation de couleur" et choisir une couleur finale en adéquation avec le fond et cliquer sur "OK".
https://cdn.discordapp.com/attachments/494666523907063818/865580611136782346/unknown.png

Cliquer sur le "calque 1" en maintenant le clique enfoncé, glisser le "calque 1" en dessous du "calque de dessin 3" pour avoir le motif par dessus.
https://cdn.discordapp.com/attachments/494666523907063818/865580733406248960/unknown.png

Choisir l'outil "Texte" et tracer un encart où écrire le texte (maintenir clique droit enfoncé et tirer en long et en diagonale).
https://cdn.discordapp.com/attachments/494666523907063818/865581235396018186/unknown.png[img][/img]

Une boite de dialogue apparaît. Taper le texte, choisir la police d'écriture, la couleur et la taille avant de cliquer sur "Enregistrer". Répéter pour ajouter tous les pseudos.
https://cdn.discordapp.com/attachments/494666523907063818/865581737140813895/unknown.png

Uniquement si le souhait est de modifier les couleurs du fond ou appliquer un effet, créer un "calque de filtrage" et régler les couleurs selon les goûts.
https://cdn.discordapp.com/attachments/494666523907063818/865582502792790036/unknown.png
https://cdn.discordapp.com/attachments/494666523907063818/865583108660002836/unknown.png

Pour le fond modèle c'est une technique différente. Créer un "calque de remplissage" bleu - code #223550.
https://cdn.discordapp.com/attachments/494666523907063818/865583331110420540/unknown.png

Choisir le mode de fusion "Incrustation".
https://cdn.discordapp.com/attachments/494666523907063818/865583464917368832/unknown.png

Baisser l'opacité à 64%.
https://cdn.discordapp.com/attachments/494666523907063818/865583516179759134/unknown.png

En dernier lieu, ajouter le titre et le thème avec la boite de dialogue "Texte". Régler l'opacité des calques de textes noirs à 37%.
Pour modifier le texte (taille, police, interligne...), il faut le sélectionner à chaque fois.
https://cdn.discordapp.com/attachments/494666523907063818/865584843656396832/unknown.png

"Créer un nouveau calque" vide. Avec un pinceau d'une forme et d'une couleur au choix (noire ici), dessiner le bord haut du fond.
https://cdn.discordapp.com/attachments/494666523907063818/865585940160184361/unknown.png

Enfin, "Fichier", "Enregistrer sous", nommer le fichier et "Enregistrer" une 1ère fois sous l'extension .KRA. Possible de le faire dès la création du fichier et, en enregistrant le travail toutes les 10 minutes pour éviter la perte totale du travail en cas de plantage du logiciel. Ce fichier conservera tous les calques.
https://cdn.discordapp.com/attachments/494666523907063818/865590127610691614/unknown.png

"Enregistrer sous" une seconde fois pour avoir l'image finale, sélectionner le type .PNG dans la boite de dialogue puis "Enregistrer" pour voir cette seconde boite de dialogue et faire les mêmes réglages avant de cliquer sur "OK".
En bas en cochant la petite case "Enregistrer aussi votre image comme un fichier Krita", le logiciel propose d'enregistrer en même temps un fichier .KRA.
https://cdn.discordapp.com/attachments/494666523907063818/865590421966815242/unknown.png

Le choix vous appartient!
Krita est très maniable, léger, riche en outils et surtout gratuit.
https://cdn.discordapp.com/attachments/494666523907063818/865579315998621726/unknown.png

https://cdn.discordapp.com/attachments/494666523907063818/865592969897181184/unknown.png


https://i.goopics.net/p314R.png https://i.postimg.cc/4dQVnQqC/nightfallbanner5.png https://i.postimg.cc/Px1zY8VH/iconnf.png
 

#3 06-01-2022 10:02:27

orlanne84
Douce fleur raffinée
Date d'inscription: 2011
Messages: 8820

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

Intéressant mais dommage tout en anglais donc très compliqué quand on ne parle pas ni n'écrit la langue dommage


https://i.postimg.cc/pTSNtYWW/valorlou.png
 

#4 06-01-2022 13:21:19

coeurarcenciel
Licorne magique d'Aarnel
Lieu: Au pays des doudous
Date d'inscription: 2011
Messages: 2568

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

orlanne84 a écrit:

Intéressant mais dommage tout en anglais donc très compliqué quand on ne parle pas ni n'écrit la langue dommage



Déjà il faut vérifier les paramètres du logiciel souvent tu peux changer la langue, ensuite si ce n'est pas possible :

Beaucoup de logiciels sont en anglais, et parfois même en les passant en français les mots ne sont pas clairs comme c'est des termes techniques, le mieux c'est de s'entraîner, te tester tous les outils pour voir ce qu'ils font, et de retenir les icônes au début :)

Pour ma part je n'ai jamais été très douée en anglais, photoshop c'était du chinois pour moi au début, mais à force de m'entraîner j'ai retenue le principal : il y a plein de mots anglais dont je ne connais pas la traduction en français mais avec la pratique je sais ce qu'il font sur le logiciel :)

Dernière modification par coeurarcenciel (06-01-2022 13:22:53)


https://urlz.fr/pFWy
        https://cdn.discordapp.com/attachments/835268190099210270/1211424013503434782/Banniere_Principale2.png?ex=65ee2587&is=65dbb087&hm=4d01354f11caa1bce014ceaf04275bd3e3ad8bcf297a5f99d75f0211d164e37b&
 

#5 06-01-2022 14:40:20

skeleton
Styliste
Lieu: Tchat IRC
Date d'inscription: 2017
Messages: 1745
Site web

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

Je pense qu'Orlanne parle de l'inspecteur chrome (screen 1), le codage des navigateurs, ordinateurs... est fait en anglais oui. Ce screen sert uniquement à avoir une idée des dimensions de la page en pixels.

Mais dans les screens suivants, le logiciel de graphisme est bien en français.


https://i.goopics.net/p314R.png https://i.postimg.cc/4dQVnQqC/nightfallbanner5.png https://i.postimg.cc/Px1zY8VH/iconnf.png
 

#6 06-01-2022 16:02:25

orlanne84
Douce fleur raffinée
Date d'inscription: 2011
Messages: 8820

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

oki j'utilise actuellement photofiltre studios X mais j'aime bien voir d'autres logiciels de retouches^^ et celui là me semble sympa je vais l'essayer merci Skeleton pour tout ce travail ça a dû te prendre du temps ^^
Coeur je vois que tu utilises Photoshop il m'a toujours fait un peu peur celui là ^^


https://i.postimg.cc/pTSNtYWW/valorlou.png
 

#7 06-01-2022 17:19:25

coeurarcenciel
Licorne magique d'Aarnel
Lieu: Au pays des doudous
Date d'inscription: 2011
Messages: 2568

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

skeleton a écrit:

Je pense qu'Orlanne parle de l'inspecteur chrome (screen 1), le codage des navigateurs, ordinateurs... est fait en anglais oui. Ce screen sert uniquement à avoir une idée des dimensions de la page en pixels.

Mais dans les screens suivants, le logiciel de graphisme est bien en français.

Aaah my Bad ! Je comprend mieux effectivement les lignes de code c'est aussi un vrai calevaire pour moi alors que j'en ai un peu fait xD

orlanne84 a écrit:

Coeur je vois que tu utilises Photoshop il m'a toujours fait un peu peur celui là ^^

Haha je comprend mais il faut pas, maintenant que je le maitrise je changerais pour rien au monde hihi, après je pense que peu importe les logiciels, c'est l'utilisation qu'on en fait qui compte ! ^0^


https://urlz.fr/pFWy
        https://cdn.discordapp.com/attachments/835268190099210270/1211424013503434782/Banniere_Principale2.png?ex=65ee2587&is=65dbb087&hm=4d01354f11caa1bce014ceaf04275bd3e3ad8bcf297a5f99d75f0211d164e37b&
 

#8 06-01-2022 19:17:13

hortentia
Styliste
Lieu: chateau dans la forêt
Date d'inscription: 2010
Messages: 579
Site web

Re: Tutoriel : Personnaliser votre profil de jeu avec un logiciel

orlanne84 a écrit:

je vois que tu utilises Photoshop il m'a toujours fait un peu peur celui là ^^

c'est le meilleur logiciel de montage selon moi, et s'il est un peu compliqué au début, ils ouvre tellement de possibilités!


https://zupimages.net/up/23/46/8iid.png
 
 

Pied de page des forums