Dessiner un post-it et sa punaise

 

 

Dessiner un post-it et sa punaise

 

Ce tutoriel est écrit avec Illustrator CS 6.

 

Ce petit tutoriel facile, vous permet d’appréhender la notion de distorsion de l’enveloppe.

Nous allons également approcher les effets 3D, en créant une punaise. Oui je sais un post-it n’a pas besoin de punaise puisque par définition, il est autocollant… Bon imaginons que votre post-it a été mainte fois collé, recollé etc…

 

Créer le post-it :

créer un nouveau document par le menu Fichier / Nouveau ou les touches Ctrl + N

dans la fenêtre, passer l’affichage en pixels et également en RVB (en affichant le mode Avancées en bas de la fenêtre)

Nouveau document

prendre l’outil Rectangle ou touche M, faire un clic gauche dans le fond de l’image et dans la fenêtre entrer 250 x 250 pixels

Tracer un carré

prendre l’outil Sélection ou touche V et cliquer sur le carré, pour le sélectionner

supprimez le contour, pour cela dans le panneau Options en haut de l’écran, cliquer sur la flèche du bas à droite de Contour, de façon à avoir un champ vide à coté

Supprimez le contour

Pour mettre le fond en dégradé linéaire,
afficher le panneau Dégradé par le menu Fenêtre / Dégradé de couleurs ou les touches Ctrl + F9

dans le panneau, sélectionner Linéaire dans le menu déroulant en haut à droite,
choisir un Angle de – 45°

Dégradé linéaire

Pour choisir les couleurs du dégradé,
faire un double-clic sur la Barre de dégradé de gauche,
et dans les couleurs entrer manuellement un jaune clair de valeur R254 V250 B157 ou le code fefa9d

puis faire un double-clic sur la Barre de dégradé de droite,
et dans les couleurs entrer manuellement un jaune moyen de valeur R254 V246 B87 ou le code fef657

Choisir la couleur du dégradé

avec l’outil Sélection, sélectionner la forme puis choisir le menu Objet / Distorsion de l’enveloppe / Créer d’après un filet ou les touches Alt + Ctrl + M

dans la fenêtre Filet d’enveloppe entrer Rangées 1 et Colonnes 1

Filet d'enveloppe

prendre l’outil Sélection directe (flèche blanche) et à l’aide des points d’ancrage et des tangentes, déformez votre carré comme sur la capture

Déformer le carré

choisir le menu Objet / Aplatissement des transparences… et valider la fenêtre qui s’affiche par OK

prendre l’outil Sélection (flèche noire) et dans le panneau Calques sélectionner le tracé du post-it, puis faire Copier/Coller de façon à créer une seconde forme

Copier/coller la forme

dans le panneau Calques, sélectionner le Tracé du dessus et cliquer sur l’icône Cadenas pour verrouiller le calque

Verrouiller le calque du dessus

avec l’outil Sélection ou touche V sélectionner le tracé du dessous puis,
dans le panneau Calques, sélectionner le Tracé du dessous, celui du bas puis,
cliquer sur la couleur de premier plan dans le panneau des Options en haut de l’écran et choisir un Gris foncé

Changer la couleur

avec les Flèches du calvier, déplacer le calque du dessous, celui de l’ombre comme sur la capture

Déplacer l'ombre

prendre l’outil Sélection directe (flèche blanche), cliquer une fois sur le point d’ancrage en haut à gauche pour le sélectionner puis,
déplacer ce point juste au coin du post-it, comme sur la capture suivante

Aligner l'ombre sous le post-it

 

Ajouter le texte :

prendre l’outil Texte

Outil Texte

afficher le panneau Caractère par le menu Fenêtre / Texte / Caractère ou les touches Ctrl + T

écrire un mémo avec une police manuscrite de votre choix

Écrire le texte

prendre l’outil Sélection et cliquer sur le texte puis,
afficher le panneau Paragraphe et cliquer sur l’icône de centrage, puis déplacer le texte au centre environ du post-it

Centrer le texte

choisir le menu Objet / Distorsion de l’enveloppe / Créer d’après un filet. Entrer 1 et 1 dans la fenêtre et valider par OK.

Créer l'enveloppe

prendre l’outil Sélection directe et en cliquant sur chaque point d’ancrage, déformer le texte pour qu’il épouse la forme du Post-it

Déformer le texte comme le post-it

 

Ajouter une punaise :

prendre l’outil Ellipse ou touche L

faire un clic gauche dans l’image et dans la fenêtre entre 20 et 20 pixels puis valider

Tracer un cercle

cliquer sur la couleur dans le panneau Options en haut de l’écran et choisir du orange, par exemple (et pas de contenu pour l’icône de la couleur de droite)

Ajouter une couleur

dupliquer cette forme en faisant un copier/coller puis sélectionner la forme du dessus et mettez-lui un Cadenas pour la verrouiller

sélectionner la forme du dessous et la déplacer juste sous celle du dessus puis mettez-lui un gris moyen comme couleur, pour créer l’ombre

Ajouter l'ombre grise

Pour ajouter un effet sur la punaise,
avec l’outil Sélection, sélectionner le cercle orange, celui du dessus puis choisir le menu Effet / 3D / Extrusion et biseautage… (si son accès est bloqué, enlever le verrouillage du calque).

dans la fenêtre, dans les champs d’orientation entrer les valeurs : , – 8° et 11° puis,
Profondeur d’extraction 5 pt puis Biseau sélectionner Arrondi et Hauteur 2 pt

Effet Extrusion et biseautage sur la punaise

Ajuster l’ombre :

Si vous le désirez vous pouvez ajuster la couleur de l’ombre du Post-it.

avec l’outil Sélection, sélectionner l’ombre du Post-it

afficher le panneau Transparence et diminuer l’Opacité à votre convenance

Ajuster l'ombre du Post-it

Vous pouvez faire pareil pour l’ombre de la punaise.

L’image finale se trouve au début du tutoriel ▲

 

Ce tutoriel a été créé par HélèneM. Photoshoplus en a créé une nouvelle version, avec son autorisation.
Toute reproduction, exploitation ou diffusion du présent document est interdite.