Créez la première page d'un livre d'histoire de conte de fées, avec un soupçon de kitsch

Il était une fois un tutoriel. Un tutoriel qui explique les moyens magiques et enchanteurs de créer des pages de conte de fées dans Adobe Illustrator. Êtes-vous assis confortablement? Ensuite nous commencerons…

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez VECTORTUTS PLUS pour seulement 9 / mois.

Étape 1: Configuration du document

La taille est arbitraire pour ce tutoriel; C'est à vous de décider de la taille de votre travail. Par souci d'argumentation, nous allons travailler sur une page de portrait, approximativement A5: 210mm de haut et 150mm de large.

Avec votre planche graphique créée, placez-y un rectangle de mêmes dimensions et alignez-le au centre.

Étape 2: Guides

Appelez cette première couche "guides" - c'est tout ce que nous allons placer dessus. Faites une copie du rectangle que vous avez dessiné (Commande + C) et avec l'original sélectionné, sélectionnez Affichage> Guides> Créer des guides..

Collez le rectangle copié à la place (Commande + F) et décaler son chemin de -10 mm (Effet> Chemin> Chemin décalé…). Maintenant développez-le (Objet> Développer l'apparence).

Nous allons maintenant scinder ce petit rectangle en une grille que nous pourrons utiliser comme guide. Allez à Objet> Chemin> Séparer en grille… et copiez les paramètres tels que vous les voyez ci-dessous.

Fractionner des pages en multiples de trois est généralement un bon moyen de créer une bonne esthétique. Après avoir divisé le rectangle, sélectionnez-le tous (Commande + A) et utilisez la même méthode que précédemment pour en faire des guides. Rendez votre planche graphique invisible (Affichage> Masquer la planche graphique) et votre grille finale devrait ressembler à l'image ci-dessous.

Étape 3: les couches

Avec l’avantage de la prévoyance, je peux vous dire à l’avance ce dont vous aurez besoin pour le document et la meilleure façon d’organiser les choses. Faites quelques couches supplémentaires et nommez-les comme vous voyez ci-dessous:

  • "guides"
  • "texte"
  • "texture"
  • "illustrations"
  • "Contexte"

Basculez les verrous et la visibilité à votre guise pendant que vous travaillez.

Étape 4: couche de fond

Donnons-nous une couleur de fond, vous devriez toujours avoir votre rectangle d'origine dans le presse-papiers. Déposez-le à nouveau en place (Commande + F), cette fois sur le calque d'arrière-plan et attribuez-lui une couleur de remplissage de # F2F1ED. très bien.

Étape 5: Polices

Pour la première lettre élaborée et la phrase d’introduction, vous aurez besoin d’une fonte calligraphique décorative. Plain Germanica de dafont.com est idéal. Téléchargez-le et installez-le sur votre système. Pour le corps du texte, nous utiliserons Georgia, ou la police du système Serif disponible.

Enfin, pendant que vous fouillez sur dafont.com, téléchargez et installez Ma Sexy - nous en aurons besoin plus tard.

Étape 6: Zone de type

Utilisez l'outil Texte et faites glisser une zone (en vous aidant des guides) sur le calque de texte, comme illustré ci-dessous. Remplissez-le avec du texte factice, colorez-le avec une nuance de couleur noir foncé de # 1E1B19 et redimensionnez-le à 11 points..

Étape 7: Il était une fois

Ajouter quelques mots initiaux Il était une fois… mais omettez le O, nous l'ajouterons ultérieurement en tant qu'objet séparé. Utilisez la police Plain Germanic Regular pour ces mots et agrandissez-les légèrement à 21 pt.

Étape 8: O

Utilisez l'outil Texte et placez un seul, solitaire O sur la page. Make it 113pt, agréable et imposant.

Pour que l’autre texte s’enroule autour de lui, il suffit d’une seule action. Avec le O sélectionné, sélectionnez Objet> Retour à la ligne> Créer. Comme vous pouvez le constater, le cadre de sélection a pris une sorte de rembourrage définir un bord autour duquel le texte sera enroulé. Pour que le texte soit effectif, notre O doit être sur le même calque que - et au-dessus du texte d'habillage. Ses paramètres exacts peuvent être définis dans Objet> Habillage de texte> Options d’habillage de texte. Nous allons donner notre O un décalage de 10 pt. Positionnez les deux objets types comme vous les voyez ci-dessous.

Étape 9: Illustrations

Pour donner à notre page une véritable impression de livre d’histoire, nous devons lui fournir des illustrations légèrement kitsch. Nous allons utiliser des formes simples et une palette limitée, à l'image des illustrations des années 60 et 70. Nous allons commencer notre atmosphère post-moderne-kitsch-nostalgique (?) Par un arbre. Des objets simples, tous dessinés avec l'outil Plume pour donner une irrégularité contrôlée.

Étape 10: Plus d'arbres

Des variations subtiles des couleurs que vous utilisez sont disponibles dans la palette Guide de la couleur (Fenêtre> Guide de la couleur) et aident à maintenir votre palette dans les limites souhaitées. Dessinez quelques arbres et positionnez-les comme indiqué. Ils devraient tous différer légèrement de forme et de couleur. Charmant.

Étape 11: Chouette

Q: Pourquoi le hibou?
A: Parce que le pic picorerait… !

Mon grand-père m'a dit ce classique il y a environ 25 ans… En tout cas, je m'éloigne du sujet…

En gardant le même style à l’esprit, dessinez des formes simples pour construire un hibou, nous le ferons asseoir sur notre O.

Étape 12: Finition des touches de chouette

Les plumes et les yeux sont faits avec un peu de gauchissement. Les plumes, par exemple, peuvent être fabriquées en dispersant d’abord quelques ellipses de proportions différentes sur le front de la chouette..

Avec tous les sélectionnés, allez à Effet> Warp> Arch et entrez les valeurs que vous voyez ci-dessous:

Enfin, une bulle de dialogue fantaisiste contenant des pensées de hibou achèvera notre hibou. Utilisez la police Ma Sexy que vous avez téléchargée précédemment pour cette impression kitsch que nous recherchons.

Étape 13: Château

Une illustration de conte de fées ne serait pas complète sans un château, n'est-ce pas? Copiez les formes et les couleurs que vous voyez ci-dessous et recréez-les à l'aide des outils Plume et Pathfinder..

Le motif de tuiles sur le toit peut être créé simplement avec l'outil Plume, puis masqué avec des copies des points du toit. Si vous avez besoin de nouvelles techniques avec les outils de stylo, téléchargez-les et exercez-vous à l'exercice VECTORTUTS Pen Tool..

Étape 14: Disposez les morceaux

Regroupez les objets du château et donnez à l'ensemble une opacité de 30%. Positionnez les éléments illustratifs comme vous les voyez ici; ne vous inquiétez pas si des bits sortent de la grille, utilisez vos yeux pour juger si la page est visuellement en équilibre.

Étape 15: Suppléments ajoutés

Inclure un quatrième arbre et un petit buisson en bas à droite de la page. Placez également un numéro de page (Georgia 7pt) avec une petite ombre au centre, en bas..

Étape 16: Texture

La touche finale de notre page de livre de contes de fées se présente sous la forme de textures de papier gratuites offertes par bittbox.com. Une fois téléchargé, allez dans Fichier> Placer… et placez le fichier sur votre couche de texture. Avec celui-ci en position, copiez à nouveau le rectangle d'arrière-plan et collez-le à la place (Commande + F) sur la texture du papier. Sélectionnez les deux et appuyez sur Commande + 7 pour masquer le papier..

Enfin, modifiez sa transparence pour qu'elle soit superposée à 100%. Cela donnera aux illustrations - la page entière d'ailleurs - un joli grain rugueux.

Conclusion

Ce tutoriel aurait dû montrer comment quelques techniques simples peuvent recréer un peu de nostalgie de l'enfance dans un monde technologique moderne. Et nous avons tous vécu heureux pour toujours…

Abonnez-vous au flux RSS VECTORTUTS pour rester informé des derniers tutoriels et articles sur les vecteurs.