Efecto TBO (Comic) -Tutorial-

Mediante este tutorial voy a intentar explicaros como lograr este bonito efecto cómic antiguo, tipo como el conocido TBO -esta es la revista que dio nombre a los antiguos cómics en España, me encantaba-. 

Como siempre procuraré explicarme lo mejor posible para que ustedes no tengan problemas a la hora de ponerlo en práctica. 

NOTA.- Entiendo que este es un tutorial de mucha elaboración -me ha costado mucho su realización- pero no cuenta con pasos difíciles. 
No tendrán problemas en realizarlo. 

COMENZAMOS: 

1. CONTROL + O, escojan la fotografía que quieran darle este efecto (si la fotografía contiene claroscuros mucho mejor para así lograr unas líneas más detalladas). 

• A continuación pulsen el combinado de teclas CONTROL + J, tres veces (3) para realizar tres copias de la original. 
•  Nombren estas Capas para así controlar mejor la técnica -siempre es conveniente darle nombres a las Capas-. 
• Yo les he puesto: BN01, BN02 y BN03 -abreviaturas de Blanco y Negro-. Podéis nombrarla de igual manera para así realizar mejor el tutorial. 

2. A continuación con el puntero del ratón hagan clic en el “ojo” que se encuentra a la izquierda de las Capas (Paleta de Capas) BN02 y BN03 para ocultarlas. 

• Sitúense en la Capa BN01 -clic con el puntero del ratón sobre ella en la Paleta de Capas- y seguidamente vayan a:
•  IMAGEN > AJUSTE > UMBRAL: Ahora jueguen con el valor de “Nivel de Umbral”. 
• En mi caso he puesto un valor de 191 (como les digo en otras ocasiones, mis valores son orientativos). 

3. Hagan visible la Capa BN02 -clic con el puntero del ratón en el icono del “ojo”-. 

• A continuación clic sobre ella para activarla y situarnos sobre esta Capa. 
• IMAGEN > AJUSTE > UMBRAL: en esta ocasión le he puesto un valor de 100 en “Nivel de Umbral”. 

4. Seguidamente hagan visible la Capa BN03 -de la misma manera que les expliqué en el paso anterior-. 

• Nos situamos sobre ella y le aplicamos un ajuste de Umbral, como hicimos con las anteriores. 
• IMAGEN > AJUSTE > UMBRAL: en “Nivel de Umbral” le he puesto un valor de 50. 

5. Vamos ahora a aplicarle una Máscara de Capa a las tres Capas BN01, BN02 y BN03. 

• Nos situamos en la Capa BN01 -clic con el puntero del ratón sobre ella- y seguidamente con el puntero del ratón “clic” en el icono “Añadir Máscara de Capa” situado en la parte inferior de la Paleta de Capas de forma rectangular y un circulo de color negro en su interior. 
• Repitan este mismo paso para las Capas BN02 y BN03 -no se les olviden situarse sobre cada una de ellas para aplicar la Máscara de Capa-. 

6. En este siguiente paso vamos a descubrir los detalles que nos interesen de la fotografía. 

• Para ello, primeramente, nos situamos en la Capa BN03 y concretamente en su Máscara de Capa -hagan clic en el interior del cuadrado de color blanco situado a su derecha-. 
• Pulsen la letra B del teclado para activar la herramienta Pincel y escojan el color negro para pintar sobre la Máscara. 
• Con el Pincel de color negro y dentro de la Máscara de Capa de esta Capa BN03 pintar los detalles de la fotografía que quieran destacar. 

7. A continuación, una vez hemos destacado los detalles que nos haya interesado de la fotografía, ocultamos esta Capa BN03 -clic en el icono del ojo en la Paleta de Capas-. 

• Nos situamos ahora en la Capa BN02 y concretamente en su Máscara de Capa -como antes hagan clic con el puntero del ratón en el interior del recuadro de color blanco para asegurarnos que nos encontramos en ella-. 
• De nuevo con un Pincel de color negro -activen el Pincel pulsando la letra B del teclado - pintamos en la Máscara para seguir descubriendo los detalles que nos interesen de la fotografía. 

8. Ahora repetimos el paso anterior si bien lo haremos en la Máscara de Capa de la Capa BN01-no se les olvide ocultar la Capa BN02 y situaros en la Máscara de Capa de la Capa BN01-. 

• Haciendo uso, nuevamente, de un Pincel de color negro -activen esta herramienta pulsando la letra B del teclado- pinten sobre la Máscara de Capa, de esta Capa BN01, y descubran los detalles de la fotografía que nos han interesado mostrar. 

CONSEJO: Un atajo rápido para descubrir los detalles que nos interese de la Fotografía es haciendo uso del Lazo Poligonal o bien de la herramienta Pluma. 

•  Seleccionamos la zona a mostrar y una vez realizada la selección la rellenamos de color negro -pulsando ALT + Suprimir-. 
• Es rápido y eficaz. 

9. Una vez hemos trabajados en las Máscaras de Capa de las Capas BN01, BNE02 y BN03 las seleccionamos y unimos en una sola Capa. 

