Share
Extra, extra tout lire à ce sujet! Apprenez à créer une icône de journal. Une connaissance avancée d'Adobe Illustrator est requise pour suivre ce didacticiel. Vous apprendrez à créer cette icône détaillée étape par étape. Commençons avec ce tutoriel de création!
Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..
Utilisation de l'outil Rectangle (M) pour dessiner un rectangle, comme indiqué ci-dessous.
Tapez le titre du journal. Ça peut être ce que tu veux. Réfléchissez à la manière dont vous utiliserez l’icône en particulier. Votre icône sera-t-elle destinée à un flux RSS? Si c'est le cas, vous pouvez écrire "RSS" à la place. Ou peut-être que votre section nouvelles sera mise à jour tous les mois. Si c'est le cas, vous voudrez ajouter quelque chose..
La police que j'utilise est Lucidia Blackletter. La plupart des journaux utilisent ce type de police, je vous recommande donc de vous en tenir à quelque chose du genre si vous optez pour une impression traditionnelle..
A l'aide de l'outil Texte (T), tracez deux zones de texte, une grande et une mince. Remplissez-les avec du texte de substitution. Visitez lipsum.com pour saisir un texte rapide. Vous pouvez également utiliser Adobe InDesign pour créer du texte de substitution.
Remarque: Souvent, dans la conception, vous devrez utiliser du texte de substitution lors de la création d'une conception. Pour rendre le texte rapidement accessible, vous trouverez peut-être utile de créer un fichier texte simple et de l'enregistrer sur votre ordinateur pour une utilisation rapide..
La plupart des journaux sont justifiés, ce qui signifie que les bords gauche et droit des paragraphes de texte sont au même niveau. Pour ce faire, dans la Palette de paragraphes, sélectionnez Justifier avec la dernière ligne alignée à gauche. Ne vous inquiétez pas trop de la rupture du texte à ce stade. Vous pouvez ajouter des sauts de ligne ou des retours difficiles plus tard, une fois que tous les éléments sont en place..
Pour donner un peu plus d’intérêt au texte, nous allons légèrement modifier la première ligne de texte. Sélectionnez la première ligne de texte et le menu déroulant Palettes de caractères (surligné ci-dessous), puis choisissez Petites majuscules..
Plus le journal présente un intérêt visuel, meilleur sera le résultat final. Sélectionnez le grand bloc de texte et changez le style en italique.
Sous le titre, ajoutez un autre bloc de texte qui sert de titre à une nouvelle importante..
Remarque: si ce n'est pas déjà évident, assurez-vous que vous utilisez une police comportant plusieurs styles et poids différents afin de pouvoir créer une plage de zones de texte intéressantes..
Utilisez l'outil Crayon (P) pour tracer une fine ligne au-dessus et au-dessous d'une ligne de texte. N'hésitez pas à prendre un journal ou une "couverture de journal" de Google pour vous aider à trouver des idées de mise en page..
À l'aide de l'outil Rectangle (M), tracez un rectangle court sous le titre de l'histoire..
Ajoutez trois blocs de texte et mettez-les en italique pour donner l’impression que ce texte est une introduction à une histoire qui se poursuit ailleurs dans le journal. Ajoutez un petit carré à la fin de chaque bloc de texte à l'aide de l'outil Rectangle.
Ensuite, nous ajouterons la zone pour la photo qui accompagne l’actualité principale. En utilisant encore une fois l’outil Rectangle, tracez un rectangle sur le texte.
Sélectionnez le rectangle et allez à Objet> Retour à la ligne> Créer. Après cela, allez à Objet> Retour à la ligne> Options de retour à la ligne… Modifiez le décalage en fonction de vos préférences..
Vous pouvez répéter la dernière étape pour les deux plus petites photos ou simplement déplacer le bloc de texte légèrement vers le bas, le texte n’ayant pas besoin d’être enroulé autour des côtés de ces petits rectangles..
Pour créer facilement l'illusion d'une photo, nous allons utiliser l'outil de maillage de dégradé pour ajouter des variations au rectangle. Cliquez quelques fois dans le rectangle pour lui donner des points. Utilisez l'outil Sélection directe (A) pour ajuster les poignées et les courbes des points afin que les lignes ne soient pas parfaitement droites..
Changez la couleur des points pour qu’il semble y avoir quelques détails dans le photographier.
Répétez cette procédure pour les deux autres petites photos..
Sélectionnez tout et allez dans Type> Créer des contours. Tout sélectionner une fois de plus et aller à Objet> Groupe.
A l'aide de l'outil Rectangle arrondi, dessinez un rectangle comme indiqué ci-dessous..
Remarque: pour modifier le rayon des coins du rectangle, maintenez les flèches vers le haut et le bas pendant que vous dessinez la forme..
Dessinez un autre rectangle et placez-le sur l'extrémité de la forme incurvée. Dans la palette Pathfinder, sélectionnez Soustraire de la zone de forme, puis Développer..
C’est la forme qui vous reste.
Sélectionnez la forme et allez à Objet> Distorsion d'enveloppe> Créer avec déformation… Sélectionnez Shell inférieur dans la liste et modifiez le Bend à environ 3%, puis cliquez sur OK..
Sélectionnez l'objet et allez à Objet> Développer… Laissez les options telles quelles et cliquez sur OK dans la boîte de dialogue résultante..
À l'aide de l'outil Sélection directe, sélectionnez le point en haut à gauche et faites glisser la courbe vers l'intérieur pour créer un arc subtil sur le côté gauche de la forme. Répétez ce processus après avoir sélectionné le point en haut à droite.
Voici à quoi devrait ressembler votre forme.
Sélectionnez la forme et allez à Effet> 3D> Extruder et biseauter… Entrez les rotations que vous avez, puis sélectionnez Plus d'options et entrez les variables mises en surbrillance ci-dessous..
Pour adapter la couverture de journal à la forme 3D, vous devez avoir la capacité de déformer considérablement la couverture. Pour ce faire, sélectionnez le journal et sélectionnez Objet> Distorsion d'enveloppe> Créer avec le maillage…. Entrez 2 pour les lignes et 2 pour les colonnes..
À l'aide de l'outil de sélection (ou de l'outil Rotation), faites pivoter la forme comme indiqué ci-dessous..
Utilisation de l'outil de sélection directe Saisissez chaque coin du journal et faites-le glisser vers le coin correspondant de la forme du journal..
Il sera difficile de faire correspondre le visage du journal avec la forme, mais c'est faisable. Continuez à utiliser l'outil de sélection directe pour affiner les autres points du journal. Ajustez également les poignées comme indiqué ci-dessous pour que le journal coule exactement où vous le souhaitez..
Observez ci-dessous les poignées dans leur position correcte.
Voici à quoi ressemble le visage du journal une fois qu’il est parfaitement adapté à la forme.
Nous devrons donner au journal un aspect vieilli. Pour ce faire, sélectionnez la face du journal et sélectionnez Edition> Couleurs> Ajuster la balance des couleurs. Sélectionnez Aperçu et convertir (si nécessaire), puis ajustez les curseurs selon vos préférences..
Dissociez la forme 3D jusqu'à ce que vous ne puissiez plus la dissocier. Sélectionnez le bord inférieur du journal et changez la couleur pour l'adapter au visage du journal..
Pour obtenir le bord aléatoire requis par le bord supérieur du papier, utilisez simplement l'outil Crayon (N) pour dessiner une forme arbitraire et irrégulière..
Sélectionnez la forme que vous venez de dessiner et sélectionnez le côté du journal. Dans la palette Pathfinder, sélectionnez Soustraire de la zone de forme, puis cliquez sur Développer..
C'est ce que vous devriez être laissé avec.
A l'aide de l'outil Plume, dessinez des formes d'arc lisses indiquant l'emplacement des bords des pages. Ceux-ci peuvent être aléatoires.
Veillez à utiliser une gamme de couleurs et de dégradés pour rendre l’effet plus crédible. Expérimentez également l'utilisation de la transparence si nécessaire.
Remarquez comme le centre du côté du journal est beaucoup plus sombre. Ceci est important pour créer un effet dimensionnel global que nous recherchons.
Utilisez l'outil Plume pour dessiner deux rectangles qui suivent le bord du bas du journal..
Donnez-leur un dégradé subtil et dans la palette Transparence, puis sélectionnez Multiplier, pour que la forme se mélange mieux à la couleur du journal..
Nous allons créer un sens de profondeur ténu en dessinant une forme arbitraire sur le visage du journal. Remplissez-le d'une couleur gris clair.
Dans la palette Transparence, sélectionnez Multiplier et réglez l’opacité sur environ 85%..
Pour rendre la forme moins évidente, sélectionnez-la et accédez à Effet> Styliser> Flou gaussien. Entrez un nombre qui vous va bien.
Remarque: le nombre que vous entrez peut être beaucoup plus élevé ou plus bas que ce que je montre ci-dessous. La quantité de flou que vous appliquez à un objet dépend de l’échelle de l’illustration que vous créez..
Pour compléter l'icône, utilisez la même technique pour appliquer d'autres ombres portées à d'autres zones du papier, comme en dessous..
Le luxe des illustrations vectorielles est qu'elles s'adaptent à toutes les tailles sans perte de qualité. Il peut arriver que vous souhaitiez utiliser l'icône de différentes tailles. Lorsque vous adaptez l’icône à différentes tailles, assurez-vous de connaître vos préférences pour les traits et les effets d’Illustrator. Avant d’agrandir ou de réduire l’icône, accédez à Illustrator> Préférences> Général et cochez l'option Echelle des traits et des effets si elle n'est pas cochée. Maintenant, vous êtes libre d’adapter votre icône à d’autres tailles.
Voici la conception terminée. Vous venez d'apprendre à créer une icône de journal détaillée!
Accentsconagua