Comment créer une icône de journal personnel distingué

Dans ce didacticiel, nous allons créer une icône de journal intime élégante à l'aide d'Illustrator CS4. Gradient est au cœur de ce tutoriel et nous allons l'examiner en détail. Vous apprendrez également à utiliser le masque d'opacité pour créer des reflets et des ombres.


Étape 1

Créez un nouveau document Web de 1024px par 768px. Dessinez un rectangle de 360px par 550px avec des coins arrondis de 10px. Ce sera la couverture principale du journal. Avec le rectangle sélectionné, ouvrez le panneau de dégradé (Ctrl + F9). Cliquez sur le dégradé de niveaux de gris par défaut. Votre rectangle sera rempli par défaut en noir et blanc. Double-cliquez sur la nuance blanche dans le curseur de dégradé pour ouvrir le panneau de couleur. Cliquez sur l'option de panneau (dans le coin supérieur droit du panneau) et choisissez RVB dans la liste. Le curseur K du panneau de couleurs sera remplacé par les curseurs RVB. Attribuer la couleur R = 96, G = 56, B = 19.


Étape 2

Gardez le curseur noir inchangé. Ajoutez un curseur au milieu du dégradé en cliquant n'importe où entre les deux curseurs de la bande de couleur. Changez sa couleur en R = 42, G = 18, B = 0, définissez l’emplacement sur 81,6%, changez le type en radial. Définissez le format d'image sur 178,86.


Étape 3

Pour créer un rabat pour le journal, créez un rectangle arrondi (130 pixels sur 633 pixels avec un rayon de 10 pixels). Dessinez votre rectanle à la droite du premier rectangle. Remplissez le dégradé avec les paramètres suivants (reportez-vous à la fin de l’étape.) 1er curseur R = 0 G = 0 B = 0. Emplacement 0. 2e curseur R = 42 G = 18 B = 0. Lieu 18,3%. 3ème curseur R = 142 G = 88 B = 43. Localisation 68,8%. 4ème curseur R = 165 G = 113 B = 54. Lieu 86,2%. 5ème curseur R = 96 G = 56 B = 19. Lieu 100%. Type = linéaire. Angle = 0, format = 4.Le rectangle étant toujours sélectionné, appliquez l'effet Warp, Effets> Warp> Arc supérieur. Appliquez les paramètres suivants a. Style = arc supérieur b. Vertical c. Courbure = 22%. Assurez-vous que le contour est défini sur none.


Étape 4

Appliquez l’effet de chaîne au rectangle du volet. Choisissez Effets> Déformation> Arc supérieur. Attribuez les paramètres suivants - a. Style = arc supérieur b. Vertical c. Courbure = 16%. Assurez-vous que le contour est défini sur none.


Étape 5

Créez un rectangle arrondi de 136 pixels par 550 pixels. Cela fera l'ombre du volet. Appliquez un effet de chaîne d'arc supérieur vertical avec une courbure réglée à 5%. Envoyez-le derrière un rectangle de rabat en utilisant les touches Ctrl + Support carré gauche. Attribuez la couleur R = 27, G = 14, B = 18. Déplacez-le de quelques pixels à gauche.


Étape 6

Créez un rectangle de 92px par 36px. Attribuer le dégradé suivant.


Étape 7

Créez un autre rectangle de 86px par 30px. Attribuer le dégradé suivant.


Étape 8

Créez un rectangle de 43 pixels sur 30 pixels, il devrait être environ la moitié de la taille du rectangle précédent.


Étape 9

Pour créer un bouton de verrouillage, dessinez une ellipse et affectez le dégradé suivant.


Étape 10

Créez une autre ellipse et placez-la sous l'ellipse précédente. Attribuer la couleur suivante.


Étape 11

Créez une copie de la base de verrouillage et envoyez-la sous la base de verrouillage. Attribuer la couleur R = 59, G = 35, B = 20.


Étape 12

Pour fabriquer la sangle, créez un rectangle de 186 px sur 23 px sur la couverture principale. Attribuer le dégradé suivant sur un angle de 180 degrés.


