Comment concevoir des effets de loupe élégants comme ceux-ci?


13

Je me demande comment créer l'effet de loupe que j'ai vu récemment sur les pages qui vendent des logiciels (que ce soit des applications de bureau ou des applications Web).

Voici deux exemples. J'aime vraiment le premier (premier endroit où je l'ai vu aussi)

Application Things: Exemple 1

SupportBreeze: exemple2

Réponses:


18
  1. Faites un nouveau calque au-dessus de l'arrière-plan, puis faites une sélection circulaire (maintenez la touche Maj enfoncée pour vous assurer qu'il s'agit d'un cercle parfait) et remplissez-le avec la couleur de votre choix.
  2. Définissez le% de remplissage dans la palette des calques sur 0%.
  3. Allez dans le calque FX et ajoutez un trait (noir) et une lueur intérieure (blanc).
  4. En gardant le cercle sélectionné, passez au calque d'arrière-plan et appuyez sur ctrl + c (copier).
  5. Faites un nouveau calque au-dessus de l'arrière-plan mais en dessous de la loupe, collez la partie copiée, alignez-la assez bien, appuyez sur ctrl + t (transformation libre), puis mettez-la à l'échelle tout en appuyant sur les touches Maj (pour la garder proportionnelle) et Alt (pour la garder le centre stationnaire).
  6. Ctrl + cliquez sur l'icône du calque de loupe dans la palette des calques (celle que vous avez créée à l'étape 1, caressée à l'étape 3, etc.), puis appuyez sur Ctrl + Maj + i pour inverser la sélection.
  7. Avec la couche de contenu zoomée sélectionnée (à partir de l'étape 5), appuyez sur supprimer.
  8. Affichez les effets du calque de contenu zoomé et mettez une ombre portée floue dessus.

Après cela, faites une poignée pour la loupe ... la façon la plus simple serait probablement de créer un nouveau calque, de faire une sélection haute et étroite, de le remplir de noir, puis d'utiliser de la liquéfaction. Le moyen le plus difficile (mais de meilleurs résultats) serait de créer un nouveau calque, d'utiliser l'outil Plume pour créer un chemin avec un sommet ondulé subtil, puis d'accéder à la palette des chemins, de cliquer avec le bouton droit sur le chemin, de sélectionner "Faire une sélection". puis utilisez Edit-Stroke. Supprimez les côtés gauche, droit et inférieur, en ne gardant que le haut. Ensuite, positionnez-le de manière à ce qu'il affleure le trait de la couche de loupe (celui avec le trait et la lueur intérieure dessus).

Voici un exemple:

entrez la description de l'image ici

Vous pouvez également utiliser la sphère sur le contenu zoomé, mais cela va déformer fortement le texte:

entrez la description de l'image ici


michael si possible joindre une capture d'écran, comment vous avez fait, ce sera facile à comprendre pour tout le monde ...
Jack

Ne sais pas ... me semble assez explicite. Il est possible que j'aie raté une étape là-bas, vu comment j'ai tout écrit avant de le faire ... mais je l'ai lu même après l'avoir fait, et il semble que cela devrait fonctionner très bien.
Michael

Enfin, vous pouvez ajouter un effet de sphérisation pour un petit résultat dynamique de filtre-> distorsion-> sphérisation. 20% devrait faire ..
Sisir

@Michael - AIMEZ votre version sphérique
Dan Hanly

1
@Michael, je pense que réduire le degré de l'effet garderait le réalisme et le ramènerait au stade fonctionnel.
Dan Hanly

2

Désolé d'être si paresseux, je pense que si j'ai des signets, il vaut mieux les diffuser plutôt que de créer et de vous montrer chaque étape, j'apprends cette chose grâce à ces tutoriels, ils sont faciles à comprendre,

s'il vous plaît jetez un oeil et suivez la même chose ...

  1. Loupe Photoshop
  2. Photoshop Magnify
  3. Effet de zoom dans Photoshop
  4. Agrandir à partir de zéro
  5. Celui-ci est génial

Et Micheal a déjà fait un excellent travail ...


J'ai aussi pensé à faire un Spherize, mais le problème c'est que ça va déformer assez le texte. Je vais modifier ma réponse pour montrer la distorsion.
Michael
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.