Tutorial de l'illustrateur : recettes de flux de travail et de design tranchantes comme des couteaux

Splash-Text - Adobe Illustrator Texte de lancement - Adobe Illustrator

Toutes les vidéos du tutoriel Tutoriel Illustrator : Recettes de workflow et de design bien affûtées

Ainsi, le texte d'introduction ressemblera à ceci (Illustration 01) :

Maintenant, assez parlé. Amusez-vous et apprenez joyeusement sur les pages suivantes ...

Splash-Text - Adobe Illustrator 

Texte d'accroche - Adobe Illustrator


Étape 1 : Créer l'arrière-plan

Avant de pouvoir commencer à créer un arrière-plan approprié pour notre texte d'introduction, vous devez créer un nouveau plan de travail. Allez à Fichier>Nouveau et sélectionnez un format de 330x210mm. Confirmez ensuite avec OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Une fois que vous avez créé votre plan de travail, nous pouvons enfin commencer le travail réel.

Prenez l'outil Rectangle et créez un rectangle qui recouvre tout le plan de travail.

Ensuite, remplissez ce rectangle avec un dégradé. Pour cela, vous avez besoin de la Palette de dégradés. Si elle n'est pas déjà affichée, vous pouvez facilement la trouver via Fenêtre>Dégradé (Illustration 03).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Cliquez sur le dégradé Noir/Blanc dans la Palette de dégradés et changez le type de dégradé de Linéaire à Radial. (Voir l'illustration 04).

Éclaboussure de texte - Adobe Illustrator

Dans ce cas, le dégradé radial est déjà une assez bonne base, mais il est encore un peu trop rond pour le moment. Cependant, la Palette de dégradés offre également une très belle fonctionnalité. Vous pouvez ici contrôler la rondeur de votre dégradé. Une valeur de 60% devrait convenir à nos besoins. (Voir l'illustration 05).

Écran de démarrage - Adobe Illustrator

Ensuite, il est temps d'ajuster la couleur du dégradé, car le dégradé noir/blanc semble un peu ennuyeux. Pour ce tutoriel, j'ai sélectionné deux valeurs de couleurs CMJN.

• bleu clair : CMJN - 90/30/4/10

• bleu foncé : CMJN - 93/48/28/63

En double-cliquant sur l'un des deux champs de couleurs de dégradé, vous pouvez associer les deux valeurs CMJN au dégradé. Ensuite, cela devrait ressembler à quelque chose comme ça chez vous. (Illustration 06).

Texte d'accroche - Adobe Illustrator

Cependant, le dégradé ne ressemble toujours pas tout à fait à ce que j'ai en tête, alors prenez l'outil Dégradé de la Palette d'outils. Une sorte de ligne apparaîtra que nous pouvons ajuster en longueur. (Illustration 07).

Splash-Text - Adobe Illustrator

Texte d'accueil - Adobe Illustrator

Attrapez cette ligne au point droit et étirez-la environ jusqu'à ce qu'elle dépasse de l'image comme dans l'illustration 08.

Texte d'accroche - Adobe Illustrator

Pour protéger l'arrière-plan, je vous recommande de verrouiller ces calques avec un cadenas ... (Voir l'illustration 09). Votre arrière-plan est prêt.

Texte d'accroche - Adobe Illustrator

Étape 2 : Insérer la typographie

Pour pouvoir continuer, vous devez créer un nouveau calque. Nommez-le de préférence "Texte", car c'est sur ce calque que nous placerons notre texte.

Prennez maintenant l'outil Texte et cliquez une fois sur votre plan de travail. Dans mon cas, j'écris "psd-tutorials.de". Pour la police, j'ai choisi Helvetica Neue en graisse Fine. À cette taille, vous pouvez utiliser une valeur de 140pt. L'espacement des lettres est de -70.

Texte d'impact - Adobe Illustrator

