Comment créer un effet de montagne en tranches avec Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, vous allez apprendre à créer un effet découpé dans Photoshop en imitant une forme 3D sur une image 2D pour donner à un objet l'illusion d'être coupé en morceaux..

Ce dont vous aurez besoin

Pour mener à bien ce projet, vous aurez également besoin de l'image suivante:

  • Faraglioni rochers sur la côte de l'île de Capri

1. Comment préparer l'image

Étape 1

Ouvrez l’image de Faraglioni Rocks dans Photoshop. Nous voulons supprimer le fond avant d’utiliser les roches de l’affiche. Pour ce faire, dans le Couches panneau, Dupliquer la Contexte couche en appuyant sur Command-J, et Cacher la visibilité de l'original Contexte couche. 

Étape 2

En sélectionnant le nouveau Couche 1 sur le Couches panneau, cliquez sur le Masque de vecteur bouton pour ajouter un Masque de calque au Copie de fond.

Étape 3

Nous allons utiliser le rocher du côté droit car il est solide comparé à celui du côté gauche. Rognons l'image en utilisant le Surgir Outil (C). Je maintiens la hauteur et ne ferme que horizontalement, comme le montre l'image ci-dessous. Frappé Entrer appliquer la récolte.

Étape 4

Sélectionnez le Baguette magique Outil (W) et se diriger vers le Les options bar pour s'assurer que le Contigu l'option est décochée. Pour ce tutoriel spécifique, nous devons supprimer le ciel, cliquez donc sur une partie blanche du ciel, ce qui sélectionnera des parties du ciel. Afin d’ajouter à la sélection, maintenez enfoncé Décalage et cliquez sur les parties bleues du ciel.

Étape 5

Une fois que tout le ciel est sélectionné, dirigez-vous vers le Couches panneau. Sélectionnez le Masque de calque nous avons créé pour la nouvelle couche et frappé Retour arrière sur le clavier pour supprimer les parties sélectionnées. Vous devriez avoir quelque chose comme l'image ci-dessous. Pour désélectionner les pièces sélectionnées avec le Baguette magique Outil (W), presse Commande-D.

Étape 6

Maintenant, nous devons éliminer l'eau. En utilisant le Pinceau (B) et noir comme Couleur de premier plan sur le Outils panneau, vous pouvez masquer des parties de l’image. Si vous utilisez le blanc comme couleur de premier plan, vous allez plutôt révéler des parties de l'image. Assurez-vous d'avoir le Masque de calque sélectionné sur le Couches panneau.

Clic-droit régler le pinceau sur Taille de 150 px et Dureté de 100% et commencez à brosser des parties de l'image. J'aime faire les grandes parties avant de zoomer et de me concentrer sur les détails plus tard. 

Un excellent outil qui aide ici utilise la clé antislash (\) pour obtenir une teinte rouge derrière l'image et voir quelles parties doivent être perfectionnées.

Étape 7

Pour adoucir les bords de l’image, nous pouvons utiliser le Masque de raffinage option. En utilisant le Outil de zoom (Z), zoomer sur l'image. Dirigez-vous vers le Couches panneau et clic-droit sur le Masque de calque > Masque de raffinage, et une nouvelle fenêtre apparaîtra. Sous le Ajuster le bord option, définissez le Plume à 2 px et Changement de bord à -30%. Cliquez sur D'accord.

2. Comment créer un nouveau document et des guides

Étape 1

Dans Photoshop, allez à Fichier> Nouveau. Nommez le document Tranché-v1, et mettre le Largeur à 1275 px et la taille à 1650 px, avec Contexte de fond blanc. Je garde l'affiche numérique, je vais donc travailler avec 72 dpi. Cliquez sur D'accord créer le document.

Étape 2

Créons des guides dans notre document pour nous assurer que les éléments sont alignés. Ma règle mesure en pouces; vous pouvez changer cela en Photoshop> Préférences> Unités et règles. Rendez-vous sur Voir> Nouveau guide, où une nouvelle fenêtre apparaîtra. Nous voulons faire tous nos Des guides 1 pouce de chaque bord. Sélectionner Horizontal et sous Position type 1 po. Cliquez sur D'accord

Nous ferons de même pour le Verticale option. Pour ajouter un guide au bas et au côté droit de la page, soustrayez 1 pouce des dimensions hors tout de la page. Pour masquer et afficher les guides, appuyez sur Commander-;.

