Probablemente cada diseñador web tiene su propio conjunto deEngaños Favoritos de Photoshop bajo la manga. Por buena razón. La poderosa herramienta de edición de imágenes de Adobe es un elemento básico en el mundo del diseño web. Muy pocos programas pueden competir con este excelente software y su amplia gama de funciones.

Sin embargo, aunque la mayoría de los diseñadores web ya saben mucho sobre PhotoShop, siempre hay más que puedes aprender. Después de todo, el programa no solo es poderoso sino también complejo. Además, se agregan cosas nuevas regularmente a través de actualizaciones.

Por esta razón, es una buena idea seguir explorando tu herramienta favorita. Para ayudarlo a hacer eso, en este tutorial, veremos algunos de los mejores trucos de Photoshop. Desde Engaños que pueden mejorar su flujo de trabajo, facilitar el trabajo y la vida, ahorrar tiempo y ayudarlo a diseñar los mejores sitios posibles.

¿Estás listo para aprender más sobre Photoshop? Esto es lo que veremos a continuación.

1 - Optimice su espacio de trabajo

Empecemos con lo básico. Lo primero que debe hacer para mejorar su flujo de trabajo es configurar Photoshop de una manera que sea compatible con la forma en que lo usa. Después de todo, el trabajo se vuelve más fácil con una herramienta más limpia.

Por esta razón, nuestra primera parada es “Ventana > Espacio de trabajo > Gráficos y web > Esenciales”. Al elegir esta opción, cambiará la outils disponible para lo que es más probable que utilice para el diseño web.

Elija un espacio de trabajo de wordpressLuego vaya a "Editar> Preferencias". Aquí una de las paradas más importantes son las unidades y las reglas. Cualquiera que sea la medida que elija aquí (probablemente píxeles), será la medida predeterminada para todos los documentos futuros.

(Sugerencia rápida: para cambiar las reglas para documentos individuales, simplemente haga clic derecho sobre él y elija la unidad de medida deseada).

Luego vaya a "Preferencias> Rendimiento> Historial y caché" y haga clic en "Diseño web / UI".

Reglas de Photoshop y configuración de unidadesEsto cambiará la configuración de caché para favorecer archivos más pequeños con muchas capas, que trabajará con más frecuencia.

En la misma ubicación, también puede elegir el número de estados históricos. Esta es la cantidad de pasos a los que puede volver si desea deshacer algo.

2 - Aprenda los atajos de teclado

Para cualquier programa que use regularmente, aprender atajos de teclado suele ser algo bueno.

Por ejemplo, uso Ctrl + Alt + 2/3 para crear los encabezados h2 y h3 cuando escribo esta publicación. Es mucho más rápido que usar la barra de herramientas.outils del editor porque no tengo que salir del teclado.

Lo mismo vale para Photoshop. Saber cómo realizar una acción con teclas individuales es infinitamente más rápido que hacer clic en los menús.

Mencionaremos un montón de atajos de teclado a lo largo de este artículo. Sin embargo, también recomiendo esta hoja de trucos para aprender los accesos directos a las operaciones más comunes de Photoshop. Además de eso, también es una buena idea adquirir el hábito de buscar atajos de teclado para las cosas que hace una y otra vez.

3 - Agrupar capas y nombrarlas

Cuando trabaje con Photoshop, trabajará con capas. No solo tiene la mayoría de los elementos en capas separadas, sino que también se agregan cambios como brillo / contraste como una capa.

Por esta razón, todo se puede confundir muy rápidamente. Afortunadamente, hay muchas opciones para hacer menos, dos de las cuales son la capacidad de agrupar y nombrar capas.

En primer lugar, al hacer doble clic en cualquier capa, puede cambiar su nombre por el que desee.

Cambiar el nombre de una capa en wordpressDe esta manera, comprenderá fácilmente si una capa contiene la imagen de fondo, el menú o la barra lateral.

Alternativamente, también puede elegir varias capas a la vez, ya sea manteniendo presionada la tecla Ctrl para seleccionar capas individuales o Mayús para marcar un rango de capas vecinas. Ctrl + G los convierte en un grupo.

4 - Hacer búsquedas de capa

Nombrar y agrupar capas es un buen comienzo. Sin embargo, al trabajar con docenas o incluso cientos de ellos, aún puede perderse fácilmente.

Para estos casos, también tiene la opción de filtrar sus capas. Para hacer esto, simplemente use el menú en la parte superior del menú Capas para filtrar por tipo, nombre, efecto, color y más.

De lo contrario, haga clic derecho en las capas y elija la opción de grupo desde allí. De cualquier manera, sus capas están mucho más organizadas. Además, también puede nombrar los grupos de capas.

Capas de búsquedaDe lo contrario, seleccione directamente una capa usando la herramienta Mover, manteniendo presionada la tecla "Ctrl" y haciendo clic en una capa o un objeto.

5 - Crea una cuadrícula

Crea una cuadrícula en PhotoshopLa cuadrícula es uno de los principios más importantes en el diseño web. Trae el orden al diseño y te ayuda a colocar tus objetos. Por esta razón, tiene sentido crear una cuadrícula en Photoshop.

Para hacer esto, use "Ver> Nuevo marcador". Alternativamente, cree guías horizontales y verticales manteniendo presionado un clic en una regla y arrastrándola al documento. Utilice Ctrl para mover las líneas existentes.

6 - Importar muestras de color

Puede cargar muestras de color directamente en Photoshop desde archivos HTML, CSS o SVG. De esta manera, tiene un excelente punto de partida para su combinación de colores cuando usa archivos existentes, como un logo.

Para aprovechar esta sugerencia de Photoshop, abra el panel Muestras, haga clic en el menú desplegable en la esquina superior derecha y seleccione " Cargar muestras ". Ahora navegue hasta el archivo y ábralo para importar sus nuevas muestras de color.

7 - Guardar formas personalizadas

En particular, cuando diseñe varias páginas para el mismo sitio o sitios web que tengan un diseño similar, terminará usando los mismos objetos y formas varias veces. Por esta razón, tiene sentido guardarlos en un formulario personalizado para su reutilización rápida.

Para hacer esto, haga clic derecho en la forma en cuestión con la herramienta de selección de ruta (la flecha negra). Entonces elige Define la forma personalizada ". Una vez que haya hecho eso, puede acceder a esa forma a través de las opciones en la barra superior de la herramienta Forma personalizada. Simplemente haga clic en el menú desplegable donde dice " Forma Y elige tu forma guardada.

Definir una forma personalizada

8 - Cambiar entre los colores de fondo y de primer plano

Para alternar el color de fondo y el color de primer plano sin hacer clic en el icono, simplemente presione "X" en su teclado. Además, si desea que los colores vuelvan a ser blanco y negro, puede hacerlo presionando "D".

9 - Cambia la opacidad a través del teclado

Otro atajo de teclado: para cualquier herramienta que pueda cambiar la opacidad, puede hacerlo a través del teclado. Los números del 1 al 0 establecerán la opacidad en todo entre el 10% y el 100%. Lo mismo también funciona con la opacidad de las capas.

10 - Dibuja líneas rectas

Para dibujar una línea recta con cualquier herramienta, simplemente mantenga presionada la tecla Shift. Entonces puedes dibujar una línea (horizontal y vertical) que se vinculará automáticamente como un clavo. De lo contrario, haga clic en dos puntos diferentes para crear una línea recta entre ellos.

Eso es todo por estos consejos de Photoshop, espero que te ayude a diseñar mejor en Photoshop.