Illustrator Tutorial | Tipografía Estilo Retro

Referencia: https://www.youtube.com/watch?v=7R29Emrn_C4

1. Abre Adobe Illustrator:

Inicia Adobe Illustrator desde tu computadora.

2.Ve a Archivo > Nuevo:

En la barra de menú, haz clic en Archivo y selecciona la opción Nuevo. Esto abrirá la ventana para crear un nuevo documento en Illustrator.

3. Configura el Tamaño del Documento:

En la ventana de Nuevo Documento, asegúrate de que esté seleccionada la opción "Personalizado" para poder especificar las dimensiones.
Ingresa las dimensiones de 1080 píxeles x 1080 píxeles. Esto creará un lienzo cuadrado ideal para publicaciones en Instagram.

4. Elige el Modo de Color:

En el mismo panel de Nuevo Documento, selecciona el modo de color RGB. Este modo es ideal para proyectos digitales y en pantalla.

5. Alta Resolución:

Asegúrate de configurar la resolución del documento en una calidad alta, como 300 píxeles por pulgada (ppi). Esto garantiza una buena calidad de impresión si decides imprimir tu diseño en el futuro.

6. Clic en Crear Documento:

Una vez que hayas configurado todas las opciones según tus necesidades (tamaño, modo de color, resolución), haz clic en el botón Crear Documento para crear el lienzo con las especificaciones definidas.

1. Selecciona la herramienta Texto:

Dirígete al panel de herramientas de Illustrator y selecciona la herramienta Texto. Esta herramienta se representa con un ícono de "T".

2. Haz doble clic en el lienzo:

Una vez que tengas la herramienta Texto seleccionada, haz doble clic en el área del lienzo donde deseas colocar el texto. Se abrirá un cursor de texto parpadeante en ese lugar.

3. Escribe el texto deseado:

Escribe el texto que desees, por ejemplo, "Love". Puedes escribir cualquier texto que sea relevante para tu diseño.

4. Centra el texto horizontal y verticalmente:

Después de escribir el texto, selecciona todo el texto (puedes hacerlo haciendo clic y arrastrando el cursor sobre el texto o usando la combinación de teclas Ctrl/Cmd + A).
Luego, utiliza las opciones de alineación en la parte superior del panel de control de Illustrator para centrar el texto tanto horizontal como verticalmente en el lienzo. Puedes alinear el texto al centro horizontalmente, al centro verticalmente o ambas opciones a la vez.

5. Descarga una fuente de estilo retro:

Para aplicar un estilo retro al texto, necesitarás tener una fuente de estilo retro descargada e instalada en tu sistema.
Puedes encontrar fuentes de estilo retro en varios sitios web de fuentes gratuitas o de pago. Descarga la fuente que desees utilizar y asegúrate de instalarla correctamente en tu computadora.

6. Aplica la fuente al texto:

Con el texto seleccionado, ve al panel de propiedades de texto (puedes acceder a él haciendo doble clic en el texto o seleccionándolo y yendo a Ventana > Texto > Carácter).
En el panel de propiedades de texto, encontrarás la opción de seleccionar la fuente. Busca y selecciona la fuente de estilo retro que has descargado e instalado previamente. El texto se actualizará automáticamente con el nuevo estilo de fuente.

Crear Contornos:

Haz clic derecho en el texto**: Selecciona el texto al que deseas aplicar el efecto de contornos y haz clic derecho sobre él para abrir el menú contextual.
Elige Crear Contornos**: En el menú contextual, busca la opción "Crear Contornos" y selecciónala. Esto convertirá el texto seleccionado en formas vectoriales editables, es decir, cada letra se transformará en un contorno que puedes modificar individualmente.

Paleta de Colores:

Obtén una paleta de colores externa**: Utiliza un programa o sitio web externo para generar una paleta de colores que deseas utilizar en tu diseño. Puedes utilizar herramientas como Adobe Color, Coolors, o cualquier otra herramienta de generación de paletas de colores en línea.
Pégalos en Illustrator**: Una vez que hayas obtenido la paleta de colores, cópiala y pégala directamente en tu documento de Illustrator. Esto te permitirá tener acceso rápido a los colores que deseas utilizar en tu diseño.

