Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
 
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> Tutorial: Photoshop, Creación de una imágen compuesta.

dk01
post Feb 5 2005, 08:46 PM
Publicado: #1


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Bueno, aquí veremos los pasos de cómo llegar a esta imágen:

user posted image

Veremos como utilizar corrección de color, modos de capas, máscaras, canales y otras cuantas herramientas.

Será necesario descargar estos archivos zippeados. (6.4 mb)


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 08:53 PM
Publicado: #2


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 1: Creación de la base

1- Abrimos el archivo modelo.jpg y seleccionamos de la barra de herramientas la herramienta Varita mágica. Arriba, donde se encuentran las opciones de la varita mágica, destildamos la opción Contiguo. Ahora lo que debemos hacer es cliquear en la parte verde, e ir a selección -> invertir y a continuación vamos a Edición -> copiar (o simplemente presionamos ctrl+c).

user posted image

2- Creamos un nuevo documento de 32cm x 28cm RGB a 150 dpi con fondo blanco. Ahora debemos pegar (como muestra la imágen de más abajo) la imágen que tenemos en el portapapeles (edición -> pegar o ctrl+v).

user posted image

3- Ahora lo que vamos a hacer es duplicar la capa de la modelo. La seleccionamos y vamos a Capa -> Duplicar capa. Le colocamos algún nombre como modelo copia o algo por el estilo.

4- Ocultamos la capa superior (o primera) cliqueando en el ojo que se encuentra en el visor de capas. Seleccionamos la capa inferior a la primera (la que se encuentra sobre el fondo y debajo de la que ocultamos) y aplicamos Filtro -> Desenfocar -> Desenfoque Gaussiano. Probamos con un radio de entre 20-30 pixeles (usamos el desenfoque para suavizar el modelo).

5- Visualizamos ambas capas (desocultamos la primera), seleccionamos la primera y vamos a capa -> estilo de capa -> opciones de fusión y cambiamos el modo de fusion a Luz intensa y colocamos su opacidad al 84% (esto también se puede hacer directamente desde la paleta de capa desde el menú desplegable).

6- Ahora crearemos un nuevo canal y lo llamaremos Ojos. Esto lo haremos yendo a la paleta de capas y cliqueando en la solapa Canales, cliqueamos en la flechita que se encuentra arriba a la derecha y seleccionamos Nuevo canal. Veremos que se vuelve todo negro. Ahora deberemos visualizar también los otros canales cliqueando en el ojito que se encuentra donde dice RGB (se verá todo colorado).

7- Usando la herramienta Marco elíptico, dibujamos dos círculos alrededor del iris (la parte no blanca) de los ojos y presionamos delete. A no preocuparnos por la parte en que nos pasamos. Ahora pintamos en la máscara usando color negro en la parte sobre la que nos pasamos (veremos que lo que pintamos se vuelve colorado como la máscara), y aplicamos un desenfoque gaussiano de tres pixeles de radio para suavizar la máscara (como se puede ver abajo).

user posted image

8- Ahora creamos sobre todas las capas una nueva que llamaremos realce de ojos. Con el Cuentagotas tomamos una muestra del color del iris del ojo, y cargamos el canal Ojos en la nueva capa (arrastrando el canal hasta el primer ícono de la base de la paleta Canales - un circulo punteado).

9- Ahora vamos a Edición -> Rellenar -> Ok. Esto rellenará la selección con la muestra de color que hemos tomado en el punto anterior. Ahora debemos cambiar el modo de fusión de la capa a multiplicar. A continuación vamos a Imágen -> Ajustar -> Tono/Saturación y ajusta el color hasta obtener uno similar al de la imágen de abajo (aproximadamente Tono +5, Saturación +55, Luminosidad +35).

user posted image

10- Usando la capa Realce de ojos, seleccionamos la herramienta Borrador y lo configuramos de la siguiente forma:
Donde dice Pincel, hacemos click sobre el pincel y le colocamos la siguiente configuración:
Diámetro: 14 px.
Dureza: 3 %
Espaciado: 25 %
Ángulo: 0 º
Redondez: 100 %
Donde dice Modo, seleccionamos Opciones del aerógrafo, y donde dice Presión seleccionamos 40%.
Ahora borramos suavemente los reflejos de luz en los ojos.

Consulta el siguiente archivo si quieres comparar los resultados: Paso 1




