Presentación

¡Hola a todos! Gracias por estar aquí un mes más ʕ•́ᴥ•̀ʔっ. En esta ocasión les presento el maravilloso efecto de borde y algunos ejemplos de como podemos usarlo. Espero que les sean de utilidad. Sin más preámbulos…

 

¡¡Comencemos!!

1. Principios del efecto de borde

Iniciemos conociendo la ubicación y las características básicas para agregar un borde, ya sea para capas o texto.

 

 

✦ Propiedad de la capa

El efecto de borde que podemos aplicar al contenido de una capa lo encontramos en la ventana «Propiedad de la capa».

 

Si por acaso esta ventana no se encuentra abierta, para abrirla hay que ir a: Ventana > Propiedad de la capa.

Dentro de la ventana encontraremos la opción «Efecto de borde», el cual tiene el icono de un círculo. Al dar clic en la opción se desplegarán una serie de atributos que nos permitirán configurar el grosor, color y textura del mismo. Estos ajustes los abordaremos en el apartado de usos de la función.

 

El efecto de borde puede ser usado tanto para capas normales, como para vectoriales y de texto.

El efecto de borde también se puede aplicar a una carpeta. Al hacerlo todos los elementos de cada capa dentro de la carpeta tendrán un borde y además, también será posible agregar un borde individual a cada capa dentro de la carpeta. Esta es otra forma de tener dos niveles de borde.

---

✦ Borde de texto

Con el método anterior podemos agregar un borde al texto, pero el siguiente es el método de aplicar un borde desde las propias configuraciones de la herramienta de texto sin usar la ventana «Propiedad de la capa».

 

➀ Una vez que tengamos el texto en su correspondiente capa, nos dirigiremos a: Propiedad de herramienta (recuerda tener la herramienta de texto activa en este momento).

➁ Una vez en la ventana deberíamos de encontrar la opción «Borde».

Al activar la función se establecerá por predeterminado un borde blanco al cual le podemos modificar el grosor del trazo con la barra de porcentaje.

 

Lamentablemente, con este método no es posible agregar múltiples bordes, para lograrlo necesitaríamos convertir la capa de texto a una rasterizada y luego seguir los pasos que se mencionaran más adelante.

Para cambiar el color del borde tenemos que desplegar el menú que se encuentra oculto con el icono del signo (+), y una vez ahí seleccionar la barra blanca de la opción «Color de borde»; a continuación aparecerá una nueva ventana donde se encontraran los diferentes métodos para obtener los colores que deseemos (1), elegimos un color y listo.

Si no encontramos las opciones correspondientes al borde en la ventana de propiedades de capa, eso significa que las opciones no están habilitadas, para habilitarlas hay que:

 

➀ Dentro de la ventana de «Propiedad de herramienta» hay que dirigirnos a la llave inglesa que se encuentra en la zona inferior derecha.

➁ Después de dar clic en la llave se abrirá una nueva ventana donde nos tendremos que dirigir al apartado «Texto».

➂ En el apartado de texto encontraremos las opciones correspondientes de borde, para activarlas debemos de dar clic en la opción correspondiente (cuando aparece un ojo en la opción significa que la función ya está activa (1)).

➃ Una vez activa la función, ahora sí que podremos encontrarla en la ventana de «Propiedad de herramienta» (2).

---

✦ Modo sencillo

Desde el modo sencillo también es posible hacer uso del efecto de borde. Lo podemos encontrar dando clic sobre la capa a la cual queremos aplicarlo, al hacerlo emergerá el menú de las opciones de capa, se encuentra desplazandonos hacia abajo.

 

Los ajustes del borde son los mismos que en el modo estudio, tenemos un deslizador para el grosor y una barra que nos permite cambiar el color con las opciones de las paletas de color.

IMPORTANTE: Lo que se explique a lo largo de este tutorial con respecto a los bordes puede aplicarse de igual manera en el modo sencillo, a excepción del borde de acuarela para las capas, el cual aún sigue siendo exclusivo del modo estudio.

2. Algunos ejemplos de uso

Ahora enumeremos algunos uso que podemos darle a esta función con respecto a ilustraciones, textos y pinceles.

 

 

✦ Stickers

El uso más clásico que le podemos otorgar al efecto de borde es usarlo para stickers. Establecer un borde a cualquier elemento dentro de una capa es tan simple como ir a dicho efecto y activarlo. Ahora veamos que:

 

➀ El primer modificador que tenemos para el borde es: «Grosor de borde», con esta opción podemos modular el grosor usando la barra de porcentaje.

➁ Por otro lado, «Color de borde» tal como su nombre lo indica permite cambiar el color.

Para cambiar el color del borde tenemos dos opciones:

 

(1) La primera consiste en seleccionar un color desde el círculo cromático para después dar clic sobre el icono de bote de pintura, esto cambiará el color al seleccionado.

(2) El segundo es dar clic sobre la barra blanca, al hacerlo emergerá una ventana con todas las paletas de color, de las cuales solo resta elegir un color guardado con anterioridad o uno nuevo.