Aplicar Degradado:

Selecciona las formas de texto: Después de haber convertido el texto en contornos y haber pegado la paleta de colores, selecciona las formas de texto a las que deseas aplicar el degradado.
Usa la herramienta Degradado: Ve al panel de Degradados en Illustrator y selecciona la herramienta Degradado. Con las formas de texto seleccionadas, aplica el degradado arrastrando el cursor sobre las formas para mezclar los colores de la paleta.

Agregar Borde y Sombra:

1. Duplica la forma de texto**:

Selecciona la forma de texto a la que deseas aplicar el borde y la sombra.
Haz una copia de la forma seleccionada. Puedes hacerlo seleccionando la forma y luego yendo a Edición > Copiar (o utilizando el atajo de teclado Ctrl/Cmd + C) y luego Edición > Pegar (o Ctrl/Cmd + V) para duplicarla.

2. Crea un borde:

Una vez que hayas duplicado la forma de texto, selecciona la copia que acabas de crear.
Ve al menú Edición y elige Pegar Delante (o utiliza el atajo de teclado Ctrl/Cmd + F). Esto pegará la copia de la forma delante de la original.
Cambia el color de relleno de la forma copiada a blanco para crear el efecto de borde.

3. Ajusta el grosor del trazo y la alineación:

Con la forma copiada seleccionada, ve al panel de Propiedades (si no está visible, ve a Ventana > Propiedades para abrirlo).
En el panel de Propiedades, ajusta el grosor del trazo para el borde. Puedes hacerlo ingresando un valor específico en el campo Grosor o utilizando los controles deslizantes.
También puedes ajustar la alineación del borde en relación con la forma original. Por ejemplo, puedes alinear el borde al interior, al centro o al exterior de la forma original según tus preferencias.

4. Crea un efecto de sombra:

Con la forma de texto original seleccionada (no la copia con el borde blanco), ve al menú Efecto > Estilizar > Sombra Paralela.
En la ventana de opciones de Sombra Paralela, ajusta los parámetros según tus preferencias. Puedes configurar la distancia, el ángulo, la opacidad y el color de la sombra para crear el efecto deseado.
Haz clic en Aceptar para aplicar el efecto de sombra a la forma de texto.

Crear Fondo:

1. Crea una nueva capa para el fondo:

Para mantener organizado tu proyecto, es recomendable trabajar en capas separadas. En el panel de Capas (Ventana > Capas), haz clic en el ícono de "+" para crear una nueva capa. Nombra esta capa como "Fondo" para identificarla fácilmente.

2. Dibuja un cuadrado del mismo tamaño que el lienzo:

Selecciona la herramienta Rectángulo en el panel de herramientas (atajo de teclado M).
Haz clic y arrastra en el lienzo para crear un cuadrado que cubra todo el lienzo. Para asegurarte de que tenga el mismo tamaño que el lienzo, puedes hacer lo siguiente:
Haz clic en el lienzo sin arrastrar para abrir el cuadro de diálogo "Crear Rectángulo".
Ingresa las dimensiones del lienzo en los campos de Ancho y Alto. Por ejemplo, si tu lienzo es de 1080x1080 píxeles, ingresa estos valores en el cuadro de diálogo.
Haz clic en OK para crear un cuadrado del mismo tamaño que el lienzo.

3. Alínealo al centro:

Con el cuadrado seleccionado, ve al panel de Alineación (Ventana > Alineación) y selecciona las opciones de alineación horizontal y vertical al centro. Esto colocará el cuadrado exactamente en el centro del lienzo.

4. Aplica un degradado o color sólido al fondo:

