Presentación
¡Hola a todos! Gracias por estar aquí una vez más (⌒‿⌒). En esta ocasión les comparto el proceso que sigo para diseñar un alfabeto. Ideal para decorar postales, tarjetas, ilustraciones y mucho más sin recurrir a fuentes externas, además de algunos ejemplos de estilización de texto. Sin más preámbulos…
¡¡Comencemos!! (o･ω･o)
1. Diseño del alfabeto
En internet podemos encontrar un sin fin de tipografías para descargar con diferentes diseños que le pueden brindar personalidad a nuestros trabajos, pero hay ocasiones en la que no encontramos lo que deseamos o simplemente queremos que la tipografía a usar tenga nuestro propio toque personal. En estos caso lo mejor es crear nuestros propios diseños tipográficos. Veamos qué herramientas podemos emplear para facilitar su creación.
✦ Lienzo y cuadrícula
Lienzo: Simplemente, cree un lienzo en blanco con unas dimensiones de 2500 x 2000 px y con una resolución de 300 ppp.
Los ppp son la cantidad de información que tiene el lienzo, mientras mayor información tenga, más nítida será la impresión
- CUADRÍCULA -
Para conseguir mayor precisión al alinear los elementos y disponerlos podemos activar la cuadrícula. Para activarla hay que ir a: Ver > Cuadrícula.
Para modificar los ajustes tendremos que ir a la misma ruta, pero ahora hay que elegir la opción: Ajustes de regla/ cuadrícula. Aquí marcamos la opción «Central» (esto origina los cuadros desde el centro del lienzo) y en Ajustes de cuadrícula marcamos 1.00 en intervalo y 5 en Núm.de divisiones.
Con esto tenemos una cuadrícula de 1 cm x 1 cm por cada cuadro grande.
✦ Plantilla
Para facilitar el diseñar el alfabeto crearé una plantilla para usarla de base, una plantilla que contendrá cada una de las letras. Estas letras deberán estar con una tipografía neutra, para hacerlo usaré la herramienta de texto.
La herramienta «Texto» la podemos encontrar en la paleta de herramientas (icono con la letra «A») o usando el atajo de teclado «T». Una vez activa la herramienta, solo hay que dar clic en alguna parte del lienzo para comenzar a escribir. Además, el cuadro de texto se puede mover haciendo clic en el borde le la línea, rotar usando el punto de control en la parte superior y finalmente usando los manejadores del cuadro cambiaremos el tamaño del texto.
Atajo: Con SHIFT se mantiene la proporción.
Si deseas conocer cada una de las configuraciones de la herramienta texto, te invito a visitar el siguiente tutorial donde abordo el tema:
En la ventana «Propiedad de herramienta» encontraremos todas las configuraciones.
Lo siguiente es comenzar a colocar cada una de las letras del alfabeto; para ello sigo las siguientes pautas:
➀ Todas las letras deben tener el mismo tamaño.
➁ Hay que mantener un espacio considerable entre una y otra.
➂ Alinearlas para mantener un orden y limpieza.
Alinear y disponer: Si se nos dificulta alinear las letras siguiendo únicamente la cuadricula, siempre podemos recurrir a la herramienta «Alinear y disponer». Usarla es muy simple; si tenemos los elementos que queremos alinear en capas diferentes lo que hay que hacer es seleccionar las capas a alinear, después nos dirigirnos a la ventana de la herramienta y establecemos la «Posición base para la alineación» en «Guía» y, finalmente, usamos las opciones de alineación en la dirección que necesitemos.
Esta es una herramienta muy útil en trabajos de precisión, si quieres saber al completo sobre su uso te invito a leer este tutorial oficial:
El siguiente paso es agrupar todas las letras que tengamos en capas individuales en una sola. Para ello hay que usar la función «Fusionar con capa inferior» o seleccionando todas las capas a agrupar y manteniendo presionada una de las mismas (en el caso de la versión para tabletas, para los ordenadores es con clic derecho), al hacerlo aparecerá un menú flotante en el cual hay que elegir la opción «Combinar capas seleccionadas».
Por último, a la capa combinada hay que bajarle la opacidad tanto como nos apetezca.
✦ Boceto
El lenguaje de la tipografía ayudará a transmitir correctamente los mensajes deseados; es por esto que es importante pensar en que se quiere trasmitir, para así plasmar el mensaje con la fuente correcta. Al personalizar nuestra tipografía debemos tener en cuenta que tipo de personalidad queremos que transmitan los caracteres.
- LENGUAJE DE LAS FORMAS -
Conocer un poco del lenguaje de las formas ayuda a transmitir mensajes más precisos; veamos. Existen tres formas básicas que debemos tener en cuenta:
➀ El círculo: Los caracteres que contengan círculos suelen transmitir las sensaciones de amabilidad, inofensivo, confiable y más sentimientos positivos.
➁ Los cuadrados: Los cuadrados son característicos de elementos que transmiten fortaleza, confianza, apoyo y sentimientos de estabilidad.
➂ Los triángulos: Los triángulos, por otro lado, transmiten peligro, picardía, inestabilidad, agresividad.
Una vez que conocemos los fundamentos hay que aplicarlos transformando las letras base con formas simples en unas con formas más complejas. Podemos crear letras con formas agudas como en los grafitis en su estilo salvaje, rechonchas como las de las nubes, con florituras, o con una base simple, pero complementada con elementos extras como mariposas, flores, estrellas, entre otros; e incluso una combinación de varios elementos.
En una capa por encima pinté el boceto de cada letra con un pincel de lápiz. Es aconsejable al momento de diseñar un alfabeto mantener un hilo argumental; con esto me refiero a mantener una misma estética (ya sea un argumento de forma o color) para todos los caracteres.
✦ Lineart - Vectores
Lo siguiente será comenzar a limpiar la línea del boceto, para ello, lo primero es:
➀ Desactivar la capa de la plantilla.
➁ Bajar la opacidad de la capa del boceto.
➂ Ordenar todo por carpetas y capas. Si quieres un mayor orden puedes crear una carpeta por letra, aunque me parece un poco innecesario.
- CAPAS VECTORIALES -
Iniciaré posicionándome en la carpeta y dentro de ella crearé una capa vectorial. Para crear una capa vectorial hay que dar clic en el segundo icono de capas en la ventana «Capa».
Ahora, con la herramienta «Curva» y «Línea» comenzaré a hacer el delineado de la figura. Me gustan estas herramientas, ya que me permiten hacer curvas y líneas rectas en un par de clics. Las herramientas línea y curva se encuentran dentro de las subherramientas de figura.
Para usar la herramienta curva hay que establecer el punto de origen, posteriormente arrastrar sin soltar a la siguiente posición y soltar, al hacerlo se mostrara la línea guía capa crear la curva, elegimos el ángulo ideal y listo.
Aconsejo establecer la «Suavidad» en «Débil» para así tener trazos nítidos.
La ventaja de usar las capas vectoriales es su fácil manejo de la línea. Con la subherramienta «Corrección de línea» podemos modificar las líneas de las capas vectoriales. Para llegar a estos ajustes nos dirigiremos al icono con una flecha apuntando a un nodo en la paleta de herramientas.
Entre todas las subherramientas que contiene, pienso que las más importantes son:
1. Punto de control: Al seleccionar esta herramienta podremos ver en la ventana «Propiedad de herramienta» una serie de opciones para modificar los puntos de control. Y, entre ellos, los más significativos son: Mover, añadir y eliminas punto de control.
2. Modificar ancho de línea: Aumenta y reduce el grosor de la línea. Cada uno de estos ajustes cuentan con una barra de porcentaje con el que podremos medir la cantidad de cambio de las líneas.
- Borrador: Al tener el borrador vectorial contamos con la ventaja de no ser tan precisos al dibujar las líneas, es decir, dejar líneas más largas del borde y después borrarlas de manera rápida, así podemos borrar hasta la línea más pequeña para tener un trabajo limpio. En la ventana «Propiedades de herramienta» del borrador vectorial encontraremos tres funciones:
① Borrador estándar: Esta función convierte al borrador vectorial como si fuera una goma normal.
② Borrar hasta intersección: Este, por otro lado, borra la línea que toca hasta la intercesión con otra línea. Esta es la función más interesante de las tres.
③ Borrar línea completa: Con esta función podemos borrar una línea completa, aunque en ella haya otras líneas interpuestas.
Si deseas saber un poco más sobre las maravillas de las capas vectoriales, te invito a visitar este tutorial que hice hace algún tiempo:
Yo decidí delinear cada una de ellas en una misma capa. Una vez todo limpio hay que pasar a la siguiente fase.
✦ Colores neón
Para el color de la tipografía usaré colores saturados y eso es lo que explicaré a continuación. Obtener colores neón es simple; lo primero es elegir tonos que se encuentren en el cuadrante superior derecho. Los colores en esta zona son muy saturados, por lo que son ideales.
Para las sombras hay que desplazarnos diagonalmente lo más alejado del gris, pero no siempre debe ser desde el mismo tono, sino que, también podemos desplazarnos a otros tonos colindantes.
Para las luces hay que movernos al cuadrante superior izquierdo, pero sin tocar el blanco puro.
Por otro lado, para saber como combinar diferentes tipos de tonos podemos recurrir a las armonías de color, hay diferentes esquemas, pero en este caso emplee un esquema análogo.
- ANÁLOGOS -
La armonía análoga se forma por la implementación de colores que son cercanos en el círculo cromático. Por su cercanía combinan bien entre ellos. Como el azul, violeta y rosado que se encuentran secuencialmente uno cerca del otro en el círculo cromático.
✦ Color base
Para aplicar el color base fácilmente usaré el bote de pintura, para ello hay que hacer lo siguiente:
➀ Crear una nueva capa por debajo de la capa vectorial.
➁ Establecer la capa de vectores como referencia activando el icono de faro que se encuentra en las funciones de la ventana «Capa».
➂ Seleccionar la herramienta «Bote de pintura» e ir a la ventana «Propiedad de herramienta».
➃ En los ajustes hay que activar la opción «Referencia múltiple» y activar el icono de «Referencia» (1).
➄ Si activamos la opción «Rellenar hasta el trazo del vector» (2) conseguiremos que el color se aplique hasta el centro de la línea del vector, esto es bueno porque reduce los espacios en blanco que pueden quedar al pintar con el bote de pintura.
➅ Por último, «Cerrar intervalo» (3) rellena incluso si hay pequeñas aberturas en la línea del vector.
➆ Ahora hay que posicionarnos en la capa nueva, seleccionar el color y comenzar a pintar con un clic.
✦ Degradado
Un método sencillo para aplicar los degradados en Clip Studio Paint es emplear la herramienta de degradado. Esta herramienta se encuentra en la ventana «Herramientas» (1).
En la ventana «Propiedad de herramienta» nos encontramos con los ajustes del degradado. Para cambiar el color deberemos prestar atención a los nodos que se encuentran debajo de la vista previa.
Con estos nodos podemos:
1. Modular la cantidad de cada color usando las flechas que se encuentran en la zona inferior.
2. Crear nuevos nodos a lo largo de toda la barra dando clic en cualquier parte a lo largo de la línea inferior (donde se encuentran las flechas de movilidad).
3. Borrar nodos. Para borrar alguna sección del desplegar hay que que desplegar el menú del degradado (símbolo “+”) y elegir la opción: Ajustes avanzados > Elegir el nodo > Eliminar.
Para cambiar los colores del degradado hay que:
➀ Primero debemos elegir el color desde el círculo cromático.
➁ Después, hay que dar clic en los nodos como se aprecia en el siguiente GIF. Así con cada uno.
En la ventana «Subherramienta» encontramos una serie de degradados predeterminados. Pero, para crear uno propio deberemos hacer lo siguiente:
➀ Hay que elegir un degradado predeterminado, en mi caso elegí «Cielo azul».
➁ Después, hay que dar clic en el icono de «Duplicar subherramienta» en la zona inferior de la ventana o en el menú flotante al mantener presionado el degradado a duplicar.
El degradado lo podemos aplicar en cualquier ángulo. En mi caso, para aplicar el degradado cree una capa nueva por encima del color base a la cual ajuste con la opción «Ajustar a capa inferior» (primer icono de las funciones de capa, símbolo de dos cuadros superpuestos). Con la herramienta de selección «Lazo», seleccione una única letra y aplique el degradado; de no hacerlo así el degradado se aplicaría en toda la capa.
✦ Sombra/ 3D
Para crear un efecto de sombra o de 3D hay que hacer lo siguiente:
➀ Duplicar la carpeta que contiene todas las capas correspondientes a las letras, para ello hay que mantenerla presionada y en el menú emergente elegir la opción «Duplicar capa».
➁ Ahora, seleccionamos la carpeta duplicada y abrimos una vez más el menú emergente, pero en esta ocasión hay que elegir la opción «Combinar capas seleccionadas».
➂ Seleccionaremos la capa que se creara y nos dirigiremos a la siguiente ruta: Edición > Corrección tonal > Tono/ Saturación / Luminosidad.
➃ Cuando se abra la ventana de «Tono/ Saturación / Luminosidad» hay que dirigirse a la barra de luminosidad y bajarla por completo (-100). Esto convertirá las letras al negro.
➄ Ahora, hay que colocar esta capa por debajo de la carpeta o por debajo de las capas creadas dentro de la carpeta.
➅ Con la herramienta de transformar moveremos la capa desplazándola ligeramente a la dirección deseada.
La herramienta de transformar se puede encontrar en el acceso directo que se está en el menú superior para la versión de tabletas como es mi caso, o en la siguiente ruta: Editar > Transformar. Su atajo de teclado es «CTRL más T».
➆ Por último, hay que conectar el vértice de la letra con el de su sombra y rellenar los espacios que queden vacíos.
✦ Texturas
Ahora viene lo interesante, para agregar texturas podemos usar recursos que descargados de la librería de Clip Studio ASSETS. Hay muchos recursos que podemos emplear para decorar los caracteres, recursos tales como estrellas, flores, patrones, entre otros.
En mi caso usé los siguientes materiales:
- Cambio de color: Para cambiar el color de las sombras y/o líneas hay que marcar la capa donde se encuentre dicho elemento a modificar con la función «Bloquear pinceles trasparentes» que se encuentra en el panel de funciones de la ventana «Capa». Después, hay que seleccionar la letra con la herramienta «Selección», y finalmente, rellenar con la opción de relleno que trae por definido el menú flotante de selección (icono del bote de pintura).
En una capa por encima del degradado hay que comenzar a implementar el diseño de las letras. En mi caso use el aerógrafo de «Gotitas» para simular manchas y reflejos, dibuje unas líneas dispersas por algunas otras letras, también jugué con la opacidad de las capas y agregue brillos.
Recuerda activar «Ajustar a capa inferior» para no salirte del borde.
Para decorar un poco el borde 3D decidí usar un pincel de patrón diagonal, y por último, con el pincel de estrellas, coloqué algunas por encima de las letras.
Dentro del mundo de los diseños hay muchas variantes que podemos usar, como por ejemplo: texturas, aberraciones cromáticas, imágenes, patrones de punto, entre otros. Si quieres conocer algunas modificaciones que le puedes hacer a una tipografía, te invito a visitar estos tutoriales que realice con antelación:
Aquí algunos ejemplos:
✦ Borde
Para el siguiente paso del diseño aplicaré varios niveles de borde, cada uno con un color diferente.
Para aplicarle un borde de colores a las letras hay que hacer lo siguiente:
➀ Lo primero de todo será crear una copia de la carpeta donde guardamos todas las capas correspondientes de las letras, esto con el fin de mantener una copia de seguridad.
Para la copia, recuerda: Clic sobre la capa y en el menú emergente elegir «Duplicar capa».
➁ Seleccionando la carpeta duplicada, en el menú flotante usaremos la opción «Combinar capas seleccionadas».
Aunque podemos aplicar un borde directamente a una carpeta y por consecuencia los elementos dentro de ella, yo prefiero crear una copia de una sola capa.
➂ Nos dirigiremos a la paleta «Propiedades de la capa», ahí daremos clic en el icono con forma de círculo. De forma predeterminada aparecerá un borde blanco. Moviendo la barra de «Grosor del borde» cambiamos el ancho del mismo.
En «Color de borde» damos clic para cambiar el color desde la ventana emergente de color. Si ya tenemos un color seleccionado solo hay que dar clic en el icono del bote de pintura que se encuentra a un costado de la franja de color.
Una vez creado el primer borde, para el segundo deberemos crear una nueva capa por encima y después, fusionar esta nueva capa con la del primer borde con la opción «Combinar con capa inferior». Con esto logramos que la función de borde vuelva a estar disponible sin perder el borde anterior, ahora solo resta elegir el grosor y color de este segundo nivel de borde.
Podemos repetirlo por cuantos niveles queramos.
2. Guardar
Se me ocurren dos métodos para almacenar los caracteres diseñados, y así usarlos en otros proyectos. Veamos cuáles:
✦ Material de imagen
Los materiales de imagen son un archivo de fácil acceso que se almacena en la carpeta de materiales. Para convertir una ilustración en un material de imagen es muy sencillo, veamos como:
➀ Lo primero y lo más importante es que para mejores resultados, la letra no debe de tener un fondo.
➁ Ahora hay que seleccionar la letra con la herramienta «Selección». Después, iremos a: Edición > Registrar material > Imagen.
➂ Aparecerá una ventana donde pondremos el nombre del material, su ubicación dentro del programa y lo más importante, hay que marcar la casilla «Después de ampliar y reducir». Cuando tengamos todo listo, damos en aceptar.
Ahora solo es cuestión de arrastrar el material creado desde la carpeta donde lo guardamos. Además, con los nodos se puede mover haciendo clic en el borde de la línea, rotar usando el punto de control en la parte superior y finalmente usando los manejadores del cuadro cambiaremos el tamaño. Y por último, en la capa de «Propiedad de la herramienta» encontraremos más opciones de ajuste como: rotar, inclinar, mantener proporción, etc.
Reconocerás fácilmente un material de imagen por el símbolo que se presenta en la capa.
Para tener un mejor orden dentro de las carpetas de materiales, podemos crear una especifica para el alfabeto, esto es simple:
➀ En la ventana de materiales, en la zona inferior derecha de la lista de carpetas, encontraremos el icono de «Crear nueva carpeta».
➁ Elegimos el nombre de la nueva carpeta.
➂ Seleccionamos y arrastramos las imágenes del alfabeto hacia la carpeta y soltamos.
✦ Multipincel
Los pinceles múltiples son aquellos que están conformados por imágenes. Veamos como hacerlo:
➀ Al igual como se explicó antes, hay que seleccionar la letra con la herramienta «Selección».
➁ Ahora iremos a: Edición > Registrar material > Imagen.
➂ En esta ocasión, la opción que deberemos marcar es «Usar como forma de punta de pincel».
➃ En los pinceles de «Decoración» que están incorporados por defecto en el programa. Elegimos el pincel de «Botón» y lo duplicaremos dando clic derecho sobre él. Aparecerá un menú donde marcaremos la opción: «Duplicar subherramienta».
➄ Aparecerá una ventana donde se podrá modificar el nombre, el icono y otras opciones, pero en este caso solo es necesario el nombre.
➅ Una vez creado el nuevo pincel iremos al icono con forma de llave inglesa (1) que se encuentra en la parte inferior derecha de la ventana «Propiedades de herramienta». Se abrirá una nueva ventana en la que deberemos ir a: «Punta del pincel» (2). Una vez ahí, hay que presionar la flecha de la imagen que se muestra en la parte superior (3).
Se abrirá el buscador, aquí elegimos el material que registramos anteriormente y al finalizar damos en aceptar y cerramos la ventana anterior. Listo.
Los materiales creados se encuentran de modo más rápido seleccionando la etiqueta «Material creado».
Para agregar más imágenes daremos clic en el icono de la hoja que se encuentra en la parte inferior derecha, una vez más se abrirá el buscador donde agregaremos el material.
Para cambiar la posición de una imagen con respecto a otra solo hay que mantenerla presionada y arrastrarla a su nuevo orden.
El pincel contendrá los caracteres del alfabeto, de este modo podemos usarlo en cualquier momento y compartirlo entre otros dispositivos vinculados a nuestra cuenta. Las letras aparecerán continuas por el lienzo al aplicar el pincel, para separarlas podemos usar la herramienta de selección y/o moverlas a una nueva capa.
Dentro de los «Detalles de subherramienta», en el apartado de «Trazo» podemos modular el intervalo de separación entre una imagen y la siguiente.
Ya tenemos nuestro alfabeto, ahora solo es cuestión de disponerlo con elementos que lo complementen.
Por último, si deseas conocer algunos consejos sobre como disponer de los elementos en tarjetas, postales, carteles, entre otros, te invito a mirar los Tips presentados a lo largo de este y el siguiente:
✦ Tipografía instalable
Lamentablemente, no podemos crear un archivo instalable de una tipografía tan colorida y con tanto detalle como la anterior. Eso es porque las tipografías que se usan con las diferentes herramientas de texto de cada programa son en realidad vectores. Es por esto que solo podemos crear diseños con colores en bloques definidos.
Para este ejemplo retomaré el alfabeto anterior, pero le quitaré los detalles coloridos solo dejando el borde negro, la proyección 3D y el interior blanco.
Para crear un archivo instalable de nuestra propia tipografía hay que hacer lo siguiente:
➀ Una vez que tengamos el diseño de nuestra tipografía en una capa sin fondo iremos a alguna página que nos ayude a digitalizar nuestra creación de un modo muy sencillo, una recomendación sería la página Calligraphr.
➁ Una vez en la página deberemos de seguir los pasos que nos indique la plataforma, que consisten en: Descargar la plantilla, rellenarla y volverla a subirla una vez completada.
➂ La plantilla se verá como la siguiente. La abriremos dentro de un nuevo proyecto en CLIP STUDIO PAINT. En ella copiaremos y pegaremos carácter por carácter en la celda correspondiente tal como lo indica la propia casilla.
Para copiar y pegar un elemento, ya sea una capa o una carpeta a otro archivo lo podemos hacer desde: Edición > Copiar/ pegar; o con los atajos de teclado «CTRL más C» (pegar) y «CTRL más V» (pegar).
➃ Una vez completada la plantilla hay que guardarla en el dispositivo desde la opción: Archivo > Acoplar y guardar en el almacenamiento del dispositivo > PNG.
➄ Devuelta en la página hay que cargar la plantilla y generar el archivo TTF/ OTF de nuestra tipografía y descargarlo.
Las tipografías apropiadas están compuestas por el alfabeto, sus variantes, símbolos de puntuación y símbolos especiales. En este caso, la tipografía creada en este ejemplo es básica, contando solo con el alfabeto.
Devuelta en CLIP STUDIO PAINT hay que ir a la herramienta «Texto» y en las «Propiedades de la herramienta» ir a: Fuente > Agregar fuente. Al dar clic se abrirá la ventana de búsqueda de archivos donde elegiremos el paquete TTF/ OTF que contiene nuestra tipografía, y damos aceptar.
Aparecerá un mensaje donde nos permitirá guardarlo en la nube, si te parece conveniente acéptalo, si no, solo da en cerrar. Listo, ahora tenemos una fuente de nuestra propia autoría.
Esta fuente también puede ser instalada en otros programas.
Una vez agregada aparecerá en el menú desplegable de «Fuente» como cualquier tipografía instalada. En la ventana «Propiedad de la herramienta» podremos jugar con los ajustes de texto como: Tamaño, estilo, justificado, color, borde, ángulo, rotación, inclinación, perspectiva o si es hueca, entre otros.
3. Estilizar texto
En esta última sección mostraré algunas formas de editar las fuentes para agregarles más estilo.
✦ Bevelled
Para este primer ejemplo explicaré el efecto de biselado.
Para el primer paso crearemos con la herramienta «Texto» dos tipos de fuentes, una con un trazo grueso y otra con un trazo lo más delgado posible.
Ahora tenemos que convertir la capa de texto que contiene la letra más delgada en una vectorial, para ello hay que dar clic derecho sobre la capa (o mantener pulsada la capa si se está trabajando en tableta) y elegir la opción «Convertir capa (H)» que aparece en el menú flotante. Al dar clic en esta opción se mostrará una ventana donde se puede elegir convertir la capa a una de tipo vectorial.
Tipo (K): Capa vectores.
Cuando cambiamos el tipo de capa a vector se habilita la opción de ajustes. Al dar clic en ella se abrirá una nueva ventana donde podremos hacer varias modificaciones, pero la más importante es «Ancho de línea máx.» este ajuste modula el grosor de la línea.
Recomiendo usar un 5 px.
Si la línea es aún muy gruesa aconsejo utilizar las herramientas de «Reducción de línea» con las que cuentan las capas vectoriales.
Esta herramienta la expliqué durante la creación del alfabeto. Es solo cuestión de elegir la opción y pintar la línea con el pincel tantas veces como deseemos reducir el ancho.
Ahora hay que seleccionar letra por letra y con la herramienta de selección y transformar acoplarlas al centro de las letras anchas.
Texto hueco: Para el siguiente paso hay que convertir el texto grueso a uno hueco. Lo lograremos haciendo lo siguiente.
➀ Seleccionar la herramienta de texto.
➁ Ahora, seleccionaremos la capa (capa de texto) e iremos a las propiedades de la herramienta texto, ahí, en el apartado «Fuerte»; si desplegamos el menú encontraremos la opción «Hueca con contorno», esta opción nos permite elegir entre dos estilos: Fino y Negrita. En mi caso elegí negrita. Listo, ya conseguimos una tipografía hueca.
Si acaso esta opción no aparece disponible en la ventana, podemos habilitarla desde la llave inglesa que se encuentra en la parte inferior derecha de la ventana «Propiedad de herramienta», se abrirá una ventana en donde iremos a «Estilo» una vez ahí daremos clic en el recuadro «Hueca con contorno».
Continuaremos bajando la opacidad de las capas creadas hasta este momento. Después, crearemos una nueva capa vectorial por encima y comenzaremos a delinear los contornos con las herramientas de figura. Una vez tengamos la estructura deberemos de unir los vértices de la letra hueca con las de la letra delgada, esto será lo que le dé el efecto de biselado (El uso de la herramienta de figura lo explique anteriormente).
Truco: Si usamos la tecla SHIFT podemos conseguir líneas rectas perfectas. Si se está trabajando en una tableta, en el teclado lateral encontraremos la opción.
El último paso consiste en aplicar el color con el bote de pintura tal y como se explicó en la sección de «Color base» en la sección dos de este tutorial. Por último, solo queda quitar la línea.
✦ Perspectiva
Un texto es perspectiva tiene muchas aplicaciones, veamos algunas:
➀ Convertir la capa de texto en una de rasterizado.
Se trabaja con capas rasterizadas porque en las capas de texto no se pueden editar ni dibujar.
➁ Ahora, para acoplar un texto en perspectiva hay que seleccionar la capa o letra por letra como es en este caso.
➂ En la siguiente ruta encontraremos las opciones de trasformación: Edición > Transformar > Transformación libre, perspectiva, distorsionar o inclinación. También podemos acceder a la herramienta de trasformación estándar desde el icono que se encuentra en la barra superior si nos encontramos en la versión para tableta.
Nota: Una vez activa la opción de transformar, podemos cambiar de un tipo de transformación a otra rápidamente desde la ventana «Propiedad de herramienta» en la sección «Modo».
➃ Hay que mover los nodos del cuadro en dirección de la perspectiva que se quiere obtener.
Hay diferentes herramientas de transformación que nos permiten posicionar el texto en múltiples ángulos, solo es cuestión de probar.
Para crear el efecto de 3D hay que seguir los mismos pasos que se explicaron en la sección «Sombra/ 3D» pero en este caso habrá que mover la perspectiva letra por letra de acuerdo a la que corresponda.
Ahora bien, con la herramienta selección y la opción «Bloquear píxeles transparentes» podemos cambiar el color de la sombra. Por último, con la herramienta: Figura > Línea, unimos los vértices entre la letra y la sombra y rellenamos el espacio vacío. Con esto terminamos en efecto en 3D.
Para darle un plus podemos bloquear los «Píxeles transparentes» de la capa de la sombra y cuidadosamente con la herramienta de selección: Polilínea, seleccionar las zonas donde se presentan las sombras de la forma 3D y aplicarle un color contrastante.
● Además: Para agregar un poco más de profundidad podemos usar la herramienta de selección y los degradados en las zonas curvas de las letras para marcar la transición del volumen.
Usando las diferentes opciones de transformación y jugando con los puntos de perspectiva podemos lograr unos resultados interesantes.
✦ Borde y profundidad
Para agregar un borde y profundidad a la vista frontal del texto hay que hacer lo siguiente. Usaré el texto 3D anterior:
➀ Seleccionar la capa del texto inicial.
➁ Ahora hay que ir a la paleta «Propiedades de la capa», ahí daremos clic en el icono con forma de círculo. De forma predeterminada aparecerá un borde.
➂ Después de aplicar el borde hay que regresar a la capa de sombra y rellenar los espacios vacíos que quedan en los bordes, resultantes del ancho del borde.
➃ Por último, el paso más importante. Primero, seleccionaremos la capa principal de la letra, la que se seleccione para aplicar el borde, una vez hecho hay que activar la tecla del teclado «CTRL» y después dar clic sobre la miniatura de la capa seleccionada.
➄ Aparecerá una línea de selección en el borde de las letras. Después de que aparezca el borde de selección desactivamos la tecla.
➅ Ahora hay que crear una capa por encima y comenzar a marcar las sombra internas de la letra. Listo.
- RETRO -
Otro efecto de profundidad es acoplar varias capas de diferentes colores una tras otra como en el estilo retro.
✦ Textura flotante
Crear letras con relleno, pero sin fondo es muy sencillo, veamos como:
➀ Crearemos el texto al que queremos rellenar.
➁ Activaremos la tecla «CTRL» y daremos clic en la miniatura de la capa.
➂ Después de que aparezca el borde de selección desactivamos la tecla.
➃ Ahora en una nueva capa por encima pintaremos con algún pincel de textura o figura que nos guste. Listo. Fácil, ¿no?
✦ Semitono
Veamos como aplicar un semitono:
➀ Activaremos la tecla «CTRL» y daremos clic en la miniatura de la capa. Después de que aparezca el borde de selección desactivamos la tecla.
➁ Iremos a la herramienta «Degradado» y elegiremos el predeterminado llamado «Degradado de manga».
➂ Lo aplicaremos en la dirección deseada. En este punto no hay que preocuparse por crear una nueva capa, se creara sola.
Nota: Con la herramienta «Mover objeto» que se encuentra en la ventana de herramientas podemos mover el degradado aun después de aplicado.
➃ En la ventana «Propiedad de herramienta» en la sección de «Efecto» encontraremos la opción de «Trama». Al activarla, el degradado se transformará en una trama.
Dentro de los ajustes que aparecerán podemos elegir el grosor del semitono, la figura, el color, entre otros. Listo.
Hay muchas variaciones que podemos hacer con los semitonos, por ejemplo:
- SOMBRA -
Podemos crear una copia de la capa de sombra y aplicarle una trama. También podemos agregar este efecto a la línea del primer plano.
- DESENFOQUE -
Para este segundo ejemplo usaremos los filtros de desenfoque. Hay una variedad amplia de ellos, por eso lo primero que aconsejo es explorar cada uno junto con sus cualidades. Los filtros se encuentran en la siguiente ruta: Filtro > Efecto > Desenfocar.
Ahora, como no quiero que el desenfoque se aplique a todas las letras, lo que haré será seleccionar una zona. Podría hacerlo con la herramienta de selección, pero esto solo dejará un borde duro al desenfoque, así que, para lograr un desenfoque suave, hay que hacer lo siguiente:
➀ Convertir la capa en rasterizado.
➁ En una nueva capa por encima de las letras, pintaremos la zona que se desee con el «Aerógrafo suave».
➂ Activaremos la tecla «CTRL» y daremos clic en la miniatura de la capa. Después de que aparezca el borde de selección, desactivamos la tecla.
➃ Ahora hay que eliminar la capa pintada y volver a seleccionar la capa de las letras.
➄ Después hay que aplicar el filtro, en mi caso usaré «Desenfoque por rotación».
➅ Desactivamos la zona seleccionada.
➆ Por último aplicamos el efecto de trama. Listo.
Despedida
Debo decir que crear este alfabeto fue divertido, espero que ustedes también disfruten de diseñar sus propios alfabetos. ¡Gracias por llegar hasta aquí! Sería de gran ayuda que me regales un me gusta. ¡No vemos en otro momento! (≧∇≦)/
Bye bye.
Conoce más sobre mí en:
Usuarios a los que les gustó esta publicación
Comentario