[Tuto] Créer un bannière pour débutant

Voilà un tuto assez rapide car c'est chiant à faire pour réaliser une bannière.
Bon je sais que c'est un truc de chien mais je l'est fait pour le forum de chien où va ma soeur car il comprennent rien! et j'y est passé 1h30...

Aller dans fichier/nouveau et faite un nouveau fichier de dimensions 600x170. Dans la case des nouveaux fichier selectionner arrière plan et mettez transparent.
Etape pour effet:
(Pour cette deuxième étape l'image à choisir n'est pas en fait un arrière plan mais une image pour donner un effet. Excusez-moi pour la maladresse.
Aller sur Internet, choisissez le font que vous souhaitez. Cliquer sur votre image (Internet) et faites la clisser tout en bas dans l'icône de photoshop et ensuite mettez là dedans. Vous aurez un nouveau document.
Faites un double clique sur le calque arrière plan et faites ok. Votre arrière plan est maintenant déverrouiller.
Sélectionner l'outils déplacement (tout en haut à droite de la barre, flèche noire) et cliquer sur votre image du web (le fond) et faite le glisser dans votre premier fichier. Redimensionner la sans le déformer pour qu'elle prenne la taille voulut (grande de préférence). Ce n'est pas grave si elle dépasse de la bannière.
Voilà le résultat à ce niveau:
https://2img.net/r/ihimizer/img226/2937/a7ao1.jpg
Vous avez maintenant une bannière avec un font. Vous aller maintenant insérez vos images perso. Pour cela, aller dans fichier/ouvrir. Chercher votre première image et ouvrez-la.
Sélectionner l'outils lasso polygonal montrer ici. Si à la place c'est un lasso simple, utiliser la même méthode que pour la gomme d'arrière plan.
Vous allez maintenant faire le tour de la partie que vous souhaitez ensuite mettre sur la bannière. Faite un clique pour débuter puis faite votre sélection par série de clic. Ne faite surtout pas de double clic car cela terminerais votre sélection en un trait!
https://2img.net/r/ihimizer/img494/4363/d1jl.jpg
Faites le plus proprement bien sur!
Pour mettre cette image sur votre bannière faite ctrl+c suivis de ctrl+v. Prenez l'outils déplacement et faites clisser votre image dans la bannière. Si cela marque "impossible d'effectuer cette opération car le calque est verrouillé" c'est que vous avez pris le mauvais claque. Sélectionnez bien le calque 1.
Redimensionner l'image et positionner la à peu près comme sur la photo qui suis.
Voilà le résultat une fois l'image glissé et redimensionner.
https://2img.net/r/ihimizer/img156/7688/c13bg.jpg
Pensez aussi à renommer vos calques pour moins vous perdre en faisant clic droit dessus/propriété de calque et en renommant.
Insérer ensuite la seconde image comme pour l'étape précédente.
Pour ce passage, pour la découpe de la deuxième image, si elle se trouve sur la même image que la première découpe comme ici, n'oubliez pas de sélectionner le calque arrière plan avant de faire la découpe et de copier coller.
Voilà le résultat après cela:
https://2img.net/r/ihimizer/img495/2702/c26zd.jpg
Retournez sur Internet et choisissez maintenant votre véritable arrière plan. Refaite la même chose que pour la première image (nuage). Une fois dans votre bannière mais surtout pas redimensionner, cliquer sur le calque de cette image. Faites glisser ce calque entre le calque ciel et le calque photo luna (pour mon exemple). Vous pouvez maintenant redimensionner votre image sans la déforme. Si votre image dépasse en dehors ce n'est pas grave, ça ne change rien, prenez juste la taille de fond que vous voulez. Cliquer ensuite sur le calque nuage et appuyer, dans la fenêtre des claque sur le petit verrou.
Voilà le résultat:
https://2img.net/r/ihimizer/img74/5718/c30mb.jpg
Etape pour effet:
Sélectionnez le calque 1 (mer) et allez dans la palette des calque puis, dans celle ci, en haut à gauche, cliquer pour ouvrir le volet où est écrit normal (mode normal) et sélectionner incrustation. Vous obtenez un effet.
Sélectionner maintenant le calque 1 (la mer) et cliquer ensuite dans la case vide sous le petit pinceau le la ligne claque 1. Aller tout en haut dans calque/ puis cliquez en bas sur fusionner les calques liés. Normalement il ne reste plus que le calque avec votre image d'arrière plan, pour moi la mer.
Voilà le résultat:
Avec effet
https://2img.net/r/ihimizer/img465/525/c42tj.jpg

Sans effet:
https://2img.net/r/ihimizer/img196/9186/c54he.jpg

PS: Vous pouvez mettre une autre sorte d'effet bien sur!

Maintenant on va enlever le font au dessus des tête.
Cliquer sur le calque 1 (mer) et sélectionner l'outils rectangle de sélection (tout en haut à gauche de la barre d'outils).
Faite une sélection en partant d'un endroit en haut à gauche mais hors de la bannière et sélectionner toute la largeur de la bannière puis descendez pour mettre la hauteur voulue puis relâcher le clique pour terminer la sélection.
Créer une bannière avec photoshop cs pour les débutants:

