Astuce créer un effet de type tableau horaire aéroport

Les éléments typographiques sont idéaux pour créer des vecteurs car vous pouvez les redimensionner et les copier à votre guise et modifier les couleurs en fonction de vos créations. Dans le tutoriel suivant, vous apprendrez à utiliser diverses formes et différents effets de dégradé pour créer un effet de texte d'horaire d'aéroport parfait pour les sites Web, les conceptions d'affiches et même les logos..


Étape 1

Créez un document de 700 par 220px. Commencez par activer la grille (Affichage> Afficher la grille) et l’alignement sur la grille (Affichage> Aligner sur la grille). Maintenant, vous avez besoin d'une grille toutes les 2px. Allez dans Édition> Préférences> Guides et grilles, puis entrez "2" dans la case "Gridline Every:" et "1" dans la case "Subdivision:". Vous devez également ouvrir le panneau Informations pour pouvoir facilement voir les valeurs de largeur et de hauteur de toutes les formes..

Toutes ces options augmenteront considérablement votre vitesse de travail. Sélectionnez l'outil Rectangle (M) pour créer une forme de 60 x 90 pixels, ajoutez un effet Coins arrondis de 5 pixels (Effet> Styliser> Coins arrondis), puis sélectionnez Objet> Développer l'apparence. Sélectionnez la forme obtenue et accédez à Objet> Chemin> Chemin décalé. Entrez un décalage "-2px" et cliquez sur OK. Maintenant, vous devriez avoir deux formes (comme indiqué dans l'image n ° 2). Nommez-les "1" et "2".


Étape 2

Choisissez l'outil Rectangle (M) et créez un rectangle du type gris montré dans l'image n ° 1. Sélectionnez-le avec "2" et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Nommez les formes résultantes "2" et "3".


Étape 3

Allez dans Édition> Préférences> Guides et grilles, puis entrez "1" dans la case "Gridline Every:". Avec l'outil Rectangle (M), créez une forme de 3 x 14 pixels et ajoutez un effet Coins arrondis de 1 pixel. Créez une deuxième forme (1 sur 12 pixels), ajoutez un effet de coins arrondis à 0,5 pixels et placez-la comme dans l'image n ° 2. Dupliquez ces deux formes. Maintenant, resélectionnez ces quatre formes et placez-les comme dans l'image finale. Regardez de plus près la grille pour comprendre la position exacte.


Étape 4

Sélectionnez la forme "1" et remplissez-la avec le dégradé linéaire. Ajoutez un nouveau remplissage (à partir du menu déroulant du panneau Apparence) et utilisez la couleur indiquée ci-dessous (R = 77 G = 77 B = 77). Sélectionnez ce second remplissage (dans le panneau Apparence), déplacez-le sous le remplissage d'origine, puis sélectionnez Effet> Déformer et transformer> Transformer. Allez dans la section Déplacer, entrez "-0,75" dans la case verticale puis cliquez sur OK.


Étape 5

Dupliquer la forme "2". Sélectionnez la forme d'origine et remplissez-la avec le dégradé linéaire. Ajoutez un nouveau remplissage (à partir du menu déroulant du panneau Apparence) et utilisez la couleur indiquée ci-dessous (R = 128 G = 128 B = 128). Sélectionnez ce second remplissage (dans le panneau Apparence), déplacez-le sous le remplissage d'origine, puis sélectionnez Effet> Déformer et transformer> Transformer. Allez dans la section Déplacer, entrez "0,5" dans la case verticale puis cliquez sur OK. Maintenant, sélectionnez la copie de "2" et amenez-la à l'avant (Maj + Ctrl + Support carré droit). Remplissez-le de noir, diminuez son opacité à 7%, changez le mode de fusion en Multiplier puis ajoutez l'effet Grain de film (Effet> Artistique> Grain de film).


Étape 6

Dupliquer la forme "3". Remplissez la forme originale avec le dégradé linéaire et la copie en noir. Sélectionnez la copie, réduisez son opacité à 7%, changez le mode de fusion en Multiplier puis ajoutez l'effet Grain de film (Effet> Artistique> Grain de film)..


Étape 7

Sélectionnez les formes réalisées à la troisième étape. Remplissez les grands avec du noir et les petits avec le dégradé linéaire.


Étape 8

Sélectionnez toutes les formes créées jusqu'à présent et regroupez-les. Nommez ce groupe "01". Allez dans Édition> Préférences> Guides et grilles et entrez "10" dans la case "Gridline Every:". Maintenant, créez des copies pour le groupe "01" et placez-les comme dans l'image suivante. Le Snap to Grip facilitera votre travail.


Étape 9

Sélectionnez l'outil Rectangle (M) et créez une forme à l'arrière de la rangée du bas (image n ° 1). Remplissez-le avec le dégradé linéaire puis dupliquez-le. Sélectionnez la copie et noircissez-la. Baissez son opacité à 5%, modifiez le mode de fusion en Multiplier puis ajoutez l'effet Grain de film (Effet> Artistique> Grain de film). Dupliquez ces deux rectangles et déplacez les copies vers le haut, derrière la rangée supérieure.


Étape 10

Sélectionnez l'outil Crayon (P) et tracez un chemin horizontal, comme indiqué dans l'image n ° 1. Remplissez-le avec aucun et ajoutez un trait de 2 points. Développez ce trait puis remplissez la forme résultante avec le dégradé linéaire.


Étape 11

Maintenant, le texte. Commencez par désactiver l’alignement sur la grille et activez les guides intelligents. Sélectionnez l'outil Texte (T) et ajoutez votre texte. Utilisez la police Yanone Kaffeesatz. Développez votre texte puis placez chaque caractère au milieu d'un groupe. Les guides d’alignement devraient faciliter votre travail. Sélectionnez les formes de lettres de la rangée supérieure et regroupez-les. Faites la même chose avec les lettres de la rangée du bas.


Étape 12

Désactivez les guides intelligents et activez l’alignement sur la grille. Allez dans Édition> Préférences> Guides et grilles, puis entrez "2" dans la case "Gridline Every:". Sélectionnez l'outil Rectangle et créez un rectangle mince (hauteur 2px) au milieu de la rangée supérieure. Remplissez cette forme avec du noir. Sélectionnez ce rectangle avec le groupe de lettres supérieur. Ouvrez le menu déroulant dans le panneau Transparence, cliquez sur l'option Créer un masque d'opacité, puis décochez la case Clip. Resélectionnez l'outil Rectangle (M) et créez une autre forme mince et noire. Cette fois, au milieu de la rangée du bas. Sélectionnez-le avec le groupe de lettres du bas, puis cliquez sur l'option Créer un masque d'opacité et décochez la case Clip..


Conclusion

Voilà un moyen simple de créer une typographie qui ressemble à un emploi du temps d’un aéroport. J'espère que vous avez apprécié cette tut.