Aujourd'hui dans ce tutoriel vidéo, nous allons vous apprendre à composer et préparer un projet pour créer une bannière avec le programme Adobe Photoshop, pour le prochain tutoriel vidéo pour vous apprendre à donner un peu d'animation, ainsi que l'exporter prêt à l'emploi.
Je vais commencer par vous dire qui est l'homme sur la photo, qu'il n'est pas n'importe quel homme anonyme choisi dans n'importe quelle banque d'images, non monsieur, c'est le Grand Milton Glaser, créateur du logo de J'aime New York combien a influencé notre société au siècle dernier ou la couverture de Bob Dylan.
Eh bien, en laissant de côté la note historique, commençons ce didacticiel vidéo: Comment créer facilement une bannière mobile dans Photoshop, mon premier tutoriel vidéo que j'espère vous plaira et le trouvera très utile. Commençons.
I) Nous faisons un croquis avec notre composition et nous avons commencé à créer et rechercher les différents éléments de la bannière.
II) Nous recherchons et téléchargeons une photo du bon vieux Milton Glaser, un personnage que j'ai choisi de prendre sur notre bannière.
III) Nous ouvrons Adobe Photoshop et créons un nouveau document. Nous choisissons entre les différents préréglages que Photoshop nous donne à utiliser au format Web. Parmi tous, nous choisissons la toile 800 × 600, qui est une bonne taille pour une bannière.
IV) Nous ouvrons le fichier JPG qui contient la photo du bon Milton Glaser et nous nous préparons à retoucher la photo.
V) Nous choisissons dans le groupe d'outils de sélection, l'une des boucles, la Boucle magnétique dans ce cas. Nous décrivons le bon vieux Milton.
VI) Une fois tracé, on passe à l'itinéraire Sélection-Affiner les bords. Nous allons utiliser cet outil pour rendre les bords de l'image bien définis.
VII) Une fois que nous avons quitté le bord Milton complètement à notre goût en utilisant l'outil Améliorer le contour, nous pressons CNTRL + J et une nouvelle couche sera produite avec la sélection.
VIII) Nous éliminons la couche de fond et ainsi nous aurons Milton sur un fond transparent que nous pouvons utiliser dans notre bannière.
IX) Pour l'enregistrer, nous allons utiliser l'outil Enregistrer pour le Web. Dans la boîte de dialogue de cet outil, nous trouvons la possibilité d'exporter le fichier dans différents types de fichiers tels que GIF, JPG ou PNG. Eh bien, dans ce fichier, nous allons l'exporter, pour le conserver sur un fond transparent. Nous sauvegardons et nommons. Nous fermons et économisons dans PSD pour ce qui peut arriver.
X) Nous revenons à notre projet web, à la bannière. Nous changeons la couleur du calque d'arrière-plan en noir. Pour cela, nous utilisons l'outil Pot de peinture, en changeant la couleur du devant en noir et en cliquant directement sur le calque d'arrière-plan.
XI) Nous commençons par importer la photo Milton Glaser dans notre espace de travail ou notre toile. Pour cela, nous utilisons le Placer l'outil, trouvé dans l'option de fichier.
XII) Nous mettons le bon vieux Glaser dans le coin inférieur à droite de l'écran.
XIII) Nous créons une bulle de dialogue à partir des bandes dessinées. Nous l'avons configuré pour donner l'impression que Glaser parle.
XIV) Nous créons 3 phrases avec le Outil de texte, qui sont ceux qui donneront les informations de la bannière. L'un d'eux ira à l'intérieur du sandwich.
XV) Chacune des phrases doit aller sur un calque de texte différent.
XVI) Et donc nous avons tout prêt pour commencer donner de l'animation à notre bannière.
Dans le prochain didacticiel vidéo, je vais vous apprendre à donner une animation à notre bannière. Ne le manquez pas.