[Tutorial Photoshop] Convertir fotografía en boceto
Autor: admin | Guardado en: Ilustración, Photoshop, Tutoriales
Os dejo con este pequeño tutorial en el que convertiremos cualquier fotografía (en este caso, una ilustración que puedes descargar desde el perfil en DA de Vloth, su autor) a un simple boceto. Como veréis, no he querido que se quede en el típico efecto de dibujo a lápiz, le he dejado algo de color y creo que el resultado es muy bueno.
Paso 1: Pasando la imagen a valores de gris
Primero abrimos la imagen que vamos a utilizar. En este caso yo he elegido una ilustración que puedes descargar desde el perfil de su autor, en Deviant Art. Después de abrirla [Ctrl+O], duplica la capa [Ctrl+J] para trabajar sobre la capa duplicada.
Ahora bajaremos un poco el contraste [Imagen>Ajustes>Brillo/Contraste] y, después, abrimos el mezclador de canales [Imagen>Ajustes>Mezclador de Canales] y activamos la opción Monocromo, para conseguir que la imagen quede en valores de gris.
Paso 2: Máscara de enfoque
Para definir más los bordes, aplicamos una máscara de enfoque [Filtros>Enfocar>Máscara de Enfoque], con una cantidad del 500%, un radio de 1píxel y un umbral de 1 nivel.
Paso 3: Curvas
Ahora crearemos algunas capas de ajuste mediante curvas; para ello, haz clic en el círculo bicolor que verás en la parte inferior de la ventana de capas y elige la opción Curvas. Se abrirá un cuadro de diálogo para el canal RGB con el que aumentaremos el contraste de la imagen:
A continuación, editaremos las curvas de los canales rojo, verde y azul (tendrás que abrir un nuevo ajuste de curvas para cada uno y seleccionar el canal correspondiente) para darle un poco de color al boceto.
Paso 4: Filtro película granulada
Con este filtro añadiremos a la imagen un poco de grano, lo que nos ayudará con ese aspecto de boceto que queremos darle. Antes de aplicar el filtro debemos crear una nueva capa [Ctrl+Shift+N] y rellenarla [Alt+Back Space] de un color gris.
Para aplicar el filtro, ve a Filtro>Artístico>Película Granulada y pon los siguientes valores:
- Granulado: 4
- Área resaltada: 0
- Intensidad: 10
Hecho esto no olvides cambiar el modo de fusión de la capa a Superponer.
Paso 5: Jugando con los modos de fusión
Crea una nueva capa y dirígete a Imagen>Aplicar imagen. Como ves, ahora tendremos todo el proceso que hemos hecho hasta ahora en una sola capa. Duplícala [Ctrl+J] y cambia el modo de fusión de la capa resultante a Sobreexponer Color.
Ahora aplicaremos otro ajuste, esta vez de Tono y Saturación (ya sabes cómo hacerlo). En este ajuste, activando la casilla Colorear aplicaremos los siguientes valores:
- Tono: 275
- Saturación: 18
- Luminosidad: 0
Paso 6: Últimos ajustes
Una vez más, crearemos una nueva capa [Ctrl+Shift+N] y aplicaremos la imagen [Imagen>Aplicar imagen]. Ahora duplicaremos la Capa Fondo (la original, sin ningún cambio) y la pondremos como primera capa, encima de todas. Cambiamos su modo de fusión a Sobreexponer color con una opacidad del 60% y un valor de relleno del 70%.
Por último, aplicaremos 5 capas de ajuste más: dos de curvas, un filtro de fotografía, una de tono y saturación y una de brilla y contraste.
Y listo, aquí termina el tutorial. Creo que, en estos pocos pasos, hemos conseguido crear un boceto de manera sencilla y algo diferente a lo que estamos acostumbrados a ver por la red, que se quedan en una capa desaturada, un desenfoque y poco más. A mi el resultado me ha gustado, ¿y a ti?
Tags: boceto, Fotografía, Photoshop, tutorial
Junio 4th, 2009 at 20:19
[...] aquí para acceder al [...]
Junio 5th, 2009 at 13:33
Está muy bueno pero el tutorial no empiza con una foto sino con una ilustración
Junio 5th, 2009 at 13:55
@Seba si, tienes razón. Empecé a escribir el post y, al buscar alguna imagen, la que más me gustó fue esta, que resultaba ser una ilustración. “Fallo” mío… de todas formas, creo que funcionaría de la misma manera con fotografías, siempre que sean de alta resolución que, al fin y al cabo, son con las que mejor se trabaja.
Junio 5th, 2009 at 20:45
Gracias, lo voy a probar
Junio 9th, 2009 at 21:30
[...] Leer el tutorial: Convertir fotografía en boceto [...]
Junio 10th, 2009 at 4:14
el tutorial se ve espectacular he aplicado a una pintura al oleo y quedo muy bueno gracias.
Junio 12th, 2009 at 16:39
Hola, pues he tratado de aplicar el tutorial a fotografias pero la verdad el resultado no me convence, con ilustraciones el resultado es perfecto, es fantastico pero con fotografias no mucho, yo he tratado modificando algunos valores pero no logro obtener el mismo resultado. me encantaria que tu trataras y si consigues el mismo resultado con una fotografia postes el tutorial. gracias y esta buenisimo este tutorial y este sitio, te felicito.
Junio 13th, 2009 at 15:20
@Alejandro gracias por intentarlo y dejarnos la experiencia. Pues a ver si saco un poco de tiempo y intento que salga el efecto con una fotografía y os lo dejo. Un saludo.
Junio 24th, 2009 at 21:31
[...] Fuente | Teo Atienza Blog [...]
Junio 25th, 2009 at 8:08
Esta bien, pero habrá que tener en cuenta que no es una fotografía de lo que parte, es una ilustración, y con estos mismos pasos el acabado no será parecido.
Junio 25th, 2009 at 17:58
Muy bueno el truco, en verdad te pasastes hermano , voy a practicarlo ahora el efecto en fotos que he tomado, gracias por compartir tu tecnica.
Junio 26th, 2009 at 15:48
esta rifado men, gracias a expertos como ustedes uno se vuelve experto tambien,
seguire tu blog de cerca
Julio 9th, 2009 at 13:17
muy buena y me da motivos para ser mas creativa
miriam
Julio 12th, 2009 at 4:53
[Tutorial Photoshop] Convertir fotografía en boceto…
Os dejo con este pequeño tutorial en el que convertiremos cualquier fotografía (en este caso, una ilustración que puedes descargar desde el perfil en DA de Vloth, su autor) a un simple boceto. Como veréis, no he querido que se quede en el típico e…
Julio 14th, 2009 at 23:27
No soy diseñador y llegue por casualidad aqui pero da gusto ver estos trabajos y a parte que te enseñen a hacerlos.
felicidades!!
Julio 18th, 2009 at 23:46
Orginalmente esa imagen era en blanco y negro porque no me queda igual , necesito el efecto de boceto a lapiz en imagenes de calzado. help me! :/
Agosto 5th, 2009 at 18:43
No me resultó y acabo de leer los post y mencionan que solamente sirve para ilustraciones y no para fotografias…
asi que espero la promesa Teo.
Saludos Y Muy Buen Tuto
Spawn
Agosto 6th, 2009 at 2:39
Un cordial saludo, la verdad me gusta mucho esto pero no me dio el resultado esperado no se cual es mi falla puesto que hice todo al pie de la letra pero no me da el resultado, me gustaria saber si el paso 1 y 2 es aplicado al duplicado de la capa a color o es capa independiente, en el paso 6 no entendi si esos ultimos ajustes se dan a la capa de fondo a color con el modo de fiusion o sin ninguno en fin lo intentare hasta poder dar con lo que me falta…. se nota que soy novatoooo jeje si me puedes aclarar esto en un mail se lo agradeceria… MUCHAS GRASIAS por ayudar a los que no conocemos
Septiembre 20th, 2009 at 15:56
[...] | Teo Atienza Blog [...]
Octubre 18th, 2009 at 17:42
menos mal q lei los comentario pq me quede en plan: O.o no me ha quedado igual!
pero vamos que aun asi ha quedado bien jaja
estaria bn q pusieran q era una ilusitracion!
pero m ha kedado chulo
wen tuto!
Octubre 21st, 2009 at 10:16
Con ilustracion te ha quedado perfecto pero con fotografia no tiene nada qur ver el resultado, de todas formas muy buen tuto
Noviembre 2nd, 2009 at 7:47
Acabamos de terminar el tutorial. Cambia el titulo del tutorial porque la verdad es que con fotografias el efecto no se puede lograr. la fotagría quedo muy mal y nada que ver con lo que mostras, estuve leyendo que con otra como acuarela o imagen funciona pero no viene al caso porque me llevo una hora y los resultados no se vieron. Igual es buena la explicación y. Porfavor cambia el titulo porque mucha gente se puede ilusionar. Felicitaciones por tu pagina esta bien diseñada.