- IMPRESIÓN CASERA DE STICKERS -

 

Si no contamos con los recursos para imprimir stickers de un modo profesional, siempre podemos contar con el método casero. Lo más difícil a la hora de hacerlo nosotros mismos es recortar el borde, por eso, mi consejo es establecer dos niveles de bordes antes de la impresión, esto nos permitirá mantener las proporciones y el groso durante todo el proceso de recorte.

Veamos como hacerlo:

 

➀ Iniciemos seleccionando la capa de la ilustración y le estableceremos un borde con el grosor y color que más nos guste.

➁ Al icono de la capa le daremos un clic derecho o en su defecto, si estamos trabajando en un celular o tableta deberemos mantener presionada la capa hasta que emerja un menú en el cual deberemos de elegir la opción «Rasterizar».

➂ Ahora, una vez más, iremos a la ventana «Propiedad de capa» y aplicaremos un borde negro con un grosor fino. Listo, hemos terminado con nuestra plantilla de sticker, solo nos quedaría imprimir y recortar.

MODO SENCILLO: En el modo sencillo la secuencia: Borde blanco, rasterizar capa borde negro en igualmente efectiva.

En el modo sencillo la opción de «Rasterizar» se encuentra desplazándose en el menú de las funciones de capa que emerge al dar clic sobre la capa.

Por último, siguiendo los pasos anteriores podremos crear tantos niveles de bordes como deseemos.

 

Cabe aclarar que este es un método destructivo, por lo que no podremos retornar a un estado sin los bordes, es por esto que lo más aconsejable es crear una copia de la ilustración base.

---

✦ Borde de acuarela

Además del borde duro clásico, también contamos con un borde de acuarela. Esta opción la encontramos una vez que activemos el efecto de borde, la opción se llama «Borde de acuarela».

 

Dentro de las opciones que nos brinda este efecto tenemos que nos permite modular el área de aplicación, la opacidad, la oscuridad y el grado de desenfoque.

 

- Área: El área corresponde al ancho del borde. Con esta opción hay que tener cuidado de no establecerla muy alto para no dar un efecto de suciedad.

- Opacidad: Tal como su nombre indica, mide la transparencia.

- Oscuridad: Esta opción, por otro lado, modula la intensidad del color. Con ella hay que tener cuidado de no establecerla muy alto para no dar un efecto de suciedad.

- Ancho de desenfoque: Aquí podemos medir la intensidad del desenfoque, duro o suave.

Este borde nos permite agregar un pequeño contorno a nuestra ilustración en acuarela sin desentonar con la textura.

Aquí tenemos otro ejemplo de como podemos cambiar la textura del borde jugando con las configuraciones.

- PINCELES -

 

Lo que hemos visto hasta ahora es que el efecto de borde solo se puede aplicar a una capa, pero hay una opción que nos permite aplicar un borde de acuarela únicamente al pincel y no a la capa. Para ello hay que:

 

➀ Seleccionar un pincel de acuarela.

➁ En la ventana «Subherramienta» deberemos dar clic en la llave inglesa que se encuentra en la zona inferior derecha.

➂ Se abrirá una ventana donde nos dirigiremos a la opción «Borde de acuarela». Ahí encontraremos las opciones que se explicaron en el apartado anterior.

Se puede aplicar este mismo borde de acuarela con otros pinceles que no son de textura de acuarela, pero el resultado no es del todo bueno, y si, por ejemplo, aumentamos el rango, el resultado se torna sucio. Por eso no aconsejo usarlo con pinceles que no sean de acuarela.

MODO SENCILLO: Si elegimos un pincel de tipo acuarela, al entrar en los ajustes del pincel con su flecha correspondiente tendremos disponible la opción «Borde de acuarela».

Para el caso del modo sencillo solo encontraremos en los ajustes un deslizador que permite modular el ancho del borde.

---

✦ Limpieza y correcciones

Lo siguiente es un uso que puede resultar muy conveniente, yo particularmente lo empleo mucho cuando deseo borrar errores de color que pudiera dejar a lo largo y ancho del lienzo o el contorno de la ilustración.

Resulta que cuando aplicamos el efecto de borde sobre una capa, el efecto se aplica en el contorno de todas las figuras y trazos en el lienzo, así que gracias a eso podemos identificar esas pequeñas partículas que sin darnos cuenta dejamos atrás por todo el lienzo. Por otro lado, si el contorno de la figura a la que le queremos aplicar el borde tiene protuberancias notorias no deseadas, con el efecto estos detalles saldrán a relucir y los podremos corregir fácilmente con el borrador.

---

✦ Tipografía /Resaltar elementos

Podemos aplicar el efecto de borde en textos, a personajes o elementos para crear efectos interesantes o resaltar sobre el resto de la composición un elemento/personaje. Veamos un ejemplo de como agregando el efecto de borde podemos hacer toda la diferencia.

