Créez un portrait vectoriel de science-fiction composé de symboles

Dans ce didacticiel, vous apprendrez à créer des images vectorielles à partir de symboles quelconques, en ayant préalablement traité une image bitmap dans Photoshop et en utilisant un script merveilleux. La technique est très simple et accessible à tous, elle ne dépend que de votre imagination!


Préparation de l'image pour un traitement ultérieur

Étape 1

Pour ce tutoriel, une image de toute qualité et résolution fera l'affaire. C'est bien si la photo a un bon contraste, est bien exposée, a une valeur artistique. La valeur du produit final en dépend. Pour cette oeuvre, j'ai utilisé une photo d'Isabel Shay, qui a gentiment donné la permission de l'utiliser. La photo que j'ai utilisée est une image scannée d'un film, elle présente une faible résolution, elle présente des défauts de rayure mais, de mon point de vue, c'est un excellent portrait. Après l'avoir enregistré sur votre ordinateur, ouvrez l'image dans Photoshop..


Étape 2

Prenez l'outil de recadrage (C) et recadrez la photo de manière à ne pas masquer les éléments indésirables (bandes blanches à droite et à gauche)..


Étape 3

Rendre le fond de la photo absolument noir. Prenez l'outil Lasso polygonal et créez une sélection dans la forme de l'arrière-plan. Vous n'avez pas besoin d'être trop précis, mais la négligence n'est pas la bienvenue.


Étape 4

Cliquez sur le bouton Supprimer et choisissez Noir dans la boîte de dialogue ouverte. Appuyez sur Commande + D pour annuler la sélection..


Étape 5

Maintenant, allez à Image> Réglages> Inverser (Commande + I) pour l'inversion de la couleur de l'image.


Étape 6

Maintenant, réduisez la taille de l'image, pour l'avenir, je dirai que la taille finale du portrait vectoriel dépend de la taille de la photo. Passez à Image> Taille de l'image? et définissez la nouvelle taille d’image dans la boîte de dialogue. Je fixe une largeur d'image égale à 100 px.

Enregistrez le portrait, Fichier> Enregistrer pour le Web et les périphériques. La préparation de l'image est terminée à cette étape.


Installation de script et création d'un portrait vectoriel

Étape 7

Nous utiliserons le script Object Multiple Raster dans notre travail. Ce script crée des graphiques basés sur les données de pixels des objets raster bitmap. Vous pouvez télécharger ceci et toute la collection de scripts intéressants sur le site web Scriptographer. Selon votre système d'exploitation et la version d'Adobe Illustrator, sélectionnez et téléchargez l'archive des scripts sur votre disque dur. Ici vous pouvez trouver des instructions complètes pour installer un paquet de scripts sur votre ordinateur.


Étape 8

Ouvrez Adobe Illustrator et collez le portrait bitmap dans un nouveau document, Fichier> Importer.?


Étape 9

Créez maintenant une série de symboles qui formeront un portrait vectoriel. Il peut s'agir de symboles ou d'objets vectoriels, tels qu'un cercle ou un carré. Les objets peuvent également représenter des objets vectoriels complexes. J'ai choisi des hiéroglyphes dans la police Code Matrix NFI pour les symboles. Créez quelques symboles en utilisant cette police, la hauteur de la police est de 20 pt.

Conservez le texte sélectionné, sélectionnez Objet> Développer ou Type> Créer des contours. Dissociez les objets obtenus, Commande + Maj + G (Attention, cette opération est un must!)


Étape 10

Sélectionnez le portrait bitmap et tous les symboles avec l'outil de sélection (V). Ouvrez maintenant la palette principale de Scriptographer (Fenêtre> Scriptographer> Afficher la palette principale)..

Choisissez le script dont vous avez besoin (Exemple> Rasters> Object Multiple Raster.js).

Après le script, une boîte de dialogue contenant les paramètres de l'effet s'ouvre..

Analysons en détail les options de ce script. Taille de la grille est la taille de la cellule en pixels dans laquelle un seul symbole est situé. Si la taille du symbole est supérieure à la taille de la cellule, les symboles se chevaucheront dans les zones les plus claires du portrait. La taille du portrait final dépend de la taille de la cellule. Plus la cellule est grande, plus le résultat final est grand et plus la densité des symboles est faible..