Étape 13

Créez un autre rectangle et placez-le sous la sangle, ce sera l'ombre. Colorez la sangle R = 27, G = 14, G = 10. Modifiez l'opacité (située dans le panneau de transparence) sur 50%, mode de fusion = Multiplier. Envoyez-le derrière la sangle.


Étape 14

Le côté gauche de la sangle est prêt. Pour créer la sangle droite, créez un rectangle de 72 pixels par 23 pixels. Placez le rectangle à droite du crochet. Conservez le rectangle sélectionné et prenez l’outil Pipette (I) dans la barre d’outils. Cliquez sur le volet à l'aide de l'outil compte-gouttes. Cela va prendre un dégradé de la sangle. Le rectangle de la sangle droite sera rempli avec un dégradé similaire. Dans le panneau de dégradé, changez l'angle en 0.


Étape 15

Créez un rectangle de 71 pixels sur 40 pixels. Envoyez-le derrière le rectangle précédent et affectez R = 27 G = 14 B = 10. Modifiez l'opacité à 50% Mode de fusion = Multiplier.


Étape 16

Nous avons créé le design du journal. Dans cette section, nous allons créer des threads pour cela. Sélectionnez le rectangle de la page de couverture. Choisissez Objet> Chemin> Chemin décalé. Définissez les valeurs suivantes Offset = -10px. Dans le panneau des traits, choisissez poids = 1 pt, activez la ligne pointillée, définissez la valeur du tiret sur 7 pts, couleur = R = 198, G = 156, B = 109. De même, créez un filetage pour le rectangle de rabat avec les mêmes paramètres.


Étape 17

Ajoutez le texte "Journal personnel 2010" (ou ce que vous préférez). Changer la couleur en R = 242 G = 179 B = 27.


Étape 18

Créez une copie du texte et envoyez-la derrière le fichier. Attribuer R = 23 G = 15 B = 11. Déplacez-le de quelques pixels en haut à gauche.


Étape 19

Créez une autre copie et envoyez-la derrière le premier texte, mais au-dessus de l'ombre. Déplacez-le de quelques pixels en bas à droite.


Étape 20

Maintenant, nous allons organiser la composition et faire une réflexion. Créez un rectangle de la taille de la planche graphique. Attribuez un dégradé radial avec les paramètres suivants. 1er curseur = R = 33 B = 33 G = 33. Envoyez-le à l’arrière en utilisant les touches Ctrl + Maj + Crochet carré gauche..


Étape 21

Créer une réflexion. Sélectionnez le journal et tous ses composants. Regroupez le journal à l'aide de Ctrl + G. Créez une copie, placez-la sous le journal et faites-la refléter horizontalement à l'aide de Objet> Transformer> Refléter..


Étape 22

Utilisez l'outil Rectangle pour créer un rectangle sur l'agenda copié, remplissez-le avec un dégradé linéaire noir et blanc avec une couleur blanche en haut. Rendre le rectangle plus petit que le journal.


Étape 23

Ouvrez le panneau de transparence (Maj + Ctrl + F10). Sélectionnez le journal et le rectangle. Cliquez sur l'icône des options du panneau de transparence, choisissez Créer un masque d'opacité. En tant que dégradé de blanc et de noir, le rectangle sert de masque, la zone sous le blanc est révélée et la zone sous le noir est masquée, la zone grise s'estompe..


Étape 24

Créez un cercle et remplissez-le avec un dégradé radial noir et blanc.


Étape 25

A l'aide de l'outil de transformation libre, redimensionnez le dégradé.


Étape 26

Changer le mode de fusion en multiplier.


Étape 27

Envoie l'ombre derrière le journal, mais garde-la au-dessus du reflet.


Conclusion

Ceci termine l'icône. Pour approfondir ce didacticiel, vous pouvez essayer de créer une icône représentant un crayon ou un stylo pour accompagner votre création ou d'essayer simplement de recréer l'icône avec différentes couleurs pour créer un ensemble. Prendre plaisir.