All Articles Photoshop
Concevoir un cool out-of-Bounds affiche dans Photoshop
Martin Perhiniak on Wed, March 27th 0 comments
Get your dancing shoes on! Martin Perhiniak shows from start to finish how to take a phone and a break dancing dude to create a very cool out-of-bounds effect poster using Adobe Photoshop.

Cette fois, nous allons concevoir une publicité fraîche basée sur l'effet sur des limites du terrain, ce qui crée une grande interaction entre les éléments du montage photo et attire l'attention sur le produit en elle. C'est ainsi que le design final ressemblera à ceci:

Final project.


Et ce sont les deux photos que nous allons utiliser pour ce tutoriel:

Dancer

Phone


Permet de commencer, allons-nous? :)


Étape 1 - Ouvrez les deux fichiers

Ouvrez les deux fichiers dans Photoshop et de les voir côte à côte Fenêtre utilisation

Pic 1.


Étape 2 - Commencer à construire le composite

Nous pouvons utiliser l'outil Déplacement et faites glisser l'image du téléphone sur l'image danseur. Une fois que les deux photos sont dans le même document que nous pouvons fermer le document de l'image du téléphone. Si l'image du téléphone est plus grand que présenté ici, ne vous inquiétez pas, nous allons redimensionner plus tard à l'étape 4.

Pic 2.


Étape 3 - Séparer l'image du téléphone à partir de son arrière-plan

Nous devons tourner la couche de téléphone dans un objet dynamique avant le redimensionnement de maintenir la qualité originale de l'image. Pour ce faire, nous devons simplement faire un clic droit sur ​​la couche de téléphone et choisissez Convertir en objet dynamique. Une fois cela fait, nous pouvez double-cliquer sur la vignette du calque pour modifier la source de l'objet dynamique.

Une fois à l'intérieur, nous pouvons faire une sélection de l'arrière-plan et l'enregistrer comme un masque de pixels. L'avantage de l'enregistrement d'un masque dans un objet dynamique, c'est qu'il va également être indépendant des transformations de l'objet dynamique elle-même. Cela signifie que la qualité du masque de pixels à l'intérieur de l'objet dynamique ne serez pas affecté par les changements de taille.

Le meilleur moyen dans ce cas de sélectionner rapidement tout le fond avec la réflexion du téléphone est d'utiliser l'outil Baguette magique et cliquez dans la zone autour du téléphone.

Pic 3.


Une fois que nous avons la sélection visible ci-dessus, nous pouvons l'enregistrer comme un masque Pixels en cliquant sur l'icône du masque sur le bas du panneau Calques. Lorsque le masque est prêt, nous aurons besoin d'inverser les couleurs de l'image

Maintenant, nous pouvons enregistrer les modifications que nous avons faites à la source de l'objet dynamique et nous la fermer pour revenir à notre composite:

Pic 4.


Étape 4 - Redimensionner et mettre le téléphone en place

Maintenant que nous avons enlevé le fond téléphones, nous pouvons utiliser l'outil Transformation libre dans le menu Edit (Command / Control-T) pour le rendre plus petit et le déplacer vers la partie supérieure droite de la photo de fond:

Pic 5.


Étape 5 -

Cette fois, nous allons utiliser un masque Vector, qui peut être placé à l'extérieur de l'objet dynamique comme il l'habitude de perdre en qualité lors du redimensionnement de la couche. Les masques vectoriels sont indépendants de la résolution à la différence des masques de pixels mais de les modifier peut-être un peu plus compliqué surtout pour quelqu'un qui n'a pas l'habitude de travailler avec des chemins.

Pour créer un masque vectoriel pour masquer l'écran du téléphone,

Une fois le chemin rectangle est en place, vous pouvez choisir la couche

Pic 6.


Votre image peut ne pas ressembler à la mienne. La raison en est que l'Opération Tracé vectoriel masques. Assurez-vous de choisir le chemin que vous avez utilisé pour le masque vectoriel avec outil Sélection de tracé, puis définissez l'opération Chemin d'accès au Soustraire forme avant de le faire fonctionner:

Pic 7.


Étape 6 - Tournez le fond en noir

Cette étape sera très facile par rapport aux étapes à ce jour. Nous venons tout simplement besoin de créer un Noir

Pic 8.


Étape 7 - Améliorer la flexibilité de la conception

Pour faciliter les choses, on peut même combiner les deux masques vectoriels en un seul. Chaque fois que vous utilisez le masquage de même pour plusieurs couches que vous devez faire la chose suivante. Sélectionnez les deux couches et appuyez sur Commande / Ctrl-G pour créer un groupe de calques d'eux. Une fois que vous avez le groupe, vous pouvez faire glisser et déposer le masque Vecteur sur le groupe de l'une des couches et supprimer l'autre masque. C'est ce que vous devriez avoir dans votre panneau Calques:

Pic 9.


Merci à n'avoir qu'un seul masque Vecteur commune, nous pouvons facilement déplacer le groupe entier autour de la couche et l'effet suivra le téléphone.


Étape 8 - Masquer le pied

Pour rendre les choses encore plus complexes, nous allons ajouter un autre masque Pixels au-dessus de tout le masquage d'autres que nous avons déjà. Ceci peut être ajouté directement sur le groupe de calques ou vous pouvez également créer un autre groupe du groupe précédent. Une fois que vous avez ce masque Pixels nouvelle, vous pouvez utiliser l'outil Pinceau et tirer sur le talon avec la couleur noire:

Pic 10.


Qu'arrive-t-technique, c'est que nous nous cachons à la fois le téléphone et le noir

Pic 11.


Dans l'ensemble, vous pouvez voir de masquage est très efficace et rend l'ensemble du workflow totalement non-destructive. C'est un énorme avantage, car il nous permettra d'économiser beaucoup de temps lorsque nous devons apporter des changements à la conception. Si vous pouvez vous habituer à de masquage, il sera également vous aider à être plus créatif et libre stade de la conception avec Photoshop.

J'espère que vous avez apprécié ce tutoriel et bravo pour votre travail acharné :)

Related Videos
Comments (0)

You must be logged in to comment.

Custom Brush Controls & Grunge Brush Creation
Photoshop CS5 406
Dream It. Do It.
Do you want to learn Custom Brush Controls & Grunge Brush Creation?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: