Auteur Sujet: Tuto [Infographie] de Petit-Pied  (Lu 1930 fois)

Tuto [Infographie] de Petit-Pied
« le: mai 19, 2014, 01:14:08 am »

Hors ligne petit-pi-hey

  • Membre Star Conflict
  • Membre Timide
  • **
  • Messages: 25
  • www.petit-pied.com
I - les pixels

les pixels sont des tout petit carrés qui sont sur votre écran.
ils définissent votre résolution d'affichage.
Par exemple 800x600 ; 1024x patati patata ...
Ces carrés sont divisés en 3 canaux : Rouge Vert Bleu. ( ou RGB en anglais )
En général, sur les ordinateurs de tout le monde , il existe 256 nuances de Rouge.
pareil pour les autres , donc : 256 nuances de vert et 256 nuances de bleu.

ces nuances sont définies par un code couleur hexadécimal.
en gros, quand vous voyez un code couleur #335588 ; le code représente la valeur de la couleur.
le code se décompose comme ceci : 33 Valeur du rouge // 55 valeur du Vert // 88 valeur du rouge.
Voici un tableau récapitulatif des couleurs:


Et un autre


Bon maintenant vous allez me dire: " wé mais pourkoi dans mon imprimante c'est pas rouge/vert/bleu, c'est Cyan / Magenta / Jaune / Noir "
Bah en fait pour les impressions c'est pas pareil , ils ne se basent pas sur un code couleur RGB mais sur un code couleur CMJN.(Cyan/Magenta/Jaune/Noir Hololol !)

Donc pour résumer :
- le RGB c'est mieux pour les écrans.
- Le CMJN c'est mieux pour les impressions.

II - Toshop

Bon alors si vous voulez vraiment faire de l'infographie, c'est PHOTOSHOP, c'est pas Gimp, c'est pas PainterX , c'est pas paint shop pro , c'est Putain de mother fucking PHOTOSHOP !
Pourquoi ? bah parce que c'est le meilleur, vous pouvez taffer en calques, ça évite d’écraser votre dessins si vous faites des erreurs.Y'a des brush ( pinceaux ) qui donnent des effets super cool toussa toussa.
Et ne me dites pas " ouais mais c'est chère et bidule c'est gratuit et ça marche sous linux " parce que là , c'est 2 baffes dans votre gueule...

Au passage, vous verrez dans Photoshop que vous pouvez choisir le type de couleurs utilisés dans Photoshop pour votre image.
menu photoshop => image => mode => couleur CMJN/ Couleur RVB

III - Les DPI
Quand vous créez un document pour photoshop, il va vous demander les DPI que vous voulez mettre.
En français les DPI sont les Pixels/pouce
En gros c'est l'échelle que votre image aura.
75 Dpi c'est suffisant pour un écran de pc.
300 Dpi c'est mieux pour une impression , ça permettra d'éviter l'effet de " petits carrés " sur l'image.

IV - La pratique
Bon la théorie c'est sympa mais passons à la pratique,
Voici un beau tuto de maliki pour peindre ses premiers dessins

http://www.maliki.com/tutorial_colo.html

V - Formats de fichiers
Pour faire vite, le format des fichiers:
 

BMP - format bmp , lourd, très bonne qualitée , ne prend pas en charge la transparance
JPG/JPEG - format lourd à Leger ( ça dépend de votre compression ) peut avoir une bonne qualitée comme une qualitée dégeu ( ça dépend de votre compression Bis) , ne prend pas en charge la transparance
TIFF - format lourd, prend en charge la transparance mais ça marche pas très bien
Gif - permet de faire des petits gifs marrants sur internet.Prend théoriquement en compte la transparance


Pour résumer, si vous utilisez votre image sur le net, utilisez plutot le format JPG avec une compression à 60 / 75%


VI - Brushs & Nuanciers
Et pour finir, voici quelques pinceaux pro et des nuanciers de qualité pro.(nofake)
Vous devez simplement double cliquer dessus et ils seront importés dans toshop

