[Theorie + Photoshop] Créer un smiley de A à Z

Bijour bijour. Je viens a ce jour vous parler d'emoticon, plus communément connu sous le nom de smiley chez les francophones (je sais pas chez les autres =°).

C'est un tutoriel long. J'écris beaucoup, pour essayer d'expliquer au mieux. Je pourrai faire un tutoriel step by step qui ne sert qu'a recopier un emote si telle personne ne fait pas l'effort de s'en détacher. Mais la n'est pas mon but.

Si question il y a, n'hésitez pas a me demander.
Et que l'emote se répande sur nos terres!
De Vanne a dit que toute facon vous n'en feriez que des choses hérétiques =°
A vous de lui prouver le contraire pour éviter l'bucher :')

[Theorie + Photoshop] Créer un smiley de A à Z Introx

[Theorie + Photoshop] Créer un smiley de A à Z Shadingexpression

[Theorie + Photoshop] Créer un smiley de A à Z Animationv

/!\ Important /!\
Chaque navigateur supporte une vitesse de frames différente.
Il est donc nécessaire de s'y adapté si on veut toucher la pluspart.
Utilisez MINIMUM 0.06s par frames.

Voici un tutoriel en anglais : http://cookiemagik.deviantart.com/journal/25302559/
C'est pas compliqué a comprendre Heureux

Quelques liens :
DIGIPAINT N°5 -Ombres et Volumes- by Smirtnoff

Les galleries d'emoticonists dont je me suis servis de leurs emotes a titre d'exemple :
http://kermodog.deviantart.com/
http://cookiemagik.deviantart.com/
http://mixedmilkchocolate.deviantart.com/
http://madb0y.deviantart.com/
http://colorcatcher.deviantart.com/
http://bad-blood.deviantart.com/

Ressources : psd de mon emote qui rebondit, et de mon gradient-shading.
http://www.megaupload.com/?d=LZ2N3AC4 (pas d'autre idée d'hébergeure en tête :<)

Le rebond en question, dans la partie Animation, animé.

[Theorie + Photoshop] Créer un smiley de A à Z Bondw

Tout ça est vraiment très intéressant Heureux

C'est très sympa de voir comment tu fais etc. ^^

Merci beaucoup Très Heureux

Pour la partie expression, je réalise que finalement, vous avez rien pour la faire vous même :>
Du coup, j'vais surement ajouter quelques petits trucs.

Mais il est génial ce tuto ! Et dire que je n'ai pas vu qu'il avait été posté !

Pour être franche, faire des émo ne m'intéresse pas, mais les voir, et surtout voir comment les faire, je trouve que c'est très très intéressant. Cela vaudrait même le coup, à mon avis, de faire comme Smirty une session livestream pour nous permettre de te voir réaliser une émoticon.

J'ai tout lu avec plaisir. C'est bien écrit (une ou deux petites fautes, mais ca ne gène pas la lecture) et ça se lit très facilement. Je n'ai honnêtement pas tout compris, mais j'ai saisi le principe, et j'ai été vraiment éblouie par ton savoir en la matière.

Comment en es tu arrivé à cet art?
Et autre question : tu as fait ce tuto pour Ter Aelis? Si c'est le cas, mon ami, protège le: met ton nom et le nom du forum, avec l'interdiction de copier ton travail.

Dou'

Merci beaucoup!

Pourquoi pas une session livestream un de ces jours, si ca tente du monde.
Mais c'est pas vraiment interessant la partie shading (surtout que j'en ai trouvé un qui me plait x) )
Mais la partie animation peut se faire si ca interesse du monde Heureux

Pour les fautes, oui, j'y ai pas attacher beaucoup plus d'importance que d'habitude Géné

Pour mon "savoir", a vrai dire je m'en étais pas aperçu avant d'écrire ce tuto que j'appliquais tant de choses. Mais bon, ca s'apprend sur le tas, et quand on l'fait on y pense pas vraiment, mais j'suis flatté Géné

Comment arrivé aux emotes ? Aucune idée.
Quoique, ca devait être en aout, j'voulais faire mes propres emotes pour un projet d'alliance avec forum. Sauf qu'ils étaient tres tres moches Très Heureux

