Tutorial Smog.indd

AVISO
Portada SMOG: REALIZACIÓN
El siguiente tutorial trata de la realización de esta portada, no puedo considerar hacer tutoriales para
el manejo de Photoshop, asi pues, resérvense preguntas muy especificas del programa, lo mejor será que
se adentren a Photoshop y traten de aprenderlo para alcanzar un nivel de comprensión óptimo para este
tipo de tutoriales.
1
INTRODUCCIÓN
SMOG es el título de una antología de cómic mexicano, consiste en una recopilación de historietas en donde
conviven diferentes estilos y autores, abarcando desde historietistas con bastantes años en el medio, hasta
historietistas despuntando en el medio nacional, se compone de 96 páginas a B&N a excepción de la portada y
la contraportada. La edición estuvo a cargo de Omar Quintero y fue él quien me invitó a participar realizando la
cubierta. La distribución se planea realizar en espacios culturales, en donde también se hará la presentación del
proyecto, y es probable que se pueda encontrar en convenciones de México y otras zonas de la república.
Además un sitio WEB con mas información del proyecto, el cual contará con una tienda para la venta de este, y por
lo que sé no constará únicamente de un solo tomo, si no de mas de uno.
Por otra parte, lo que me impulsa a realizar tutoriales es la satisfacción que me da al compartir lo que sé, pero
en realidad mas que tedioso al hacerlos, es el hecho de que se me olvida crear las muestras mientras lo voy
haciendo y para cuando me acuerdo, ya terminé la ilustración, asi que esta ocasión me concentré en ir llevando
ambas cosas a la par, la ilustración y el tutorial, asi que irán viendo paso a paso los cambios que sufrió la ilustración
durante el proceso. Nota: Este tutorial fue hecho con la ayuda de Adobe Photoshop, y todo lo que verán es
completamente digital, no existen originales.
TUTORIAL
Cuando me pidieron mi
participación me dijeron que
hiciera lo que yo quisiera
para la portada, que no había
requerimiento alguno. Asi
que tomé el título como inspiración, se me vinieron a la
mente varias ideas, y la que
mas me agrado fue la que ven
como resultado final.
Primeramente le envié al
editor un boceto a color en
calidad fina. Esos bocetos
que mas que un garabato, se
acerca mas a la idea del resultado final. Lo que se deja
ver aquí es la composición,
los colores y el concepto, y
este boceto es justo lo que
ofrece.
Como verán por ahora hay tres LAYERS,
el background donde mas adelante estará el
color, el LAYER de boceto con baja opacidad para hacer grisácea la línea, y el LAYER
de arte final, donde irá el dibujo a detalle.
Lo bueno de ir haciendo esto a la par, es
que me permite compartir todo el proceso,
ya que como ven, el cabello del niño cambió
de estilo. El anterior no me gustó del todo y
preferí hacerlo mas estilizado y sin estar tan
despeinado.
Una ves aprobada la idea, se procede a realizar lo que será el dibujo final, como lo muestro en la siguiente
imagen:
2
3
Una ves hecho
el dibujo final se
crea un LAYER
nuevo y se siguen
a realizar las plastas, es decir, los
colores planos,
solo selección
como lo muestran
las imágenes de
abajo. Es importante señalar que
nuestra herramienta de laso
(tecla “L”) deberá estar con
las opciones de
ESTA FORMA.
Las plastas o
colores planos,
nos servirán para
ir viendo qué
colores usar y
sobre
todo,
tener salvadas
nuestras selecciones de cada
parte para futuros ajustes o
correcciones,
y no volver a
seleccionar las
mismas áreas ya
seleccionadas
en caso de así
requerirlo.
4
Las plastas o colores planos están listos,
en esta imagen pueden ver cómo quedo:
5
Una vez teniendo nuestras plastas, proseguimos a depositarlas en el LAYER de “Background”. ¿Cómo se hace esto?
Se DUPLICA el LAYER de plastas y se fusiona con el “Background”, para después oscurecer los colores de este y
asi partir de oscuros a claros, ya que si usamos medios tonos tendríamos que poner además de luces, SOMBRAS
y es, a mi modo
de ver, doble
trabajo. ¿Cómo
oscurecerlos?,
seleccionen
todo el área de
“Background” SELECT/ALL y se van
a IMAGE/ADJUSTMENTS/HUE-SATURATION y bajan
el Lightness, y
échenle
ojo,
no se trata de
hacerlo preciso
o con números
exactos.
Con
tonos oscuros
como base, solo
nos preocupamos en iluminar,
sigan este tutorial y averigüen el
proceso.
La máscara del niño es lo que seleccioné, y es
aquí donde entra la parte de las plastas, estas
nos ayudan a facilitarnos la selección en cualquier
ocasión.
Ahora viene la parte de
las texturas, uno puede
conseguirlas tomando fotos o por medio del Internet, solo es cuestión
de que se ayuden de
Google para conseguir
texturas que cumplan con
sus necesidades. Se le
da “COPY” a la textura y
pasamos a nuestro archivo
donde estamos trabajando.
Ahora una ves que se haya copiado la textura,
aplicamos EDIT/PASTE INTO, para pegarla dentro
de la selección. Así se ve una ves hecho el paso
anterior:
6
7
Giro la textura y la agrando, EDIT/TRANSFORM/SCALE, (no importa que se pixelee, la parederemos un poco
con la opasidad y
solo nos dará un
efecto maltratado)
Observen como ya se da volumen a las diferentes partes de la máscara.
Ahora se procede a la aplicación del modo
MULTIPLY en el LAYER de la textura y se baja
la opacidad hasta un 50% o según y se le da
MERGE DOWN en el menú de LAYER.
Soy muy detallista, y es eso una de las cosas que me divierte de mi trabajo, asi que hice
una etiqueta en el photoshop para pegársela
a un lado de la máscara de gas.
8
9
Listo, la etiqueta de peligro la pegue a lo
largo del filtro contenedor, cortándola y ajustándola a los volúmenes de este, usando algo
del EDIT/TRANSFORM/DISTORT. Además adherí un par mas, para darle un poco de personalidad al niño, ya que si se tiene que usar
todo el día este aditamento, seguro cada uno
lo personalizaría a su gusto, ¿no?. Las adhesivas
están en LAYERS aparte para futuros ajustes,
es importante no fusionar todos los LAYERS
por que pueden surgir cambios. Estas imágenes
están en modo Overlay y con una opacidad de
alrededor de 30 a 40 por ciento.
Ya está la mayoría de
la ilustración con volumen,
ahora se prosigue a trabajar sobre la careta de
la máscara de gas, lo mas
divertido de la ilustración,
y quizá, lo mas fácil, ya lo
verán.
10
Busqué una imagen de la ciudad de México, en
este caso el Paseo de la Reforma, lo seleccioné
e hice lo mismo que el proceso de las texturas,
agrande la fotografía y la retoqué para que ajustara
en toda la careta.
De la misma forma apliqué el modo OVERLAY sobre
el LAYER y la retoqué al gusto. Adhiriendo resplandor
de sol y algo de contaminación.
11
Ahora se aplican los reflejos del sol en la careta para dar la sensación de ser una superficie plastificada. Se
selecciona el área deseada y se deselecciona el área que NO queremos afectar, en este caso lo que sobrepasa
a la careta.
12
13
De esta manera, trabajo esas mismas áreas para dar el efecto de que se a escarapelado la máscara de gas a
causa de golpes fuertes, esto le dará mas realismo a la ilustración.
La pieza está casi terminada, solo se harán unos pequeños detalles en la máscara para dejar por terminada la ilustración.
Seleccioné algunas
partes con figuras uniformes y con IMAGE/
HUE-SATURATION me fui
a LIGHTNESS y subí un
poco el nivel asi como
el de SATURATION.
14
¡Listo! La ilustración está terminada, y de hecho
este que ven abajo es el formato original, modelo
de tira cómica. Notarán algunos ajustes y retoques,
estos son comunes en mi proceso de realización,
subo o bajo valores o ajusto las gamas, y por último
firmo mi trabajo. Traté de ir sacando muestras del
proceso mientras lo hacía pero a veces me picaba
y no paraba, hasta después me acordaba que no
seguí capturando las muestras, pero este es de
los tutoriales mas clavados que me he aventado,
asi que espero les haya gustado y sobre todo
servido para resolver dudas y consolidar ideas.
Para modos de pago: Se aceptan depósitos bancarios, cruceros, cursos de paracaidismo, cerveza
Paulaner o ya de jodido una invitación a cenar a uno
de los restauranes mas ricos de su ciudad.
15
21 Comentarios de “Portada SMOG: REALIZACIÓN”
Mayo 10, 2006
-Fco Plascencia.
Dijo:
mil gracias por el tutorial, esta interesante ver como resulviste la ilustración, agarrare el tip de paste into, no me la sabia. me encanto
el detalle de las calcas y en las descarapeladas se puede notar el calibre del detalle y dedicación.
Lo que mas me gusto es el concepto y la paleta de colores que usaste, el punto focal sobre la ciudad con los tonos calidos ta chido.
gracias de nuez Raúl.
-fco plascencia.
Renato
II. [Lo de saltarse clases era broma, lo de los alumnos que no limpian... no, pero porque conviene]
Saludos.
Bastante padre el tutorial Rulo, a mi siempre me gusta ver ese “detrás de las cámaras” para ver qué se me pega!
Una pregunta, antes de agregar la textura a la máscara, pareciera que agregaste una textura granulienta (por llamarlos de alguna
manera). ¿De dónde la sacaste? ¿O cómo le diste ese efecto?
Dijo:
[...] En el Blog de Raúl Trevillo hay un tutorial exelente de como fue que hizo una portada para un comic, realmente muy bueno todo
el tutorial y el resultado, exelente... Raúl es muy buen dibujante... Escrito por roc21 dentro de Recomendaciones | You can bookmark
this on Del.icio.us, Y! MyWeb 2.0, Netvouz, Furl, Simpy or Spurl. [...]
Dijo:
Muchas Gracias Raul, muy completo ese tutorial, me gusta mucho el resultado final y que compartas tus conocimientos con los demas.
Saludos...
Dijo:
Man... más que excelente.
Pero eso de las descarapelada de la máscara... siempre me ha gustado ese nivel de realismo que les ponen tu y tus cuates a su
ilustración.
Se agradece el tutorial.
16
Gracias por el tutorial: està buenìsimo. Admiro esa cualidad que tienes para compartir lo que sabes hacer. felicidades!
Aboral
Dijo:
Excelente...
Una vez mas nos complaces con uno de tus tutoriales. Me surgieron algunas preguntas pero luego te las hago. ¿Estará disponible
para descargar el tutorial?
Dijo:
saludos
JESUS ANTONIO
Dijo:
Raul que gacho se te olvido saludar a las MAMITAS el dia de hoy!!
Caray!!!
Dijo:
roc21.com » Tutorial comic...
Dijo:
Muy bien Rulo. Aboral si quieres tener el tutorial es tan sencillo como ir a archivo/guardar como y listo.
que chido que les pases los tips o todos los que andan picandole a photoshop, como dices es cuestion de tiempo darle duro
y una especie de ensayo y error,
sigue asi y gracias por compartir tus conocimientos
Alejandro
Dijo:
Una pregunta Rulo... ¿cuánto tiempo le invertiste a esta portada, desde que empezaste a trazar la linea definifiva del dibujo, hasta
ya terminada en color, efectos y todo?
Oscar Hdz.
Dijo:
mi buen Rulo felicitaciones...
roc21
Alejandro Del Valle
Ulises Alonso
Dijo:
I. [Sobre las texturas: Una de las grandes ventajas de haber estado en la FAV era saltarse clases e ir al taller de plásticas a tomar
fotos de miles y miles de texturas que uno se puede encontrar en cualquier lugar... ¡benditos alumnos que no limpian!]
Santiago Casares
suerte... y gracias Rulo
(ahí pa darnos una idea)
Yo te invito una ronda de Tacos del Gato Panchín.
Me interesó lo de la revista, mencionas que tiene website pero ¡no pones el enlace! aunque igual y es que aún no está listo.
Ulises Arvizu
–Santiago: la textura de granos la puedes poner en: Filter / Noise / Add Noise... y ahí mismo tu la vas ajustando a tus nececidades.
Antes había unos filtros que añadias a photoshop de nombre KPT (KeyPower Tools) pero no los he encontrado para las nuevas versiones del sistema Mac. Esos filtros resuelven ese tipo de detalles con mayor control.
No ya en serio que chingon tutorial de hecho en unos 15 dias ya empezare mis pininos con photoshop neta que fregon tutorial.. Y
SIGO SIN COMPU!!
Por ultimo ahi a los cuates cuando tenga un tiempo chequen la tira de la semana hecha por mi con Bodoque!!
www.lakodorniz.com
Un abrazo!!
JESUS ANTONIO
Omar
Dijo:
Buen tutorial.
Santiago Casares me ganó la pregunta. ¿Cómo lograste la textura granulada?
He visto que la has ocupado en algunos otros trabajos y realza de manera interesante la ilustración.
Raúl Treviño
Dijo:
TODOS: Me da gusto que les haya servido.
roc21: Órale, gracias por la mención, ¿Es esa la onda del trackback y los pings?
JESÚS: Es verdad... :S suerte con la compu!
Alex: Mas o menos como una jornada laboral de 8 horas, con sus pausas y recesos.
17
Aboral: Como dice Oscar Hdz. vete al menú “archivo/guardar como”.
Santiago y Omar: Secreto profesional Para conservar ese toque se tienen que realizar algunos pasos, mismos que me costó
descubrir.
Mayo 11, 2006
Karla S. Pérez
Dijo:
Sí, eso es algo que admiro mucho de ti, no temes compartir tus conocimientos, excelente tutorial lo pondré en práctica.
Saludos!!!
P.d: Si que gacho no felicitaste a las madres en su día, je no te creas.
Armax
Dijo:
Simplemente excepcional, no cabe duda “El que sabe, sabe”, felicidades, eres todo un master, mas bien... eres el master sigue
así, ka
Fernando Serrano
Dijo:
Orale!!!!
Muy padre tutorial Rulo, muy completo, con este ya entendi varias cosas sobre el color digital...
Muchas gracias por compartir tus conocimientos!!!!!
Saludos y cuidate mucho!
Mayo 12, 2006
Aboral
Dijo:
Despues que oscureses el dibujo ¿que metodo usas para darle los tonos claros y el volumen?
Raúl Treviño
Dijo:
Aboral: Uso dos clases de brush, el duro y el fino, ayudándome en ocasiones de las selecciones que puedes crear con la herramienta del laso (tecla “L”). ¿Resolví tu duda?
Mayo 13, 2006
JORGE
Dijo:
N’ombre pues está bien fregona como todo lo que haces, bastante clara, aunque como dices, faltaron algunos pasos para los que
queremos que nos expliquen con peras y manzanas
Mi pregunta va más allá del dominio del photoshop y los trucos que empleas... ¿cómo sacas tu paleta de colores?
Raúl Treviño
Dijo:
Hola Jorge! Pues verás, ya teniendo un buen rato en esto, pues ya me sale solo, pero antes tenía que apoyarme de referencias
fotográficas, escenas de películas, o de tablas de gamas cromáticas.
18