Diseño de iconos: cómo diseñar tu propio conjunto de iconos de viajes

1. Introducción: en esta clase. Voy a pasar por todo mi proceso de diseño y conjunto de iconos desde mi proceso de pensamiento inicial y escogiendo todo hacia fuera en consejos y trucos para hacer tu proceso de diseño más rápido y fácil para ti. Espero que disfruten de la clase. Empecemos. 2. Proceso de idea: He creado un bono gratis para que lo descargues, Phil. Libre de imprimirlo y se puede ir como si fuera. Teoh, ayuda a dar forma a tu conjunto de iconos. Um, así que aquí están los pasos para diseñar uno. En primer lugar hay que decidir sobre un tema para el mío. Decidí viajar, y quería hacer una de mis ubicaciones favoritas para viajar, y esa es Escocia. Lo siguiente que debes hacer es llegar a qué estilo quieres que tu ícono sea hacer a todo color. Muchas veces, la gente dio Onley un color O r. dos colores esencialmente y luego otro Realmente popular sería tu estilo de línea para el mío . Yo quería hacer a todo color, y por último, necesitas simplemente empezar a anotar algunas ideas para ir de acuerdo con tu tema. Porque la mía era Escocia. Apunté algunas cosas de mi viaje. Entonces un auto, porque manejamos por toda Escocia, las montañas porque las tierras altas eran mi parte favorita absoluta de Escocia. Um, junto con cosas por las que son famosas, como una kilt en haggis y whisky y sábana eso anoté todo y luego una vez que tengas todo eso, necesitas empezar a reducirlo. Yo quería hacer cinco iconos, así que reducí mi lista a cinco. Entonces, una vez que tengas tu propia lista, por favor, crea un proyecto con iconos que hayas ideado e incluye todo tu proceso con él. Entonces si imprimes la ella se aseguraría de incluir una imagen para que todos podamos ver cómo se te ocurrió tus diseños en el siguiente video. Voy a pasar por el diseño de cada uno de mis iconos, y voy a incluir muchos de mis pequeños consejos favoritos a la hora de diseñar. 3. Diseño de íconos: al hacer iconos. mí me gusta tener un tablero de arte separado para cada ícono individual con el fin de hacerlo solo tienes que ir a archivar nuevo. Estoy haciendo esto a 300 píxeles porque son para la pantalla. Seleccioné RGB y luego para tableros de arte. Seleccioné cinco porque estoy haciendo cinco para el set. Simplemente golpea crear. Estoy cerrando porque ya lo he creado y se me ocurrió una paleta de colores bastante sencilla , y estos son colores que quiero usar, y también usaré carpas de estos colores, y quiero ponerlos en mi muestra con todas ellas seleccionadas. Ir a las muestras. Si no ves eso, sube a ventana y muestra. Haga clic en lo que se parece a una carpeta, que es el nuevo grupo de colores. He seleccionado obras de arte. Quiero convertir proceso a global e incluye relojes para tenso. Tan bien, y solo para que no me abrumen todas las selecciones, voy a seleccionar un color recientemente otro y eliminarlo de este reloj es así te quedas con solo los colores que quieres usar, y ahora puedes eliminar los que están en el tablero de arte. He seleccionado mi estilo de icono para que sea de varios colores tipo de estilo de diseño plano, y quiero que estén en un círculo a diferencia de cuadrado con dientes o cuadrado redondeado. Para empezar con tu círculo, puedes elegir cualquier claro que quieras, y lo primero que quiero hacer es hacer que el pasaporte vaya a seleccionar la herramienta de rectángulo o M en tu teclado, hacer un rectángulo, y luego voy a dar la vuelta a estas esquinas últimamente, así que sólo voy a tirar de ese círculo, y luego voy a cambiar esto a Azul. Y es sólo porque vivo en EU y mi pasaporte es marino y voy a guía de color una vez más. Si no ves eso, ve a ventana y guía de color y solo voy a seleccionar una carpa que sea más oscura. Usó el recorrido de Ellipse L en tu teclado, y voy a cambiar eso a un trazo blanco y aumentar ese tamaño de trazo una vez más. Si no ves trazo, ve a ventana y acaricia. Entonces me gusta el trazo de 10 píxeles, y solo estoy creando ese tipo de símbolo simple para el mundo, que es el círculo con un par de líneas sólo porque cada país tiene un estilo diferente para el pasaporte. Entonces esta es una forma más fácil de tener, como, uno de aspecto más global. Voy a seleccionar el segmento de línea y crear una línea para el medio podría asegurarse que no se superponga ese otro trazo copiar y pegar esto al frente usando el comando C comando F y luego rotar esto para que tipo de haga que X y luego agarrar la herramienta de elipse una vez más. Asegúrate de que no se desprenda por más allá del trazo de esa primera elipse y puedes hacer una más y cambiar eso. Por lo que va a mitad de camino. De acuerdo, Así que estoy contento con eso. Voy a seleccionar cada una de las elipses y esas líneas y sólo voy a seguir adelante y expandir Strope yendo a objetar. Expande Phil y golpe de golpe, Ok. Y solo quiero combinar esto en uno, así que ve a tu panel de Pathfinder. Si no lo ves, ve a Ventana y Pathfinder y usa esa primera opción que es la opción Unite. Y ahora ha creado un objeto para ti para que puedas elegir escribir y pasaporte. O incluso podrías hacer como una línea astucia que representa texto. Y yo estoy comprando con esa pelea. Entonces solo voy a ir a teclear y crear contornos. Agrupar estos juntos y para que quepa en los primeros no son tablero. Yo quiero ir a ese tablero de arte. Disminuye el tamaño de esto y asegúrate de que golpee el borde en cada lado. Y tienes el icono número uno hecho. Agarra la herramienta Elipse y ahora voy a crear una bandera. Por lo que una vez más, la herramienta de rectángulo crea un rectángulo. El banderín escocés es azul con una especie de X blanca Así que solo voy a usar la herramienta de rectángulo para cada pieza de esta copia y pega delante con la opción de media comando Command C. Voy a combinar de nuevo los dos rectángulos blancos con la opción Unite, y luego voy a seleccionar ese fondo azul también, y este es uno de mis consejos favoritos. Si no lo ha utilizado antes, utilizó la herramienta constructor de formas manteniendo pulsada la opción. Verás el cursor cambiado a un signo menos, y todo lo que tienes que hacer es atropellar cada una de esas piezas que quieres eliminar. Y es un simple es eso y tienes una bandera. Y realmente me gusta usar esa opción de constructor de formas en lugar de usar la herramienta Pathfinder. Sólo a mí. Es más rápido, y él es porque no tengo que entrar y ONU agrupar, borrar las piezas y luego agruparlas todo de nuevo porque ya está hecho por mí. Entonces quiero que esta bandera esté ondeando un poco en el viento así que voy a ir a efectuar guerra y bandera. Y entonces es un hardy out la opción que quiero, que es del 5%. Se puede dio uno más alto, pero se va a ver un poco demasiado deformado. Sun va a volver a bajar la deuda al 5% y está bien, porque ya he terminado de editar esto. Yo quiero seguir adelante y ampliar esa apariencia. Por lo que objeto expandir apariencia disminuirá ligeramente sus ojos, utilizando de nuevo la herramienta eréctil, va a hacer un asta de la bandera y luego la herramienta Elipse para la parte superior del asta de la bandera y combinó esos. Y siempre puedes agregar un poco más de detalle a este asta de bandera, que voy a hacer usando la herramienta de bolígrafo. Yo quiero agregar un poco de brillo, también, que una parte de labios y voy a aumentar ese trazo. Cambia ese gorro a alrededor de Cat. Y en realidad quiero un gris más claro para ese trazo y luego, usando la herramienta de ancho, quiero hacer clic en el centro y agrandar. Entonces eso me gusta. Y luego voy a bajar un rectángulo en ese mismo color por el asta de la bandera, y creo que ya he terminado con eso. Entonces voy a seleccionar todo esto una vez más, usando la forma de constructor, herramienta y la opción de mantener pulsado. Yo sólo voy a atropellar los dos, y ahora se han ido. Lo siguiente que quiero crear es una botella de whisky. Una de las primeras cosas que hice una vez que llegué a Escocia fue ir a la experiencia del whisky escocés en Edimburgo, y fue muy divertido. Pero también aprendí que no soy tan fan del whisky escocés. Ah, así que ustedes chicos para empezar usaron la herramienta de rectángulo o M en su teclado va a seleccionar. Él top dos de esos círculos sosteniendo cambio hacia abajo por lo que sólo selecciona esos dos realmente alrededor la parte superior de esto y luego chupar los dos inferiores y ligeramente alrededor de los que quiero usar la herramienta Elipse. Crea un cuello redondeado para esa botella. Incertidumbre volviendo a la herramienta de rectángulo Acercar usando comando y el signo más redondea ese rectángulo y usaré la herramienta de lápiz a gran tipo de como un tapón para la botella. Asumiendo volver a salir con mando y el signo menos. Selecciona las tres piezas para la botella y une esas. Voy a usar el blanco para esa botella, va a disminuir el comando de opacidad. Ver, en el mando F voy a cambiar a ese tipo de color naranja y cambiar esa capacidad de nuevo al 100%. Y quiero traer este tamaño en. De acuerdo, así que me gusta que me voy a tomar el whisky, como si tiene están parcialmente vacíos. Entonces, ¿qué? El rectángulo herramienta. Yo sólo voy a solapar esto. Selecciona ambas de esas piezas. Entonces ese rectángulo y luego ¿cuál es el whisky en el interior? y la herramienta Pathfinder Ir a frente menos. Te quedas con el whisky. Entonces comando en el soporte izquierdo y colocará que detrás del cristal siempre se podría hacer clic derecho en un rango. Enviar sonido hacia atrás va a hacer una etiqueta para el whisky. Voy a ir entre el rectángulo y el taburete de elipse, unirme, thes, y luego usar esa herramienta constructor de formas. Por lo que quiero agregar algunos detalles a la botella. Entonces solo voy a usar la herramienta de bolígrafo y seguir por la forma de esa etiqueta. Entonces ahora que he creado la parte superior, quería emparejar también en la parte inferior. Ir a objeto. Transformar, reflexionar. Yo quiero que eso sea vista previa horizontal y copia manteniendo el turno arrastrado hacia abajo porque se puede ver que la parte superior de esa etiqueta es un poco más elevada que la parte inferior. Entonces con un selecto los puntos y reposicionarlos. Entonces solo voy a usar el pincel de blob como estaba mencionando con el pasaporte, se puede hacer tipo de líneas ardientes, y el tipo de es un marcador de posición para texto. Simplemente parece que alguien para cambiar a blanco. Yo solo agrego algunas líneas escabullidas y puedes seguir con la herramienta de pluma o el cepillo de sangre para hacer los reflejos como lo hicimos en el asta de la bandera. En realidad sólo voy a entrar. Ya que estoy usando el pincel negro y lo hago con esto, quiero seleccionar esas cuatro piezas y simplemente disminuir esa capacidad agrupa las juntas. Y ahora voy a usar la herramienta de bolígrafo para crear un vaso. Por lo que sosteniendo turno por una línea recta, es de estar recta hacia abajo. Voy a traerlo y ligeramente al fondo. Um, Como puedes ver, este lado tiene más de un ángulo. Entonces sólo usando eso No, Tuller soy un teclado que va a traer en el otro lado. Yo quiero que esto coincida con el whisky una botella a un costado. Entonces yo, que trae arriba la herramienta cuentagotas en su ir a seleccionar esa botella y se duplica, o coincide con ese color y capacidad Copiar y pegar detrás, que es el comando C Command. ¿ Ser qué? El color del whisky. Una vez más, trae esto al igual que hicimos con la botella. En realidad quieren que este cristal tenga algunos bordes redondeados, así que selecciona un en tu teclado. Yo sólo voy a dar la vuelta. Hay bordes ligeramente. Si quieres hacer cubitos de hielo solo un cuadrado, copia ese estilo del vaso. Agruparlos juntos y colocarlos en tu me gusta en. Entonces el siguiente que voy a hacer es el kilt. Entonces para hacer eso mató subrayando para acercar usando la Z en este último tablero de arte. Y quiero hacer el patrón de cuadros o tartán. Entonces lo primero que voy a hacer no importa si es más grande que el tablero de arte. Quieres usar la pantalla y un blanco, y quiero disminuir esa capacidad. Quiero agregar en algunos colores diferentes. Yo voy a hacer el rojo. También quiero hacer el spot o dos de ese amarillo, que es realmente brillante. Entonces quiero entrar en la guía de color y cambié la carpa de eso y todas esas piezas que ya has creado. Aparte de ese fondo verde, puedes agruparlos así comandar G y luego copiar y pegar en Francia o entrando, ver comando F y luego sosteniendo Chef, sólo tienes que girar 90 grados. Todos estamos un poco brillantes para mí, así que voy a cambiar la capacidad de cada pieza al 60%. Eso es mejor. Ahora con el recorrido del rectángulo, um, seleccionado. Basta con dar click una vez en el tablero de arte, y ya conozco estos aeropuertos o 300 pixeles. Entonces solo voy a hacer un cuadrado de 300 píxeles y el panel Alinear. Si no lo ves, ve a la ventana de esa línea. Si no ves el espaciado distribuir y una línea para ir al menú debe decir mostrar opciones y luego en la línea A para asegurarte de que tienes una línea toe art board seleccionado alinear horizontal y vertical aliado en y luego cambiar el color de relleno a nada. Seleccionar todo y luego golpear comando um siete. Y eso crea una máscara de recorte. Ir a patrón de objeto y hacer suspiros azulejo dedo del pie arte. Guarda una copia y ya está hecho porque ya has creado el patrón. Simplemente borra eso. Entonces voy a usar de nuevo la herramienta de bolígrafo. Podemos especie de ese mismo estilo exacto para la guerra. El vidrio pero al revés tan recta línea más grande en la parte inferior y en este momento no tiene relleno su trazo. Simplemente ve a tus muestras y selecciona el tartán que creaste porque esto va a ser más pequeño. Voy a ir a transformar y escalar un selecto transformar objetos y en el uniforme realmente quiero hacer esto más grande y eso me gusta. Entonces simplemente bien. Y ahora voy a copiar y pegar atrás. Y yo también sabes que he ajustado esto. Es posible que tengas que disminuir el tamaño para que no sea más grande en esa primera pieza. Quiero rotar ese patrón para que hasta objeto, Transformar y girar una vez más un select, transform, object y click. OK, si quieres que esto luzca un poco más sombreado, Todo lo que tienes que hacer es comando Ver comando tras copiar y pegar, Cambiar a ese color gris y luego disminuir el A pass ity moviéndose al comando group thes Copiar Comando ritmo behinds un comando comuna C ser Agarra estos dos a un costado. Agruparlos juntos. Por lo que comando G o clic derecho y grupo subir a objeto. Reflejar Transformar Esta vez quise reflexionar verticalmente y copiar y luego sostener Chef, solo trae los en grupo todos esos juntos y luego quiero hacer el cinturón. Ten todos estos una vez más con la herramienta constructor de formas que quiero hacer tipo de como la hebilla. Entonces el último ícono que voy a crear serán montañas. Estuvieron algunos de mis lugares favoritos en Escocia, como el Glencoe y voy a una zona del cielo. Fue absolutamente impresionante. Las montañas y las colinas de Escocia son magníficos. Entonces con la herramienta estrella, haz la estrella. Si mantienes pulsada la tecla de flecha abajo, puedes crear un triángulo. Sólo voy a sostener turno, va a hacer el color gris. Voy a hacer unos bordes redondeados en cada una de las esquinas. Es un poco difícil de ver por los antecedentes. Entonces voy a pasar al ícono, y puedes elegir hacer el siguiente paso con una herramienta de lápiz o con el pincel de blob. Simplemente voy a usar el cepillo de sangre y cambiar al color blanco y tipo de hacer como un pico de nieve . Y puedes colorear todo eso en ti mismo. O puedes usar la herramienta de constructor recto. Agarra a los dos unidos. Hm. Usa la montaña una vez más en la herramienta constructor de formas y tienes una opción de retención Melton son todos para duplicar. Agarra todo una vez más forma, Builder, Opción de herramienta. Y estos son los últimos cinco iconos para mis sets de viaje. Para Escocia, siempre puedes entrar y añade más detalles como un borde para cada uno de los iconos. Incluso podrías hacer algunas sombras largas en cada una de las piezas. Entonces, por ejemplo, voy a copiar este amarillo, así que entra y ve Comando F click derecho. Organizar y llevar al frente, yendo a cambiar esto a un color más brillante para el trazo. Aumenta ese peso de trazo, pero bastante va a hacer 25 e ir a un trazo de línea y por dentro. En realidad, voy a disminuir eso. Probemos 18 para que pudieras tener esta frontera en cada uno de estos. Entonces, por ejemplo, una vez más si quería hacer el rojo, así que ahí está el ejemplo. Si querías el borde en cada uno, puedes jugar con los colores, tal vez quererlo más oscuro a diferencia del más claro, y puedes cambiar cómo se ve cada uno. En su mayor parte, éste se ve bien. que no sea la bandera. Si quisieras exportar cada una de estas cuatro celdas en lugares como Creative Market la mejor manera que he encontrado para hacerlo, es seleccionar cada una individualmente. Ir a selección de exportación de archivos. Ten el primero como PNG porque no quiero que se le añada un fondo a estos, y puedes tenerlos hábiles por lo que dos veces el tamaño que sería de 600 pixeles puede mantenerlo exactamente del mismo tamaño. Incluso podrías disminuirlo. Nos cambiaron la resolución para estos exportan el activo y los pone en una carpeta y luego puedes empaquetarlos y subirlos para auto. 4. Proyecto: Espero que hayas disfrutado de la clase y hayas aprendido muchos buenos consejos y trucos en el camino. Si te resultó útil esta clase, por favor dame un like también, por favor comparte un proyecto conmigo basado en tu ubicación de viaje favorita. A mí me encantaría verlo tocar algo. No, si tienes alguna pregunta o comentario a continuación. Gracias de nuevo, chicos.