Texto Retro en Illustrator (Vintage) | Tutorial Diseño Gráfico

Texto Retro en Illustrator (Vintage) | Tutorial Diseño Gráfico

en este vídeo estaremos creando un efecto con estilo retro totalmente evitable en adobe illustrator te recomiendo seguir los pasos hasta el final del vídeo porque una vez aprendido será muy fácil si este vídeo de esta utilidad te invito a suscribirte y dejar un comentario para tenerlo en cuenta y seguir subiendo más contenido además si no conoces gráfica tips puntocom es un sitio web donde estoy subiendo más tutoriales y recursos para diseñadores gráficos te dejaré el enlace en el primer comentario para comenzar debemos tener en cuenta que estamos trabajando en una mesa de trabajo de 1920 x 1080 píxeles y un modo de color de rgb estaremos trabajando con la paleta de colores que te dejaré también en el primer comentario activamos la ventana capas y le cambiaremos el nombre a esta capa seguido a eso crearemos una más para utilizarlo como fondo para nuestro texto con la capa fondo activada seleccionamos la herramienta rectángulo y crearemos uno en toda la mesa de trabajo activamos la herramienta cuentagotas y tomaremos una muestra del primer color volvemos a la ventana capaz para bloquearla y crear una nueva a esta nueva capa la llamaremos texto es aquí donde crearemos el efecto ahora activaremos la herramienta texto y crearemos uno en el centro de la mesa de trabajo en este caso estaremos trabajando con la fuente tipográfica cornerstone jf me pareció muy buena opción para este ejemplo le pondremos 200 puntos de tamaño y lo acomodamos mejor en el centro esta fuente tipográfica nos permite alterar algunos caracteres para estilizar nuestros textos por ejemplo si seleccionamos la primera letra en este caso la l mayúscula nos aparece una opción probaremos activando la ahora la letra l se transforma en una con una cola más larga esto nos viene bien para aportarle el estilo retro que buscamos también podremos encontrar más alternativas en otros caracteres pero por ahora lo dejaremos así ahora seleccionamos y desactivaremos el relleno seleccionando lo y haciendo clic aquí vamos a ventana apariencia y es aquí donde le añadiremos los bordes y rellenos crearemos un relleno nuevo y con la herramienta cuentagotas tomaremos este color ahora empezaremos a crear los bordes o trazos activamos uno y presionando shift tomaremos este tono azul [Música] le aumentamos en los bordes a unos 35 puntos aproximadamente y lo arrastramos hacia abajo para que se posicione detrás del relleno con la capa trazo activada hacemos clic en el icono de efecto seleccionamos distorsionar y transformar y click en transformar activamos la casilla de previsualización para ver los cambios en tiempo real y aumentaremos las copias a 10 o 15 en este caso lo dejaremos en 15 y en la sección mover le pondremos un píxel a cada casilla esto afectará como puedes ver a la orientación de la sombra que estaremos generando y lo regresamos a un píxel y le damos clic en ok ahora crearemos otro trazo más con los mismos pasos que acabamos de hacer con el otro clic en trazo copiamos el color y esta vez será otro tono rojizo y con este trazo seleccionado haremos clic en efecto y continuamos con los pasos de la anterior con la diferencia que el número de copias lo aumentaremos en 15 arrastramos el trazo hacia abajo del que creamos antes y continuamos creando más trazos una alternativa sería copiar los trazos ya creados y solo modificarlos de esta manera arrastramos un trazo hacia abajo presionando alt u opción en mac y le cambiaremos el color presionando shift vemos que este trazo ya tiene un efecto de transformar creado así que sólo lo editaremos le cambiaremos el número aumentando le 15 y listo ahora tan sólo nos queda crear el último haremos el mismo proceso más rápido [Música] ahora le daremos un toque de relieve a nuestro texto principal para esto tendremos que copiar el código de nuestro último color y visualizamos el color para poder copiarlo [Música] seleccionamos nuestro texto activamos apariencia y seleccionando relleno le daremos un efecto de sombra paralela dentro de estilizar lo configuramos como vemos en pantalla en modo lo cambiaremos a normal en opacidad le daremos 100% en desplazamiento lo dejaremos en 2 píxeles en cada casilla es desenfocar le pondremos 0 píxeles y para el color le pegaremos el color que copiamos anteriormente en este caso ya estaba puesto pre visualizamos para confirmar que estamos de acuerdo de cómo se ve y le daremos ok con esto prácticamente ya tenemos listo nuestro efecto retro lo siguiente que haremos es distorsionar un poco el texto lo seleccionamos clic en objeto transformar y clic en distorsionar activamos el eje vertical y le cambiamos el ángulo para encontrar uno que nos guste una vez listo le damos ok esto le dará un poco más de dinamismo otra cosa adicional que sugiero alterar es la primera letra para hacerlo más llamativo cambiemos su valor de 200 a 300 puntos y listo se ve mucho mejor podremos también modificarlo en dos líneas borramos el espacio en blanco y presionamos enter para hacer un salto de línea empujaremos el texto de la segunda línea y le cambiamos la primera letra en este caso le pondremos la o mayúscula para probar seleccionamos nuestro texto para alterar el interlineado mientras vamos probando con diferentes valores [Música] ah una vez tengamos todo listo le daremos un efecto adicional que será de gran aporte para el estilo retro nos vamos a ventana transparencia [Música] y le damos clic en crear máscara seleccionamos el cuadro de máscara y desactivaremos la casilla recortar con el cuadro de máscara activado le damos clic en archivo colocar ahora importamos un png con un efecto de desgaste lo arrastramos en todo nuestro texto y listo lo acomodamos a nuestra preferencia y de ser necesario podremos bajarle la transparencia al desgaste seleccionando lo y reduciendo la opacidad ahora te muestro unos ejemplos aplicándolo por ejemplo en un estampado de ropa [Música] si este vídeo te esté utilidad te invito a suscribirte y dejar un comentario para tenerlo en cuenta y seguir subiendo más contenido además si no conoces gráfica tips puntocom es un sitio web donde estoy subiendo más tutoriales y recursos para diseñadores gráficos te dejaré el enlace en el primer comentario [Música] hola [Música] [Música]

Noticias relacionadas