Voici ce que ça doit faire:
https://2img.net/r/ihimizer/img492/2300/c62rl.jpg
appuyer ensuite sur supprimer pour enlever la sélection et appuyez sur ctrl+d pour désélectionner.
Résultat:
https://2img.net/r/ihimizer/img492/7572/c75wr.jpg

PS: je ne met plus les résultats avec l'effet car pour la suite et ces étape c'est la même chose.

Vous aller maintenant ajouter du texte.
Sélectionner l'outils texte (T) et cliquer sur votre bannière pour insérer un calque de texte. Copier votre texte, mettez la police et la taille et la couleur de votre choix. Pour déplacer le texte faite ctrl et cliquer sur l'image puis déplacer là.
Résultat:
https://2img.net/r/ihimizer/img358/1291/c77fv.jpg

Maintenant on va ajouter de l'effet au texte pour le faire ressortir.
Reprenez l'outils de déplacement, vérifier que le calque texte est sélectionner et aller dans Calque/Style de calque/Options de fusion et mettez les réglages suivant en vérifiant à chaque fois que les catégorie sont bien sélectionné (mise en bleue).

https://2img.net/r/ihimizer/img358/5412/c97qo.jpg

https://2img.net/r/ihimizer/img358/6134/c105ng.jpg

Maintenant aller dans fichiers, enregistrer sous. Laisser en PSP et enregistrer le fichier.
Voici la dernière étape.
Sélectionner le calque du bas et appuyer sur tout les boutons vide de la colonne pinceau pour faire apparaître des chaînes. (sauf pour les images des chiens tout en haut surtout!)
https://2img.net/r/ihimizer/img237/760/c111is.jpg
Aller dans calque/fusionner les calques liés.
Cliquez sur l'outil recadrage, sous le lasso et faite le tour de votre bannière, quand il est fait appuyé sur entrée.
Aller ensuite dans édition/conrou et mettez un contour de 2 pixel de la couleur que vous souhaitez.
Aller ensuite dans Calque/Style de calque/Option de fusion et cliquez sur biseautage et estampage puis mettez ces valeurs.
https://2img.net/r/ihimizer/img220/3282/c123ev.jpg
Voilà, votre bannière est terminée!
Il ne vous reste plus qu'à cliquer sur fichier/enregistrer pour enregistrer votre document source si vous voulez le remodifier plus tard puis refaite fichier/enregistrer-sous et mettez surtout en format GIF !!!!!
Voilà le résultat final!
https://2img.net/r/ihimizer/img166/1702/sanstitre13vp.gif

https://2img.net/r/ihimizer/img500/5960/sanstitre25oq.gif

P.S: je vous rappelle bien sur que toute les valeurs et effet peuvent être modifié car il n'y pas que ça comme possibilité bien au contraire et qu'il y a plein d'autre techniques pour parvenir à ce résultat.
C'est une bannière pour débutant.

Raccourcis pratique:

ctrl+d = désélectionner
ctrl+c = copier
ctrl+v = coller

ATTENTION: Quand vous voulez modifier la taille d'une image en l'étirant, dès que vous avez finit, il faut cliquer sur l'outil déplacement et valider pour valider la modif.

Bon courage

Atchaôôô

Pas besoin de gommer avec la gomme d'arriere plan au début , il suffit de choisir un arriere plan transparent.
Et puis on est pas obliger d'enregistrer au format .gif si la banniere n'a pas d'animation. En effet le gif est limité a 256 couleurs alors que le jpg n'est pas limité en couleurs mais il ne peut pas faire d'animation , donc pour les animations : .gif et pour tout les reste .jpg.

ouais je sais, on me ;l'a dit mais je savais pas que c'était possible donc...
pas grave!

Atchaôôô

c'est long!!!!

bravo kanéda superbe tuto

C'est pas long, c'est juste décrit étape par étape.
C'est bien marqué pour débutant et comme j'étais débutant ya deux moi je savais ce qu'il me fallait pour comprendre!

Au fait, TuTo édité!

Atchaôôô