Share
Ce que vous allez créerCe didacticiel vous apprendra de nouvelles techniques et astuces. Nous utiliserons la maquette de carte isométriqueproduit à titre d'exemple et voir en détail comment il a été créé. À la fin, vous aurez une action pleinement réalisable et de la confiance pour construire des «actions de transformation».
Vous n'avez pas le temps et avez besoin de cette action le plus tôt possible? Vous pouvez acheter cette maquette isométrique sur GraphicRiver.
Ouvrez le test.psd fichier joint à ce tutoriel. Je l'ai créé pour votre commodité afin que vous n'ayez pas à suivre de longues étapes concernant la création de documents..
Assurez-vous d'avoir correctement configuré votre espace de travail. Pour ce tutoriel, nous avons besoin de quelques panneaux: le actes, Couches, et modes panneaux. Si ces panneaux ne sont pas visibles, allez à La fenêtre et activer les panneaux un par un par leurs noms.
Ensuite, vous devez vous assurer que le Mesures de règle sont des pixels. Si vous ne voyez pas les règles, appuyez sur Commande-R pour les activer, puis clic-droit sur la règle elle-même et sélectionnez Les pixels.
Pour l'instant, puisque nous avons configuré notre espace de travail en fonction des besoins, nous pouvons commencer à enregistrer notre action..
Aller au actes panneau et créer un nouveau Jeu d'action. Vous pouvez l'appeler comme vous voulez.
À l'intérieur de Jeu d'action, créer un Nouvelle action. Donnez-lui un nom, par exemple, "Action de carte isométrique".
Après cela, appuyez sur le bouton Bouton d'arrêt de l'enregistrement. C'est parce que, par défaut, après la création d'une action, l'enregistrement commence automatiquement. Nous ne voulons pas que cela se produise pour l'instant.
Sélectionnez le "principale" couche, parce que nous ne voulons pas que cette étape soit enregistrée. Pour nous, ce sera l'étape effectuée par un utilisateur. L'utilisateur décide quel calque sélectionner.
Il est maintenant temps de cliquer sur le bouton Record bouton sur notre actes panneau. À partir de ce moment, presque tout ce que nous allons faire dans Photoshop sera enregistré. Une fois que nous avons fini d’enregistrer notre action, nous pouvons exécuter cette action une fois de plus pour appliquer exactement le même processus de travail à d’autres images..
Ici nous avons une tâche. Nous devons trancher le "principale" couche en trois parties verticalement, et nous devons également enregistrer ces étapes.
Créer un Objet intelligent du "principale" couche. Pour faire ça, clic-droit dessus, et choisissez Convertir en objet intelligent. Nous le faisons parce que nous avons besoin d'un nouvel espace pour nos prochaines étapes..
Après ça, double-cliquez sur le Objet intelligent couche à modifier le contenu. Vous allez basculer vers un nouveau document. Voici l'endroit où nous allons travailler avec notre image.
Maintenant, nous voulons créer plus d'espace libre autour de notre image en augmentant la taille de la toile. Aller à Image> Taille de la toile, et dans la fenêtre de dialogue, au lieu de "Pixels", choisir "Pour cent" et entrée 200% pour les deux côtés. Il augmentera la taille de la toile proportionnellement.
Ici, nous allons rapidement passer en revue et créer un modèle d’alignement. Cette couche nous aidera plus tard à aligner certaines de nos parties de carte sur le centre de la toile..
Créez un nouveau calque. Pour ce faire, cliquez sur la petite icône "feuille de papier" tout en bas de la fenêtre. Couches panneau. Après l'avoir créé, le calque colle au-dessus du "principale" couche.
Tenir Commander-[ pour déplacer notre couche nouvellement créée sous le "principale" couche. Renommez le calque "modèle".
Remplissez ce calque avec la couleur de votre choix en appuyant sur Command-Backspace. Pour nous, la couleur n'a pas vraiment d'importance car le "modèle" couche est une couche temporaire, et il sera supprimé plus tard.
Enfin, nous devons passer à la "principale" couche, de sorte qu'il sera sélectionné. presse Option-] passer au "principale" couche. Lorsque vous prenez des mesures, vous devez tout rendre flexible afin de pouvoir appliquer le processus à nouveau à l'avenir..
Couper le "principale" couche en trois parties égales, nous devons en fait faire deux coupes. Nous allons diviser le "principale" couche en utilisant le Outil de sélection. Faites une sélection autour de notre couche en maintenant Commander et en cliquant sur la vignette de la couche. Ensuite aller à Sélectionner> Transformer la sélection.
Maintenant, pour un peu de maths. Si on prend 100% de la taille réelle de notre image et diviser par 3, nous obtenons environ 33,34%. C'est donc exactement la valeur que nous voulons voir dans le Largeur champ de saisie. Mettez dans la valeur que vous voyez dans l'image ci-dessous. Il est important de ne pas oublier le Emplacement du point de référence. C'est un point de rupture pour les transforme. Choisissez le point d'accrochage centre-gauche.
Après avoir tout saisi correctement, appuyez sur le bouton Entrer clé.
Nous en avons presque fini avec cela. Nous devons maintenant élargir un peu la sélection actuelle vers la gauche, de sorte que nous soyons à 100% sûrs de ne couper aucun pixel inattendu autour de la zone de découpe. Nous faisons cela parce que les pixels cachés peuvent causer des problèmes à l'avenir lors de la transformation, et il est difficile de les identifier.
Aller à Sélectionner> Transformer la sélection. Le point de référence doit être centre-droit, puis entrez ces dimensions dans les champs: W:110%; H:110%;
presse Entrer.
Avant de continuer, nous devons faire un petit truc que j'appelle "Clear Cut". L'idée de cette astuce est de couper le calque sans pixels transparents sur le bord de la coupe. Comment faisons-nous cela? Aller à Sélection> Sélectionner et masquer. Naviguez ensuite dans le menu de droite et entrez les valeurs suivantes:
Puis clique D'accord.
Clic-droit dans la sélection et dans le menu déroulant, choisissez Couche via coupe.
Renommez notre couche nouvellement coupée et donnez-lui le nom. "1". presse Option-[ pour sélectionner le calque arrière. Maintenant le "principale" la couche est sélectionnée.
Ici nous avons deux couches séparées. En gros, dans cette étape, nous allons faire les mêmes choses que précédemment. La seule différence est que nous allons réduire la sélection de moitié.
Assurez-vous que le "principale" couche est sélectionnée. Encore une fois, faites une sélection autour du calque actuel en maintenant Commander et en cliquant sur la vignette de la couche. Bon, maintenant nous avons la sélection autour de la couche.
Ensuite, allez à Sélectionner> Transformer la sélection. Réduisons la sélection de moitié. Tapez la valeur de 50% dans le Largeur champ de saisie. Ne pas oublier le Emplacement du point de référence, qui doit être au centre gauche.
appuyez sur la Entrer clé.
Comme je l'ai promis, les étapes sont assez similaires. Et pour cet exemple, nous devons également développer une sélection sur le côté gauche. Jetez un oeil à la façon dont nous l'avons fait auparavant.
Aller prendre Sélectionner> Transformer la sélection (la Point de référence doit être centre-droit), puis entrez ces valeurs dans les champs: W:110% H:110%.
appuyez sur la Entrer clé.
Pour cette partie, répétez également la méthode «Clear Cut» comme nous l’avons fait dans Étape 3 de la section en cours.
Clic-droit dans la sélection et dans le menu déroulant, choisissez Couche via coupe. Renommez notre couche nouvellement coupée et donnez-lui le nom. "2". presse Option-[ pour passer à la couche ci-dessous. Renommez-le "3".
Nous avons maintenant trois parties de coupe égales. Maintenant, nous sommes prêts à transformer deux d’entre eux, à savoir "1" et "2". Que faire avec le troisième, vous saurez plus tard. Pour l'instant, passons à la transformation.
Sélectionnez le calque "1". Aller à Édition> Transformer et sélectionnez Échelle. Entrez les valeurs suivantes:
le Point de référence est en bas à droite. presse Entrer.
Sélectionnez le calque "2". Aller à Édition> Transformer et sélectionnez Échelle. Entrez les valeurs suivantes:
le Point de référence est en bas à gauche. presse Entrer.
Comme vous l'avez peut-être remarqué, nous avons maintenant un problème. Nous pouvons voir l'écart entre la troisième couche non transformée et le reste des couches. Si nous transformons maintenant la troisième couche, cela ne fonctionnera pas pour nous.
Dans une situation ordinaire, nous aurions transformé la troisième couche et l’aurions ensuite déplacée vers la gauche. Mais puisque nous enregistrons l'action, cette méthode ne fonctionne pas pour nous. Nous devons donc créer quelque chose de plus universel. Cela permet de s’assurer que cela fonctionnera pour tous les types de tailles d’image..
Ok, maintenant nous devons faire une multi-sélection. Nous sommes debout sur la couche "2". Nous voulons sélectionner les deux calques: calque "2" et couche "1". Maintenez la Commander touchez et cliquez sur le calque "1" pour l'ajouter à la sélection. Maintenant, vous devriez voir les deux couches sélectionnées.
Ensuite, nous devons convertir les couches sélectionnées en un Objet intelligent. Clic-droit sur l'une des deux couches - peu importe lequel - et dans le menu déroulant, sélectionnez Convertir en objet intelligent.
Nous ne pouvons pas facilement aligner des objets les uns après les autres lors de l’enregistrement d’une action. Vous direz peut-être que c'est simple, en prenant l'exemple actuel, mais ce n'est pas exactement. Vous pouvez réussir l'alignement pour l'image actuelle, mais cela ne fonctionnera pas pour une autre. Par conséquent, nous avons besoin d’une méthode très flexible qui fonctionnerait pour toutes sortes d’images..
Voici un petit truc. Nous devons aligner notre couche d'objet intelligent sur le coin inférieur gauche.
Alors que nous continuons, nous avons déjà sélectionné notre couche d’objets intelligents, et nous devons ajouter le "modèle" couche à cette sélection. Tenez le Commander clé et cliquez sur le "modèle" couche.
Allez prendre le Outil de déplacement. L'alignement dans Photoshop crée un calque plus gros. Choisir Aligner les bords gauche-il va coller l'objet intelligent sur le côté gauche.
Ensuite, cliquez sur Aligner les bords inférieurs. Nous l'avons placé au bas de la toile.
Il est temps d'aligner la troisième partie de notre carte.
Sélectionnez le calque "3". Puis sélectionnez le Outil de sélection de chapiteau. Maintenez la Commander clé et cliquez sur le Objet intelligent vignette pour faire la sélection.
Sélectionnez le Outil de déplacement. Aligner la couche "3" vers le bas. Puis alignez le calque à gauchecôté. Enfin, alignez le calque à droite.
presse Commande-D désélectionner la sélection actuelle.
Aller à Édition> Transformer et choisir Échelle. Met le Point de référence à Droite. Ensuite aller à Édition> Transformer et choisir Retourner horizontalement ou dans le Largeur champ de saisie entrez la valeur de -100%.
La dernière étape reflètera la couche. Aller à Édition> Transformer et choisir Retourner horizontalement.
Sélectionnez le calque "3". Aller à Édition> Transformer et sélectionnez Échelle. Entrez les valeurs suivantes:
Met le Point de référence en bas à gauche. presse Entrer.
Pour l'instant, nous avons notre carte dans une position étrange. Nous devons le faire tourner à la position dont nous avons réellement besoin.
Sélectionnez le calque "1". Maintenez la Commander touchez et cliquez sur le calque "2" afin que les deux couches soient sélectionnées. Aller à Édition> Transformer et sélectionnez Tourner.
Entrez les valeurs suivantes:
presse Entrer.
Nous devons maintenant libérer des parties de l'objet intelligent. Nous effectuons cette étape car nous souhaitons appliquer des styles d’ombrage au calque de la partie centrale. Nous voulons donc que nos pièces soient séparées.
Sélectionnez le calque "1". Clic-droit sur le calque et dans le menu déroulant, sélectionnez Nouvel objet intelligent via la copie.
Double-cliquez sur le calque nouvellement créé pour modifier le contenu
Dans le document ouvert, sélectionnez le calque "2".
presse Supprimer (retour arrière) supprimer le calque "2".
Fermez le document actuel et, tout en le fermant, cliquez sur le bouton sauvegarder bouton.
Ensuite, pixellisez la couche actuelle que nous venons de fermer.. Clic-droit sur la couche et choisissez Rasteriser la couche. Renommez-le "1". presse Option-[ passer au calque ci-dessous.
Pour un autre Objet intelligent, les marches sont jolies les mêmes. Double-cliquez sur le calque actuel pour modifier les contenus.
Dans un document récemment ouvert, sélectionnez le calque "1". presse Retour arrière supprimer couche "1". Fermez le document et, tout en fermant, cliquez sur sauvegarder.
Rasteriser le calque. Clic-droit sur la couche et choisissez Rasteriser la couche. Renommez-le "2".
Dans cette courte section, nous appliquons des styles à la partie centrale du calque "2". Nous voulons que notre carte soit plus réaliste. Donc, nous allons ajouter de l'ombrage.
Sélectionnez le calque "2". Double-cliquez dessus pour appeler le Styles de calque la fenêtre. Sélectionnez le Superposition de couleurs section. Dans cette section, réduisez le Opacité à 35%. Choisissez la couleur # 000000 (noir pur).
Cliquez sur D'accord.
Il est temps de centrer les parties de la carte au milieu de notre toile.
Sélectionnez le calque "1". Ajouter aux calques de sélection "2" et "3". Faites cela en tenant le Commander clé et en cliquant sur la couche "2" etpuis couche "3". Il faut que les trois couches soient sélectionnées.
presse Command-G mettre tous les calques sélectionnés dans un groupe. Renommez le groupe. Lui donner le nom "Toutes les parties".
Notez que le développement de groupes n'est pas une fonctionnalité enregistrable dans Photoshop..
Développez le groupe en cliquant sur le petit triangle situé à gauche du groupe. Après cela, sélectionnez la couche "1".
Cette astuce est particulièrement pertinente dans le mode automatisé, car une fois que nous avons fait le groupe, nous ne serons plus en mesure de voir les couches. Mais nous voulons toujours être en mesure de prendre des couches et de continuer à enregistrer l'action. Alors, quand on clique sur la couche "1", nous développons le groupe automatiquement et Photoshop peut à nouveau voir les calques.
Sélectionnez le "Toutes les parties" groupe. En tenant le Commander touche, ajoutez à la sélection de couche la "modèle" couche.
Sélectionnez le Outil de déplacement.
Dans le menu, choisissez Aligner les centres verticaux et ensuite choisir Aligner les centres horizontaux. Ne faites pas attention si le "modèle" couche se déplace un peu.
Sélectionnez le "modèle" couche et le supprimer en appuyant sur la Retour arrière touche sur ton clavier.
Aller à Image> Garniture. Dans la boîte de dialogue, choisissez Basé sur> pixels transparents, et dans le Couper loin options, allez avec toutes les directions: Haut, droite, gauche, bas.
Développez un peu la toile. Aller à Image> Taille de la toile. Dans la fenêtre de dialogue, au lieu de pixels, choisissez les pourcentages et entrez 200% pour les deux côtés. Il augmentera la taille de la toile proportionnellement.
Nous nous sommes débarrassés du "modèle" couche. Maintenant, nous devons plutôt créer l’arrière-plan. Sélectionnez le calque "3". Créez un nouveau calque. Cliquez sur la nouvelle icône de calque tout en bas de la fenêtre. Couches panneau. Renommez le calque "Contexte".
Reculez le calque en appuyant sur Commander-[. Définir la couleur de premier plan sur gris # 444444. Utilisez le raccourci clavier Option-Supprimer (Retour arrière) remplir le calque avec la couleur grise.
Ce sera un point de départ pour créer le volume de la carte..
Tenez le Commander touche et sélectionnez plusieurs couches: "1", "2", et "3". presse Command-E fusionner les calques sélectionnés.
Nous devons maintenant copier le calque fusionné deux fois. Pour ce faire, appuyez sur Command-J deux fois. Vous devriez maintenant voir trois copies.
Dans ces étapes, nous allons créer une surface 3D pour notre carte..
Passez au calque ci-dessous en appuyant sur Option-[. Le calque ci-dessous sera sélectionné. Regrouper le calque actuel (Command-G). Renommer le groupe "Le volume".Basculez vers le calque ci-dessous (Option-[).
Nous devons maintenant ajouter l’effet de volume 3D. Sélectionnez le Outil de déplacement premier. Maintenez la Option-Commande touches et en même temps appuyez sur la Flèche vers le haut clé six fois.
Puis cliquez et sélectionnez le groupe "Le volume", et le fusionner (Command-E).
Ensemble Styles de calque pour cette couche. Sélectionnez le Superposition de couleurs section. Ensuite, abaissez le Opacité à 35%. Choisissez la couleur # 000000 (noir pur).
Nous devons déplacer la couche de visage un peu. Passez au calque ci-dessus: Option-]. Sélectionnez le Outil de déplacement et appuyez sur le Flèche vers le haut touche sept fois.
Renommez le calque et appelez-le "Visage".
La dernière étape sera la création du "Ombre" couche pour notre carte. Sélectionnez le "Contexte" couche. presse Option-] pour le déplacer sur la couche ci-dessus.
Appliquez des styles à cela. Sélectionner Superposition de couleurs. Ensemble Opacité à 100%. Choisissez la couleur # 000000. Cliquez sur D'accord.
Rasteriser cette couche.
Prendre le Outil de déplacement et, en utilisant votre souris, déplacez un peu le calque d'ombre actuel.
Aller au filtre Flou> Flou Gaussien. Met le Rayon à 35,0 pixels.
Toutes nos félicitations! Nous avons finis! Maintenant, nous pouvons cliquer sur le Arrête d'enregistrer bouton.
Il s'agissait d'une démonstration du flux de travail sur la façon de travailler avec des actions de transformation. Ce n'est pas l'une des choses les plus difficiles à faire, mais ce n'est pas facile non plus. Si vous avez tout fait correctement, vous avez maintenant une action pleinement opérationnelle et vous pouvez l'appliquer à d'autres images..
La zone de création d’actions n’est pas aussi limitée que vous ne le pensez, il est donc intéressant d’apprendre si vous avez déjà commencé à apprendre Photoshop. Si vous l'apprenez, vous verrez en quoi cela vous aidera à gagner du temps dans vos tâches quotidiennes..
N'hésitez pas à me poser des questions dans les commentaires ci-dessous. Je vous souhaite bonne chance dans vos expériences!
N'oubliez pas que vous pouvez acheter cette maquette isométrique sur GraphicRiver.
Accentsconagua