Creación de un logotipo 3D retro con la regla de perspectiva
¡Hola! Mi nombre es Liz Staley y soy usuaria de Clip Studio Paint desde hace mucho tiempo (¡comencé a usar el programa cuando se conocía como Manga Studio 4!). Fui probador beta del programa Manga Studio 5 y de Clip Studio Paint, y he escrito tres libros y varios cursos en video sobre el programa. Muchos de ustedes probablemente conocen mi nombre de esos libros, de hecho. Escribo publicaciones semanales en Graphixly.com y en CSP Tips, ¡así que asegúrese de volver cada semana para obtener más consejos y trucos de Clip Studio!
Hay toneladas de tutoriales para las reglas de perspectiva de CSP (¡que probablemente sea mi característica favorita de Clip Studio!), Pero la mayoría de ellos muestran cómo dibujar edificios y paisajes urbanos. Pero las reglas de perspectiva pueden ayudar con mucho más que solo fondos y entornos. En este artículo combinaremos funciones de texto, reglas de perspectiva y dibujo y pintura para crear un logotipo con un aspecto 3D y retro.
En este artículo cubriremos los siguientes temas:
Hacer el texto del logotipo
Crear perspectiva
¡Vamos a sumergirnos!
Hacer el texto del logotipo
Para comenzar este proyecto, primero necesitaba encontrar una fuente que tuviera el aspecto que quería para mi texto. Sabía que quería crear un logotipo "retro", así que, después de decidir las palabras de mi logotipo (que provino de un generador de palabras aleatorias para los fines de este tutorial), me dirigí a mi sitio web favorito de fuentes gratuitas. Después de descargar algunos candidatos que pensé que podrían funcionar para el texto, instalé las fuentes en mi computadora y me dirigí a Clip Studio Paint.
Si no está seguro de cómo instalar las fuentes, puede buscar en Internet las instrucciones para su sistema operativo. Cada uno es diferente, por lo que sería imposible para mí cubrir las instrucciones para cada sistema operativo en este artículo.
Cree un nuevo lienzo en Clip Studio Paint, luego use la herramienta de texto para agregar las palabras que desea convertir en un logotipo 3D en el lienzo. Obtuve las palabras "Burbuja dinámica" de un generador de palabras aleatorias y pensé que eran un lindo nombre falso para algo, así que eso es lo que usaré para este ejemplo.
Resalte las palabras y luego, en la ventana de propiedades de la herramienta, ubique el menú desplegable Fuente. Aquí es donde podemos cambiar el tipo de letra a uno de los diseños instalados en nuestra computadora.
De forma predeterminada, la lista Fuente muestra el nombre de cada fuente en el estilo de esa fuente. Encuentra la fuente que te gusta y selecciónala para cambiar las palabras resaltadas a esa fuente.
Me gusta esta fuente para mi texto, pero no estoy satisfecho con algunas de las proporciones y el espacio entre las letras y las líneas. Pero está bien, ¡podemos solucionar todos esos problemas!
En la esquina inferior derecha de la ventana de propiedades de la herramienta para la herramienta de texto, haga clic en el icono que parece una pequeña llave inglesa. Esto abrirá la ventana Detalle de la subherramienta, que muestra todas las opciones para la subherramienta actual. (La ventana de propiedades de la herramienta, por defecto, solo muestra las opciones más comunes)
En el lado izquierdo de la ventana Detalle de la subherramienta, haga clic en la categoría Espaciado/alineación de línea. Luego ubique el control deslizante de espacio entre líneas. Este control deslizante permite aumentar o disminuir el espacio entre las líneas de texto seleccionadas haciendo clic y arrastrando el control deslizante o usando las flechas hacia arriba y hacia abajo a la derecha del control deslizante.
Hice el espacio entre mis dos líneas de texto más pequeño para acercar las palabras.
También noté que en esta fuente, algunas de las letras se tocan mientras que otras tienen mucho espacio entre ellas (principalmente la "bb" en "Bubble"), así que quiero arreglar eso también acercando las letras.
Para cambiar el espacio entre las letras, haga clic en la categoría Fuente en el lado izquierdo de la ventana Detalle de la subherramienta, luego ubique el control deslizante Espaciado entre caracteres. Esto funciona de la misma manera que el control deslizante de espacio de línea que usamos hace un momento. En el siguiente ejemplo, he acercado el espaciado de todos los caracteres.
Sin embargo, todavía no estaba contento con todo el espacio. Al resaltar solo caracteres específicos, puede restringir el control deslizante Espaciado entre caracteres para ajustar solo esos caracteres. Por ejemplo, en la captura de pantalla a continuación, resalté el "Bu" y ajusté el espacio para que estén un poco más separados nuevamente.
Después de ajustar el espacio entre algunas de las otras letras, esto fue lo que terminé con mi "logotipo" final.
¡Ahora que tenemos nuestro texto, podemos trabajar para que se vean como si fueran 3D!
Crear perspectiva
Comencemos a hacer el efecto 3D ahora. Antes de comenzar, hice una copia de mi capa de texto original y escondí la capa original. Estaré trabajando con las capas de copia, preservando el original en caso de que algo suceda y necesite volver al original.
En la siguiente captura de pantalla, la paleta Capas muestra la capa de texto original debajo de una capa de copia. La capa de texto original está oculta. También rastericé la capa de copia, pero esto es opcional.
Haga que el texto tenga el tamaño que desee y colóquelo en su lienzo donde le gustaría que estuviera. Quería hacer que el efecto 3D viniera desde abajo y subiera hacia la izquierda, así que coloqué mi texto en la parte superior izquierda de mi lienzo.
Ahora necesitaremos configurar una regla de perspectiva. Esta subherramienta se puede encontrar en la herramienta Regla. Usaremos la regla de perspectiva para ayudarnos a dibujar las líneas de nuestras letras 3D. Verifique para asegurarse de que el menú desplegable Proceso en la ventana Propiedades de la herramienta esté configurado en "Agregar punto de fuga". Luego, elija un lugar en una de sus letras desde el que desee dibujar una guía. Haga clic en ese lugar y arrastre para crear una guía. En la captura de pantalla a continuación, seleccioné el punto al final de la "c" como mi primera guía porque es el punto más a la derecha en mi texto.
Para tener un punto de fuga necesitamos agregar al menos una guía más. Elegí un punto en el lado izquierdo de la "B", luego hice clic y arrastré para crear una línea que se cruza con la primera línea. La intersección es el punto de fuga de nuestra regla de perspectiva.
Una vez que se colocan dos guías y se crea un punto de fuga, Clip Studio Paint también creará una línea de horizonte y una línea vertical como parte de la regla de perspectiva. Estas líneas son muy útiles en otras aplicaciones de esta herramienta de regla, pero hoy no nos preocuparemos por ellas. Puede ver la línea del horizonte que se ha agregado en la siguiente captura de pantalla.
Si desea que todas las líneas converjan en un punto singular lejano, puede comenzar a dibujar líneas que regresen al punto de fuga ahora. Sin embargo, quiero que el logotipo solo retroceda un poco y luego se detenga, por lo que se necesita un poco más de preparación.
Primero, puse varias guías más en puntos clave a lo largo de las palabras para poder asegurarme de que todo permaneciera alineado en el siguiente paso. Trabajaremos con varias capas diferentes, por lo que siempre es útil verificar y asegurarse de que la regla de perspectiva esté configurada en "Mostrar en todas las capas". Esto se puede hacer haciendo que la capa sea la regla en la capa activa, luego haciendo clic en el ícono Establecer rango de regla en la paleta de capas, luego haciendo clic en "Mostrar en todas las capas".
A continuación, haga una segunda copia de la capa de texto. Usaremos esto como referencia para la "parte posterior" de las letras (también conocido como el borde que está más alejado del espectador). Si su texto se compone de líneas rectas, puede omitir este paso, pero dado que mi fuente tiene muchas curvas, quería asegurarme de que las letras se vieran correctamente.
Ahora, usando las guías y la función Escalar/Rotar, mueva una copia del texto para que esté más cerca del punto de fuga de la regla. Deberá cambiar la escala de la copia de texto para que los puntos en la copia coincidan con las guías para los mismos puntos en la regla. En la captura de pantalla a continuación, tenga en cuenta que la copia (en burdeos) se ha reducido y movido para que encaje dentro de las guías de la regla, todas tocan los mismos lugares tanto en la capa original como en la copia.
A continuación, cree una capa entre las copias superior e inferior del texto. Esta es la capa en la que dibujaremos nuestras líneas de perspectiva.
Con la herramienta de dibujo de su elección, comience a dibujar las líneas de los bordes de sus letras. Encontré que era más fácil comenzar con la palabra de abajo primero para no confundirme, ya que las líneas de las letras de arriba no se verán donde las letras de abajo las cubren.
Sea minucioso en este paso, asegurándose de verificar si hay bordes que pueda haber pasado por alto. Por ejemplo, en la captura de pantalla a continuación, falta el borde superior derecho de la B, ¡un error que no detecté hasta la fase de coloreado de esta creación! Pero está bien, simplemente volví a la capa de líneas y la agregué una vez que la noté.
Los bordes redondeados de las letras se hicieron aumentando la Estabilización en mi herramienta de dibujo y luego trazando cuidadosamente los bordes de las letras en la capa de copia para llenar el espacio entre cada una de las líneas de perspectiva.
Con las líneas completas, escondí la capa de texto de copia. Luego, usando capas adicionales, agregué color y sombreado al logo 3D. Para un toque final de aspecto "retro", utilicé Retro Tone by CSP User puddingness para agregar una textura ligera y obtener el aspecto de un elemento impreso antiguo. (Puede obtener ese mismo tono aquí: https://assets.clip-studio.com/en-us/detail?id=1926070)
¡Y nuestro "logotipo 3D retro" está completo!
Conclusión
Esto no es lo normal en lo que probablemente piensas cuando piensas en la Regla de perspectiva de CSP, pero espero que si no lo es, esto te haya mostrado una forma diferente de usar esta herramienta increíblemente poderosa. ¡Con un poco de planificación e ingenio, puedes crear todo tipo de cosas con la regla de perspectiva!
Para obtener más información sobre CLIP Studio Paint, visite https://www.clipstudio.net/en o https://graphixly.com
Comentario