Découvrez comment créer un lettrage personnalisé de style manuscrit, de l'esquisse jusqu'à l'illustration numérique, exploitable dans vos projets de création.
5495-lettering_1408x792

Copie de la bibliothèque de fichiers d'exemple dans vos Bibliothèques Creative Cloud

Pour reproduire cet effet à l'aide de nos fichiers d'exemple, ouvrez la bibliothèque Lettering Assets, puis cliquez sur Enregistrer dans Creative Cloud pour créer une copie de la bibliothèque sur votre compte.

Une fois les ressources ajoutées dans votre Bibliothèque Creative Cloud, vous pourrez les utiliser pour capturer une esquisse avec Adobe Capture CC, explorer les thèmes de couleur d'Illustrator et choisir une texture prête à l'emploi que vous appliquerez à votre projet dans Photoshop.

Remarque : vous devez vous connecter à votre compte Creative Cloud pour enregistrer la bibliothèque. Si vous n'avez pas d'Adobe ID, créez-en un.

lettering_step-1

Transformation d'une esquisse en formes vectorielles

Ouvrez Capture CC, puis appuyez sur Shapes et sur le signe plus (+). Appuyez sur la vignette de la photo à droite du bouton de capture, puis sur l'option Creative Cloud dans le menu déroulant. Sous l'icône Creative Cloud, sélectionnez Ressources de bibliothèque. Appuyez ensuite sur la bibliothèque Lettering Assets enregistrée à l'étape 1 pour la sélectionner.

Dans la section Graphismes, sélectionnez le fichier Sketch, puis appuyez sur Ouvrir fichier. Réglez le niveau de détail à l'aide du curseur, puis appuyez sur le bouton de capture pour créer une version vectorielle de votre esquisse. Pour renommer la forme vectorielle, appuyez sur le nom par défaut, puis saisissez-en un nouveau. Appuyez sur Enregistrer Shape et enregistrez la forme dans la bibliothèque Lettering Assets.

Facultatif : vous pouvez utiliser l'outil de capture de formes pour générer une version vectorielle du lettrage que vous avez créé à l'aide d'un crayon ou d'un stylo équipé d'une plume calligraphique. Utilisez du papier calque pour créer des variantes de vos lettres en les dessinant à l'encre de manière aussi régulière et dense que possible. Pour dessiner notre esquisse, nous nous sommes inspirés des caractères fins de la police Copperplate Script.

Découvrir plus en détail comment capturer des formes vectorielles

 

lettering-step-2a
Lettering-step-2b

Amélioration de la forme dans Illustrator 

Dans Illustrator, créez un document et choisissez Fenêtre > Bibliothèques pour accéder à vos Bibliothèques Creative Cloud. Sélectionnez la bibliothèque Lettering Assets, puis faites glisser la forme vers le plan de travail.

Redimensionnez la forme si nécessaire.

Lettering-step-3a

Vous pouvez maintenant retravailler la forme à l'aide des outils de dessin. L'outil Courbure permet de modifier et de tracer des courbes lisses en toute facilité. 

Avant d'utiliser l'outil Courbure, sélectionnez un noir uni comme couleur de fond, sans contour. Sélectionnez ensuite le tracé à l'aide de l'outil Sélection.

Cliquez sur un point pour le sélectionner, puis faites-le glisser pour affiner la courbe.

Double-cliquez sur un angle pour le convertir en courbe lisse.

Cliquez sur le tracé pour ajouter un point, puis faites glisser ce dernier pour former une courbe.  

Pour supprimer un point, cliquez dessus et appuyez sur la touche Suppr ; la courbe reste intacte, et vous pouvez continuer à la modifier et l'affiner.

Découvrez plus en détail comment utiliser l'outil Courbure.

5495-lettering_step-3b

Ajout de couleur

Commencez par créer deux copies du lettrage. Sélectionnez la forme, puis en maintenant la touche Alt/Option enfoncée, faites-la glisser pour la dupliquer. Appliquez une couleur de fond différente à chaque forme, sans contour. Pour cet exemple, nous avons choisi les couleurs beige et rouge, disponibles dans la bibliothèque Lettering Assets.

Sélectionnez la seconde forme et dupliquez-la de nouveau, en décalant légèrement la nouvelle copie. Sélectionnez Objet > Disposition > Arrière-plan.

lettering-step-4

Création d'un effet de profondeur

Cliquez n'importe où sur plan de travail pour désélectionner les deux formes rouges, puis effectuez un zoom avant.

Double-cliquez sur l'outil Dégradé de formes pour ouvrir les options de dégradé. Dans la liste déroulante Pas, sélectionnez l'option Etapes, puis saisissez la valeur 100. Cliquez sur OK. 

Cliquez à l'intérieur de chaque forme pour créer un dégradé lisse entre les deux formes et simuler un effet de profondeur.

Faites glisser la forme beige précédemment créée et placez-la devant les formes rouges.
Astuce : pour repositionner un objet, sélectionnez Objet > Disposition > Premier plan.

Sélectionnez toutes les formes et cliquez sur l'icône Ajouter un graphique située au bas du panneau Bibliothèques, ou faites simplement glisser les objets sélectionnés vers la bibliothèque Lettering Assets. Vous pouvez désormais accéder facilement à cette ressource de création dans vos projets Illustrator ou d'autres applications Adobe pour postes de travail et terminaux mobiles.

lettering-step-5a
lettering-step-5b

Ajout d'effets supplémentaires dans Photoshop

À cette étape, vous allez placer le lettrage sur une photo d'arrière-plan et peaufiner son style.

Ouvrez une photo de votre choix dans Photoshop.
Astuce : nous avons choisi une photo en noir et blanc particulièrement sombre pour faire ressortir le lettrage.

Choisissez Fenêtre > Bibliothèques pour ouvrir le panneau Bibliothèques, puis sélectionnez la bibliothèque Lettering Assets dans le menu déroulant. 

Faites glisser l'image Lettering vers le document. Si nécessaire, redimensionnez et repositionnez l'image sur la photo.

Vous allez maintenant appliquer une ombre portée pleine au lettrage.

Sélectionnez le calque dans le panneau Calques, puis cliquez sur l'icône Style de calque située au bas de ce même panneau. Activez la case à cocher Ombre portée, paramétrez les options comme indiqué (couleur, mode de fusion, angle, distance, etc.), puis cliquez sur OK.

lettering-step-6a
lettering-step-6b

Ajout d'une texture

Au cours de cette dernière étape, vous allez ajouter une légère texture à l'ensemble de la composition.
Astuce : l'ajout d'une texture à une composition comprenant une illustration vectorielle peut faciliter la fusion de cette dernière avec la photo d'arrière-plan. Nous avons inclus une ressource graphique qui vous permettra de donner une touche vintage à la forme vectorielle, dont l'aspect est trop lisse.

Faites glisser la ressource Texture de la bibliothèque vers le document. Positionnez-la en haut à gauche de la fenêtre du document, puis en maintenant la touche Maj. enfoncée, redimensionnez la texture de sorte qu'elle recouvre toute la composition.

Dans le panneau Calques, modifiez le mode de fusion du calque en sélectionnant Différence.
Astuce : testez les autres modes de fusion, tels que Densité linéaire, Lumière tamisée et Soustraction, pour créer divers effets.

lettering-step-7
06/29/2018
Cette page vous a-t-elle été utile ?