« Pour réaliser une chose extraordinaire, commencez par la rêver. Ensuite, réveillez-vous calmement et allez jusqu'au bout de votre rêve sans jamais vous laisser décourager. » (Walt Disney)
| | | | |
Auteur | Message |
---|
Tara Duncan « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Emilia Clarke
GOOD FRIEND ARE LIKE STARS
YOU DON'T ALWAYS SEE THEM
BUT YOU KNOW THERE'RE ALWAYS THERE
Adoratrice auto proclamée des cochons
et surtout des Pua !
| Conte : Tara Duncan | Dans le monde des contes, je suis : : Tara, la blonde à la mèche blanche qui fait tout exploser à son passage !
| Cadavres : 1937
|
________________________________________ 2017-02-01, 19:05 |
| Bon, je le poste aujourd'hui parce que c'est une journée light. Vous me direz ce que vous en pensez, si c'est clair, trop détaillé, pas assez détaillé, etc. A voir si on fait un codage ou pas, pour l'instant je fais un truc simple. Tuto n°1 : L'avatar-gif Hello tout le monde ! Aujourd'hui, on inaugure les tutos qui reviendront dès à présent toute les semaines. Ce premier numéro commence sur les avatars-gifs qui ont été demandés à plusieurs reprises.
Si jamais vous avez des envies de tutos particuliers n'hésitez pas à nous les donner ci-dessous ou dans la partie [url=UC]boîte à idées[/url] !
Pour le moment... Commençons !
Ouvrez pour commencer le gif que vous souhaiteriez voir apparaître dans votre avatar. Lorsqu'il est ouvert sur photoshop, vous allez commencer par le recadrer, une première fois (optionnel) pour le centrer ou réajuster la taille comme vous la souhaitez.
- Etape 1:
Lorsque c'est fait, vous pouvez passer à la redimension. Le gif que vous avez choisi doit faire 200 pixels de large exactement pour pouvoir rentrer sur votre avatar ! Vous allez donc aller dans "image" puis cliquer sur "taille de l'image" comme ci dessous :
- Etape 2:
Puis, vous allez ensuite changer la largeur de pixel indiqué pour "200", puis cliquer sur "Ok"
- Etape 2 bis:
Ensuite, une fois le gif bien redimensionné, il va s'agir de faire de la place pour l'avatar qui va arriver. Pour cela, vous allez vous rendre une nouvelle fois dans "image" et cliquer cette fois sur "Taille de la zone de travail".
- Etape 3:
Une fois que vous serez sur la petite fenêtre, vous allez devoir dans un premier temps changer le type de mesure qui se trouve juste à côté des tailles. Par défaut, il est normalement sur "centimètre" et pour ce tuto, vous aurez besoin de le passer en "pixel".
- Etape 4:
Une fois cela fait, vous allez pouvoir réajuster la taille de la hauteur pour la passer à "320". Et, étape optionnel, vous pouvez choisir que votre gif se positionne directement en bas en cliquant sur les flèches d'en dessous. Cliquez sur les flèches du bas pour que la redimension ne se fasse que vers le haut.
- Etape 4 bis:
Une fois fait, vous devez vous retrouver avec une image de ce style-là.
Une fois votre gif bien redimensionné, vous allez pouvoir passer à l'image que vous souhaitez mettre dans votre avatar. Vous allez commencer par l'ouvrir, en plus de votre gif et vous allez (c'est optionnel si elle fait déjà la taille d'un avatar) la redimensionner en 200*320 de la même manière que nous avions procéder pour le gif. Vous irez donc dans "image" puis "taille de l'image" pour la faire passer aux dimension d'un avatar.
Si elle est trop large ou trop haute, vous pourrez reproduire à nouveau la deuxième étape de redimension du gif, c'est à dire en allant dans "image" puis "taille de la zone de travail" et en redimensionnant le côté trop large ou trop long.
Une fois cela réalisé, il faudra venir coller l'image de l'avatar sur le gif. Cela peut se faire de deux manière différentes. Soit en sélectionnant l'image et en la copiant pour la coller ensuite sur le gif, soit en positionnant les deux images l'une à côté de l'autre en cliquant sur "Fenêtre" puis "Réorganisation" et enfin "2 fenêtre verticales" ou horizontale.
- Etape 5:
De cette manière, vous n'aurez plus qu'à cliquer sur l'image et maintenir se clique pour la faire glisser jusqu'à l'image d'à côté !
Une fois les deux images réunies, vous pouvez procéder de deux manières. Soit, vous pourrez faire glisser le calque de la photo d'avatar tout en bas de la barre (entouré sur l'image ci dessous). Et de ce fait, vous aurez un avatar gif final.
Soit vous pouvez choisir d'utiliser la gomme pour fondre votre gif dans votre image. Si vous souhaitez faire cela, il va falloir faire glisser le calque de votre photo d'avatar tout en haut pour qu'il se retrouve au premier plan.
- Etape 6:
Une fois placé tout en haut, vous irez chercher l'outil "gomme" qui se trouve juste ici :
- Etape 7:
Lorsque vous aurez cliqué dessus, vous pourrez choisir la grosseur de votre pinceau, la dureté ainsi que la forme de la gomme ! Il existe d'ailleurs énormément de forme différente à télécharger, n'hésitez pas à nous dire si vous souhaitez un tuto de ce genre.
- Etape 7 bis:
Une fois sélectionné, vous n'aurez qu'à gommer votre photo d'avatar à l'endroit où se trouvera le gif pour le faire apparaître. De cette façon, vous pourrez donner la forme et la place que vous voulez au gif.
- Etape 7 ter:
Lorsque vous aurez finis cette étape, vous pourrez varier les effets, la lumière, les couleurs, etc... Ainsi que mettre du texte si vous le souhaitez. Des tutos sur cette partie arriveront bientôt.
Lorsque votre avatar est finalisé, attention, l'enregistrement basique ne marche pas. Il faudra aller dans "fichier" et "enregistrer sur le Web..." pour réussir à l'enregistrer. Une fois que vous aurez cliqué dessus, vous n'aurez plus qu'à cliquer une nouvelle fois sur enregistrer, tout en bas de la nouvelle fenêtre.
- Etape 8:
Et voilà pour ce premier tuto ! Si vous avez des questions, n'hésitez pas à les poser en dessous, on y répondra au plus vite. Si vous avez suivis ce tuto, montrez nous aussi vos œuvres d'art pour qu'on puisse les admirer. - Code:
-
[size=18][b][center][u][color=#DC143C]Tuto n°1 :[/color][/u]
[img]https://stephaniethekatt.files.wordpress.com/2015/06/learn.gif[/img]
L'avatar-gif[/center][/b] [/size]
[font=Sans-serif]Hello tout le monde ! :gni: Aujourd'hui, on inaugure les tutos qui reviendront dès à présent toute les semaines. :chat: Ce premier numéro commence sur les [b]avatars-gifs[/b] qui ont été demandés à plusieurs reprises. :vicieux:
Si jamais vous avez des envies de tutos particuliers n'hésitez pas à nous [b]les donner ci-dessous[/b] ou dans la partie [url=UC]boîte à idées[/url] !
Pour le moment... Commençons !
[list]Ouvrez pour commencer le gif que vous souhaiteriez voir apparaître dans votre avatar. Lorsqu'il est ouvert sur photoshop, vous allez commencer par le recadrer, une première fois (optionnel) pour le centrer ou réajuster la taille comme vous la souhaitez.
[spoiler="Etape 1"][img]http://img11.hostingpics.net/pics/994105592.png[/img][/spoiler]
Lorsque c'est fait, vous pouvez passer à la redimension. Le gif que vous avez choisi doit faire 200 pixels de large exactement pour pouvoir rentrer sur votre avatar ! :gni: Vous allez donc aller dans "image" puis cliquer sur "taille de l'image" comme ci dessous :
[spoiler="Etape 2"][img]http://img11.hostingpics.net/pics/960328383.png[/img][/spoiler]
Puis, vous allez ensuite changer la largeur de pixel indiqué pour "200", puis cliquer sur "Ok"
[spoiler="Etape 2 bis"][img]http://img11.hostingpics.net/pics/455169424.png[/img][/spoiler]
Ensuite, une fois le gif bien redimensionné, il va s'agir de faire de la place pour l'avatar qui va arriver. :affraid: Pour cela, vous allez vous rendre une nouvelle fois dans "image" et cliquer cette fois sur "Taille de la zone de travail".
[spoiler="Etape 3"][img]http://img11.hostingpics.net/pics/360851995.png[/img][/spoiler]
Une fois que vous serez sur la petite fenêtre, vous allez devoir dans un premier temps changer le type de mesure qui se trouve juste à côté des tailles. Par défaut, il est normalement sur "centimètre" et pour ce tuto, vous aurez besoin de le passer en "pixel".
[spoiler="Etape 4"][img]http://img11.hostingpics.net/pics/279214646.png[/img][/spoiler]
Une fois cela fait, vous allez pouvoir réajuster la taille de la hauteur pour la passer à "320". Et, étape optionnel, vous pouvez choisir que votre gif se positionne directement en bas en cliquant sur les flèches d'en dessous. Cliquez sur les flèches du bas pour que la redimension ne se fasse que vers le haut.
[spoiler="Etape 4 bis"][img]http://img11.hostingpics.net/pics/837356887.png[/img][/spoiler]
Une fois fait, vous devez vous retrouver avec une image de ce [url=http://img11.hostingpics.net/pics/418786888.png]style-là.[/url]
Une fois votre gif bien redimensionné, vous allez pouvoir passer à l'image que vous souhaitez mettre dans votre avatar. :gni: Vous allez commencer par l'ouvrir, en plus de votre gif et vous allez (c'est optionnel si elle fait déjà la taille d'un avatar) la redimensionner en 200*320 de la même manière que nous avions procéder pour le gif. Vous irez donc dans "image" puis "taille de l'image" pour la faire passer aux dimension d'un avatar.
Si elle est trop large ou trop haute, vous pourrez reproduire à nouveau la deuxième étape de redimension du gif, c'est à dire en allant dans "image" puis "taille de la zone de travail" et en redimensionnant le côté trop large ou trop long. :ohqueoui:
Une fois cela réalisé, il faudra venir coller l'image de l'avatar sur le gif. Cela peut se faire de deux manière différentes. Soit en sélectionnant l'image et en la copiant pour la coller ensuite sur le gif, soit en positionnant les deux images l'une à côté de l'autre en cliquant sur "Fenêtre" puis "Réorganisation" et enfin "2 fenêtre verticales" ou horizontale.
[spoiler="Etape 5"][img]http://img11.hostingpics.net/pics/2265656310.png[/img][/spoiler]
De cette manière, vous n'aurez plus qu'à cliquer sur l'image et maintenir se clique pour la faire glisser jusqu'à l'image d'à côté !
Une fois les deux images réunies, vous pouvez procéder de deux manières. Soit, vous pourrez faire glisser le calque de la photo d'avatar tout en bas de la barre (entouré sur l'image ci dessous). Et de ce fait, vous aurez un avatar gif final.
Soit vous pouvez choisir d'utiliser la gomme pour fondre votre gif dans votre image. Si vous souhaitez faire cela, il va falloir faire glisser le calque de votre photo d'avatar tout en haut pour qu'il se retrouve au premier plan.
[spoiler="Etape 6"][img]http://img11.hostingpics.net/pics/5208692112.png[/img][/spoiler]
Une fois placé tout en haut, vous irez chercher l'outil "gomme" qui se trouve juste ici :
[spoiler="Etape 7"][img]http://img11.hostingpics.net/pics/9871349813.png[/img][/spoiler]
Lorsque vous aurez cliqué dessus, vous pourrez choisir la grosseur de votre pinceau, la dureté ainsi que la forme de la gomme ! Il existe d'ailleurs énormément de forme différente à télécharger, n'hésitez pas à nous dire si vous souhaitez un tuto de ce genre. :chat:
[spoiler="Etape 7 bis"][img]http://img11.hostingpics.net/pics/6422161914.png[/img][/spoiler]
Une fois sélectionné, vous n'aurez qu'à gommer votre photo d'avatar à l'endroit où se trouvera le gif pour le faire apparaître. :gni: De cette façon, vous pourrez donner la forme et la place que vous voulez au gif. :gni:
[spoiler="Etape 7 ter"][img]http://img11.hostingpics.net/pics/3268246315.png[/img][/spoiler]
Lorsque vous aurez finis cette étape, vous pourrez varier les effets, la lumière, les couleurs, etc... Ainsi que mettre du texte si vous le souhaitez. :ohqueoui: Des tutos sur cette partie arriveront bientôt. :chat:
Lorsque votre avatar est finalisé, attention, l'enregistrement basique ne marche pas. :affraid: Il faudra aller dans "fichier" et "enregistrer sur le Web..." pour réussir à l'enregistrer. :chat: Une fois que vous aurez cliqué dessus, vous n'aurez plus qu'à cliquer une nouvelle fois sur enregistrer, tout en bas de la nouvelle fenêtre.
[spoiler="Etape 8"][img]http://img11.hostingpics.net/pics/2443442316.png[/img][/spoiler]
Et voilà pour ce premier tuto ! [/list][/font] [i] Si vous avez des [b]questions[/b], n'hésitez pas à les poser en dessous, on y répondra au plus vite. :chat: Si vous avez suivis ce tuto, montrez nous aussi [b]vos œuvres d'art[/b] pour qu'on puisse les admirer. :ohqueoui: [/i]
A voir si on prend un codage, ça peut être sympa si on en trouve un qui va bien. Sur l'écriture des titres notamment, parce que j'ai testé des police mais c'est... Moche. |
| | |
Jules Verne « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : J.J. Feild *.*
❝ Happiness is only real when shared. ❞
| Cadavres : 1977
|
________________________________________ 2017-02-03, 11:30 |
| J'ai regardé plus attentivement et donc je le trouve vraiment parfait ce tuto !! J'ai ouvert la section ici : http://once-upon-a-time-rpg.forumactif.com/f124-tutos Tu pourras le poster quand tu veux !! N'oublie pas de faire une pub FB ! Et n'oublie pas non plus d'ajouter dans ton tuto le lien vers la boîte à suggestions que j'ai ouverte ici : http://once-upon-a-time-rpg.forumactif.com/t71115-boite-a-suggestions Pour l'écriture des titres, autant laisser comme ça pour l'instant. Franchement, ça rend bien, c'est clair et épuré. |
| | |
Jules Verne « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : J.J. Feild *.*
❝ Happiness is only real when shared. ❞
| Cadavres : 1977
|
________________________________________ 2017-02-03, 11:40 |
| Alors est-ce que ça te va de décaler le tuto à demain ? Parce que comme l'Art vs Art n'a pas été ouvert hier, si on ouvre le premier tuto et l'Art vs Art le même jour, à mon avis le tuto va passer inaperçu. Donc je vais ouvrir l'Art vs Art maintenant (car l'anim What if est déjà là depuis 4 jours, si on attend davantage, l'engouement va se perdre ) et le tuto demain. Ca te va ?? |
| | |
Tara Duncan « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Emilia Clarke
GOOD FRIEND ARE LIKE STARS
YOU DON'T ALWAYS SEE THEM
BUT YOU KNOW THERE'RE ALWAYS THERE
Adoratrice auto proclamée des cochons
et surtout des Pua !
| Conte : Tara Duncan | Dans le monde des contes, je suis : : Tara, la blonde à la mèche blanche qui fait tout exploser à son passage !
| Cadavres : 1937
|
________________________________________ 2017-02-03, 18:52 |
| J'ai vu ton message, pas de soucis pour demain. Je répond au reste demain, aujourd'hui, c'est la course. |
| | |
Tara Duncan « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Emilia Clarke
GOOD FRIEND ARE LIKE STARS
YOU DON'T ALWAYS SEE THEM
BUT YOU KNOW THERE'RE ALWAYS THERE
Adoratrice auto proclamée des cochons
et surtout des Pua !
| Conte : Tara Duncan | Dans le monde des contes, je suis : : Tara, la blonde à la mèche blanche qui fait tout exploser à son passage !
| Cadavres : 1937
|
________________________________________ 2017-02-04, 12:20 |
| Contente que ça aille, j'étais pas sûre de moi pour le premier, mais c'est parfait si c'est clair. Parfois j'avais l'impression de m'emmêler les pinceaux et comme j'avais la tête dedans, j'avais peur de pas voir certaines choses. Pour les titres et la boite, parfait, je laisse et je rajouterai. Je le posterais surement dans l'après midi, là y'a pas énormément de monde ce matin. Je pense que vers 17h y'aura plus de monde. |
| | |
Ellie Sandman « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Felicity Jones & Raffey Cassidy
« La seule amitié qui vaille
est celle qui naît sans raison. »
| Conte : Intrigue Divine
| Cadavres : 664
|
________________________________________ 2017-02-04, 12:24 |
| C'est parfait !! |
| | |
Tara Duncan « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Emilia Clarke
GOOD FRIEND ARE LIKE STARS
YOU DON'T ALWAYS SEE THEM
BUT YOU KNOW THERE'RE ALWAYS THERE
Adoratrice auto proclamée des cochons
et surtout des Pua !
| Conte : Tara Duncan | Dans le monde des contes, je suis : : Tara, la blonde à la mèche blanche qui fait tout exploser à son passage !
| Cadavres : 1937
|
________________________________________ 2017-02-05, 03:44 |
| Génial Je suis un boulet, j'ai publié juste après avoir poster mon post dans la mission, et comme j'avais déjà tout de prêt, je l'ai fais en moins de 10 secondes et.. Ca me l'a pas publié. J'étais à la bourre donc j'ai pas regardé. Je suis vraiment désolé,.. Je poste ça demain en me levant vu qu'à cette heure là... C'est pas le mieux. Encore désolé |
| | |
Jules Verne « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : J.J. Feild *.*
❝ Happiness is only real when shared. ❞
| Cadavres : 1977
|
________________________________________ 2017-02-05, 10:45 |
| C'est pas grave ! D'un côté, c'est pas mal de tester la publication d'un tuto le dimanche parce que c'est un jour de très forte affluence, les gens le verront forcément !! |
| | |
Tara Duncan « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : Emilia Clarke
GOOD FRIEND ARE LIKE STARS
YOU DON'T ALWAYS SEE THEM
BUT YOU KNOW THERE'RE ALWAYS THERE
Adoratrice auto proclamée des cochons
et surtout des Pua !
| Conte : Tara Duncan | Dans le monde des contes, je suis : : Tara, la blonde à la mèche blanche qui fait tout exploser à son passage !
| Cadavres : 1937
|
________________________________________ 2017-02-05, 18:20 |
| Du coup je l'ai publié, pas de réponses pour le moment, on verra peut être plus tard, le temps que les gens test le tuto. Chose que j'ai oublié de mettre et qui serait peut être utile, c'est demander si le tutos a été clair ou s'ils voient peut être des choses à corriger pour que ce soit plus abordable au cas où. |
| | |
Jules Verne « J'ai pas trouvé où on peut demander un rang personnalisé... ! »
| Avatar : J.J. Feild *.*
❝ Happiness is only real when shared. ❞
| Cadavres : 1977
|
________________________________________ 2017-02-05, 20:17 |
| Ah ben tu sais quoi ? Fais un double post dans le tuto pour le préciser ! Comme ça en même temps ça fait une chance de plus que les gens voient le tuto !! |
| | |
Contenu sponsorisé
|
________________________________________ |
| |
| | | |
Disney Asylum Rpg :: ➸ Les Pépites de Disney RPG :: ⚔ Créations & Galeries :: ➹ Vos Commandes :: ➹ Tutos
| |