User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 08:56 PM
Publicado: #3


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 2: Aplicación del tatuaje

1- Creamos un canal nuevo llamado Tatuaje. Abrimos el archivo llamado Canal Tatuaje.jpg, cortamos todo su contenido y lo pegamos en el canal recién creado asegurandonos que el fondo del canal sea negro. Ahora visualizando los canales RGB, alineamos el tatuaje para que se vea como la imágen de más abajo, usando la herramienta mover.

user posted image

2- Abrimos el archivo Textura tatuaje.jpg, lo cortamos y pegamos en la ilustración. Lo colocamos sobre el brazo con el canal Tatuaje visible para cersiorarnos que la textura cubra todo el tatuaje. Renombramos la capa donde se encuentra la textura a Textura.

3- Cargamos el canal Tatuaje, vamos a Selección -> Invertir y luego presionamos Suprimir seguido de Ctrl+D para deseleccionar la selección. Ahora debemos cambiar el modo de fusión de la capa a Multiplicar con la Opacidad al 60% . También deberemos ajustar el Tono/Saturación con los valores que se pueden ver a continuación.

user posted image

Lsta la segunda fase. Debería lucir más o menos asi: Paso 2


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 08:59 PM
Publicado: #4


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 3: Aplicación de la textura de fondo

1- Abrimos el archivo Fondo nubes.psd y copiamos su contenido (sólo la capa superior, no el fondo) y la colocamos en una capa debajo de las capas que tienen a la modelo, como muestra la imágen de más abajo.

user posted image

2- Ahora crearemos una nueva capa sobre las anteriores que se llamará Textura H. Pintamos tiras de color con diferentes grosores de brocha usando los colores de la ilustración, pero borrando partes con la herramienta borrador con una opacidad baja. Podemos ver un ejemplo de esto aquí abajo.

user posted image

3- Creamos una nueva capa llamada Lineas en relieve. Tomamos un ejemplo de azul cyan (para los que no lo conocen, es un celeste medio verdoso) de la ilustración y pintamos en vertical una serie de líneas anchas y estrechas recorriendo la cara de la modelo a la altura de la oreja. Usamos luego el Borrador para borrar líneas de manera que aparenten extenderse detrás de ciertas partes de la modelo, como podemos observarlo más abajo.

user posted image
4- Cambiamos el modo de fusión de la capa Lineas en relieve a Multiplicar y luego vamos a Capa -> Estilo de capa -> Bisel y relieve. En el recuadro que dice Sombra en la parte donde dice Modo de sombra hacemos doble click en el cuadrado que tiene el color de la sombra y lo cambiamos por azul oscuro. El resto de las opciones las configuramos como muestra la siguiente imágen:

user posted image

5- Creamos lineas horizontales como lo hicimos con las verticales sobre la zona en la que hicimos previamente la textura horizontal, luego pintando y dando relieve como antes. En la herramienta Borrador seleccionamos Opciones de aerógrafo con una presión del 30% y borramos suavemente algunas líneas de la parte derecha de la ilustración hasta hacerlas desaparecer gradualmente.

Hasta ahí la primera parte de esta fase. Debería verse algo asi: Paso 3 Parte 1
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 09:02 PM
Publicado: #5


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Segunda parte

6- Creamos textos que colocamos sobre las lineas horizontales, con la herramienta Texto. Hacemos varias capas de texto de diferentes tamaños y posiciones en azul oscuro y lo colocamos sobre las lineas horizontales. Para cada capa de texto debemos ir a Capa -> Rasterizar -> Capa (esto la convertira en una capa editable).

7- Unimos todas las capas de texto rasterizado parandonos en una de ellas y cliqueando en el botón Enlazar (a la derecha del que nos sirve para hacer invisible las capas). Luego debemos ir a Capa -> Combinar entrelazadas (o presionando Ctrl+E). Ahora aplicamos una Distorsión de movimiento de y 11 pixeles y con una brocha pequeña borramos trocitos pequeños del texto. Ahora debería de verse algo así:

user posted image

8- Colocamos la capa del texto en modo Multiplicar con una opacidad del 50%. Ahora debemos ir a Capa -> Estilo de capa -> Bisel y relieve y lo configuramos de la siguiente manera:

user posted image

