Création d'une typographie de style origami simple dans Illustrator

Dans ce tutoriel, vous apprendrez à créer un morceau de typographie de style Origami simple. Vous allez créer un ensemble de formes de base pour construire des lettres et voir comment les affiner pour les rendre plus réalistes. Les dégradés et le panneau d’apparition nous aideront à créer le type final complètement personnalisé.


Étape 1

Nous allons commencer avec un nouveau document de 600x200 mm.


Étape 2

Avant de commencer à créer le type, nous allons créer un arrière-plan. Les lettres seront en blanc et, de ce fait, définissez d'abord un arrière-plan qui nous aidera à voir réellement ce que nous faisons..

Remplissez un rectangle de la même taille que la toile avec du marron. Pour lui donner plus de profondeur, nous appliquerons un calque dégradé. Ouvrez le panneau Apparence, dupliquez le remplissage marron et remplacez-le par un simple dégradé de noir à blanc. Changez la direction des gradients en -90 °, réglez son mode de fusion sur Lumière douce et son opacité sur 20%..


Étape 3

La première lettre que nous allons créer est le "O". Je l'ai choisi à cause de sa forme simple, le cercle, qui peut facilement être transformé en un rectangle plié dans un mince morceau de papier.

Je choisirai une largeur de 20 mm pour cette bande de papier. Mais je ne le créerai pas en pliant une forme dans Illustrator, je créerai plutôt un ensemble de formes que je pourrai également utiliser pour d'autres lettres. Les lettres ne seront pas des carrés, car ce n'est pas très bon à lire comme une police.

Pour commencer, nous allons créer un rectangle blanc de 80x100 mm au milieu de la toile..


Étape 4

Dupliquez le rectangle et changez sa largeur à 40 mm et n’importe quelle hauteur. La hauteur n'est pas importante pour ce que nous voulons réaliser. Maintenant, dupliquez à nouveau la forme, en changeant cette fois-ci sa hauteur à 60 mm et sa largeur à un nombre quelconque.


Étape 5

Sélectionnez toutes les formes blanches et ouvrez le panneau Pathfinder. Maintenant, utilisez l'option Diviser pour créer plusieurs formes.


Étape 6

Vous n'aurez pas besoin de toutes les formes que nous venons de créer. Dissociez les formes et supprimez toutes les formes qui sont en dehors de notre forme de base et la forme au milieu.


Étape 7

Utilisez l'outil Supprimer les points d'ancrage pour supprimer tous les coins des formes dans les coins extérieurs de notre "O". Il vous restera 4 rectangles et 4 triangles.


Étape 8

Sélectionnez l'un des rectangles et le triangle à côté, puis fusionnez ces 2 formes. Faites la même chose avec le reste des formes. Vous allez vous retrouver avec 4 formes qui ont un angle de 45 ° à une extrémité. Ce seront nos formes de base. Ils peuvent ensuite être copiés et réutilisés pour plus de lettres.


Étape 9

Nous avons maintenant terminé de créer nos formes de base, avec lesquelles nous pourrons créer la plupart des lettres de l’alphabet. Nous allons continuer en ajoutant de la profondeur aux formes. Sélectionnez une forme et appliquez-lui un remplissage en dégradé. Je veux qu'il passe du blanc à un gris très clair avec un angle de -90 °. Ce sera notre gradient global / lumière.


Étape 10

Nous allons maintenant appliquer un dégradé qui donnera l’impression d’une ombre du papier au-dessus de la forme que nous avons sélectionnée. Je vais dupliquer le fond en dégradé dans le panneau Apparence et changer le gris clair en une nuance plus foncée. Définissez ce dégradé pour qu'il se multiplie.

Si vous utilisez Illustrator CS4 ou une version ultérieure, vous pouvez définir le curseur de dégradé de blanc sur 0% d'opacité. Vous n'aurez pas besoin de définir le remplissage pour les multiplier. Ceci est à la façon dont vous voulez regarder.

Vous pouvez également définir le curseur de dégradé de droite sur noir et modifier l'opacité du remplissage en fonction de vos préférences. Vous pouvez tester différents paramètres jusqu'à ce que vous soyez satisfait du résultat..


Étape 11

L'ombre n'a pas encore l'air correcte. Pour changer cela, nous allons déplacer l'emplacement des parties blanches du dégradé à 97%. Cela ressemble plus à une ombre maintenant.


Étape 12

La forme étant toujours sélectionnée, ouvrez maintenant le panneau Styles graphiques. Assurez-vous qu'aucun élément du panneau d'apparence n'est sélectionné et créez un nouveau style graphique. Appliquez ce style aux 3 autres formes que nous avons créées précédemment.


Étape 13