3. Comment dupliquer des calques et ajouter un fond dégradé

Étape 1

Reproduisons le Couche 1 du fichier des roches dans notre nouveau Tranché-v1 fichier. Faire cela, Clic droit> Dupliquer les calques. Sous Comme:, renommer la couche en Roche, et sous Destination sélectionner Document> Tranché-v1. Cliquez sur D'accord continuer.

Étape 2

dans le Tranché-v1 fichier, redimensionner le Roche couche en frappant Command-T activer le Outil de transformation. Redimensionnez l'image pour qu'elle tienne dans la marge. Alternativement, vous pouvez vous diriger vers le Les options bar et mettre le Largeur et la taille à 58%, en veillant à activer le Maintenir le ratio d'aspect bouton. Frappé Entrer procéder. 

Étape 3

Dirigez-vous vers le bas de la Couches panneau, et cliquez sur Créer un nouveau calque de remplissage ou de réglage> Dégradé. Un nouveau Remplissage en dégradé la fenêtre apparaîtra; clique sur le Pente espace de couleur.

Étape 4

Aller à Éditeur de dégradé> Type de dégradé, double-cliquez sur l'échantillon de couleur de gauche et utilisez le code de couleur suivant: # c5c5c5. Cliquez sur D'accord. Double-cliquez sur l'échantillon de couleur approprié et définissez le code de couleur suivant: # f1f1f1. Cliquez sur D'accord dans les trois fenêtres pour revenir à la page. Déplaçons le Remplissage en dégradé couche sous le Roche couche.

4. Comment convertir une seule couche en noir et blanc

Étape 1

Avant de commencer à créer l'effet, transformons le calque Rock en noir et blanc. Sélectionnez le calque Rock sur le Couches panneau et se diriger vers Image> Réglages> Noir et blanc. Une fenêtre d'option apparaîtra; cliquer sur Auto et alors D'accord. 

Étape 2

La photo est terne, ajoutons un peu de contraste. Aller à Image> Réglages> Luminosité / Contraste et mettre le Luminosité à 35 et Contraste à 65. Cliquez sur D'accord.

5. Comment créer un effet en tranches

Étape 1

Nous devons couper notre image en cinq morceaux. Nous allons utiliser le Outil stylo (P) dessiner à travers le rocher pour créer un masque. Essayez de suivre la surface du rocher pour rendre cet effet crédible..

Sélectionnez le Outil stylo (P). Dirigez-vous vers le Les options bar et assurez-vous que Remplir n'a pas de couleur sélectionnée.Nous pouvons choisir le blanc comme Accident vasculaire cérébral à 1 pt. C’est pour que nous puissions voir où nous découpons. Maintenant nous sommes tous ensemble! 

Commencez par faire le premier point sur le côté gauche du rocher et essayez de suivre sa forme. Vous remarquerez que j'ai fait environ huit points, le dernier étant sur le bord du côté droit du rocher. Fermez la forme en contournant le rocher, soit en haut ou en bas, j'ai choisi le haut. Fermez la forme en cliquant à nouveau sur le premier point. Cette nouvelle forme sera un nouveau calque.

Étape 2

Faisons la même chose encore trois fois, mais plus bas. Vous pouvez faire autant de points que vous le souhaitez avec le Outil stylo (P). Nous devrions avoir quatre couches, chacune contenant une forme semblable à l'image ci-dessous. 

Étape 3

Sur le Couches panneau, clic-droit sur le RocheMasque de calquevignette et sélectionnez Appliquer le masque de calque supprimer tout le fond que nous avions sur la couche de roche.

Étape 4

Nous allons utiliser les formes que nous avons créées en tant que masques pour dupliquer les différentes parties de la roche et les convertir en couches séparées. Sur le Couches panneau,presse Commander et cliquez sur le Forme 1 vignette, qui ne sélectionnera que la forme. Clique sur le Roche couche et presse Command-X couper, suivi de Maj-Commande-V coller en place. Cela créera un nouveau calque avec la première forme créée. Ci-dessous, j'ai désactivé le calque pour que vous puissiez voir quelle partie de l'image originale j'ai coupée.

Étape 5

