ANRAFERA

ANRAFERA

martes, 6 de mayo de 2014

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.

60 comentarios:

  1. Amigo Ramón, de nuevo muchas gracias por este tutorial que tiene muy buena pinta. Me gusta probar todos tus tutoriales porque creo que solo así podré saber si me pueden ser útiles, y la verdad es que la mayoría lo son. Recomiendo a todo el mundo que haga lo mismo.
    Un fuerte abrazo.

    ResponderEliminar
    Respuestas
    1. ...me parece estupendo que pruebes todos mis tutoriales, es la mejor manera de ir haciéndose con este maravilloso programa y con ello elegir las técnicas que mas útil nos resulte para nuestros trabajos.
      Muy agradecido, una ve mas, por tu visita.
      Un fuerte abrazo amigo.
      Ramón

      Eliminar
  2. chulada!... como siempre un buen truco para aplicar en infinidad de proyectos! .
    Un saludo!

    ResponderEliminar
    Respuestas
    1. ...así es Sebas, esta es una laboriosa técnica que nos viene muy bien para infinidad de proyectos. Espero te sea útil.
      Muchas gracias por tu visita. Saludos.
      Ramón

      Eliminar
  3. Seguro que siguiendo tus pasos no hay problema pero si que es un poco largo,. Esto tiene la ventaja que practicas y aprendes mas.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. ...si que es largo y laborioso Jose Manuel pero nada de pasos complicados.
      Como bien has comentado con estos tutoriales se aprende mas el manejo de este excelente programa.
      Muchas gracias por tu nueva visita.
      Un abrazo.
      Ramón

      Eliminar
  4. Interesante como siempre el tutorial, este efecto tbo ó cómic habrá que probarlo y seguro que quedará muy bien en alguna foto, ya me pongo a buscar alguna donde probarlo, saludos.

    ResponderEliminar
    Respuestas
    1. ...seguro que queda bien, particularmente a mí es un efecto que me encanta.
      Espero te gusten los resultados y saques provecho de esta técnica.
      Cordial saludo y gracias por tu visita.
      Ramón

      Eliminar
  5. Estupendo este tutorial Ramón, me encanta ese efecto comic, con tus tutoriales la imaginación no tiene freno.
    Gracias siempre por compartirlos.
    Un abrazo de buenas noches.
    Bss

    ResponderEliminar
    Respuestas
    1. Hola Carmen!
      Me alegra mucho que te guste este tutorial.
      Muy agradecido por tu visita y comentario.
      Que tengas buenas noches. Un abrazo.
      Ramón

      Eliminar
  6. Me ha gustado mucho este efecto pues además hubo una época en que era "adicta" al TBO. Lo he leído una vez y me ha parecido complicadillo así que después de este comentario me lo leeré más despacio y practicaré. Saludos y gracias

    ResponderEliminar
    Respuestas
    1. ...aunque a primera vista parezca complicado ya verás como siguiendo mis pasos no lo es y logras realizarlo. Ya me contaras CHARO.
      Gracias por tus visitas y cordiales saludos.
      Ramón

      Eliminar
  7. Muy interesante y atractivo. Seguro que en un momento u otro lo utilizo.
    Un abrazo y muchas grácias Ramon

    ResponderEliminar
    Respuestas
    1. ...utilízalo Josep y ya verás como te gustan los resultados.
      Pese a que son muchos pasos, estos son sencillos y el resultado merece la pena.
      Muchas gracias por tu visita. Un abrazo.
      Ramón

      Eliminar
  8. Ramón este tutorial es sensacional, lo he leido detenidamente y no parece muy complicado, pero luego con las manos en la masa cambia el tema jeje, todo es probarlo pero en fin, algún día tendré que hacerlo,,,,, gracias por el trabajo que has puesto en este tutorial, que desde luego tela.....

    Un abrazote y cuidate.

    ResponderEliminar
    Respuestas
    1. ...no te preocupes Bird, aunque es un tutorial de mucha elaboración los pasos son sencillos de realizar...ya verás como lo logras y que bonitos resultados obtienes.
      Muy agradecido por tu visita...como siempre amigo!
      Que te vaya todo bien. Un abrazo.
      Ramón

      Eliminar
  9. Un tutorial con efecto punch, rompedor. Vamos, que engancha este efecto comic Ramón. Lo pondremos en práctica, descuida.
    Gracias una vez más por tus detallados pasos.
    Un abrazo y salud, Ramón

    ResponderEliminar
    Respuestas
    1. ...gracias a ti César por estar de nuevo por aquí.
      Agradecido por tu comentario.
      Un abrazo...y mucha salud!
      Ramón

      Eliminar
  10. Una mirada con ojos de niño. Genial!!!

    Besos Calados.

    ResponderEliminar
    Respuestas
    1. ...muchas gracias Gemelas por vuestra visita. Me alegra que os haya gustado esta "mirada" hacia la infancia.
      Abrazos.
      Ramón

      Eliminar
  11. Respuestas
    1. ...gracias ReltiH! Me alegra que te haya gustado.
      Un abrazo.
      Ramón

      Eliminar
  12. Respuestas
    1. ...gracias a ti!
      Es un placer recibirte y tenerte por aquí.
      Saludos.
      Ramón

      Eliminar
  13. A ti te quedaron estupendas, ya veremos si yo consigo algo más o menos curios con este buen tutorial .

    Saludos.

    ResponderEliminar
    Respuestas
    1. ...desde luego que lograrás buenos resultados, todo es cuestión de practicar y seguir mis pasos despacio.
      Gracias Jesús por estar de nuevo por aquí. Saludos.
      Ramón

      Eliminar
  14. También he sido un gran seguidor y lector del TBO. Un tutorial para ver nuestras fotos de otra manera, gracias. Abrazos desde Sevilla.

    ResponderEliminar
    Respuestas
    1. ...así es Rubens esta es una manera bien distinta de ver nuestras fotografías; espero que te sea de ayuda.
      Muchas gracias por visitarme de nuevo. Un abrazo.
      Ramón

      Eliminar
  15. Buen tutorial Ramón, lo malo es que yo tengo edad para acordarme de estos comis.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. ...me alegra que te haya gustado Paco.
      Espero que todo te este yendo bien. Un fuerte abrazo.
      Gracias.
      Ramón

      Eliminar
  16. Intentaré usarlo y ya te cuento. Con algunas calles de Almagro podría funcionar.

    Gracias por compartir tus muchos saberes.

    ResponderEliminar
    Respuestas
    1. ...seguro que te quedarán muy bonitas. Ya me mostrarás alguna.
      Cordial saludo Indigo y gracias por tus visitas. Un placer.
      Ramón

      Eliminar
  17. Siempre me ha gustado este efecto y también los comic, lo intentare hacer, aunque lo veo un poco difícil, pero lo intentare.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. ...no es difícil Ana!
      Los pasos son fáciles de realizar...ya verás!
      Muy agradecido por tu visita.
      Un abrazo.
      Ramón

      Eliminar
  18. Gracias nuevamente por estos tutoriales. Tengo que probarlo ya que, independientemente del efecto concreto, con tus lecciones estoy aprendiendo cosas que me ayudan a la hora de tratar mis fotografías. Un abrazo,

    ResponderEliminar
    Respuestas
    1. ...me alegra saber que con mis tutoriales estas aprendiendo Miguel.
      Como he comentado en otras ocasiones lo que interesa es conocer la técnica o parte de ella, para después cada uno aplicarla y personalizarla a su manera.
      Muchas gracias por tu visita y un fuerte abrazo.
      Ramón

      Eliminar
  19. Como siempre muy interesante. lo intentaremos en alguna foto. Gracias.

    ResponderEliminar
    Respuestas
    1. ...espero que te gusten los resultados...seguro que te quedará muy bien!
      Gracias Luis por tu visita.
      Saludos.
      Ramón

      Eliminar
  20. Respuestas
    1. ...gracias a ti Enrique por tus visitas y comentarios a este, vuestro, blog.
      Cordial saludo.
      Ramón

      Eliminar
  21. Impresionantes resultados. Gracias por tu elogioso comentario en Estas flores de esta flora.Un abrazo.

    ResponderEliminar
    Respuestas
    1. Hola Antorelo!
      Ante de nada te quiero felicitar por tu nuevo blog en torno al mundo de la flora y desearte muchos éxitos. Las fotos son estupendas.
      En cuanto a esta técnica me alegra mucho que te gusten los resultados de su aplicación.
      Gracias!
      Un abrazo.
      Ramón

      Eliminar
  22. El efecto de comic es muy bueno y muy creativo, pero la foto es maravillosa! Abrazos!

    ResponderEliminar
    Respuestas
    1. Muchas gracias Leovi, cuanto me alegra te guste mi fotografía y este efecto cómic.
      Un abrazo.
      Ramón

      Eliminar

  23. Poco que decirte que no te haya dicho en tantas ocasiones. Siempre claro y didáctico.

    · un abrazo

    · CR · & · LMA ·


    ResponderEliminar
    Respuestas
    1. ...muy agradecido por tu visita y comentario!
      Gracias ñOCO y un fuerte abrazo.
      Ramón

      Eliminar
  24. Pues no se me había ocurrido, interesante efecto.
    Saludos

    ResponderEliminar
    Respuestas
    1. ...me alegra que encuentres interesante este efecto.
      Muchas gracias Edertano y cordial saludo.
      Ramón

      Eliminar
  25. Increibles trabajos al servicio de tus seguidores. De esos TBO aprendimos y disfrutamos mucho en aquellos tiempos ,,,Gracias, maestro

    Un abrazo

    ResponderEliminar
    Respuestas
    1. Muchas gracias José Luis por tu visita y generoso comentario.
      Un placer recibirte. Que te vaya bien el fin de semana.
      Abrazos.
      Ramón

      Eliminar
  26. Recuerdo algún TBO que había por casa con este tipo de viñetas, el efecto está muy conseguido

    ¡Abrazos y buen fin de semana!

    ResponderEliminar
    Respuestas
    1. Gracias Javier por tu nueva visita y comentario.
      Te deseo un excelente fin de semana.
      Un fuerte abrazo.
      Ramón

      Eliminar
  27. Este tutorial es para tomárselo con tiempo, no por la dificultad, que no parece mucha, pero como tiene tantos pasos haya que ir poco a poco entendiendo lo que está pasando en cada momento. Me parece muy original.
    SAludos.

    ResponderEliminar
    Respuestas
    1. ...así es! Con tiempo y pasito a pasito.
      Espero que te gusten los resultados, ciertamente queda muy bien.
      Gracias por la visita y cordiales saludos.
      Feliz Semana.
      Ramón

      Eliminar
  28. Eres un maestro! un resultado precioso, ese color de añoranza, de hojas tostadas y tiempos atrás......muy bonito, de verdad.

    Un abrazo

    ResponderEliminar
    Respuestas
    1. ...me alegra mucho que te guste este efecto.
      Muchas gracias Marinela por tu agradable visita.
      Un abrazo y buena semana.
      Ramón

      Eliminar
  29. °✿彡º°。

    BOM FIM DE SEMANA!!!
    .°º。✿
    Beijinhos carinhosos.
    ✿✿⊱.Brasil°º。✿° ·.

    ResponderEliminar
    Respuestas
    1. Gracias Inês, por tu visita y deseos.
      Un placer volver a contar con tu presencia por aquí.
      Que tengas buena semana.
      Un abrazo.
      Ramón

      Eliminar

  30. _____*___*_________*___*___
    ___*_________*___*__________*
    __*____________*_____________*
    __*____________*_____________*
    __*___Holaaa_________________*
    ___*________________________*
    ____*________como estás____*
    ______*__________________*
    ________*______________*
    __________*__________*
    _____________*_____*
    _______________*_*
    ________________*
    ______*___*_________*___*___
    ___*_________*___*__________*
    __*____________*_____________*
    __*____________*_____________*
    __*___espero_________________*
    ___*_______que estés________*
    ____*____________bien______*
    ______*__________________*
    ________*______________*
    __________*__________*
    _____________*_____*
    _______________*_*
    ________________*
    ______*___*_________*___*___
    ___*_________*___*__________*
    __*____________*_____________*
    __*____________*_____________*
    __*___que tengas_____________*
    ___*______un lindo día_______*
    ____*______cuídate mucho___*
    ______*__________________*
    ________*______________*
    __________*__________*
    _____________*_____*
    _______________*_*
    ________________*
    ______*___*_________*___*___
    ___*_________*___*__________*
    __*____________*_____________*
    __*____________*_____________*
    __*__te mando un beso________*
    ___*___y un fuerte abrazo___*
    ____*_____________________*
    ______*__________________*
    ________*_____bye______*
    __________*__________*
    _____________*_____*
    _______________*_*

    Rebecca Rosenbaum^^

    ResponderEliminar
    Respuestas
    1. Hola Rebecca!
      Un placer tenerte de nuevo por aquí.
      Muchas gracias por tu comentario...todo bien!
      Te deseo una excelente semana.
      Un fuerte abrazo.
      Ramón

      Eliminar