Comment faire une bannière animée, Creative Bloq
Apprenez à faire cette simple bannière publicitaire animée dans notre tutoriel
Chaque concepteur sera demandé de créer une bannière à un moment donné dans leur carrière, que ce soit un stand alone annonce ou juste un livrable dans une campagne beaucoup plus vaste. Sur un niveau très basique, c'est comme tout autre travail de conception si vous souhaitez simplement créer une bannière statique qui à de nombreuses fins est très bien. Mais si vous voulez vraiment attirer l'œil du spectateur ou ont en effet beaucoup d'informations à transmettre, alors vous aurez besoin pour créer une bannière animée.
Grâce à ce tutoriel en 10 étapes que je vais courir à travers les bases de la création d'une bannière animée dans Creative Suite ou versions Creative Cloud de Photoshop à l'aide du panneau Calques conjointement avec la chronologie d'animation. Ce travail est simple d'animation, mais une fois que vous obtenez votre tête autour de travailler avec un montage et le panneau de couches ensemble, elle peut conduire rapidement sur le travail d'animation plus complexe.
01. Mise en place
Tout d'abord, nous devons mettre en place notre document à la spécification droite. Accédez à photoshop, créez un nouveau document et il int nouvelle boîte de dialogue de document permettent d'assurer les dimensions sont fixées aux pixels et entrez 728 pour la largeur et 90 pour la fin de la hauteur assurez-vous que le mode couleur est réglé sur RGB. Comme nous travaillons en pixels, ne vous inquiétez pas la résolution. Ceci est la taille standard pour une annonce bannière leader board horizontal.
02. Commencer à concevoir
Maintenant, pour commencer à concevoir l'annonce. Cela va être une typographie a conduit la conception, donc je veux garder en gras et graphique en utilisant les couleurs de la marque Creative Bloqs, mais ne hésitez pas à utiliser vos propres couleurs et éléments graphiques pour mieux répondre à votre projet.
03. Remplissez la bannière
Maintenant, passez la souris sur la place avec l'outil de déplacement et tout en maintenant alt, faites glisser et dupliquer la place pour qu'il se mette sur les bords de la place d'origine. Pression devra être activée dans le menu Affichage.
Gardez dupliquer les carrés jusqu'à ce que vous avez rempli la bannière, puis les sélectionner en maintenant quart de travail et veiller à ce qu'ils sont centrés dans le document. Maintenant, il suffit de supprimer tous les carrés orange pour créer un simple grille carrée à la base de notre conception et de l'animation sur. Avec tous les carrés sélectionnés encore frappé Cmd + E pour fusionner toutes les couches carrées.
04. Créer des éléments de type
Maintenant, pour commencer à créer les éléments de type. Hit T pour faire apparaître l'outil de type et dessiner un carré sur la première place orange. Assurez-vous que blanc est sélectionné dans la couleur de premier plan, tapez un caractère et sélectionnez la police que vous souhaitez utiliser, le plus audacieux et plus graphique le mieux. Utilisez le raccourci clavier Cmd + Maj +. d'augmenter rapidement la taille du point.
Une fois que vous êtes heureux frapper l'outil de déplacement, puis utilisez les touches de curseur pour positionner au centre du type dans le cadre d'orange. Dupliquer le cadre de texte et répétez le processus de remplissage tous les carrés oranges avec des personnages différents.
05. en double et fusionner
Maintenant dupliquer l'un des cadres de texte et répétez le processus à l'étape 4 le remplissage des carrés blancs de type orange comme indiqué ci-dessus. Maintenant, nous voulons créer une seule couche de type orange et le type blanc.
Pour ce faire, il suffit de maintenir Maj enfoncée et sélectionnez tout type blanc et puis appuyez sur Cmd + E pour fusionner les calques. Répétez ce processus pour le type d'orange et les nommer quelque chose approprié tel que « type blanc 01 » dans le panneau des couches. Cela rasterise le type et vous ne serez pas en mesure de le modifier tout le monde alors assurez-vous que vous êtes heureux avec elle.
Page suivante: les cinq prochaines étapes
Current page: Page 1