[Photoshop/ImageReady] Faire des bulles originales

Les tutoriels concernant les Sprite Comics se trouvent ici.

Modérateurs : SM58, Purple Sea, El Señor Toulou

Répondre
Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

[Photoshop/ImageReady] Faire des bulles originales

Message par Jackfiouse » 06 août 2010, 19:53

Wesh la desh,

Vous rêvez de faire ce genre de bulles ?

Image

Eh bien c'est très simple. Voici ce dont vous avez besoin :

  • ImageReady CS2
    Paint
    Un cerveau
    Un PC
    Une planche de SC


/!\ Télécharger ImageReady CS2 /!\

Pour télécharger ImgReady, vous avez besoin de Photoshop CS2 (téléchargeable ici).
Dans un des dossiers, ImageReady sera. Sachez qu'il n'est pas payant, si vous payez pour, faites vous rembourser.

EDIT : Ça marche très bien aussi avec Photoshop d'ailleurs.

/!\ Trouver un cerveau pas cher /!\

Quelques cerveaux de bonne qualités sont vendu à bas-prix sur ce site : http://www.cerveauxpascher.com/515kfwif/.

J'aimerais aussi préciser que j'utilise ImageReady en anglais. Il se peut donc que les noms diffèrent de la version française, mais je vais vous faciliter la tâche en images.

Maintenant, commençons.

_______________________________________________________________


Étape 1


Ouvrez ImageReady avec votre planche.

Image

Parce que j'ai la flemme de faire une planche complète pour un tuto, je ne vais que faire une seule case. Veuillez me pardonner.


Étape 2

Cliquez sur le petit «T», tout à gauche, puis écrivez votre texte en cliquant au dessus de votre personnage.

Image Image

Étape 3

Regardez à droite de l'écran. Vous devriez voir quatre fenêtres. Observez la dernière, en bas :

Image

Il faut faire un clique droit sur votre texte. (Pour moi : «Voici mon tuto sur Im...») Ensuite, cliquez sur «Layer Style», puis sur «Stroke».
Spoiler :
Image
Étape 4

Vous devriez arrivez à une fenêtre comme celle-ci :
Spoiler :
Image
Dans la section «Structure», ajustez comme si-dessous :
  • Size : 3 px
    Position : Outside
    Blend Mode : Normal
    Opacity : 100%
Ensuite, dans la section «Fill Type», ajustez comme ça :
  • Fill Type : Color
    Color :
    Choisissez la couleur de la bordure du texte ici.
Après tout ces modifications, votre fenêtre devrait ressembler à cela :
Spoiler :
Image
Notez que j'ai choisi une couleur qui s'agence bien avec mon personnage, ici le blanc.

Étape 5 (optionnelle)
Spoiler :
Cette étape est optionnelle, mais elle peut s'avérer assez utile. Elle consiste à changer la couleur du texte. Vous n'avez qu'à cliquer sur «Color Overlay» et choisir votre couleur à côté de «Blend Mode».

ImageImage

Étape 6


Cliquez sur Ok. Vous devriez revenir à l'interface principal comme ceci :

Image

Oh, magie, le texte est entouré de blanc ! Mais il manque quelque chose : une queue de bulle. Nous entrons donc dans la partie la plus technique du travail. Gardez enfoncé le bouton de votre souris sur le petit rectangle pointillé. Le programme vous donnerait alors des choix. Sélectionnez «Elliptical Marquee Tool» (l'ovale pointillé).

Image Image

Une fois que c'est fait, regarder en-haut de l'interface. Vous devriez voir une barre de fonction. Dessus, il y a quatre petit carré. Cliquez sur le troisième :

Image

Étape 7

Bon, là, votre dextérité en jouera beaucoup sur le résultat final. Faites un ovale vers le milieu de votre texte :

Image

Il faut maintenant s'arranger pour avoir une queue de bulle. Faites d'autre ovale par-dessus l'ovale initial pour arriver à ce résultat :

Image

En superposant deux ovales, j'ai eu une demi-lune. Vous pouvez faire d'autre ovale pour qu'il ne reste qu'une queue de bulle. Vous pouvez vous aider avec l'outil «Marquee Tool» (le rectangle pointillé de tout à l'heure).

Voilà le résultat :

Image

Étape 8

Maintenant que vous avez votre queue de bulle, il faut la colorier. Allez dans la barre de tâche, en-haut, ensuite dans «Layer», «New», puis «Layer». Cette fenêtre devrait apparaître :

Image

Cliquez sur Ok. Ensuite, prenez la pipette et sélectionnez la couleur du contour de votre texte. Ensuite, sélectionnez le pot de peinture. Si il est absent, garder appuyé le bouton de votre souris sur le pinceau, puis choisissez le pot de peinture. Cliquez ensuite sur votre queue de bulle. Voici le résultat :

Image

À l'aide de l'outil de déplacement, vous pouvez changer de place votre queue de bulle si elle superpose votre texte. Je l'ai moi même fait :

Image

Appuyez sur l'outil de sélection. Faites un clique droit sur votre queue de bulle, puis cliquez sur «Deselect». Vous avez maintenant une case de terminée !

Il se peut que votre queue ai quelques défauts; retouchez-les à l'aide de Paint.

Voici le résultat final :

Image

_______________________________________________________________