Para aplicar un degradado, selecciona el cuadrado del fondo y ve al panel de Degradados (Ventana > Degradados).
En el panel de Degradados, puedes elegir entre diferentes tipos de degradados, como lineales, radiales, etc. Selecciona el tipo de degradado que prefieras.
Haz clic en el punto de inicio del degradado y arrastra hasta el punto final para definir la dirección y extensión del degradado.
Selecciona los colores que deseas utilizar en el degradado arrastrando colores desde la paleta de colores al panel de degradados.
Haz ajustes adicionales como la posición del degradado, opacidad, etc.
Si prefieres aplicar un color sólido en lugar de un degradado, selecciona el cuadrado del fondo y elige un color de la paleta de colores en el panel de Propiedades.

Agregar Textura:

1. Importa una imagen de textura a Illustrator:

Abre Adobe Illustrator y ve a Archivo > Colocar (o utiliza el atajo de teclado Ctrl/Cmd + Shift + P) para importar la imagen de textura que deseas utilizar en tu diseño. Selecciona la imagen desde tu computadora y haz clic en "Colocar".

2. Pega la textura en una nueva capa y ajusta su tamaño y posición:

Después de colocar la imagen de textura, se creará automáticamente una capa nueva en el panel de Capas con la imagen importada. Si no ves la capa, ve a Ventana > Capas para mostrar el panel de Capas.
Selecciona la imagen de textura y corta (Ctrl/Cmd + X) o copia (Ctrl/Cmd + C) la imagen.
Crea una nueva capa en el panel de Capas haciendo clic en el ícono "+" y nómbrala según la textura que vas a pegar.
Haz clic en la nueva capa creada y pega la textura (Ctrl/Cmd + V) para colocarla en esta nueva capa.

3. Ajusta el tamaño y la posición de la textura:

Con la textura seleccionada, puedes ajustar su tamaño arrastrando las esquinas mientras mantienes presionada la tecla Shift para mantener la proporción.
Para mover la textura, simplemente haz clic y arrastra dentro de la misma capa.

4. Usa el panel de Transparencia para cambiar el modo de fusión:

Selecciona la textura en la capa correspondiente.
Ve a Ventana > Transparencia para abrir el panel de Transparencia.
En el panel de Transparencia, verás la opción de Modo de Fusión. Haz clic en el menú desplegable junto al modo de fusión y selecciona el efecto que deseas aplicar a la textura, como Multiplicar, Superponer, Trama, etc. Estos modos de fusión cambiarán la forma en que la textura interactúa con los elementos debajo de ella, creando efectos de desgaste, superposición, sombras, etc.

Exportar:

1. Finaliza tu diseño:

Antes de exportar, asegúrate de haber completado y revisado tu diseño en Adobe Illustrator. Verifica que todos los elementos estén en su lugar y que estés satisfecho con el resultado final.

2. Ve a Archivo > Exportar > Exportar para Web (Legacy):

Una vez que estés listo para exportar, ve al menú Archivo en la barra de herramientas de Illustrator.
Selecciona la opción "Exportar" y luego elige "Exportar para Web (Legacy)" en el menú desplegable. Esta opción te permite optimizar tu diseño para la web mientras conserva la calidad visual.

3. Configura el formato y las opciones de exportación:

En la ventana de Exportar para Web, verás varias opciones para configurar tu exportación.
En el menú desplegable de Formato, elige "PNG-24" para garantizar una alta calidad de imagen. El formato PNG-24 es ideal para conservar detalles y transparencias en tu diseño.
Ajusta otras opciones según tus necesidades, como la calidad de la imagen, la resolución, el tamaño de archivo, etc. Puedes utilizar las vistas previas para asegurarte de que el resultado sea el deseado.

4. Guarda el archivo exportado:

Después de configurar todas las opciones de exportación, haz clic en el botón "Guardar" para guardar el archivo exportado en tu computadora.
Se abrirá una ventana de diálogo donde podrás elegir la ubicación y el nombre del archivo exportado. Asegúrate de asignar un nombre significativo y seleccionar la carpeta de destino adecuada.

Al seguir estos pasos, habrás exportado tu diseño en Adobe Illustrator en formato PNG-24, garantizando una alta calidad de imagen que es ideal para su uso en la web. Este archivo exportado estará listo para ser utilizado en tus proyectos en línea o para compartirlo en redes sociales y otros medios digitales.