Page d'accueil » Photoshop » Comment créer une conception TRON Minimal - Tutoriel Photoshop

    Comment créer une conception TRON Minimal - Tutoriel Photoshop

    TRON est définitivement l'un des films du rêve devenu réalité du geek. C'est une combinaison et les véhicules sont parfaitement fluides, c'est pourquoi les tentatives d'assemblage d'objets qui répliquent les outils de TRON se sont multipliées sur Internet. Pour le designer, avec les clics et astuces avec Photoshop, une fiction TRON n’a pas besoin d’être dure.

    Aujourd'hui, nous allons créer un papier peint TRON dans Photoshop à l'aide de photos et de vecteurs.. Nous vous donnerons des indications précises sur comment faire et pourquoi certaines méthodes sont meilleures. Vous aurez une compréhension en profondeur de ce que vous faites. Bouclez votre ceinture pour le rêve numérique!

    Vous allez apprendre à:

    • Analysez votre conception de points de vue prêts à l'emploi
    • Créez des dessins structurés, basés sur des éléments cachés ou liés dans votre composition
    • Utilisez des raccourcis pour un flux de travail plus rapide
    • Faites des sélections complexes et des découpes via des canaux
    • Utiliser efficacement les outils généraux
    • Ajoutez de la perspective à votre conception
    • Combiner des vecteurs avec des pixels
    • Créer des effets de lumière
    • Utiliser les modes de fusion
    • Utiliser les styles de calque

    Difficulté: Débutant intermédiaire. Le temps d'achèvement: 1 heure. Outils: Photoshop CS3, Illustrator CS3 en option.

    Ressources:

    • Modèle 1 de Marcus J. Ranum
    • Modèle 2 de Marcus J. Ranum
    • Tech Vector Pack 3 par designious.com
    • V5 Prophit police par dafont.com

    REMARQUE: Pour installer la police, extrayez sur le bureau l'archive .zip contenant la police, puis copiez-la. Allez dans le répertoire C: \ WINDOWS \ Fonts \ et collez-les dans.

    Pourquoi ne puis-je pas les extraire directement dans le dossier Polices?

    Votre système d'exploitation n'autorise pas votre archiveur à modifier ou à ajouter un fichier dans le répertoire C: \ WINDOWS \, c'est pourquoi vous devez le faire manuellement. Si vous avez ouvert Photoshop, redémarrez-le, sinon vous ne pourrez pas voir la police nouvellement installée..

    Après avoir choisi mes ressources, j'ai commencé à dessiner des lignes basées sur le modèle. Ci-dessous, un schéma des sources d’inspiration pour les lignes lumineuses du corps: pose, muscles, vêtements, forme du corps, répartition du poids et os..

    Pour améliorer les caractéristiques de la pose ou du corps d'un modèle, il ne suffit pas de jeter des lignes aléatoires sur.

    Tout doit avoir une source, qu'elle soit montrée ou cachée. N'oubliez pas que mon dessin n'est que l'une des possibilités infinies que vous avez, je vous encourage à expérimenter.

    Commençons!

    Étape 1

    Allez dans Fichier> Nouveau et réglez-le sur 1920x1080px en mode couleur RVB à 72 dpi.

    Étape 2

    Ouvrez le Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. Dans la palette Calques, F7 double-cliquez sur le verrou situé près de la vignette du calque. Ceci est obligatoire si nous voulons éditer l'image via des canaux. Vous devriez maintenant avoir un "Couche 0".

    Étape 3

    Accédez à Couche> Couche dupliquée, CTRL + J. Maintenant, allez dans Filtre> Autre> Passe Haut. Utilisez un réglage 5px et cliquez sur OK. Dans la palette Calques, F7, définissez le mode de fusion sur Superposition..

    Cela rendra l’image plus claire et vous permettra de sélectionner plus précisément les cheveux..

    Étape 4

    Allez à Calque> Fusionner le visible, CTRL + MAJ + E, puis allez à Calque> Dupliquer le calque, CTRL + J. Définissez le mode Fusion du calque copié sur Écran, puis dupliquez-le deux fois de plus. Maintenant, nous avons un bon contraste entre le modèle et le fond.

    Étape 5

    Accédez à la fenêtre Chaînes> Chaînes et sélectionnez le canal "vert". Faites un clic droit dessus et sélectionnez "Canal dupliqué".

    Le canal "vert" fournit le contraste le plus élevé de tous les canaux. Nous le dupliquons car il nous faut un canal factice pour améliorer encore le contraste.

    Étape 6

    Allez à Image> Réglages> Courbes, CTRL + M et modelez la courbe comme indiqué ci-dessous. La moitié inférieure assombrit les ombres et la moitié supérieure éclaircit les hautes lumières. Faites ceci deux fois.

    Étape 7

    Allez à Couche> Réglages> Niveaux et utilisez les paramètres ci-dessous.

    Étape 8

    Saisissez l'outil Pinceau, B, réglez la dureté à 100% et couvrez de noir les taches blanches à l'intérieur des cheveux, du visage et du reste du corps..

    Nous n'avons besoin d'aucun détail dans le canal, juste du contour du modèle.

    Étape 9

    Saisissez l'Outil d'esquive, O, mettez-le en surbrillance et éclaircissez les gris supplémentaires dans l'image..

    Étape 10

    CTRL + cliquez sur le curseur de canal "Copie verte", accédez à la palette Calques, F7, sélectionnez> Inverser, CTRL + MAJ + I et sélectionnez le calque situé en bas, puis copiez-le, CTRL + C.

    CTRL + clic sur une vignette, que ce soit le canal ou la couche, charge une sélection du contour de la couche / du canal cliqué.

    Étape 11

    Allez dans Window> Untitled-1.psd notre document et collez-le, CTRL + V. Allez dans Edition> Transformation libre, CTRL + T et redimensionnez-le pour l'adapter à la toile, comme ci-dessous. Maintenez la touche MAJ enfoncée pour conserver ses proportions. Appuyez sur Entrée pour quitter le mode de transformation libre. Pour effacer les boucles des vêtements, utilisez l'outil Clone Stamp, S: utilisez ALT + cliquez pour choisir la source, puis cliquez sur la boucle..

    Faites de même pour l’épée dans l’image "modèle 2", mais utilisez l’outil Tracé, P pour le couper..

    Étape 12

    Ouvrez le fichier .eps "Tech Vector Pack 3". Lorsque vous êtes invité à entrer une taille de fichier, tapez environ 3000px pour la largeur. Hit OK.

    Pour Illustrator, il vous suffit de l’ouvrir au format vectoriel. Photoshop peut ouvrir des fichiers .eps Illustrator 8, mais au format raster. Vous pouvez cependant l’ouvrir dans n’importe quelle taille - le fichier .eps est vectoriel!

    Étape 13

    Saisissez l'outil de sélection rectangulaire, M, sélectionnez une forme technique ronde cliquez-glissez pour créer le rectangle de sélection, copiez-le, CTRL + C, revenez à notre fenêtre Fenêtre> Untitled-1.psd et collez-le, CTRL + V.

    Étape 14

    Revenez au fichier de pack de vecteurs Fenêtre> Designious Tech Shams 4. eps, copiez une autre forme et collez-la dans notre document, comme dans Étape 13.

    Étape 15

    Saisissez l'outil de sélection, V, cochez la case "Sélection automatique" et cliquez sur la première forme technique collée et dupliquez-la, CTRL + J. Maintenant, allez dans Edition> Transformation libre, CTRL + T maintenez la touche CTRL enfoncée et cliquez-glissez le coin supérieur gauche, comme ci-dessous. Faites la même chose pour le coin en haut à droite. Appuyez sur Entrée pour quitter le mode de transformation libre..

    Étape 16

    Dupliquez la première forme (originale) et placez les copies comme indiqué ci-dessous. Prenez l'outil Chemin, P, définissez-le sur Formes et tracez chaque ligne brillante sur le corps en vous basant sur l'esquisse..

    Dans la palette Calques, sélectionnez toutes ces formes et appuyez sur CTRL + E pour les fusionner..

    Étape 17

    Saisissez l'outil Ligne, U, définissez-le sur Calques de forme et sur une largeur de 7 px, tracez une ligne oblique, puis maintenez la touche MAJ enfoncée. Modifiez maintenant la ligne "Ajouter à la zone de forme (+)" et tracez une ligne horizontale. Maintenez la touche Maj enfoncée pour le rendre parfaitement horizontal.

    Étape 18

    Saisissez l'outil Texte horizontal, T, cliquez-glissez pour créer une zone de texte et saisissez un texte aléatoire. Définissez la police sur "V5 Prophit".

    Étape 19

    Sélectionnez le calque "Forme 1" et allez à Calque> Dupliquer le calque, CTRL + J. Placez plusieurs copies comme ci-dessous. Faites la même chose pour le texte. Pour modifier le type, double-cliquez sur le curseur de la couche dans la palette Calques..

    Étape 20

    Allez à Calque> Nouveau calque de remplissage> Couleur unie. Sélectionnez une couleur bleu foncé et appuyez sur CTRL + MAJ + [pour l’envoyer à l’arrière..

    Ce sera un joli fond pour notre image.

    Étape 21

    Sélectionnez la forme large et cliquez sur le bouton "fx" de la palette Calques, F7. Sélectionnez "Options de mélange". Utilisez les paramètres ci-dessous.

    Étape 22

    ALT + cliquez sur l'icône "fx" qui apparaît près du pouce de la couche et faites-la glisser vers les autres formes arrondies. Vous pouvez les reconnaître facilement, ils ne s'appellent pas "Shape 'Ã'¦"et ne pas avoir un" T "sur le pouce.

    Étape 23

    Créez un nouveau calque au-dessus (sélectionnez le calque et appuyez sur CTRL + MAJ + N pour créer un nouveau calque, puis sélectionnez les deux calques et appuyez sur CTRL + E (fusion des calques)). Pour les formes sélectionnées, sélectionnez Filtre> Flou> Flou gaussien. Utilisez différents réglages de 2 à 6 px, comme bon vous semble.

    Pour ajouter plus de perspective, ajoutez plus de formes techniques par-dessus.

    Étape 24

    Saisissez l'outil de sélection, V, sélectionnez la petite forme et réduisez son opacité. 29% ira bien.

    Faites la même chose pour les autres formes floues, mais modifiez un peu l'opacité.

    Étape 25

    Créez un nouveau calque, CTRL + MAJ + N, saisissez l'outil de rectangle de sélection elliptique, M, réglez Feather sur 50 px et effectuez une sélection comme ci-dessous..

    Étape 26

    Saisissez l'outil Pot de peinture, G, ALT + cliquez sur l'une des formes technologiques pour sélectionner la couleur et remplir la sélection. Dans la palette Calques, F7, définissez le mode de fusion du calque sur Superposition. Faites la même chose pour le bas.

    Étape 27

    Créez un nouveau calque, CTRL + MAJ + N, saisissez l'outil de rectangle de sélection elliptique, M, réglez Feather sur 30 px et faites une sélection comme ci-dessous. Saisissez l'outil Pot de peinture, G et remplissez la sélection.

    Étape 28

    Répéter Étape 28 pour la forme derrière le modèle.

    Étape 29

    Saisissez l'outil de sélection, V et cliquez sur le modèle. Maintenant, allez à Couche> Nouvelle couche de réglage> Luminosité / Contraste et Noir & Blanc. Pour chacun, utilisez les paramètres indiqués ci-dessous. Pour le calque noir et blanc, définissez l'opacité sur 70%.

    Je préfère utiliser le noir et blanc plutôt que la teinte / saturation, car cela permet également de contrôler les tons, pas seulement la désaturation..

    Étape 30

    Créez un nouveau calque, CTRL + MAJ + N et ALT + clic entre celui-ci et le calque de réglage situé en dessous. Définissez le mode de fusion sur "Color Dodge".

    Étape 31

    Saisissez l'outil Pinceau, B, appuyez sur "3" pour régler l'opacité du pinceau sur 30%, définissez la Dureté sur 0%, ALT + cliquez sur la forme technique de sarcelle d'hiver et peignez sur les points forts du corps, une partie des cheveux et du visage.

    Étape 32

    Modifiez l'opacité du pinceau à 70% et peignez sur quelques reflets, mais dans des zones plus petites.

    Étape 33

    Dans la palette Calques, F7, sélectionnez le calque le plus haut et accédez à Sélectionner> Tout, CTRL + A, puis appuyez sur CTRL + MAJ + C pour copier une version fusionnée du document, puis sur CTRL + V pour le coller..

    Étape 34 - Dernière étape

    Allez dans Filtre> Netteté> Masque flou. Utilisez les paramètres ci-dessous ou n'hésitez pas à utiliser les vôtres. N'en faites pas trop, sinon l'image sera trop nette.

    Voici la vue finale de ce que vous allez obtenir supposons que vous avez suivi correctement tout le tutoriel.

    Téléchargements (PSD, Wallpaper)

    Avec le tutoriel, voici quelques fichiers créés pour vous.

    • Tron fichier tutoriel PSD.
    • Papier peint Tron- disponible en 1280x800px, 1280x1024px, 1920x1080px et 1680x1050px.

    Note de l'éditeur: Cet article est écrit par Ovidiu Toader pour Hongkiat.com. Ovidiu est un auteur et concepteur graphique pour Vectorious.net - site Web sur lequel vous pouvez télécharger des illustrations et des illustrations vectorielles abordables pour vos projets..