Et voilà, j'ai fini mon premier tuto. J'viens de me rendre compte que j'ai gaspiller deux heures de ma précieuse vie à raconter à une bande de mioche comment faire bulles sous ImageReady...
Je blaguais, vous êtes pas tous des mioches...

J'aimerais remercier BoOwser pour m'avoir expliquer comment, avec sa patiente de titan et son corps de BG.

Bonne journée. :fume:
Modifié en dernier par Jackfiouse le 02 oct. 2012, 03:09, modifié 1 fois.

Avatar du membre
Kroki
Mange du riz
Mange du riz
Messages : 9265
Enregistré le : 27 oct. 2009, 10:19
Logiciel 1 : Gimp

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Kroki » 06 août 2010, 20:24

Comment tu peux te compliquer la vie ! °_°
Sur Gimp un petit calque avec la couleur remplie avec une selection aggrandie du texte et trois points d'ancrage à la plume, et voilà.

Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Jackfiouse » 06 août 2010, 20:31

Ah bon. Bah, j'vais continuer d'utiliser ma méthode. Ça parait long quand on l'écrit, mais avec moi ça va vite.

Avatar du membre
Voxy
Sacré posteur
Sacré posteur
Messages : 529
Enregistré le : 03 janv. 2010, 15:10
Logiciel 1 : Photoshop
Contact :

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Voxy » 06 août 2010, 20:49

Ou alors le faire sur toshop (c'est le même)
Mais sur photofiltre c'est possible aussi je crois !
Image


Avatar du membre
Noc
Obstiné du post
Obstiné du post
Messages : 1575
Enregistré le : 05 janv. 2010, 21:06
Filleul(s) : Impact (4eva), Thetis, Meooooooowstix
Logiciel 1 : Photoshop
Localisation : Ikkibukuro

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Noc » 06 août 2010, 23:05

Bon j'utilise pas cette technique en fait mais j'arrive à un truc a peu près similaire. Par contre, tes queues de bulles sont immondes.
[quote="Yoshi80"]Wendöh, Noc, Objected : Merci a tous les 3 de m'avoir aidé a partir. Sincèrement, JE VOUS HAIS ! Ne répondez pas a ce message, ce serait puéril.[/quote]


Avatar du membre
Voxy
Sacré posteur
Sacré posteur
Messages : 529
Enregistré le : 03 janv. 2010, 15:10
Logiciel 1 : Photoshop
Contact :

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Voxy » 06 août 2010, 23:07

Moi j'ai une meilleure technique : queues de bulles pré-faites sous paint !
Image


Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Jackfiouse » 06 août 2010, 23:44

Noc a écrit :Par contre, tes queues de bulles sont immondes.
Elles sont ratées à ce point ? Moi, je l'ai trouvait pas mal, pourtant...

Avatar du membre
Noc
Obstiné du post
Obstiné du post
Messages : 1575
Enregistré le : 05 janv. 2010, 21:06
Filleul(s) : Impact (4eva), Thetis, Meooooooowstix
Logiciel 1 : Photoshop
Localisation : Ikkibukuro

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Noc » 07 août 2010, 00:09

Elles sont trop épaisses. A noter que l'on peut aussi enrichir ce style avec divers effets de textes.
[quote="Yoshi80"]Wendöh, Noc, Objected : Merci a tous les 3 de m'avoir aidé a partir. Sincèrement, JE VOUS HAIS ! Ne répondez pas a ce message, ce serait puéril.[/quote]


Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Jackfiouse » 07 août 2010, 03:42

Noc a écrit :Elles sont trop épaisses.
Oh, si ce n'est que l'épaisseur, j'vais régler ça. Je pensais que tu critiquais la forme en général.

Avatar du membre
PixelReckon
Discret
Discret
Messages : 193
Enregistré le : 07 juil. 2010, 10:26
Contact :

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par PixelReckon » 07 août 2010, 11:23

Moi j'aime bien,je trouve que ca gâche pas le background avec une grosse case blanche ;)

Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Jackfiouse » 07 août 2010, 16:55

Ancestral Ω a écrit :Moi j'aime bien,je trouve que ca gâche pas le background avec une grosse case blanche ;)
C'est exactement ce que je pense. Mais j'aimerais savoir si le tuto est bien expliqué. Des fois, j'ai de la difficulté à expliquer les choses, alors j'essaie de m'améliorer.

Avatar du membre
PixelReckon
Discret
Discret
Messages : 193
Enregistré le : 07 juil. 2010, 10:26
Contact :

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par PixelReckon » 07 août 2010, 18:49

C'est long mais pas forcément compliqué.

Avatar du membre
Voxy
Sacré posteur
Sacré posteur
Messages : 529
Enregistré le : 03 janv. 2010, 15:10
Logiciel 1 : Photoshop
Contact :

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Voxy » 12 août 2010, 17:52

Une question : c'est quoi la police du tuto ?
Image


Avatar du membre
Jackfiouse
Accro du clavier
Accro du clavier
Messages : 2166
Enregistré le : 23 juin 2010, 01:34
Logiciel 1 : Photoshop

Re: [ImageReady] Faire des bulles à la BlackJACK

Message par Jackfiouse » 19 août 2010, 14:29

Je crois que c'est Gilles Comics Font, ou quelque chose dans le genre.

Répondre