10 consejos asesinos de Adobe Photoshop para diseñadores
Lo creas o no, si estás utilizando Photoshop para diseñar un sitio web, estás en el camino correcto para convertirte en un exitoso diseñador web. Esto se debe simplemente a que Photoshop es una de las herramientas más avanzadas en la industria del diseño que puede hacer realidad su imaginación creativa con su gran cantidad de herramientas profesionales que aumentan su productividad al mismo tiempo..
¿Pero qué tan bien sabes sobre Photoshop? A veces nos preguntamos por qué cierto diseñador web puede diseñar un diseño de sitio web con gráficos extremadamente pesados en 5 días, mientras que necesitamos alrededor de 10 días para completar ese tipo de diseño. Probablemente no se trata de lo rápido que puedes hacer clic, sino de lo bien que sabes sobre Photoshop, cómo vas a desbloquear todo su potencial para aumentar tu productividad.
Queremos que sepas cómo desbloquear todo su potencial. Sí, es por eso que creamos esta publicación, para brindarle 10 consejos de Photoshop extremadamente útiles para aumentar su velocidad de diseño. Puede haber acceso directo, función o configuración que no conozca, pero ya no. Con este artículo, los aprenderá a todos, y diseñará más rápido y más rápido..
Nota: Las teclas de método abreviado mencionadas en este artículo están en formato Windows Photoshop. Si está utilizando Mac, asegúrese de saber que Ctrl = Cmd (Comando) y Alt = Opt (Opción).
10. Deshacer, más Deshacer por favor
Creo totalmente que los diseñadores somos muy adictivos para deshacer algo, incluso hasta que cuando cometimos un error al dibujar, tendemos a "deshacerlo"..
Como puede saber, al presionar Ctrl + Z en Photoshop puede deshacer la acción anterior que realizó, pero al presionar nuevamente la misma combinación de teclas, se volverá a realizar la acción anterior. Esto es bastante antinatural y molesto, ya que siempre debe deshacer varias veces para llegar al estado que desea..
Lo creas o no, Photoshop tiene un botón específico para deshacer múltiples, y es Alt + Ctrl + Z. Sí, al usar esta combinación de teclas puedes deshacer varias veces, de acuerdo con el valor de los estados de historia establecidos en Edición> Preferencia> Actuación.
Si está acostumbrado a la combinación de teclas Deshacer común que es Ctrl + Z, simplemente puede presionar Ctrl + Mayús + Alt + K para acceder al panel de acceso directo del teclado y cambiar la combinación de teclas Deshacer en la sección Editar a Ctrl + Z.
9. Muestreo de color, en cualquier lugar!
¿Se encontró con un sitio web bien diseñado y se pregunta qué colores exactos está usando? Esto sucede muy a menudo cuando busco inspiración durante el tiempo que estoy haciendo el diseño del sitio en Photoshop. Para mí, lanzaré un selector de color, elegiré el color y obtendré su número hexadecimal, luego haré clic en la paleta de colores en Photoshop, luego ingresaré el número hexadecimal y luego obtendré el color, bastante molesto, ¿no??
Bueno, no es necesario que sufras así, puedes simplemente hacer clic en la herramienta Cuentagotas o presionar I para activarla, luego hacer clic en la pantalla de trabajo de Photoshop y arrastrar el ícono de Cuentagotas a cualquier lugar de la pantalla del monitor para obtener el color que deseas. querer. Sí, es realmente tan fácil..
8. Guía flexible
Consejo # 8 es en realidad una combinación de 2 consejos, espero que no te importe recibir más consejos. Como diseñador web, tenemos que lidiar mucho con la guía para posicionar un elemento correctamente, en otras palabras es un píxel perfecto.
¿Cómo se crea una guía? Haga clic en Ver, Nueva guía, luego decida que es horizontal o vertical, ingrese su posición y haga clic en ¿Entrar? Muy bien, puede guardar estos trabajos simplemente presionando Ctrl + R para activar la herramienta Regla, haga clic en la herramienta y arrástrela hacia abajo para crear una guía horizontal, o viceversa.
Además de la creación de guías instantáneas, aquí hay otro consejo útil para ti. Mientras arrastra una guía con la herramienta Mover que se puede activar con la tecla V, mantenga presionada la tecla Alt para cambiar la guía horizontal a la guía vertical, o viceversa. Ahora probablemente te consideres un profesional en el uso de la guía..
7. Divertida Capa Estilo Clonación
Los estilos de capa son muy entretenidos cuando puedes simplemente aplicarlos para hacer, digamos, un ícono de redes sociales se ve bastante encantador y único, pero será muy agotador si deseas aplicar los mismos estilos de capa a todos los íconos de redes sociales que usualmente vienen piezas múltiples.
¿Te has dado cuenta de que hay una fx icono al lado de su capa? Bueno, todo existe por una razón, si presiona Alt y arrastra el fx en otra capa, copiará los estilos de la primera capa al que arrastró, conveniente ¿no es así??
También si estás interesado en el uso común de ese fx icono, le permite mover los estilos de una capa a otra y todo lo que necesita hacer es simplemente arrastrar el icono a otra capa sin presionar la tecla Alt.
6. El centrado de elementos es fácil
Para lograr un diseño de píxel perfecto, a menudo tenemos que colocar el elemento exactamente donde debería estar. Esto parece fácil ya que solo puede crear algunas guías y ajustar el elemento a esas guías, pero será desalentador si desea centrar un elemento en un área determinada, lo que requiere muchas guías, medidas y enfoque..
De hecho, tiene una manera de hacer que todo este proceso sea mucho más fácil, haga clic en la capa del elemento que desea centrar en absoluto, luego presione Ctrl + A para seleccionar todo el documento. Después de eso, active la herramienta Mover y verá algunos iconos junto a la opción, Mostrar controles de transformación. Haga clic en el segundo icono para centrar verticalmente el elemento, luego haga clic en el quinto icono para centrar horizontalmente el elemento, ahí va, un elemento centrado absoluto.
No solo puede centrar el elemento en el área completa del documento, sino también centrarlo en cierta área. Digamos que quiero centrar absolutamente un elemento en el área del pie de página, simplemente puedo seleccionar el área del pie de página utilizando la herramienta de selección que se puede activar presionando la tecla M, luego centrar el elemento en el área específica..
Puede estudiar otras opciones de alineación junto a la opción Mostrar controles de transformación, son muy útiles para alinear sus elementos en una amplia gama de situaciones.
5. Ver selección, uno a la vez
A menudo, al diseñar un diseño, debe comprobar cómo se ve un elemento exactamente por sí mismo o por pocos elementos, por ejemplo, en el diseño del sitio web a continuación, quiero verificar los botones del control deslizante para confirmar que no tienen transparencia, por lo que se ven exactamente iguales con o sin la imagen del deslizador.
En el pasado, tengo que desactivar la visibilidad de la capa de la imagen del control deslizante, la capa del fondo del control deslizante e incluso la capa del fondo del contenido, pero ahora simplemente puedo mantener presionada la tecla Alt, luego hacer clic en el icono "ojo" junto al grupo de botones para apagar Visibilidad de todas las capas para que solo vea esos botones. Después de revisarlos, puedo repetir el truco nuevamente para devolver la visibilidad de todas las capas.
Este truco también es extremadamente útil cuando se trata de cortar imágenes. Desea dividir el botón del control deslizante sin ningún otro elemento como la imagen del control deslizante, por lo que puede usar este truco para desactivar la visibilidad de todas las capas para simplemente dividir el botón, luego repetir el truco para recuperar la visibilidad de todas las capas y así ahorrar mucho tiempo perdido. activar y desactivar la visibilidad de las capas.
4. Personalizar el seguimiento de la fuente, en cualquier momento
Este consejo en particular le muestra cómo aumentar fácilmente el seguimiento de la fuente en cierta parte del tipo, por lo que solo se puede usar en ciertas situaciones específicas como la creación de un logotipo o botón, pero es un consejo profesional que puede ahorrar mucho tiempo en la búsqueda de fuentes con Tipografía adecuada para la creación de tu logo o botón..
Bien, digamos que quiero disminuir el seguimiento del tipo, '360' para que el tipo de mi logotipo parezca único y el visitante lo recuerde con mayor facilidad. Puedo seleccionar 'POLO360' usando la herramienta Tipo que se puede activar presionando la tecla T, luego mantenga presionada la tecla Alt y presione el botón para comenzar a disminuir el seguimiento del tipo, lo que traerá el resultado anterior.
Puede utilizar este truco para abordar el problema del seguimiento de algunas fuentes artísticas, por lo que no tendrá que preocuparse por el seguimiento la próxima vez que desee encontrar fuentes gráficas para la creación de su logotipo.!
3. Instant Layer Selection = Win
El diseño del diseño es un trabajo agotador, ya que tenemos que abordar muchos problemas como la tipografía, el espaciado y el gráfico, pero será abrumador si queremos encontrar la capa de un elemento específico entre cientos de capas..
Deja que este truco haga la vida de tu diseñador más fácil. Active la herramienta Mover con la tecla V y mantenga presionada la tecla Ctrl, luego haga clic en el elemento y seleccionará automáticamente la capa del elemento. Realmente es así de simple, pero tenga en cuenta que si coloca elementos en un grupo, al utilizar el mismo truco, seleccionará la carpeta del grupo que contiene el elemento en el que hizo clic, como se muestra arriba..
2. Objeto inteligente para el diseñador inteligente
Al igual que su nombre, Smart Object hace que su edición sea más inteligente al llevar a cabo 2 funciones principales: realizar transformaciones no destructivas y realizar el filtrado. Esta función es muy útil, especialmente cuando está produciendo un diseño de sitio con gráficos pesados como fotos de archivo, íconos de redes sociales y kits de IU, y todo lo que necesita hacer es hacer clic derecho en una capa, luego hacer clic en 'Convertir a objeto inteligente' para disfruta de sus beneficios.
La primera función dice que una vez que una capa se convierte en un objeto inteligente, puede transformarla como quiera sin perder su calidad original. En nuestro caso, queremos reducir el tamaño del control deslizante de la imagen, por lo que convertimos las capas del control deslizante de la imagen en Objeto inteligente y lo transformamos en algo más pequeño..
Auch, es demasiado pequeño, así que decidí cambiarlo de nuevo..
Parece que todo está bien y no pasó nada, ¿verdad? A continuación se muestra el resultado si aplicó una transformación hacia atrás sin convertir la capa en objeto inteligente.
Así que probablemente puedas ver la diferencia aquí, especialmente la parte de los botones del deslizador. La transformación hacia atrás sin el objeto inteligente aplicado en las capas hace que el control deslizante y los botones del control deslizante pierdan su calidad. Así que al convertir una capa en Objeto inteligente, puede transformarla a cualquier tamaño más pequeño que desee, pero una vez que se arrepintió de su decisión, puede cambiarla de nuevo sin perder calidad..
Otra ventaja al convertir la capa en Objeto inteligente es que una vez que aplicó el filtro a un Objeto Inteligente, la capa de un filtro aparecerá debajo de la capa del Objeto Inteligente para que pueda deshabilitar el filtro más fácilmente simplemente desactivando la visibilidad de la capa del filtro, y eso se denomina filtrado no destructivo Gran ahorro de tiempo para tu proyecto..
1. Una instantánea del hermoso pasado
Ahora aprendió cómo deshacer varias veces, copiar estilos de capa, selección de capas más rápida y usar objetos inteligentes con estos excelentes consejos para ahorrar tiempo. Bueno, estas son habilidades realmente prácticas que aumentan en gran medida su productividad, pero ¿qué tal después de 2 horas de trabajo, se arrepintió de su edición y decidió comenzar desde la mitad? Rehacerlo por completo será muy agotador y aburrido, incluso si aplicaste todos los consejos asesinos que aprendiste antes, por lo que es cuando Snapshot entra en acción..
La instantánea le permite crear una copia temporal de cualquier estado de su edición, de modo que cuando tenga problemas para mejorar su diseño y decida volver atrás, simplemente haga clic en una instantánea para regresar al estado que desea. Para tomar una instantánea, solo tienes que abrir la paleta Historial y hacer clic en el segundo icono que ves en la parte inferior de la paleta.
También hay algunas funciones útiles para las instantáneas, como que puede tomar múltiples instantáneas para que tenga más opciones y pueda nombrarlas para que las recuerde con mayor facilidad. En última instancia, también puede usar estas instantáneas para comparar los diferentes efectos que creó para su diseño.
Sin embargo, asegúrese de recordar que una vez que cierre el documento, las instantáneas se eliminarán instantáneamente, por lo que si desea mantener esos estados, puede hacer clic en cada instantánea y guardar el documento como otro archivo..
Reflexión
Has llegado al final del artículo, buen trabajo. Para entonces, debería tener suficientes consejos asesinos para ahorrar tiempo para aumentar la velocidad de diseño, pero siempre recuerde que aprender es la mejor manera de saber más acerca de Photoshop, lo que aumenta su productividad. Así que sigue aprendiendo más y te convertirás en un diseñador web más competitivo de todos los tiempos..
Bueno, hemos compartido nuestro mejor, ¿qué hay de ti? Si no te importa, comparte tus consejos asesinos de Photoshop para que sepamos la mejor manera de usar Photoshop, gracias por tu generosidad!