Répétez la même étape avec les autres formes. Sélectionnez tous les Forme couches et faites-les glisser vers l'icône de dossier sur le Couches panneau pour les regrouper.Désactivez-les afin d'éviter toute confusion. Ci-dessous, j'ai déplacé les calques pour vous montrer comment les séparer et comment Couches le panneau devrait être à la recherche.

Étape 6

Maintenant que le rock est un puzzle, nous allons créer l'effet 3D.Je déplace le Roche couche sur la marge inférieure pour laisser un espace pour les autres roches. Nous allons travailler notre chemin. Sélectionner Couche 4 ou la deuxième couche à partir du bas. En utilisant le Outil stylo (P), nous allons dessiner sur le bas du rocher pour former un look 3D. Cliquez sur le bord même du côté gauche, donnant forme au rocher jusqu'au bord du côté droit (image à gauche). Pour refermer la forme, passez cette fois dans le roc (image de droite)

Si vous souhaitez modifier la forme, sélectionnez simplement le Outil de sélection directe (A) et cliquez sur la forme pour faire apparaître les points et éditer. Il n'y a pas de bon ou de faux, vous pouvez donc modifier autant ou aussi peu que vous le souhaitez! 

Étape 7

Faites glisser la forme sous Couche 4. Dirigez-vous vers le Les options bar et sélectionnez Remplir> Gradient et AVC> Aucun. Nous nous préoccuperons de la couleur du dégradé plus tard. Regrouper ces deux couches pour éviter toute confusion.

Étape 8

Faites la même chose que ci-dessus pour les autres rochers. Je vais organiser les couches en regroupant les couches de formes avec les couches de roches correspondantes pour éviter toute confusion et en les nommant numériquement. Vous devriez avoir quelque chose comme l'image ci-dessous.

Étape 9

Nous voulons créer l'illusion que les tranches tombent les unes sur les autres. Dans cette image spécifique, notre vision est à un angle faible lorsque nous regardons le rocher. Les pièces 3D que nous avons créées doivent être placées les unes derrière les autres de bas en haut.. 

Changeons l'ordre des couches. Au lieu de passer de 1 à 5, nous aurons 1 à 5 à partir du haut. En d'autres termes, les formes de dégradé que nous avons créées doivent être situées derrière le rocher. Ci-dessous, une image de l'ordre des couches et de l'apparence du fichier..

Étape 10

Maintenant que les couches sont dans le bon ordre, donnons-leur un aspect spontané. Sélectionnez différentes sections et utilisez le Outil de transformation (Commande-T) pour les faire pivoter légèrement. Il n'y a ni bon ni mauvais - vous pouvez les déplacer autant que vous le souhaitez et les redimensionner à votre guise! 

Étape 11

Sur le Couches panneau, développez l’un des dossiers. Je serai en expansion Rock 5, alorsdouble-cliquez sur le Forme 5 couche pour amener le Remplissage en dégradé la fenêtre. Ici, nous devons changer le Angle de la pente; le mien est à -100. La couleur plus foncée que nous choisirons plus tard doit être placée du côté le plus proche du rocher du bas, et le côté le plus brillant du côté le plus éloigné du rocher. Sur ce calque spécifique, le point le plus proche est à gauche, tandis que le plus éloigné est à droite. Ce sera différent sur toutes les couches. N'hésitez pas à vous en servir comme référence.

Double-cliquez sur le Pente nuancier. Dans le nouveau Type de dégradé fenêtre, double-cliquez sur l'échantillon de couleur gauche. J'utilise une couleur orange avec le code suivant: # ef8d00. Cliquez sur D'accord.

Double-cliquez sur l'échantillon de couleur de droite et choisissez une couleur plus sombre que celle ci-dessus. j'utilise # 412701. Cliquez sur D'accord sur toutes les fenêtres. 

Étape 12

Faisons maintenant la même chose pour les autres formes! J'utilise les codes suivants pour les nuances claires et sombres, respectivement:

  • Violet: # 5700e6 et # 1a0145
  • Rose: # e600e6 et # 49014a
  • Vert: # 0ebb98 et # 004134

L'image devrait ressembler à celle ci-dessous.

Toutes nos félicitations! Vous l'avez fait!

Dans ce tutoriel, vous avez appris à:

  • Créer l'illusion d'un objet 3D sur une image plate.
  • Utilisez l'outil Plume pour créer des formes pouvant être utilisées comme masques sur une image..
  • Utilisez l'outil de dégradé pour créer l'illusion de lumière et d'ombre.