• Lo haremos de esta sencilla manera: clic con el puntero del ratón en la Capa BN03 y al tiempo que mantenemos pulsada la tecla Mayúsculas del teclado hacemos clic, con el puntero del ratón, en la Capa BN01. 
• Con ello quedan seleccionadas las tres Capas. 
• Ahora pulsen el combinado de teclas CONTROL + E y así logramos unirlas en una sola . Pónganle un nombre a esta Capa. En mi caso y como ejemplo le puse Líneas BN. 

10. A continuación vamos a crear un GRUPO NUEVO -de Capas- al que le pondremos de nombre COLORES. 

• En el encuadraremos todas las Capas con los colores que le vamos a dar a nuestro trabajo. 
• Hagan clic con el puntero del ratón en la flecha, pequeña, que se encuentra en la parte derecha de la Paleta de Capas para desplegar un cuadro de dialogo donde escogeremos la opción “Nuevo Grupo”. 
• Pónganle el nombre de COLORES. 

11. Asegúrense de que este Nuevo Grupo se encuentra por encima del resto de Capas en la Paleta de Capas, pues ha de estar por encima de la Capa Líneas BN. 

• Pulsen CONTROL + Mayúsculas + N, para crear una Capa dentro del Grupo. 
• Denle un nombre: en mi caso le puse CIELO pues fue lo primero que comencé a pintar en mi fotografía que os expongo de ejemplo. 
• Cambien su Modo de Fusión de Normal a MULTIPLICAR. 
• Activen la herramienta PINCEL, pulsando la letra B del teclado y escojan un color -en mi ejemplo elegí un azul para pintar el Cielo-. 
• Ahora comiencen a pintar la zona de la fotografía que hayan escogido. 

12. Este último paso han de realizarlo para cada zona de la fotografía, es decir crear una nueva capa, dentro del Grupo, nombrarla, escoger un color y pintar las zonas de la fotografía. 

• Una capa para cada zona: cielo, puerta, pared…los elementos que contengan vuestra imagen. 

13. Una vez hayan pintando toda la fotografía el siguiente paso que haremos será reducir un poco la Saturación y para ello haremos lo siguiente: 

• Con el puntero del ratón hagan clic en el icono “Añadir nueva Capa de Ajuste” situado en la parte inferior de la Paleta de Capas y con forma circular, mitad color negro mitad color blanco. 
• De las opciones que se nos muestran escojan: INTENSIDAD y dentro del cuadro de dialogo “Intensidad” pongan este valor:
• -16 en la opción “Saturación”. 

14. CONTROL + Mayúsculas + N, para crear una Nueva Capa y rellénenla de color negro (pulsar la letra D para restablecer los colores frontal/fondo por defecto -negro/blanco- y a continuación pulsen el combinado de teclas ALT + Suprimir para así rellenar esta Capa de color negro). 

• FILTRO > RUIDO > AÑADIR RUIDO: 
• 15% de Cantidad (con este valor queda bien, ustedes pueden variarlo a su gusto). 
• Cambien el Modo de Fusión, de esta Capa, de Normal a TRAMA. 

15. Creamos una Nueva Capa pulsando de nuevo la combinación de teclas CONTROL + Mayúsculas + N y la rellenamos de color blanco. 

• Como tenemos como color frontal/fondo el Negro/Blanco pulsamos la combinación de teclas CONTROL + Suprimir y con ello queda la capa rellenada del color blanco. 
• Cambien su Modo de Fusión de Normal a LUZ SUAVE.
• Bajen la Opacidad de esta Capa al 45% o bien 50%. 
• A vuestro gusto, pues lo que tratamos de lograr con este paso es aportar claridad al trabajo así como suavizar los tonos de la imagen. 

16. Como final vamos a darle un pequeño toque a nuestra “viñeta de comic” creando un Marco.

• Con ello simulamos las viñetas de comic. 
• IMAGEN > Tamaño Lienzo: Yo les he puesto 40px de valor en el Ancho y Alto -valor orientativo- y como color de extensión del Lienzo el Blanco. Marquen la opción RELATIVO. 
• A continuación creamos una nueva Capa pulsando CONTROL + Mayúsculas + N y la situamos debajo de la Capa de Fondo -si la Capa de Fondo la tienen bloqueada, lo indica un candado, desbloquearla haciendo doble clic con el puntero del ratón sobre ella en la Paleta de Capas. 
• Nombren esta Capa como: CONTORNO. 
• Ahora, una vez colocada esta nueva Capa debajo de la Capa del Fondo, al mismo tiempo que mantenemos pulsada la tecla CONTROL hagan clic con el puntero del ratón en la Capa Líneas BN para activar la selección de la misma. 
• EDICIÓN > CONTORNEAR: 
• 2px de Anchura, color negro y posición Exterior.

…y esto es todo!! 

Un poco largo y laborioso pero que si siguen mis pasos no creo que tengan problemas en realizar este bonito tutorial. 

Ahora ya saben…practicar, practicar y practicar! 

DISEÑO ES IMAGINACIÓN. 

Saludos.