Comment utiliser des masques de découpage dans Adobe Illustrator pour créer un effet de texte en tranches

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte découpé dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer l’arrière-plan et un simple morceau de texte..

En tirant pleinement parti de la grille et de la fonction Aligner sur la grille, vous apprendrez à créer un ensemble de formes parfaites en pixels. À l'aide d'une série de masques de découpage, vous apprendrez à donner à votre texte un aspect tranché. Enfin, à l'aide de trucs et de flous ainsi que de masques d'écrêtage, vous apprendrez à ajouter des ombres et des rehauts pour la zone découpée..

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre effet de texte final, vous pouvez trouver de nombreuses ressources sur GraphicRiver..

1. Comment créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans la case de largeur et 600 dans la case hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides et grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer le fond et le texte

Étape 1

Choisissez le Outil Rectangle (M) et créer un 870 x 620 px forme. Assurez-vous que ce rectangle couvre l’ensemble de la planche d’art, puis remplissez-le avec le dégradé linéaire indiqué ci-dessous.

Étape 2

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Robinson, puis définissez la taille sur 270 px. Déplacez-vous sur votre planche d’art, cliquez dessus et tapez votre texte. J'utilise "Trancher", qui est un mot français qui signifie "trancher".

Assurez-vous que ce morceau de texte reste sélectionné et ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l'alignement sur Artboard (ouvrez le menu fly-out et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section indiquée dans l'image suivante), puis cliquez sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. Cela déplacera votre texte au centre de la planche.

3. Comment créer les masques d'écrêtage

Étape 1

Choisissez le Outil Rectangle (M), créer un 320 px carré, et placez-le comme indiqué dans la première image. Remplissez cette nouvelle forme avec du noir (R = 0 G = 0 B = 0) et baisser sa Opacité à 30%.

Assurez-vous que votre carré reste sélectionné, sélectionnez le Supprimer l'outil de point d'ancrage (-), et cliquez simplement sur le point d'ancrage en haut à droite pour le supprimer. Cela transformera votre carré en triangle, comme indiqué dans la deuxième image..

Étape 2

Dupliquez votre triangle (Control-C> Contrôle-V). Sélectionnez la copie, faites-la pivoter 180 degrés, et placez-le comme indiqué dans l'image suivante. Assurez-vous que vos deux triangles sont parfaitement alignés.

Étape 3

Choisissez le Outil stylo (P), et créez la forme à quatre angles illustrée dans l'image suivante. La grille et le Aligner sur la grille fonctionnalité facilitera les choses. Remplissez cette nouvelle forme de rouge et abaissez son Opacité à 30%.

Étape 4

Sélectionnez le triangle de droite et ajoutez une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette nouvelle forme, changez la couleur de remplissage en jaune, puis déplacez-la. 5 px et 5 px à droite. Encore une fois, la grille et le Aligner sur la grille fonctionnalité sera utile.

Déplacez-vous dans le triangle de gauche et ajoutez-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette nouvelle forme, changez la couleur de remplissage en jaune, puis déplacez-la. 5 px vers le bas et 5 px à gauche.

Étape 5

Désactiver l'alignement sur la grille (Contrôle-") et ensuite aller à Édition> Préférences> Général et mettre le Incrément de clavier à 5 px.

Sélectionnez votre texte parmi Couches panneau (Fenêtre> Calques) et en ajouter une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 10 px et 20 px à gauche. Utilisez les boutons fléchés pour effectuer facilement ces modifications. Rappelez-vous qu’appuyer une fois sur un bouton déplacera votre sélection 5 px dans la direction spécifiée.

Sélectionnez le triangle jaune à gauche, avec la copie de texte ajoutée il y a quelques instants, et allez simplement à Objet> Masque d'écrêtage> Marque (Contrôle-7).

Étape 6

Resélectionnez votre morceau de texte original et ajoutez une nouvelle copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 10 px vers le bas et 20 px à droite. Utilisez les boutons fléchés pour effectuer facilement ces modifications.

Sélectionnez votre triangle jaune restant avec la copie de texte ajoutée il y a quelques instants, puis allez à Objet> Masque d'écrêtage> Marque (Contrôle-7).

Étape 7

Sélectionnez votre forme rouge et ajoutez une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec votre texte original et allez à Objet> Masque d'écrêtage> Marque (Contrôle-7).

4. Comment ajouter de l'ombrage

Étape 1

Activer l'alignement sur la grille (Contrôle-"). Sélectionnez le triangle de droite et ajoutez une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie, maintenez la touche Décalage et Alt boutons, puis redimensionnez votre triangle en 240 px.

Étape 2

Assurez-vous que votre 240 px le triangle est sélectionné, et sélectionnez le Outil de sélection directe (A). Sélectionnez le point d’ancrage en haut à droite et appuyez simplement sur la Effacer bouton.

Assurez-vous que le chemin restant reste sélectionné et concentrez-vous sur le Apparence panneau. Supprimez la couleur de remplissage et définissez la couleur du trait sur R = 39 G = 0 B = 76, puis ouvrez le Accident vasculaire cérébral panneau fly-out. Changer la Poids à 20 px et sélectionnez Profil de largeur 1 du Profil menu déroulant.

Étape 3

Déplacez-vous dans le triangle de gauche et ajoutez-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie, maintenez la touche Décalage et Alt boutons, puis redimensionnez votre triangle en 280 px.

Étape 4

Assurez-vous que votre 280 px le triangle est sélectionné, et sélectionnez le Outil de sélection directe (A). Sélectionnez le point d’ancrage en bas à gauche et appuyez simplement sur la Effacer bouton.

Assurez-vous que le chemin restant reste sélectionné, concentrez-vous sur le Apparence panneau, et appliquer les mêmes attributs utilisés pour l'autre chemin.

Étape 5

Tout d’abord, sélectionnez vos deux chemins et copiez-les (Control-C), puis allez à Effet> Styliser> Flou gaussien. Entrez un Rayon 13 px, Cliquez sur D'accord, et alors Groupe (Contrôle-G) vos deux chemins.

Étape 6

Sélectionnez vos deux triangles et transformez-les en un chemin composé (Objet> Chemin composé> Marque ou Contrôle-8). Amenez ce chemin composé à l’avant (Contrôle-]), sélectionnez-le avec le groupe de chemins créé à l'étape précédente et accédez à Objet> Masque d'écrêtage> Marque (Contrôle-7).

5. Comment ajouter des faits saillants

Étape 1

Frappé Contrôle-F d'ajouter les copies de ces deux chemins au même endroit. Assurez-vous que les deux chemins restent sélectionnés et concentrez-vous sur le Apparence panneau.

Définissez la couleur du trait sur blanc et diminuez le Poids à 14 px. Changer la Mode de fusion à Lumière douce, et puis aller à Effet> Flou> Flou Gaussien. Entrez un 15 rayons, Cliquez sur D'accord, et alors Groupe (Contrôle-G) ces deux chemins.

Étape 2

Amenez votre forme rouge devant (Shift-Control-]). Sélectionnez-le avec le groupe de chemins créé à l'étape précédente et allez à Objet> Masque d'écrêtage> Marque (Contrôle-7).

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs. N'hésitez pas à partager votre résultat final dans la section commentaires.

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..