Les dernières créations graphiques

Grab your keys

 

Bad Ian

 

 

 

Cours 2 : Les brushes

Un pas à pas, pour installer un Brush ou des Brushes sur vos créations! La première chose que j’ai voulu faire sur photoshop avant même d’en comprendre les termes et les techniques, c’était de coller des papillons sur toutes mes photos! exemple:

(c) face de womanfromars

Magnifique non? La réponse est bien évidemment non! (pas que ma tronche soit moche, mais les papillons c’est chouette mais seulement dans un certain contexte! et surtout on gomme le papillon rose collé sur la joue…)

Donc, papillon, étoiles, rose, canard sont les brushes d’office de Toshop CS3, mais heureusement il existe des sites pour trouver des brushes extra!

Site 1, qui nécessite une inscription et présentation.

Site 2, qui ne nécessite pas d’inscription.

Site 3, qui ne nécessite aucune inscription non plus.

Une fois le brush choisit on l’enregistre sur l’ordi, dans un nouveau fichier. Pour l’installer sur photoshop rien de plus simple, on ouvre le brush comme une image lambda, ensuite EDITION – DEFINIR UNE FORME PREDEFINIE – prenez le pinceau et TADA!

exemple:

Brush

 

Voici un brush et voici ce que l’on peut en faire!

Résultat final :

(c) womanfromars

 

A vous de vous éclater à trouver des brushes! Si vous souhaitez m’envoyer vos créations: womanfromars@hotmail.fr

 

Cours 1 de graphisme : Une image Pas à Pas (1ère)

Lorsqu’on ouvre une image lambda, on voudrait pouvoir la transformer autre qu’avec la balance des couleurs, la saturation ou la désaturation, savoir faire des effets de dessin est donné à tous, mais le graphisme sur photoshop ouvre de multiples possibilités! Je ne suis certainement pas la meilleure prof, puisqu’encore dans la classe débutant, en attente de mon examen final de partie 1. Mais puisque j’ai apprit les premières étapes, je peux vous guider.

Avant d’apprendre ce qu’est un script, ou encore gérer l’écriture de vos créations, je vais vous permettre d’apprendre à vous servir des claques en fond d’abord.

CHI:

1. Je vous invite à ouvrir n’importe quelle image de votre choix (de bonne qualité, c’est à dire taille moyenne sur google, ou grande taille) , puis dans Fichier cliquez sur nouveau (la taille doit être en pixel je le rappelle, donc format WEB, 500 en largeur par 250 en hauteur par exemple.)

2. Dans le nouveau fichier, sélectionnez un calque (qui s’appellera tout seul, calque 1) : comme ceci:

2. Une fois vos deux fenêtre ouvertes (image d’un côté, nouveau en blanc de l’autre), prenez l’outil de déplacement, qui est représenté en haut à gauche par une petite flèche noire et une quatre flèche en petite. C’est l’outil n°1, que l’on utilise le plus en graphisme. Puis sélectionnez l’image et déplacez celle ci grâce à l’outil. Votre image se retrouvera alors dans l’encadré blanc (nouveau).

3. Vous allez remarquer que oui, votre image sera trop grande, ou trop petite, pas de panique, allez dans EDITION, et cochez TRANSFORMATION MANUELLE, un cadre se fera atour de votre image, vous n’aurez plus qu’à réduire, ou rallonger, en faisant attention à respecter les formes du visage et ou du corps:

4. Une fois votre image correctement formée, attaquons l’exercice de style.

CHII:

Comment trouver un fond? Il en existe plusieurs, des fonds créés par des graphistes, ou des fonds pêchés sur google images, ou encore des photos à soi. Dans le monde du RPG Design, l’un d’entre eux, est assez agréable à utiliser, ça s’appelle le  fond light. Ceci:

Collé sur une image brute, ne fonctionne pas, mais incrusté, éclaircit ou obscurcit, il devient indispensable!


Ce site est un exemple parmi tant d’autres, où vous trouverez une texture qui vous plait.

