Estoy usando Mac OS X 10.6 y me gusta la herramienta de captura de pantalla del sistema. Por defecto, cuando tomas una ventana completa, colocará un poco de sombra / degradado debajo de ella, con transparencia, usando una imagen PNG, lo que creo que es bastante bueno.
Sin embargo, si captura una región de la pantalla, por ejemplo, desde una página web, los bordes son planos y puede ser difícil distinguirlo del resto del sitio web, especialmente si se parece a los elementos que ya están allí. .
Entonces mi pregunta es esta: ¿cuál es una manera fácil, elegante, de mostrar que una imagen no es, de hecho, parte de un sitio web? Creo que un borde negro de 5 píxeles probablemente lo haría, pero eso no es elegante. Me gusta el gradiente sutil que hace OS X, pero ¿es apropiado para todas las capturas de pantalla, y sería fácil de crear?
Realmente me encantaría si hubiera un script que pudiera usar para aplicar la transformación sin tener que abrir el propio Photoshop, pero ese no es un requisito para una respuesta aceptable.
^ ejemplo del problema del que estoy hablando
Respuestas:
Depende totalmente de qué tipo de imágenes estamos hablando.
Posibles formas de hacerlo:
En cuanto a las técnicas:
# 1 y # 2
Muchos programas de captura de pantalla permiten marcas de agua que serían ideales para imágenes individuales o pocas imágenes. En caso de varias imágenes, Photoshop podría usarse para agregar una marca de agua. O una
HTML/CSS
leyenda.# 3, # 4 y # 5
Estos tendrían que hacerse con
HTML/CSS
subtítulos.No pude evitar pensar en uno de mis proyectos ... ahora ... "No quiero anunciar ... Pero ..." http://photoshopmesta.net/sic/theTest/ algo como esto podría usarse para muestra que es imagen cuando pasas el cursor sobre la imagen.
No tenía nada más que hacer, así que hice un ejemplo de cómo podría funcionar http://photoshopmesta.net/1/screenshot/
Ah, por cierto, estaba en mi iPad leyendo esto y tengo que confesar que intenté hacer clic en la imagen de respuesta. Seguí adelante para darte un +1. Ojalá pudiera dar +2 ya que fue un excelente ejemplo :)
fuente
Esta es mi forma favorita personal, aunque no funciona en todas las situaciones, pero es ideal para capturas de pantalla a pantalla completa.
fuente
Es una buena idea mantener el enfoque consistente, mientras resalta sus capturas de pantalla de una manera sutil. Encuentro la sombra paralela predeterminada de Apple un poco demasiado.
Solo agrego un trazo centrado de 3px a la toma con una opacidad del 40%. Puede agregarle una sombra paralela si lo desea.
fuente
Dependiendo del contexto, podría hacer mucho peor que simular un marco estilizado de "monitor" (¿tal vez en gris de Apple?). El script del procesador de imágenes de Photoshop le permite ejecutar una acción cuando procesa imágenes por lotes, por lo que podría crear una acción que redimensione el lienzo, se coloque en el "monitor" sobre la captura de pantalla y agregue un fondo estándar (para capturas de pantalla que no llenen el frame), luego guarda el resultado como png o jpeg.
No tiene que ser tan elaborado como un monitor estilizado, y si no desea que todos tengan el mismo tamaño, su acción podría simplemente agregar un trazo de degradado a una imagen de tamaño arbitrario. Eso le permitiría procesar por lotes desde Bridge (
Tools > Photoshop > Batch...
) y hacer todo en la Acción.fuente
Algunas cosas que ayudarían:
Por ejemplo:
fuente
(Me engañaste con la foto del contestador. Muy inteligente.) Pero en cuanto a mi respuesta ...
Sugeriría usar un efecto de marco para hacer que la toma sea visualmente significativa del resto de la página. Solo dale un borde de papel dentado. Eso es lo que haría.
fuente
Como una línea lateral, si desea utilizar la captura de pantalla completa de la ventana pero no tiene las sombras grandes y las áreas transparentes para que pueda aplicar rápidamente su propio estilo, simplemente ingrese lo siguiente en la Terminal:
Luego, reinicie o ingrese lo siguiente para ver los cambios de inmediato:
Aquí se explica cómo revertir lo anterior:
a través de un artículo útil en tutsplus.com
fuente
Para mostrar capturas de pantalla como tal, he usado un degradado radial gris claro y una sombra de cuadro. Este método tiene la ventaja de ser posible con solo CSS: no es necesario editar imágenes:
fuente
Agregue una marca de agua a la imagen:
:PAG
fuente