9- Ahora duplicamos la capa del texto usando Capa -> Duplicar capa, llendo luego a Edición -> Transformar -> Rotar 90º AC y colocamos el texto sobre las líneas verticales. Reducimos la opacidad al 25%, y ahora borramos suavemente el texto que queda sobre la cara de la modelo (como hicimos con las líneas verticales en su momento).

10- El próximo paso es crear una capa llamada Cuadritos. Con un Marco rectangular de Estilo: Tamaño fijo de 32 x 32 pixeles dibujamos pequeños cuadrados y los cubrimos con diferentes tonos de azul y blanco (consulta el paso 3 completo para ver un ejemplo). Ahora le damos relieve y le aplicamos una Sombra paralela suave desde Capa -> Estilo de capa -> Sombra paralela.

11- Finalmente aplicamos en varias capas números en relieve como hicimos con el texto horizontal, pero esta vez en blanco para contrastar con los azules. Elegimos una fuente moderna o futurista sin miedo de usar tamaños grandes que cubran la modelo (con cuidado de no tapar sus facciones).

Ahora debería lucir algo así: Paso 3 Parte 2
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 09:05 PM
Publicado: #6


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 4: Aplicación de la red circular

1- Creamos un nuevo canal llamado Red Circular. Abrimos el archivo Canal Grilla.jpg cortamos y pegamos su contenido en el nuevo canal. Lo alineamos para que quede su centro alrededor de la bola, como muestra la imágen de más abajo. Este canal lo usaremos para crear la red que irradia la bola.

user posted image

2- Creamos una nueva capa y cargamos el canal Red Circular en la nueva capa. Tomando una muestra con el cuentagotas de celeste claro y vamos a Edición -> Contornear y en sus opciones seleccionamos un trazo de 4 pixeles que parta desde el centro.

3- Duplicamos la capa y ponemos ambas con una opacidad del 75%. Cambiamos el modo de la capa de arriba a Aclarar y el de la capa de abajo a Oscurecer, para crear el efecto de líneas claras en objetos oscuros y líneas oscuras en objetos claros.

4- Ahora queremos reducir la intensidad de las líneas de la cara usando una Máscara de capa. Creamos un nuevo canal llamado Mascara Cara y usando la herramienta Laso creamos un contorno de la cara. Presionamos Suprimir.

user posted image

5- Aplicamos una Distorsión gaussiana a la máscara de 20 pixeles. Ahora vamos a Imágen -> Ajustar -> Niveles (o presionamos Ctrl+L) y colocamos el Nivel de salida a 175. Esto hará que, como podemos ver más abajo, la zona blanca se oscurezca. Presionamos Ok.

user posted image

6- Hacemos click en la una de las capas de la red circular y cargamos el canal Máscara Cara. Ahora vamos a Capa -> Añadir máscara de capa -> Ocultar selección. Ahora sólo la intensidad de las líneas de la cara se ha reducido.

Ahora debería lucir así: Paso 4
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 09:08 PM
Publicado: #7


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 5: Aplicarle brillo a la bola de cristal.

1- Dibujamos un Marco elíptico alrededor de la bola y vamos a Selección -> Guardar selección. Llamamos el nuevo canal Bola y hacemos una nueva capa llamada Brillo de bola.

user posted image

2- Cargamos el canal Bola en la capa Brillo de bola y vamos a Selección -> Modificar -> Expandir. Seleccionamos 32 pixeles (en versiones anteriores a Photoshop 6, el máximo expandible es de 16 pixeles, en ese caso expandir dos veces).

3- Hacemos el primer plano blanco yendo a Edición -> Rellenar -> Ok. Deseleccionamos y usando la herramienta Aerógrafo colocamos puntos blancos alrededor de la circunferencia como podemos ver más abajo.

user posted image

4- Ahora vamos a usar el filtro Desenforque radial para expandir nuestro círculo blanco y crear el brillo. Colocar el centro del desenfoque radial puede ser algo complicado, pero usen la imágen de abajo como guía (de paso tiene las instrucciones de cómo configurarlo).

user posted image

5- Una vez aplicado el desenfoque radial, cargamos nuevamente el canal Bola y presionamos Suprimir. Nuestra bola de cristal vuelve a aparecer con su nuevo brillo. Ahora debemos duplicar la capa Brillo de bola y colocandonos en la capa superior, vamos a Capa -> Combinar hacia abajo