Après la texture light, il y a la texture nuages, la texture fleurs, la texture rayée, peinture etc…

(c) insurrection

CHIII:

1. choisissez un fond, l’ouvrir dans photoshop, le déplacer sur le fichier nouveau :

2. Utilisons maintenant la gomme pour faire disparaitre les contours foncé de l’image de base (personnage), on sélectionne donc le calque du personnage et on clique sur l’outil gomme, on choisira plutôt un rond soit net soit flouté.

3. On gomme avec beaucoup de soin et le plus de précision possible. (si erreur Ctrl+z)

4. Les contours vous semblent trop durs? Utilisez ensuite la goutte d’eau: Elle affinera vos contours!

5. Pour finir enregistré l’image en format PNG et voilà! Votre tout premier travail graphique!!

Un peu de graphisme pour la route!

womanfromars création

womanfromars création

womanfromars création

womanfromars création

Des avatars de RPG, j’ai décidé de vous lancer un défi aujourd’hui, ouvrez vos toshop (photoshop) ou autre, et créer votre tout premier avatar… Je vous invite à m’envoyer vos résultats sur womanfromars@hotmail.fr, un seul gagnant, aura le droit à un cadeau! Après tout c’est Noël! A vos souris mes amis!! je vous attends!!

Graphissssmmmmeee

En premier un header, en second un défi-délire.

et le petit dernier, pour le forum Keep The Secret.

Graph’

Mon gros défaut en graphisme c’est la colo (alias la coloration), autant j’aime me servir du contraste et de la luminosité à outrance de temps en temps, autant je n’aime pas particulièrement changer la coloration d’une photo. Et pourtant, forcé de constater que dans le monde graphique du role play, l’important c’est: le détourage et la colo… S’il manque un des deux, tu es mort(e)!

Le principe même de coloration, s’étudie suivant 2, 3 points : Savoir se servir de la mention « balances des couleurs », saturer le violet, le bleu, le jaune etc… Puis savoir appliquer des masques de fusion colorés, ou appelés aussi calques colorés… Et enfin pouvoir aussi se servir de la saturation des couleurs!

Jusque là ça semble simple, mais assortir une colo avec un fond, une compo entière, n’est pas chose aisée à faire, sans compter donc qu’il faut aussi agrémenter le tout, d’une bonne typo et ça c’est ma bête noire, heureusement je ne suis pas la seule à galérer avec la typographie, c’est assez dur de trouver le bon style. C’est avant tout une question d’imagination et de goûts, si tu n’as pas les deux… passe ton chemin sur le graphisme!