(je les ai toujours x)). Mais ca m'a pas motivé. C'est quand je l'ai fais sur DA, et que enfin, j'ai fais un truc qui me plaisait vraiment. (faire des signs, j'pensais aimer ca parce que les gens trouvait ca bien, mais en fait non. )

Ce tuto avait pour but premier d'être répandu, mais en fait non. Il restera sur DA. J'vais me mettre un pti TeaR dans un coin. Mais en théorie, rien que le shading est la signature d'un emoticonist : P

Argh voilà la recette. Pour l'animation, il te faut donc tout un assortiment de dessins pour apporter de la fuidité. Je constate pas la même occasion l'ampleur du travail que cela demande.

Super tuto, et merci pour les astuces sur le stream. Va falloir que je fasse un joli smiley en ton honneur, mais ça prend du temps et je dois partir. Et je kiffe ta petite mascotte, on va se faire des bastons de mascottes pixelisées
[Theorie + Photoshop] Créer un smiley de A à Z Yeay10

[Theorie + Photoshop] Créer un smiley de A à Z Yeay10

Dans ce cas, je l'attends : P

Pas d'soucis! [Theorie + Photoshop] Créer un smiley de A à Z Yay

Sur ce, je m'ennuyais, donc je vais m'entraîner a les faire bouger=°

GE-NIAL.

(Genre à la dA : AWESOME. Voire Legend - Wait for it … - dary, toussa)

J'm'y mets.
(Cela dit j'ai déjà fait mon avatar toute seule, hein que je suis forte)

Oui sauf les 4 traits blancs qui l'entourent Très Heureux

OH CA VA HEIN.

(Et oui je sais ça foire, c'est mon dégradé qui a planté & j'ai master-la-flemme de le refaire)

Pour garder du dégradé normal, faut changer des options dans le menu "Enregistrer pour le web"
Un fois sur le format gif, dans le menu a droite, normalement il y a "Cache". Suffit de mettre la couleur du fond en question Heureux

Pour un avatar je te conseille quand même d'agrandir le cadre, parce que la, j'avais pas vu avant que tu le dises :>

Merci beaucoup en tout cas !

Moi non plus je n'avais pas vu ce très détaillé tuto, très clair et didactique.

Merci concours pour Halloween qui m'a fait découvrir l'excellent travail de notre Emotear !

Nombre de messages : 39 Age : 32 Date d'inscription : 23/12/2007

Ce tuto est tout simplement exeptionnel
depuis le temps que j'en cherchai un comme sa, merci Tear Heureux

Au passage voila mon premier emote, on ne peut plus classique:
[Theorie + Photoshop] Créer un smiley de A à Z 1292926833_emote

et en animé:
[Theorie + Photoshop] Créer un smiley de A à Z 1292932775_Sans-titre-1

edit: euh d'ou qu'il sort le truc blanc derrière ?

Je vais essayer de faire quelques chose d'un peut plus complexe maintenant Heureux

As tu fais de la transparence en jouant sur des opacités (genre avec une gomme à 85% au lieu de 100%)? Car le gif ne le supporte pas (pas comme le png 24) et crée un fond blanc si y'a le moindre pixel.

Il faut vraiment qu'il soit transparent (donc vide) pour ne pas avoir ce halo blanc.

Nombre de messages : 39 Age : 32 Date d'inscription : 23/12/2007

Non :S
J'avais le smilie de base sans anim' et avec un contour bien transparent. Ensuite j'ai fait mon anim' juste en déplaçant des éléments et j'ai enregistrer en .gif.

C'est pas grave, je retenterai un truc bientôt, on verra bien si sa me le refait ^^

[Theorie + Photoshop] Créer un smiley de A à Z Smiley10

Regarde quand tu l'enregistres si il t'as pas ajouté un blanc ou un blanc avec un petit rond dedans dans ta palette de couleurs. Si il y en a un tu le cliques et le glisses dans la corbeille, ça devrait marcher.

Si c'est du gradient shading, selectionne le corps de ton emote, inverse la selection, et supprime sur tous les calques qui te servent a faire le shading. Sauf si c'est déjà en masque d'êcretage. C'est le genre de trucs qu'on ne voit pas a l'oeil nu.
Ou alors la solution de Smirt ^^

'm'apprendra a partir manger :p

Je me suis également pris au jeu et ai tenté quelque chose :
[Theorie + Photoshop] Créer un smiley de A à Z Inlovep

Nombre de messages : 39 Age : 32 Date d'inscription : 23/12/2007

C'est bon, sa à marcher avec la solution de smirt'.

» [Photoshop] Un Smiley !
» Guide Photoshop