6- En este paso tenemos dos opciones. Primero, borrar con cuidado el brillo de las manos de la modelo. La segunda usar el Laso, como se puede observar abajo, para crear una selección aplicándolo con un calado de dos o tres pixeles (para suavizar el dibujo). Presionamos Suprimir.

user posted image

Ahora deberíamos estar viendo algo así: Paso 5
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
dk01
post Feb 5 2005, 09:11 PM
Publicado: #8


Médico brujo (de turno)
Group Icon

Grupo: Admin
Mensajes: 4.026
Registrado: 25-July 04
Desde: Buenos Aires
Miembro nº: 8.753



Paso 6: Los toques finales.

1- Abrimos el archivo Textura cables.jpg, lo cortamos y lo pegamos en nuestro documento a la izquierda de la ilustración. Llamamos a la capa Cables.

user posted image

2- Invertimos la capa de cables Imágen -> Ajustar -> Invertir (o Ctrl+I). Ahora vamos a Imágen -> Ajustar -> Tono/Saturación y hacemos click en Colorear. Ajustamos todo como se ve más abajo. Debería quedar del color que se ve en esa misma imágen.

user posted image

3- Ponemos la opacidad de la capa de cables al 40% y seleccionamos una de las capas de la red circular. Usando la Varita mágica, teniendo la opción Contiguo destildada, hacemos click dentro de uno de los polígonos que se encuenran dentro de la red. Cliqueamos nuevamente en la capa Cables para seleccionarla (ver más abajo cómo queda hasta acá). Vamos a Selección -> Invertir y presionamos Suprimir. Cargamos el canal Red circular en esta capa y presionamos Suprimir.

user posted image

4- Ahora lo que debemos hacer es desaparecer gradualmente los cables. Para esto creamos un nuevo canal llamado Desaparición del cable, y seleccionamos blanco como color primario y negro como secundario. Usando la herramienta Degradado vamos de izquierda a derecha para crear el canal que va a hacer que los cables desaparezcan gradualmente (ver imágen).

user posted image

5- Cargamos el canal Desaparición del cable en la capa de cables y presionamos Suprimir. Cambiamos el modo de la capa a Multiplicar y le reducimos la opacidad. Usamos el Borrador con un pincel grande para borrar secciones de la textura de cables.

6- Abrimos el archivo Bolitas.psd y reajustando sus tamaños (Edición -> Transformar -> Escalar), las utilizamos para colocar bolitas de colores en diferentes partes de la red (ver el modelo terminado para tener idea dónde). Usamos los estilos de capa para colocarles sombras como ya hicimos con los cuadritos.

7- Creamos una capa nueva llamada Estrellas. Usamos el aerógrafo para pintar pequeñas estrellas sobre la cabeza de la modelo. Usamos una brocha mayor con 50% de opacidad para crear el brillo de las estrellas, y una brocha menor con 100% de opacidad para crear el centro de la estrela, como muestra la imágen más abajo.

user posted image

8- Abrimos el archivo Canal Grilla Bola Cristal.jpg, lo cortamos y pegamos en un canal nuevo de manera que quede en el centro de la bola de cristal. Cargamos el canal en una nueva capa, lo cubrimos con blanco (Edición -> Rellenar -> Ok) y luego usamos los estilos de capa con la configuración que se ve más abajo. Ahora colocamos el modo de la capa en Superponer.

user posted image

9- Finalmente y totalmente opcional, si todavía no queda de todo bien el trabajo, o si simplemtene queremos darle un aspecto diferente, podemos hacer correcciones de color usando los niveles de Tono/saturación. También se pueden colorear cada capa por separado para lograr el aspecto diferente.

Bueno, ahora el modelo terminado debería parecerse al que aparece arriba en el primer post, que también podemos ver aquí: Final
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

Tutorial: Cómo crear un disco de inicio MS-DOS JaCoBo 61 2 Hoy, 12:51 AM
By: o.O_SeBaS_o.O
Tutorial Photoshop: Como crear una firma Alhanna 407.585 399 Oct 7 2008, 09:44 PM
By: titometal
Descargas Photoshop, ¡¡1ºs auxilios! titometal 9.877 138 Oct 5 2008, 11:36 PM
By: JoseIgnacio33
Tutorial: Programación VBScript Básica. vitrox2007 148 6 Oct 4 2008, 06:37 AM
By: vitrox2007
Tutorial: Programación VBScript Básica. vitrox2007 0 0 Oct 2 2008, 10:01 PM
By: rob1104