¿Cómo diseñar elegantes efectos de lupa como estos?


13

Me pregunto cómo puedo crear el efecto de lupa que he visto mucho últimamente en páginas que venden software (ya sea de escritorio o aplicaciones web).

Aquí hay dos ejemplos. Realmente me gusta el primero (primer lugar también lo vi)

Aplicación de cosas: Ejemplo 1

SupportBreeze: ejemplo2

Respuestas:


18
  1. Haga una nueva capa sobre el fondo, luego haga una selección circular (mantenga presionada la tecla Mayús para asegurarse de que sea un círculo perfecto) y llénela con el color que desee.
  2. Establezca el% de relleno en la paleta de capas en 0%.
  3. Entra en la capa FX y agrega un trazo (negro) y brillo interno (blanco).
  4. Manteniendo el círculo seleccionado, muévase a la capa de fondo y presione Ctrl + C (copiar).
  5. Haga una nueva capa sobre el fondo pero debajo de la lupa, pegue la parte copiada, alinéelo bastante bien, presione ctrl + t (transformación libre) y luego escale mientras presiona shift (para mantenerla proporcional) y alt (para mantener El centro estacionario).
  6. Ctrl + clic en el icono de la capa de lupa en la paleta de capas (la que hizo en el paso 1, trazada en el paso 3, etc.) y luego presione Ctrl + Shift + i para invertir la selección.
  7. Con la capa de contenido ampliada seleccionada (desde el paso 5), presione eliminar.
  8. Abra el FX para la capa de contenido ampliada y coloque una sombra difusa sobre ella.

Después de eso, haga un asa para la lupa ... probablemente la forma más fácil sería crear una nueva capa, hacer una selección alta y estrecha, llenarla de negro y luego usar licuado sobre ella. La forma más difícil (pero con mejores resultados) sería hacer una nueva capa, usar la herramienta de lápiz para crear una ruta con una parte superior ondulada sutil, luego ir a la paleta de rutas, hacer clic derecho en la ruta, seleccionar "Hacer selección" y luego usa Edit-Stroke. Elimine los lados izquierdo, derecho e inferior, manteniendo solo la parte superior. Luego, colóquelo de modo que quede al ras con el trazo de la capa de lupa (la que tiene el trazo y el brillo interior).

Aquí hay un ejemplo:

ingrese la descripción de la imagen aquí

También puede usar spherize en el contenido ampliado, pero va a distorsionar mucho el texto:

ingrese la descripción de la imagen aquí


Michael, si es posible, adjunte una captura de pantalla, cómo lo hizo, esto será fácil de entender para todos ...
Jack

No sé ... me parece bastante claro. Es posible que me haya perdido un paso allí, viendo cómo lo escribí todo antes de hacerlo realmente ... pero lo he leído incluso después de hacerlo, y parece que debería funcionar bien.
Michael

Finalmente, puede agregar algún efecto de esferización para obtener un resultado dinámico pequeño de filtro-> distorsionar-> esferizar. 20% debería hacerlo ..
Sisir

@Michael - AMA tu versión esferizada
Dan Hanly

1
@Michael, creo que reducir el grado del efecto mantendría el realismo y lo devolvería a la etapa funcional.
Dan Hanly

2

Perdón por ser tan vago, creo que si tengo marcadores es mejor distribuirlos en lugar de crear y mostrar cada uno de los pasos, aprendo esto de estos tutoriales que son fáciles de entender,

mira y sigue lo mismo ...

  1. Photoshop Lupa
  2. Photoshop Magnify
  3. Efecto de zoom en photoshop
  4. Lupa desde cero
  5. Este es genial

Y Micheal ya hizo un gran trabajo ...


Pensé en hacer un Spherize también, pero el problema es que va a distorsionar el texto bastante mal. Editaré mi respuesta para mostrar la distorsión.
Michael
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.