Object Scale (%) spécifie la dépendance des caractères formant un portrait de la valeur initiale des symboles dans une base de pourcentage. Si vous avez ajusté la taille des symboles en fonction de la taille des cellules, définissez l’Échelle d’objet sur 100%. Le contraste du résultat final dépend du paramètre Gradiation. La figure ci-dessous montre les résultats avec différentes valeurs de cet ensemble de paramètres. 0.5 La valeur de gradation est parfaite pour cela.

L'option Rotation est responsable de la rotation des symboles, cependant, mes expériences pour le changer n'ont pas fonctionné. Les symboles sont restés horizontaux, alors laissez cette option inchangée.


Étape 11

Donc, suivant mes recommandations, exécutez le script et nous obtenons le résultat indiqué dans la figure ci-dessous..

Supprimez le portrait bitmap, ne supprimez pas les symboles, nous en aurons besoin dans les étapes suivantes. Remplacer la couleur des symboles formant le portrait, j'ai choisi le vert en mode couleur RVB.


Étape 12

Prenez l'outil Rectangle (M) et créez un rectangle noir qui sera l'arrière-plan du portrait..


Étape 13

Passez maintenant à la création d’éléments décoratifs du portrait. Faites briller des symboles. Tous les symboles d'un portrait se trouvent dans le même groupe. Utilisez donc l'outil Sélection directe (A) pour sélectionner des symboles individuels. Sélectionnez le symbole et changez son remplissage en blanc.


Étape 14

Créez une lueur autour du symbole. Prenez l'outil Ellipse (L) et créez un cercle tout en maintenant les touches Alt + Maj enfoncées. Remplissez le cercle avec un dégradé radial allant du vert solide au vert avec une opacité de 0%.

Placez un cercle sous le calque inférieur avec un groupe de symboles, en le déplaçant vers le bas dans la palette Calques..


Étape 15

Créez maintenant un effet de fléchissement pour les symboles lumineux. Sélectionnez les symboles un à un situés au-dessus du symbole incandescent et modifiez leur opacité de 10%.

Appliquer la technique décrite à certains endroits clés du portrait.


Étape 16

Vous vous demandez peut-être comment transformer des objets vectoriels en un ensemble de symboles? Ils ont juste besoin d'être rastérisés. Prenez l'outil Rectangle (M) et créez un rectangle de 10 x 150 pixels avec un remplissage noir..

Conservez le rectangle sélectionné, allez à Objet> Rasteriser?

Maintenant, transformez l'objet raster en un ensemble de symboles, utilisant le même script et les mêmes caractères, comme pour le portrait.


Étape 17

Placez les bandes de symboles dans un coin du portrait, vous pouvez supprimer d'autres symboles à l'aide de l'outil Gomme ou de l'outil Sélection directe (A) et du bouton Supprimer.


Étape 18

Prenez l'outil Rectangle (M) et créez un rectangle rempli d'un dégradé vertical noir à blanc. La taille du rectangle doit être la même pour masquer tous les symboles créés à l'étape précédente..

Changer l'opacité du rectangle pour plus de commodité.

Créez un ensemble de guides verticaux et placez-les de manière à ce qu'ils soient situés parmi les colonnes de symboles.


Étape 19

Sélectionnez les guides et un rectangle, puis appuyez sur le bouton Diviser de la palette Pathfinder..

En conséquence, nous avons obtenu un ensemble de rectangles, les avons dissociés et défini une opacité de 100%..


Étape 20

A l'aide de la palette Dégradé, reconfigurez le fond en dégradé de chaque rectangle et passez à la vue illustrée dans la figure ci-dessous..


Étape 21

Sélectionnez tous les rectangles et les symboles situés en dessous d'eux. Il est pratique de le faire dans la palette Calques, puis cliquez sur Créer un masque d'opacité dans le menu de la palette Transparence..

Bien fait, le portrait est prêt.


Conclusion

Une fois cette technique maîtrisée, vous pouvez créer des effets intéressants à l'aide d'objets raster et vectoriels. Peut-être que quelqu'un souhaite créer un fond d'écran à l'aide de sa photo et que quelqu'un souhaite imprimer un portrait et le suspendre au mur. Avez-vous des idées?