Del curso: Adobe XD: Trucos

Crear iconos simples en Adobe XD - Tutorial de Adobe XD

Del curso: Adobe XD: Trucos

Comenzar mi mes de prueba gratis Comprar para mi equipo

Crear iconos simples en Adobe XD

“

Puede darse el caso de que no tengas otros programas a tu disposición para crear iconos o decoraciones y luego importarlos a Adobe xD. Si no tienes Photoshop o Illustrator o, simplemente, no tienes los conocimientos suficientes para utilizarlos, no te preocupes, porque en Adobe xD vas a poder crear iconos y decoraciones de manera muy sencilla para tus propios diseños. En mi caso, he creado estos tres iconos: una flecha, un icono de inicio o de casita y una cruz para cerrar o cancelar acciones. He creado todos estos iconos utilizando una única herramienta de Adobe xD, la línea, así que voy a enseñarte a crear iconos muy simples y sencillos con esta herramienta. Primero, vamos a seleccionar la herramienta de Línea desde el panel izquierdo del programa. Esta de aquí. La seleccionaremos y volveremos al canvas. Primero, crearemos una línea horizontal, de esta manera. Vamos a empezar haciendo una flecha. Cuando hayas terminado de hacer la línea horizontal, vas a pulsar la tecla V en el teclado, lo cual te permitirá seleccionar y mover elementos, verás que el cursor ha cambiado. Vas a seleccionar la línea que has hecho y la vas a copiar Control+C o Comando+C en Mac y la pegarás de nuevo con Control+V o Comando+V en Mac. Así. Ahora, con esta nueva línea seleccionada la vas a modificar un poco en diagonal. Digamos de esta manera; ya tenemos la mitad de la flecha. Ahora, simplemente, vamos a seleccionar esta línea diagonal que acabamos de crear, vamos a copiarla y pegarla de nuevo y vamos a colocarla en el lado inferior de la flecha, siempre respetando y siguiendo las guías inteligentes del programa. Por último, para darle un toque un poco artístico, vamos a seleccionar esta nueva forma, nos dirigiremos al panel derecho, buscaremos los bordes y seleccionaremos Extremo redondeado. Estupendo. Y así de sencillo; no olvides agrupar tu icono para que a la hora de exportarlo, Adobe xD lo interprete como una forma entera y no como diferentes formas individuales. Para ello, selecciónalo y en el teclado, utiliza el atajo Control+G o Comando+G en Mac. Muy bien. Este icono estaría finalizado. Voy a enseñarte a realizar el siguiente icono, la casita o inicio. De nuevo, escogeremos la opción de Línea en el panel izquierdo y trazaremos otra línea horizontal muy simple. Digamos así. Vamos a presionar de nuevo la tecla V en el teclado y seleccionaremos esta línea. La vamos a copiar y a pegar. Esta vez posicionaremos la línea en vertical en uno de los extremos de la línea horizontal, por ejemplo, quizá, así. Copiaremos y pegaremos esta nueva línea y de nuevo, la posicionaremos al otro extremo de la línea horizontal que habíamos creado. Estupendo. Ahora, tan solo nos falta el tejado. Para ello, vamos a copiar y pegar una vez más una de las líneas, de esta manera, la situaremos en el centro de la línea y vamos a dirigirla así, en diagonal, quizá así. Una vez situada esta línea, ya solo queda la otra mitad del tejado. Para ello, copiaremos y pegaremos esta mitad, así, siguiendo siempre las guías. Si quisieras darle un toque artístico, simplemente, selecciona toda la forma, vete al panel derecho y de nuevo, escoge la opción de bordes redondeados. Solo te quedaría editar las formas que tuvieras que no están del todo correctas. Estupendo. Por último, te voy a enseñar a crear un icono de cancelación o de cerrar. De nuevo, escogeremos la herramienta Línea. Esta vez empezaremos directamente con una línea diagonal, de esta manera. Después de pulsar la tecla V, seleccionaremos la forma, la copiaremos y pegaremos de nuevo y nos vamos a guiar por las guías inteligentes, de esta manera, hacía un extremo y hacia el otro. De nuevo, puedes darle un toque artístico. Estupendo. Con este truco has aprendido a crear iconos simples de una manera muy rápida y sencilla. Así no tendrás que depender tanto de otros programas profesionales, en caso de que no dispongas de ellos o no tengas conocimientos de cómo funcionan.

Contenido