Share
Las tareas repetitivas pueden volverse tediosas rápidamente. Como diseñador, es probable que a menudo te encuentres diseñando los mismos elementos una y otra vez desde cero.. DETENER!
Perder el tiempo es tan anticuado. También significa que estás perdiendo dinero! Entonces, revisemos algunas formas en que puede automatizar y sistematizar su flujo de trabajo de Photoshop. Y asegúrese de descargar la base del proyecto para todos sus nuevos diseños!
El primer paso para sistematizar su flujo de trabajo es organizar sus archivos. Identifique todos los elementos comunes que utiliza en sus diseños.
Puede llegar a una lista como la siguiente:
Considere cómo se utilizan sus resultados finales. Si se envían a un negocio de codificación, sea lo más organizado y completo posible, incluyendo notas y fuentes, según corresponda..
Puede asegurarse de tener temas perfectamente organizados creando un paquete que le permita "completar los espacios en blanco", por así decirlo. Simplemente copie esta carpeta, asígnele el proyecto cambiándole el nombre al proyecto y comience a trabajar. Esta es una forma muy simple y eficiente de trabajar, y significa que los sitios web que usted construyó hace cuatro años se pueden editar fácilmente, porque todo está empaquetado en su propio lugar..
Descargar el Proyecto Base
En el archivo zip, encontrará un punto de inicio de plantilla reutilizable simple. Este archivo contiene elementos como divisores, botones y una plantilla de cuadrícula previa para acelerar su flujo de trabajo de diseño.
¿Ves lo sencillo que es comenzar un nuevo proyecto ahora? La configuración puede demorar un par de minutos, pero el tiempo ahorrado más tarde es más tiempo para que usted haga lo que más le gusta: diseñar!
Ahora que tenemos una base sólida sobre la que construir, podemos comenzar a llenar nuestro 'plater de calderas' con archivos y conceptos específicos.
La plantilla de muestra le permitirá crear una página de sus elementos más utilizados, lista para una rápida inclusión en su último proyecto.
Si eres un diseñador web en particular, verás que muchos de tus proyectos, incluso aquellos diferentes en todas las formas posibles, usan y reutilizan elementos comunes..
Comience por construir algunas plantillas reutilizables. No se preocupe por los elementos que desea incluir por el momento, ya que siempre puede volver atrás y mirar sus proyectos anteriores y analizar características más populares; luego, vuelva a crearlos aquí..
Personalmente, uso solo una plantilla. Tengo una página de inicio (que contiene elementos como boletines de noticias, estilos de publicaciones en el blog, menús, logotipos y llamadas a las acciones). Puedo modificar esta plantilla para adaptarla a las páginas del blog, comprarla ahora, formularios y más.
La página también tiene un 960.gs pre-aplicado. Esto se ha incluido para descargar al final del artículo, en la plantilla de plantilla..
Una vez que esté configurado con este concepto, puede crear diseños muy rápidamente. Sin embargo, definitivamente debería considerar desarrollar su propio equipo y adaptarlo a sus clientes y equipo. Puede ir más lejos agregando íconos, elementos de búsqueda y artículos relacionados con la tienda en línea, cualquier cosa que se adapte a su base de clientes.
La imagen anterior muestra la diferencia tangible entre una paleta de capas organizada y una desordenada!
Cuando se encuentra en un flujo creativo real, puede ser difícil detener y comenzar a nombrar y agrupar capas. Photoshop tampoco ayuda en esta área por defecto!
Entonces, tómate el tiempo que vayas a las capas de nombre y grupo. Esto le ayudará más adelante cuando codifique el diseño, o si lo envía si está apagado para codificar en otro lugar.
Asigne un nombre a cada capa e intente utilizar una palabra breve y descriptiva, como 'menú' para la navegación. Agrupe áreas específicas, como el encabezado o un formulario de contacto.
Esto tiene un doble beneficio.
Entonces, tómese el tiempo para detenerse cada cinco minutos aproximadamente, y nombre y agrupe cada elemento. Estaras contento de haberlo hecho!
¡Haz buen uso de la herramienta de selección! Puede alternar el modo de selección entre capas y grupos. Esto facilita la actualización masiva y la realineación de diseños, así que no lo olvide!
Si no usa acciones en su flujo de trabajo, debe comenzar a usarlas inmediatamente.
Las acciones de Photoshop son listas de acciones totalmente configurables que Photoshop debe realizar automáticamente. Puedes crear el tuyo propio o elegir entre la recompensa disponible en línea. Si trabaja en Fotografías, por ejemplo, y tiene 400 imágenes para editar y cambiar de tamaño, esto llevaría mucho tiempo. En su lugar, puede crear una acción que ajuste el contraste, modifique el tamaño y luego guarde el archivo en formato .jpg, ¡destruyendo 400 archivos en segundos! Debes usar acciones!
Si no tienes el conocimiento o la experiencia para crear tus propias acciones, GraphicRiver tiene una gran selección de acciones disponibles para comprar desde $ 1!
Las acciones en venta van desde efectos fotográficos simples hasta esta acción que puede agregar varias secciones de texto preformadas, como detalles de contacto o publicaciones de blog en segundos..
Comience a usar Acciones y notará un aumento significativo en su productividad y reducirá la cantidad de veces que necesita repetir tareas monótonas una y otra vez..
Hacer tu propia acción es fácil. Como ejemplo, crearemos una acción simple para redimensionar varias imágenes a la vez, luego guardarlas.
En primer lugar, debe pulsar el nuevo botón de acción, en la paleta de acciones.
No debería necesitar cambiar ninguna configuración de forma estándar, ni tampoco cambiar el nombre para una mejor organización. Photoshop está grabando tus acciones. Por lo tanto, todo lo que necesita hacer es cambiar el tamaño de la imagen. Ir al tamaño de la imagen, y alterar las dimensiones. La acción cambiará cualquier imagen a estas dimensiones. Luego pulsa guardar.
Por último, pulse Detener en la paleta de acciones..
Ahora, cuando presiona reproducir en la acción que ha creado, Photoshop seguirá la lista de acciones definidas en su imagen. Aunque es muy simple, una acción como esta podría ahorrarle horas de cambio de tamaño monótono fotos e imágenes. Esta es solo una mirada muy simple a las acciones. Pueden hacer mucho más, así que tómate tu tiempo para conocerlos y utilizarlos realmente. La belleza de ellos radica en cómo puede grabar básicamente cualquier acción en Photoshop: seleccionar, cambiar estilos, transformar, redimensionar y guardar..
¿Trabajas con interfaces de usuario? Si es así, realmente necesitas descargar un paquete de elementos GUI para Photoshop.
Hay muchos disponibles para los sistemas operativos más populares y las plataformas móviles..
Por ejemplo, si trabaja con el iPhone, puede descargar el paquete de GUI del iPhone que contiene todos los elementos disponibles en la biblioteca de la interfaz del iPhone y luego comenzar a diseñar su aplicación. Simple, rápido y mucho más fácil que intentar crearlos desde cero.
http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/
Kits de Teehan Lax
La agencia, Teehan Lax, tiene varios kits de IU realistas de alta calidad. Estos son excelentes para crear un sitio de ventas de aplicaciones para iPhone o para diseñar la interfaz de usuario real de una aplicación. Los kits están disponibles para iPhone, Palm Pre y navegadores..
http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/
http://www.teehanlax.com/blog/2008/11/06/iphone-gui-psd-update-13/
http://www.teehanlax.com/blog/2008/12/16/browser-form-elements-psd/
Espero que le hayamos dado algunos consejos que puede utilizar para mejorar su productividad y eficiencia. Photoshop es una herramienta maravillosa, pero, si no tenemos cuidado, podemos encontrarnos repitiendo las mismas tareas una y otra vez. Asegúrese de implementar los consejos anteriores y comience a ahorrar tiempo, dinero y su cordura!
¿Tienes algún consejo de Photoshop para ahorrar tiempo? ¿Tiene alguna idea sobre otras tareas que podrían automatizarse para ahorrar tiempo y repetición? Siéntete libre de compartirlos con la comunidad a través de los comentarios..
Accentsconagua