https://www.dropbox.com/s/m2hxwc2e7b3g2jj/Super_Nuancier.aco
https://www.dropbox.com/s/cjydk32zuckx30x/Brush_painting.abr

V - Tuto de Painting

https://www.youtube.com/watch?v=yDK3YxTz0aY



Edit :
Je vous invite fortement à utiliser les brushs que j'ai mis à votre disposition.
Elles sont de très bonnes qualités et ce sont celle que mon prof utilise exclusivement pour faire ceci :



Ces Brushs sont particulièrement intéressants pour les textures de cheveux, taches de sang, texture granuleuses, et plein d'autres trucs cool.
« Modifié: mai 19, 2014, 01:28:30 am par petit-pi-hey »

Re : Tuto [Infographie] de Petit-Pied
« Réponse #1 le: mai 19, 2014, 01:46:12 am »

Hors ligne petit-pi-hey

  • Membre Star Conflict
  • Membre Timide
  • **
  • Messages: 25
  • www.petit-pied.com
les liens utiles

Pour les typographies:
http://www.dafont.com/fr/themes.php
ou
http://www.1001freefonts.com/

Pour les textures:
http://www.cgtextures.com/
y'a un peu de tout même si c'est pas très beau. Mais au moins c'est libre de droits.

http://sirius-sdz.deviantart.com/art/Texture-Pack-26-410028398
De belles textures libres de droit, cliquez simplement sur le "download" à droite.

Pour les programmes et les tutos:
http://cgpersia.com/
les liens sont également disponibles en Torrent une fois que vous êtes inscrit sur le site.
Mais les 3/4 des programmes sont en Anglais :/

Tutos divers:
http://www.mclelun.com/blog/2013/11/makoto-shinkai-style-background-tutorial/
Tuto de painting sous Photoshop

http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/tutorial_how_to_paint_realistic_hair
Créer des cheveux réalistes sous photoshop. En Anglais.

http://fr.openclassrooms.com/informatique/cours/debuter-sur-adobe-photoshop/reglage-de-la-colorimetrie#r-275313
tuto sur l'utilisation générale de photoshop ... un peu rébarbatif mais ce sont les bases à savoir.

http://www.photoshop-creation.com/tuto-effet-zombie.php?id=150
Créer un effet de Zombi ... tuto un peu moisi mais bon, c'est bien pour débuter.

https://www.youtube.com/watch?v=6thO2tLJkkU
Video de tuto de painting. Video Assez bonne ;)
« Modifié: mai 19, 2014, 01:51:13 am par petit-pi-hey »

Re : Tuto [Infographie] de Petit-Pied
« Réponse #2 le: mai 19, 2014, 08:26:01 am »

Hors ligne Bakou

  • Fondateur
  • Webmaster
  • Vétéran
  • ********
  • Messages: 2 020
  • Le fun, sans prise de tête
  • BattleTag B.Net: Bakou#2667
Merci beaucoup pour toutes ces informations :)


Re : Tuto [Infographie] de Petit-Pied
« Réponse #3 le: mai 24, 2014, 06:07:21 pm »

Hors ligne AEstroms

  • Staff
  • Membre Bavard
  • **
  • Messages: 113
  • Modérateur Graphisme
OUAAA super merci et je ne comprend pas comment se servir du nuancier

Re : Tuto [Infographie] de Petit-Pied
« Réponse #4 le: mai 24, 2014, 06:23:20 pm »

Hors ligne petit-pi-hey

  • Membre Star Conflict
  • Membre Timide
  • **
  • Messages: 25
  • www.petit-pied.com
tu dois simplement double-cliquer sur le nuancier, et dans ta palette de couleurs sur Photoshop tu auras de nouvelles couleurs disponibles, ça sert à faire des associations de couleurs et dégradés plus facilement pour tes dessins.

 

Association

Publication J.O.