Placez votre texte au centre de votre plan de travail. Ensuite, cela devrait ressembler à peu près à cela chez vous. (Voir l'illustration 11).

Splash-Text - Adobe Illustrator

Texte de lancement - Adobe Illustrator

Maintenant, vous devez convertir ce texte en Tracés. Allez à Texte>Convertir en Tracés. Alternativement, vous pouvez également utiliser le raccourci clavier Commande/Contrôle+Maj+O.

Ensuite, nous allons embellir notre texte avec un dégradé. J'ai préparé deux valeurs de couleurs CMJN pour ce tutoriel.

• vert clair : CMJN - 50/0/100/0

• vert foncé : CMJN - 90/30/95/10

Procédez de la même manière que pour l'arrière-plan lors de la création du dégradé. Cependant, cette fois, vous pouvez laisser le Type en Linéaire et régler l'angle du dégradé à 90°. (Voir l'illustration 12).

Texte de présentation - Adobe Illustrator

Pour mettre en valeur davantage le texte, nous devons créer une ombre. Prenez l'outil Ellipse et tracez une Ellipse noire sous votre texte. (Voir l'illustration 13).

Splash-Text - Adobe Illustrator

Texte d'accueil - Adobe Illustrator

Vous devez définir la méthode de remplissage de l'ombre sur Multiplication. Vous pouvez le faire via la Palette de transparence. Si elle n'est pas déjà affichée, vous la trouverez via Fenêtre>Transparence. Réglez l'opacité à environ 40%.

Splash-Text - Adobe Illustrator

Texte d'écran de démarrage - Adobe Illustrator

Comme l'ombre est encore très nette aux bords, nous devons la adoucir davantage. Pour ce faire, allez sur Effet>Filtre de flou>Flou gaussien ... (Voir figure 15).

Splash-Text - Adobe Illustrator

Texte de démarrage - Adobe Illustrator

Dans la boîte de dialogue suivante, entrez une valeur d'environ 25 pixels et confirmez avec OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Ensuite, cela devrait ressembler à quelque chose comme ça chez vous. (Voir figure 17).

Splash-Text - Adobe Illustrator

Texte de présentation - Adobe Illustrator

Étape 3: Créer des points lumineux

Dans cette partie du tutoriel, nous allons maintenant nous occuper des petites particules lumineuses qui devraient être dispersées partout de façon aléatoire.

Commencez par créer à nouveau un nouveau calque et nommez-le "Particules lumineuses". Ensuite, prenez l'Outil Ellipse et créez une Ellipse de 10x10mm (Figure 18).

Texte d'accroche - Adobe Illustrator

Ensuite, allez sur Objet>Chemin>Déplacer le chemin ... (Figure 19).

Dans la fenêtre suivante, entrez une valeur de 10mm et confirmez avec OK.

Splash-Text - Adobe Illustrator

Texte de lancement - Adobe Illustrator

Ensuite, cela devrait ressembler à ceci chez vous. (Voir figure 20).

Texte en surimpression - Adobe Illustrator

Vous devez attribuer une couleur de surface jaune à l'ellipse intérieure. Coloriez l'ellipse extérieure en cyan (Figure 21).

Texte d'incitation - Adobe Illustrator

Puisque l'ellipse extérieure semble encore très nette pour un point lumineux, réglez l'Opacité de l'ellipse extérieure à 0% dans la Palette de transparence (Figure 22).

Splash-Text - Adobe Illustrator

Texte de lancement - Adobe Illustrator

Pour obtenir un fondu doux de l'ellipse intérieure à l'ellipse extérieure, utilisez l'Outil d'ajustement dans la Palette d'outils (Figure 23).

Texte d'accroche - Adobe Illustrator

Cliquez une fois sur le bord de l'ellipse intérieure avec cet outil, puis directement sur le bord de l'ellipse extérieure (Figure 24).

Texte de bienvenue - Adobe Illustrator

En réglant l'Opacité de l'ellipse extérieure à 0%, l'Outil d'ajustement va créer une sorte de dégradé entre l'intérieur et l'extérieur.

La forme de base pour notre point lumineux est maintenant terminée. Théoriquement, vous pourriez maintenant copier ce point lumineux à plusieurs reprises et le coller dans des tailles différentes. Mais il y a plus simple. Nous allons travailler avec des curseurs au prochain stade.

Appelez la Palette de pinceaux via Fenêtre>Pinceau. Sélectionnez maintenant votre point lumineux récemment créé et cliquez ensuite sur la petite flèche dans le coin supérieur droit de la Palette de pinceaux. Cela ouvrira un petit menu déroulant, où vous pourrez cliquer sur Nouveau pinceau (Figure 25).

Texte en surbrillance - Adobe Illustrator

Une nouvelle fenêtre apparaîtra, dans laquelle vous pourrez régler tous les paramètres possibles de votre curseur. Je vous recommande de jouer un peu avec pour avoir une idée des réglages. Vous trouverez les paramètres exacts pour ce tutoriel sur la Figure 26.

Texte promotionnel - Adobe Illustrator

Confirmez ensuite avec OK et supprimez le point lumineux d'origine de votre zone de travail.

Prenez maintenant le Pinceau dans la Palette d'outils et dessinez une sorte de ligne ondulée de gauche à droite sur votre zone de travail (Figure 27).

Texte d'introduction - Adobe Illustrator

En résultat, vous devriez trouver de nombreux points lumineux de tailles différentes dispersés de manière aléatoire sur votre zone de travail. N'hésitez pas à le faire plusieurs fois jusqu'à ce que vous soyez satisfait du nombre de points lumineux créés.

Pour que cela fusionne avec l'arrière-plan, sélectionnez vos points lumineux dessinés et passez de Normal à Lumière douce dans la Palette de transparence (Figure 28).

Vos points lumineux sont terminés.

Splash-Text - Adobe Illustrator

Texte d'introduction - Adobe Illustrator

Étape 3: Créer des gouttes/éclaboussures

Dans la dernière étape de ce tutoriel, nous allons voir comment disperser des gouttes de couleur autour du texte pour rendre le tout encore plus sauvage et aléatoire.

Tout d'abord, tout comme pour les points lumineux, nous devons créer la forme de base de nos gouttes. Créez cependant d'abord un nouveau calque et nommez-le "Éclaboussures".

Prenez l'Outil Ellipse et créez une Ellipse de 5x5mm.

Ensuite, utilisez l'Outil de sélection directe. Déplacez le point de chemin supérieur de l'ellipse vers le haut et transformez-le en un point d'ancrage (Figure 29).

Message d'introduction - Adobe Illustrator

Retournez maintenant dans la palette de pinceaux et créez un nouveau pinceau en forme de goutte. Cette fois-ci, sélectionnez le pinceau d'image au lieu du pinceau spécial.

Encore une fois, une nouvelle fenêtre apparaîtra, vous permettant de personnaliser votre pinceau de différentes manières. Vous trouverez les paramètres appropriés pour notre pinceau en forme de goutte dans l'image 30.

Ensuite, vous pouvez confirmer avec OK. Vous pouvez également supprimer la forme de goutte d'origine une fois de plus.

Texte d'introduction - Adobe Illustrator

Prenez maintenant le pinceau et dessinez des petites gouttes autour de votre texte avec la pointe de pinceau que vous venez de créer (Image 31).

Splash-Text - Adobe Illustrator

Texte d'éclaboussure - Adobe Illustrator

Si l'une des gouttes devient un peu déformée, vous pouvez annuler cela avec Commande/Ctrl+Z et essayer à nouveau.

Une fois que vous êtes satisfait, vous devez simplement sélectionner toutes les gouttes et les convertir en un objet via Objet>Apparence Convertir .... Ensuite, remplissez les gouttes avec le même dégradé de vert que celui utilisé pour le texte.

Placez ensuite la couche de gouttes derrière la couche de texte. (Image 32).

Et voilà, votre texte Splash est prêt.

Texte d'accroche - Adobe Illustrator

Mots de la fin :

Nous voilà déjà arrivés à la fin de ce tutoriel. J'espère que vous avez apprécié et que vous avez pu tirer quelques astuces utiles.

Si vous avez encore des questions sur ce sujet, n'hésitez pas à les écrire dans les commentaires sous ce tutoriel. Je m'efforcerai de répondre le plus rapidement possible.

Dans les fichiers de travail de ce tutoriel, vous trouverez à nouveau le fichier Illustrator avec tous les calques. Si vous êtes bloqué à un moment donné du tutoriel, jeter un œil au fichier original pourrait vous aider.

Sur ce ...

Reste créatif

Votre Julian