Primero, en la imagen de la izquierda se nos presenta el diseño sin ningún borde, como podemos apreciar, el texto no se distingue claramente y en general todo parece ser demasiado plano. Ahora, con la imagen de la derecha todo cambia, los bordes fungen como un contraste entre los elementos, lo cual dota a la composición de claridad y vida.

 

También cabe resaltar que muchas veces un único borde no es suficiente, veamos, las letras están remarcadas por tres niveles de borde, un inicial blanco, el siguiente con un rosa rojizo y el último blanco.

- BORDE CON DEGRADADO -

 

Aunque este efecto de color no es necesariamente exclusivo de las tipografías, sin duda es muy empleada por estas. El método para aplicar un borde con degradado es simple, veamos como:

 

➀ Iniciemos haciendo un duplicado de la capa original.

➁ A esta capa duplicada la moveremos por debajo de la original y le estableceremos un borde.

➂ Después, hay que rasterizar la capa tal como se explicó antes.

➃ Ahora debemos bloquear los píxeles transparentes con la correspondiente opción que se encuentra en la ventana de la capa.

➄ Por último, pintaremos con los colores del degradado que deseamos y los difuminamos. Para hacer el proceso más fácil podemos usar la herramienta de degradado.

 

Al hacer los siguientes pasos no solo podremos aplicar un degradado, sino que también nos permite jugar con el borde aplicándole alguna clase de desenfoque, trama, patrón, o cualquier otra cosa que imaginemos dotando al borde de diferentes personalidades.

- BORDE DESPLAZADO -

 

Para hacer un efecto de desplazamiento deberemos de hacer los pasos del 1 al 3, explicados en el apartado anterior, el resultado será una capa duplicada a la cual estableceremos con la función «Bloquear píxeles transparentes» ubicada en la ventana de capa. Lo siguiente será seleccionar el texto con la herramienta «Selección» y con el icono de bote de pintura que se encuentra en el menú flotante de la herramienta pintaremos con el mismo color del borde. Por último, deberemos de desplazar hacia la dirección deseada el texto con la herramienta «Transformar».

 

La herramienta de transformar se puede encontrar en el acceso directo que 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».

Adicionalmente, coloqué un segundo nivel de borde para remarcar el contorno general del texto. Listo, ahora tenemos un hermoso contorno desplazado.

---

✦ Pinceles

Iniciemos aclarando que como tal, el efecto solo se puede aplicar a la capa en sí mismo, así que cualquier pincel que empleemos en esta capa, al pintar, dará ese efecto de borde.

 

Así que, recuerda, si estás usando un pincel con textura rugosa o con efecto de difuminado, el borde igual se aplicará, pero puede que el resultado no quede del todo bien.

Usar capas con el efecto de borde para dibujar nos permite crear diseños más limpios y eficientes. Por ejemplo, estructuras, patrones, logos, en general cualquier cosa se puede dibujar de este modo.

Para lograrlo deberemos establecer el color del borde en negro y el del pincel en blanco.

Modo sencillo:

Una vez terminado el, por así llamarlo, lineart, para que el efecto de borde sea permanente en la capa, entonces deberemos de convertir la capa a una «Rasterizada». Esto es posible manteniendo presionada la capa hasta que aparezca el menú flotante donde elegiremos la opción «Rasterizar» o en su defecto, si se está trabajando en un ordenador, esto se hará dando clic derecho sobre la capa.

- COLOR -

 

Si intentamos pintar en una nueva capa por debajo de la capa del borde, nos percataremos que los espacios pintados por el pincel permanecerán en blanco. Esto sería un problema, pero afortunadamente hay una rápida solución.

Primero, debemos seleccionar la capa que para este punto ya debería de haber sido convertida a una de tipo «Rasterizada», ahora iremos a: Edición > Convertir luminosidad a opacidad. Esta opción dejará el borde negro y quitará las pinceladas en blanco. Listo.

 

Es precisamente por esta opción que es ideal pintar con este método sin preocuparse por el color después, ya que siempre podemos extraer las líneas con unos cuantos pasos.

Modo sencillo: Al igual que en el anterior iniciaremos convirtiendo la capa a «Rasterizado» desde las opciones de capa.

 

En el modo sencillo la opción «Luminosidad a opacidad» no se encuentra disponible, por lo que será necesario regresar al modo estudio para aplicarla; pero si no queremos salir del modo sencillo, entonces podemos usar el efecto «Extraer línea» que se encuentra en la categoría: Filtro > Efecto > Extraer línea.

 

Extraer línea también se encuentra disponible en el modo estudio, por lo que podríamos usarlo de igual modo como sustituto de «Luminosidad a opacidad»

Aquí algunos ejemplos simples de color.

Despedida

Personalmente, empleo mucho el efecto de borde para resaltar elementos en los diseños tipográficos y para la limpieza de partículas remanentes o los bordes de las ilustraciones. En general es una herramienta fácil de emplear y muy efectiva, por lo que espero que ustedes también se diviertan empleándola en su proceso creativo.

 

¡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: