Del curso: Adobe XD: Trucos

Crear una paleta usando opacidades en Adobe XD - Tutorial de Adobe XD

Del curso: Adobe XD: Trucos

Comenzar mi mes de prueba gratis Comprar para mi equipo

Crear una paleta usando opacidades en Adobe XD

“

Puede que cuando te enfrentas a un proyecto de diseño sientas que la paleta de colores es tu enemiga, ya sea porque no sabes dónde encontrar una o cómo crear una. Vas a ver que para esto, las opacidades van a ser nuestras aliadas en Adobe XD. Para poder crear una paleta solo usando opacidades vamos a necesitar un mínimo de dos colores diferentes para crear una paleta sencilla y un máximo de tres. Si vas a crear una paleta de tres colores, vas a necesitar tonos diferentes: uno claro, uno medio y uno oscuro. También, para crear una paleta un poco más compleja, diversa y divertida, puedes utilizar colores completamente distintos, siempre y cuando respetes la regla de los tonos: un tono claro, un tono medio y un tono oscuro. Para las paletas simples de dos colores, en cambio, puedes utilizar la combinación de tonos que tú quieras: claro con medio, medio con oscuro, claro con oscuro, como tú quieras. Para crear una paleta con opacidades, el primer paso es distribuir los colores con bastante espacio entre ellos. Verás que yo misma los he distribuido con bastante espaciado entre todos los colores. El siguiente paso es el esencial. Vamos a extender los colores de los extremos sobre el color del medio, de esta manera. Por aquí y así. Sin embargo, esto no es todo. Vamos a escoger uno de los colores y, sosteniendo el Shift, vamos a seleccionar el otro color. Solo los colores de los extremos. Ahora, en el panel derecho, vamos a manipular su Opacidad. Puedes manipularla directamente desde aquí o desde el teclado, con los números del 1 al 0. De modo que, si yo pulso el 5, verás que la Opacidad se ha fijado al 50 %. Recuerda, sobre todo, que pulsando el 0, siempre obtendrás el 100 % de la Opacidad de las capas. En mi caso, voy a manipular la Opacidad directamente desde el menú derecho. Por ejemplo, algo como esto. Ahora ya tenemos los colores. Vamos a copiar y pegar esta paleta y vamos a hacerla un poco más pequeña, de modo que vamos a empezar a modificar su tamaño. Así y algo así. Perfecto. Y la vamos a colocar encima de este canvas. Ya hemos conseguido nuestra primera paleta. Vamos a crear otra, esta vez utilizando colores distintos. De nuevo, vamos a manipular los colores de los extremos y los vamos a extender sobre el color del medio, de esta manera. Los vamos a seleccionar juntamente y vamos a manipular sus opacidades hasta aquí. De nuevo, vamos a copiar y pegar la paleta y la vamos a hacer un poco más pequeña. Algo así y algo así. Estupendo, ya tenemos nuestra segunda paleta. Sin embargo, ¿cómo sería crear una paleta mucho más simple, mucho más sencilla, con solo dos colores? Pues muy simple. Escogeremos el color que está en el borde izquierdo y lo extenderemos hacia el que sitúa en el borde derecho, así. Ahora, con este color seleccionado, manipularemos su Opacidad hasta que nos convenza, algo así. De nuevo, copiaremos y pegaremos la paleta y vamos a hacerla más pequeña, por aquí y por aquí, y la situaremos aquí encima. De esta manera, hemos obtenido tres paletas diferentes que puedes combinar entre sí, o seguir editándolas como tú quieras. Ahora ya puedes experimentar en el arte de la creación de las paletas.

Contenido