Tags: accion, Articulos, Blogs, descarga, Diseño, estilos, guia, photoshop, posts, presentacion, tutorial
Despues de una vuelta por los blog en ingles que suelo visitar, hubo un post que me agrado ya que sinceramente era una idea que tenia en mente hacer pero se me adelantaron. Aparte ya era hora de mostrar otro recurso para bloggers.
En My Ink Blog, gran blog de diseño en ingles, hicieron una accion para las imagenes de presentacion (por asi mencionarlos) de nuestros articulos en nuestros blogs.
Debido a que la explicacion que muestran esta en ingles decido mejor dar una explicacion de como usarlo.
Primero que nada nos descargamos la accion desde My Ink Blog, despues abrimos nuestro photoshop y crearemos un archivo (Archivo/Nuevo) del siguiente tamaño 575px por 250px, acotinuacion tomamos un Print Screen (Debes tener alguna tecla llamada Print Screen o para tomar screen de pantalla si no descargate uno de internet) del sitio del cual hablaremos o algun screen de lo que pondremos.
Ahora si tu hicistes el print con la tecla print screen, solo basta con apretar Ctrl + V en nuestro trabajo para que se pegue nuestro print, si no solo arrastramos la imagen del print al photoshop, apretamos Ctrl + A para seleccionar todo y luego Ctrl + C para copiar y luego Ctrl +V para pegarlo en el archivo nuevo creado, debes tenerlo asi:
Ahora la accion descargada de My Ink Blog la colocaremos en lacarpeta de acciones photoshop, que vendria siendo algo asi: C: Archivos de Programas/Adobe/Adobe Photoshop CS3/ Ajustes Preestablecidos/Acciones o Actions, despues de colocar la accion, volvemos al photoshop y vamos a cargar la accion:
Ya cargada la accion, volvemos al archivo creado, despues damos click en la capa del print screen, y vamos a reproducir la accion dando click en el siguiente boton de la imagen:
Se detendra al principio la accion, esto es para que transformemos (Con la herramienta Mover (V) ) el screen de la imagen al tamaño y direccion de como la queramos, asi como tambien moverlo para que se vea mejor. De preferencia primerotransformemos la imagen haciendola un poco mas pequeña y moviendo que siempre salga lo importante aunque tambien dando un toque de misterio para intuir al visitante a que de click en la imagen (Claro dependiendo de como la usemos).
Despues quitamos la herramienta mover (V) que es la que nos tiene seleccionado ahora (Solo den click en otra herramienta para quitar esta), y nos saldra algo de que si deseamos aplicar transfomacion (O algo asi) y damos en ok si estamos de acuerdo con la forma que hemos elegido y demas.
Ahora ya la accion continuara reproduciendoce sola, luego se volvera detener en la siguiente parte:
Damos en Ok directamente y listo la accion ya esta reproducida y podras ver el efecto del screen, aqui un ejemplo del resultado:
Ahora bien yo he creado un pequeño add on (otra accion, es configurable al gusto) para agregarle a esta accion, este addon es para agregar algun texto si deseas o algo como un titulo, la accion la puedes descargar en el siguiente enlace:
Y para agregarla es lo mismo como agregaste la de My Ink blog, y para reproducirlo solo damos en el mismo boton que digo anteriormente, osea, despues de aplicar la accion de my ink blog, aplicas la mia y ya aparecera, aqui te muestro algunos ejemplo:
Espero que quiza esto le de un toque especial a tus articulos de tus blogs. Recuerda que la accion que yo doy es configurable el estilo de como aparece, tambien puedes alargarlo hacia donde quieras y no perdera calidad ni forma.
Información Bitacoras.com…
Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias….
Muy bello, gracias
nice post
Y yo creía que algún programa hacia este tipo de screenshots, desde hace unos días me dio la curiosidad de buscar el programa que las hacia(porque creía que lo hacia un programa) y ahora me encuentro con la respuesta aquí.
Gracias!.
Muy buen aporte Dario, tiene un acabado excelente el resultado
[...] Link | Photoshop Creativo [...]
yo no se lo que es xk yo tengo el adobe photoshop 7.0 y no se si ess giual k el k explican aki asik es para k me digas como es
si da igual o k es diferente.
La verdad con el photoshop 7.0 no lo he probado, la verdad te aconsejaria que actualizes a otra version, esa es una muy atrasada.
Aun asi creo que es lo mismo, aunque seria que busques las definiciones para ver.
muy buen trabajo al enseñarnos como utilizarlo y por cierto la accion se ve muy bien
Muchas gracias Darío, tengo en mis feeds MiInkBlog pero no había visto tu add-on, muy interesante y lo has explicado muy bien
Muchas gracias Dario, ya he aprendido a hacer este efecto
Un saludo!
[...] [...]
[...] Acciones de PhotoShop para las imágenes de tus artículos. [PSD Creativo] [...]