Ci joint, un lien connu de tous et toutes, Bazzart.org, c’est un site graphique, et d’aide aux forums RPG, très utile et même indispensable!  { http://www.bazzart.org/} allez jeter un coup d’oeil dans la catégorie graphisme, familiarisez vous avec les premades des créateurs, les icons, les vavas etc…

 

 

Les petits conseils graphiques

Je vais vous donner quelques tuyaux quant à la réalisation de vos œuvres graphiques, des tuyaux qu’on m’avait donné de bases, et qui servent bien la cause. La première est : ne jamais écrire un texte d’une traite… Ecrire morceau par morceau, pour pouvoir le déplacer à votre guise et composer à votre guise. Exple pour un cv, parce que oui, photoshop peut servir aussi à faire des CV de folie!

un de mes cvs

Chaque ligne de texte est indépendante. Plus pratique donc pour la composition.

D’autre part, autre conseil, pour les détourages, si vous avez débuté comme moi, avec le détoureur aimanté, je vous conseille d’utiliser la fonction « extraire » dans filtres. Un panneau s’affiche avec votre image et trois outils: Gomme / pot de peinture / stylo feutre. Utilisez le stylo feutre, pour entourer le plus précisément possible votre image, ensuite remplissez avec le pot de peinture (l’image se retrouve entouré de vert et remplit de bleu), puis cliquez sur Ok… Votre image est prête à être incruster sur un fond ou autre. Beaucoup moins galère que l’outil relié à la baguette magique…

Ensuite, Arrêtez de vous servir des filtres à outrance, la plupart du temps c’est moche et ça ne vaut pas le coup. Par contre, usez des modalités des calques superposition / lumière linéaire / lumière tamisée / éclaircir etc… Les effets sont tous utilisables!

Et dernier point la qualité des images… Très important, il sera toujours mieux d’avoir une image trop grande, que l’on rétrécit avec la transformation manuelle, plutôt que l’inverse! La pixellisation est un fléau, qui même enregistré sous autre format que PDF, se verra… Donc préférez des images de taille grande sur google image. Ou alors, je vous laisse quelques adresses de sites merveilleux où vous trouvez des supers textures, des patterns et des brushes.

http://obsession27.free.fr/  —   http://satin-diary.voila.net/ —  http://browse.deviantart.com/?qh=&section=&q=brushes+flowers

La création graphique

Ce que l’ont voit c’est une image, certes, mais derrière cette simple image, il y a plusieurs choses à étudier.Premièrement, on commence toujours par le fond, soit les textures (light sous entendu du flair lumineux, pages de vieux livres, paysage etc…) on s’amuse avec les effets des calques (rien à voir avec les filtres sur PCS3), les couleurs (balance des couleurs), la saturation etc… Quand on a ça, on place les personnages, on trouve des photos de hautes qualités, facile à détourer (en utilisant le détoureur aimanté ou mieux la fonction « extraire » dans filtres), là pareil, on joue sur les couleurs, la luminosité etc… Et ensuite on peut mettre ce que l’on appelle des patterns, c’est un motif qui peut agrémenter vos créations, et aussi le brushe (rien à voir mesdames avec ce que vous faites subir à vos cheveux chez le coiffeur) C’est une image comme une envolée d’oiseaux, des papillons etc… qui agrémente une création!

womanfromars création
womanfromars création

Sans oublier la typographie, comme le disait si bien RIP Steve Jobs, la typographie est importante et pas seulement pour l’écriture en elle même. En graphisme, le titre c’est capital, s’il ne colle pas, même si votre header est magnifique, ça clochera. Donc je conseille un autre super site qui s’appelle Dafont.com, très facile, vous téléchargez les typos qui vous intéressent, vous les déwinzipé dans un dossier et vous les installez, c’est finit!

Le graphisme, mes débuts de photoshopeuse

Ah les joies du début!

Mensonges! Je crie au mensonge, puisqu’un début sur photoshop, ressemble plus à la première fois que vous vous tapez les orteils dans un meuble, qu’au premier baiser avec l’homme de votre vie! On tatonne, on hurle beaucoup, on s’énerve, on s’agace, on abandonne pour finalement y revenir, mais mieux armé qu’avant.

Rien que la compréhension des calques sur photoshop CS3 ou CS5, ou versions d’avant, est un casse tête pour toutes personnes non initié. Pour ma part, j’ai d’abord demandé de l’aide à mon homme, mais il faut dire qu’avec la non patience que j’ai, ça a vite tourné au cauchemar…. Pauvre chou (;(), du coup on m’a fait découvrir un site absolument génial pour les débutants complexes tels que moi!

Ce site s’appelle HID – Help In Design pour mieux comprendre! Tout y est pour vous apprendre le domaine que vous voulez connaitre! Css, HTML, Photoshop, photofiltre etc… Et des cours adaptés aux niveaux: faible, moyen, avancé… Plus des exercices, des défis, des roulettes russes et pleins d’autres choses! C’est un super forum que je vous conseille vivement, si comme moi, vous préférez remettre votre caractère de m*rde entre les mains d’une personne qui ne vous connait pas, plutôt qu’entre les mains de votre homme, qui s’arrachera les cheveux à vous apprendre à vous servir d’un détoureur aimanté!

lien : http://help-in-design.1fr1.net/

Archives