Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)
En los siguientes pasos, aprenderás a cómo crear un set de iconos de cartas en Adobe Illustrator.
Para los principiantes, aprenderás a cómo preparar una cuadrícula simple y cómo crear un marco para tus iconos. Usando herramientas básicas y tomar ventaja completa de la cuadrícula y las característica de ajustar a cuadrícula, aprenderás a cómo crear los símbolos de negocio. Aprenderás a cómo añadir o borrar puntos de ancla, cómo transformar y multiplicar formas y cómo guardar y volver a usar los atributos de apariencia.
Finalmente, aprenderás a cómo expandir trazados y cómo crear los iconos de vectores finales.
Para más inspiración sobre cómo ajustar o mejorar tus iconos finales, puedes encontrar muchos recursos en GraphicRiver.
1. ¿Cómo Crear un Nuevo Documento y Preparar una Cuadrícula?
Presiona Control-N para crear un nuevo documento. Selecciona píxeles desde el menú desplegable de Unidades, pon 850 en la anchura y 340 en la altura y luego da clic en el botón Más Configuraciones. Selecciona RGB para el Modo de Color, pon los Efectos de Rasterización a Trama (72 ppp) y luego da clic en Crear Documento.
Habilita la Cuadrícula (Vista > Mostrar Cuadrícula) y Ajustar a Cuadrícula (Vista > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 1 px, así que simplemente ve a Edición > Preferencias > Guías y Cuadrículas y pon 1 en la casilla Cuadrícula cada y 1 en las Subdivisiones. Trata de no desanimarte por toda la cuadrícula—facilitará tu trabajo; mantén en mente que puedes habilitar fácilmente o deshabilitarla usando Control-" en el teclado.
Puedes aprender más acerca del sistema de cuadrícula en este tutorial corto de Andrei Stefan: Entendiendo El Sistema de Cuadrícula de Adobe Illustrator.
También debes abrir el panel de Información (Ventana > Información) para una previsualización en vivo del tamaño y la posición de tus formas. No olvides poner las unidades de medida a píxeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarán significativamente tu velocidad de trabajo.
2. ¿Cómo Crear los Marcos del Icono?
Paso 1
Toma la Herramienta Rectángulo (M) y enfócate en la barra de tareas. Borra el color del trazo y luego selecciona el relleno y pon el color a cualquier tipo de rojo.
Mantén presionada la tecla Mayus y crea un cuadrado de 72 px. Asegúrate de que permanezca seleccionado; abre el panel Apariencia (Ventana > Apariencia) y disminuye la Opacidad cerca del 15%.
Paso 2
Asegúrate de que tu cuadrado permanezca seleccionado y abre el panel Transformar (Ventana > Transformar). Enfócate sobre las casillas X y Y para colocar las formas numéricamente en tu mesa de trabajo. Pon las configuraciones mostradas en la siguiente imagen, y al final tu forma debe ser colocada como se muestra abajo.
Paso 3
Asegúrate de que tu cuadrado aun esté seleccionado; ve a Efecto > Distorsión & Transformar > Transformar. Arrastra el deslizador horizontal a 172 px, pon 3 en la casilla Copias y da clic en OK.
Paso 4
Enfócate en el panel Capas (Ventana > Capas), expande la capa existente y simplemente bloquea tu forma para asegurar de que no la selecciones o la muevas accidentalmente. Necesitarás estos cuadrados rojos como marcos para tu icono.
3. ¿Cómo Crear el Icono de la Casa?
Paso 1
Enfócate en la forma izquierda y toma la Herramienta Rectángulo (M) Crea una forma de 48 x 30 px; rellena con R=40 G=50 B=80, y colócalo exactamente como se muestra en la siguiente imagen.
Paso 2
Usando la Herramienta Rectángulo (M), crea una forma de 12 x 15 px, y colócala como se muestra en la siguiente imagen. El color de relleno no es importante.
Paso 3
Selecciona los dos rectángulos hechos en los dos últimos pasos; abre el panel Buscatrazos (Ventana > Buscatrazos) y da clic sobre el botón Menos Frente.
Paso 4
Selecciona tu forma azul oscuro y presiona Mayus-X para transferir los atributos de color del relleno al trazo y vice versa.
Enfócate sobre el panel Apariencia y da clic en el Trazo del texto para abrir el panel de Trazo. Pon la Anchura a 6 px y marca los botones Extremo Redondeado y Unión Redonda. Al final, las cosas deben parecerse como en la siguiente imagen.
Asegúrate de que esta forma permanezca seleccionada y abre el panel Estilos de Gráfico. Da clic en el botón Nuevo Estilo de Gráfico para guardarlo y volver a usar los atributos del objeto seleccionado.
Paso 5
Toma la Herramienta Selección Directa (A) y arrastra el marco de selección sobre encima del trazado para seleccionarlo. Presiona la tecla Suprimir para borrarlo fácilmente. Al final, las cosas deben verse como en la segunda imagen.
Paso 6
Toma la Herramienta Pluma (P) o la Herramienta Línea y crea un trazado horizontal de 66 px. Aplica tu estilo desde el panel Estilos de Gráfico y colócalo como se muestra en la siguiente imagen. Asegúrate de que aun esté seleccionado y ve a Objeto > Trazado > Añadir > Puntos de Ancla.
Paso 7
Sigue enfocándote en el trazado horizontal y escoge la Herramienta Selección Directa (A). Selecciona el punto de ancla del medio y arrástralo 32 px hacia arriba, como se muestra en la segunda imagen. Mantén presionada la tecla Mayus para limitar el movimiento en una dirección vertical.
4. ¿Cómo Crear el Icono de Correo Electrónico?
Paso 1
Enfócate en el siguiente cuadrado rojo.
Escoge la Herramienta Rectángulo (M) y crea una forma de 66 x 26 px. Colócala como se muestra en la primera imagen y aplica tu estilo a partir del panel Estilos de Gráficos.
Ve a la Herramienta Selección Directa (A), selecciona los puntos de ancla superior y ve a Objeto > Trazado > Promedio. Marca la casilla Ambos y da clic en OK. Esto debe hacer tu rectángulo en un solo triángulo, como se muestra en la segunda imagen.
Paso 2
Asegúrate de que tu triangulo aun esté seleccionado y ve a Objeto > Transformar > Reflejar. Marca la casilla Horizontal y da clic en Copiar.
Paso 3
Selecciona el triangulo volteado añadido en el paso anterior y arrástralo 14 px hacia arriba, como se muestra en la primera imagen. Mantén presionada la tecla Mayus para limitar el movimiento en una dirección vertical.
Selecciona la forma de triangulo inferior, añade una copia en frente (Control-C > Control-F) y tráelo al frente (Mayus-Control-]).
Paso 4
Selecciona la copia del triangulo añadido en el paso anterior, con el triangulo superior, y da clic en el botón Menos Frente a partir del panel Buscatrazos.
Paso 5
Asegúrate de que la forma añadida en el paso anterior aun esté seleccionada y toma la Herramienta Selección Directa (A). Selecciona el punto de ancla resaltado en la siguiente imagen y presiona la tecla Suprimir.
Paso 6
Toma la Herramienta Selección de Trazado (A), selecciona el trazado indicado en la primera imagen y presiona Suprimir.
Paso 7
Toma la Herramienta Rectángulo (M) y crea una forma de 66 x 40 px. Colócala como se muestra en la primera imagen, aplica tu estilo a partir del panel Estilos de Gráfico y luego ve a Objeto > Trazado > Añadir Puntos de Ancla.
Paso 8
Mantente enfocado sobre el rectángulo hecho en el paso anterior y toma la Herramienta Selección Directa (A). Selecciona tu punto de ancla resaltado en la primera imagen y arrástralo 26 px hacia arriba, como se muestra en la imagen siguiente.
5. ¿Cómo Crear el Icono Web de Negocios?
Paso 1
Enfócate sobre el siguiente cuadrado rojo.
Toma la Herramienta Elipse (L) y crea un círculo de 66 px. Colócalo somo se muestra en la primera imagen y aplica tu estilo a partir del panel Estilos de Gráfico.
Paso 2
Toma la Herramienta Elipse (L) y crea una forma de 30 x 66 px. Colócala como se muestra debajo y aplica tu estilo del panel Estilos de Gráfico.
Paso 3
Toma la Herramienta Elipse (L) y crea una forma de 86 x 66 px. Colócala como se muestra en la primera imagen (X:511 Y:90) y aplica tu estilo desde el panel Estilos de Gráfico.
Selecciona el círculo de 66 px y añade una copia en frente (Control-C > Control-F). Selecciona esta copia con las formas de ovalo y da clic en el botón Crear Intersección en el panel Buscatrazos.
Paso 4
Escoge la Herramienta Elipse (L) y crea otra forma de 88 x 66 px. Colócala como se muestra en la primera imagen (X:511 Y:182) y aplica tu estilo desde el panel Estilos de Gráfico.
Selecciona el círculo de 66 px y añade una copia en frente (Control-C > Control-F). Selecciona esta nueva copia con la forma de ovalo y da clic en el botón Crear Intersección desde el panel Buscatrazos.
6. ¿Cómo Crear el Icono de Teléfono?
Paso 1
Enfócate el siguiente cuadrado rojo.
Toma la Herramienta Pluma (P) y crea un trazado en curva como se muestra en la siguiente imagen. Usa la cuadricula en la parte de atrás como una referencia. Una vez hecho, aplica el estilo a partir del panel Estilos de Gráfico.
Paso 2
Selecciona tu trazado en curva y ve a Objeto > Transformar > Mover. Pon la posición Horizontal a 9 px y la posición Vertical a - 8 px y luego da clic en el botón Copiar.
Paso 3
Selecciona ambos trazados de curva y presiona Control-J (Objeto > Trazado > Unificar) dos veces para unir tus trazados en curva y hacerlos en una sola forma.
Paso 4
Toma la Herramienta Elipse (L) y crea un círculo de 26 px. Colócalo como se muestra en la primera imagen y aplica tu estilo a partir del panel Estilos de Gráfico. Haz una copia de esta nueva forma y colócala como se muestra en la segunda imagen.
Paso 5
Selecciona las tres formas resaltadas en la primera imagen y da clic en el botón Unificar del Buscatrazos.
7. ¿Cómo Crear la Carta de Iconos Final?
Paso 1
Selecciona los dos trazados que componen tu icono de casa y ve a Objeto > Trazado > Contornear Trazo. Asegúrate de que las formas resultantes estén seleccionadas y hazlas en un trazado compuesto (Control-8 u Objeto > Trazado Compuesto > Crear).
Paso 2
Selecciona las formas que componen el icono de correo electrónico y ve a Objeto > Trazado > Contornear Trazado. Selecciona las formas resultantes y da clic en el botón Unificar a partir del panel Buscatrazos.
Paso 3
Selecciona las formas que componen el icono Web y ve a Objeto > Trazado > Contornear Trazado. Selecciona las formas resultantes y da clic en el botón Unificar a partir del panel Buscatrazos.
Paso 4
Selecciona la forma que componen el icono del teléfono y ve a Objeto > Trazado > Contornear Trazo.
Paso 5
Ve al panel Capas, desbloquea los cuadrados rojos y bórralos.
Paso 6
Finalmente puedes soltar los iconos en tu diseño de carta de negocio. Siempre puedes usar un mockup para una mejor presentación de tu diseño de carta de negocio.
¡Felicidades! ¡Terminaste!
Aquí es cómo tus iconos de carta de negocio deben verse. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No tengas dudas en compartir tu resultado final en la sección de comentarios de abajo.
Siéntete libre de ajustar el diseño final y hacer el tuyo propio. Puedes encontrar grandes recursos de inspiración en GraphicRiver, con soluciones interesante para mejorar tu diseño.
Cartas de Negocio15 Plantillas de Cartas de Negocio Creativas—Con Diseños Únicos
Cartas de Negocio¿Cómo Crear una Gran Carta de Negocio en 10 Pasos en Adobe InDesign?
Cartas de Negocio¿Cómo Crear una Carta de Negocio Moderna Usando Adobe Photoshop?
Cartas de NegocioLa Guía Definitiva a Tamaños de Carta de Negocio Estándar
By