Nous devons maintenant changer la direction du dégradé "ombre" sur chaque forme. La forme du haut aura un angle de -180 °, la bonne forme sera de 90 ° et la forme du bas de 180 °. Vous pouvez le faire manuellement ou utiliser l'outil Dégradé. Ne faites cela qu’avec le deuxième gradient, le premier restera tel quel, car c’est notre lumière globale..


Étape 14

Maintenant, nous avons créé notre première lettre Origami: "O." Le "O" est une base idéale pour les autres lettres que nous allons créer.


Étape 15

Je n’expliquerai pas chaque lettre en détail, mais voici trois exemples de gestion des dégradés d’ombre. La jambe du «R» aura besoin de 2 remplissages dégradés avec un angle qui affiche une ombre des 2 morceaux de papier qui se trouvent au-dessus.

La barre au milieu du «G» n'aura que le dégradé général, car elle ne se trouve pas sous une autre feuille de papier. La barre transversale du "A" nécessite également 2 dégradés d'ombre de chaque côté.


Étape 16

Voici un aperçu de la façon dont j'ai "plié" les bandes de papier.

Lorsque vous arrangez les lettres, soyez conscient du chemin parcouru par les plis. Vous obtiendrez le meilleur résultat en 3 dimensions, en ayant toujours le pli suivant, en dessous de la partie correspondante. Avec le "O", il en résultera même un cercle fermé.

Les jambes du "R" et du "M" sont les parties les plus difficiles. Vous ne pouvez pas les plier aussi simple que le reste. Afin de garder la largeur du papier de la même taille, le cisaillement des formes ne donnera pas un bon résultat. Cela fonctionne mieux pour donner aux formes un angle différent. J'ai marqué certains angles pour vous donner une idée de la manière dont les rayures seraient pliées si elles étaient pliées, ce qui préservera l'authenticité de cet effet de texte..


Étape 17

Si jamais vous ne savez pas comment plier une lettre? fais le pour de vrai!

Surtout, le "M" me causait des problèmes, et le construire pour de vrai, m'a aidé à comprendre comment il devrait être plié. Vous voudrez peut-être créer d'autres lettres, comme un "S" ou un "K." Si vous essayez vraiment, vous comprendrez mieux à quoi ils devraient ressembler.


Étape 18

Vous avez maintenant un ensemble simple de lettres de style Origami. Si vous souhaitez améliorer leur apparence, vous pouvez le faire facilement. Il suffit de transformer chaque lettre en groupe et de modifier l'apparence du groupe.

Commençons par changer la couleur! Si vous souhaitez que vos lettres soient roses, sélectionnez le groupe et ouvrez le panneau de présentation. L'icône au bas du panneau d'affichage, qui vous permet de créer de nouveaux remplissages, sera grisée lorsque vous sélectionnez un groupe. Vous pouvez ajouter un nouveau remplissage en cliquant sur la flèche dans le coin supérieur droit et choisir "Ajouter un nouveau remplissage". Sélectionnez la couleur que vous souhaitez utiliser sur vos lettres et définissez son mode de fusion sur Multiplier..


Étape 19

Vous pouvez également ajouter une texture à vos lettres. Par conséquent, je vais utiliser un effet Photoshop, disponible dans Illustrator. Allez à Effet> (Effets Photoshop) Texture> Texturizer. J'ai utilisé les paramètres que vous pouvez voir ci-dessous. En gros, l’effet ne doit pas être trop lourd, simple et subtil a toujours l’air meilleur.


Étape 20

Vous pouvez combiner les étapes 18 et 19 pour avoir la couleur et la texture de vos lettres. Et vous pouvez y ajouter une ombre portée. Puisque nous avons déjà créé des ombres à partir de papier sur papier, nous pouvons à nouveau appliquer cet effet à un groupe..

Allez à Effet> Styliser> Ombre portée et modifiez les paramètres pour obtenir les valeurs qui vous intéressent le plus. Je préfère toujours une Ombre à 90 ° du haut. Pour cela, je choisis 0 mm pour le décalage X. Pour obtenir une ombre forte et légèrement floue, je règle le décalage en Y sur une valeur égale au double du flou..


Étape 21

Si vous souhaitez donner à vos lettres un aspect plus abstrait, vous pouvez appliquer un décalage au chemin. Pour ce faire, vous devrez dissocier une lettre et supprimer les styles graphiques de chaque forme. Appliquez un simple remplissage blanc sur les formes. Maintenant, allez dans "Effet> Chemin> Chemin décalé" et modifiez les paramètres.


Image finale

Vous pouvez jouer avec les effets et leurs paramètres pour créer un type complètement personnalisé. Déplacez les lettres et changez leur taille. Vous pouvez faire tellement de choses en vous basant sur ces dessins simples.