-->
Recopilación de tutoriales de Photoshop
Indice de los foros
15511
Sitio creado por Manuel Warr el 14 Dic 2005

VENTANA DE CRISTAL (Diseño Gráfico -MEDIO/AVANZADO)

-->
Tutoriales y Trucos de Photoshop

VENTANA DE CRISTAL (Diseño Gráfico -MEDIO/AVANZADO)

Notapor Ramon » 18 Oct 2006, 12:08

¡Hola! nuevamente.

Esta vez recupero tutoriales de DISEÑO GRÁFICO, que son los que mas me gustan de realizar.

Os voy a enseñar la técnica de crear una ventanta de cristal, con su marco y una figura detrás, desde cero.

En este tuto podreis comprobar que hay más de una técnica, con lo que de un golpe aprenderemos a realizar varias cosas a la vez como es un cristal y un marco de madera.

COMENZAMOS:

1. Abrir un archivo de los que tengais con una silueta (podeis conseguir siluetas en la web, en alguna galería de Clip art o bién hacer lo que yo he hecho, he modificado una fotografía de mi hija y la he convertido en silueta).

2. A continuación crear una nueva capa (Control + mayúsculas + N). Nombrarla: yo le puse de nombre CRISTAL.

Seguidamente vamos a contruir la textura del cristal (primera técnica de este tuto).

3. FILTRO > INTERPRETAR > NUBES.

4. FILTRO > DESENFOQUE> DESENFOQUE DE MOVIMIENTO: Poner un valor de 92 px.

5. FILTRO > BOSQUEJAR > MODELO DE SEMITONO: Cambiar el tipo de modelo a LÍNEA, el Tamaño a 12 y el Contraste a 5.

De esta manera tan original hemos conseguido añadir una textura de lamas, simulando la textura de las ventanas antiguas.

CONSEJO: Podeis guardarla y emplearla en colage en modo SUPERPONER, o bién darle otros usos.

6. FILTRO > DISTORSIONAR > CRISTAL: Ajustar la Distorsión a 7, el Suavizado a 3 y escoger DESLUTRADO (Esmerilado) como Textura.

De esta manera simulamos un cristal con escarcha.

7. Vamos ahora a darle este mismo efecto a la silueta.

- Oculte la capa CRISTAL y seleccione la capa de la silueta.

- Pulse CONTROL + F, y de esta manera aplicamos el filtro cristal a la silueta. (dará la sensación que se encuentra detras de la puerta de una ducha ¿no es así?

8. Hacer visible la capa CRISTAL y reducir la OPACIDAD al 40% /50%, aproximadamente.

Con estos pasos hemos conseguido el efecto básico.

Podría dejarlo aquí pero vamos a continuar para dar más realismo
.

9. Ahora vamos a ralizar un pequeño efecto de iluminación (otra técnica a aprender).

- CONTROL + MAYUSCULAS + N : Nueva Capa. NOMBRARLA: Yo le puse LUZ.

10. Pulsar la letra D para habilitar los colores de la paleta por defecto (Negro,Blanco) ya que ahora le vamos a aplicar a esta capa un degradado NEGRO, BLANCO y RADIAL. (Pulsar la letra G y seleccionar DEGRADADO RADIAL)

11. Ocultar la capa CRISTAL, de esta manera vereis mejor la capa que estais trabajando (la capa de la LUZ).

- Aplicamos el DEGRADADO de arriba a abajo desde el centro de la imagen.

- Así conseguimos una luz en la parte central de la imagen, que se fusiona con la oscuridad en los bordes (el degradado aplicarlo de tal manera que el color blanco, un ciruclo difuso, quede en el centro, si es el negro teneis que habilitar la casilla de invertir en la herramienta Degradado Radial)

12. Cambiar el MODO DE FUSION de ésta Capa a OSCURECER. De esta manera vemos la silueta a través de ella. Si lo creeis conveniente ajustar la Opacidad para que el degradado y el fondo quede equilibrado.

13. Ahora combinar las capas (Si lo deseais podeis guardar el trabajo en CAPAS) -Pulsar CONTROL + MAYUSCULAS + E -.

Seguimos, vamos a aplicar un texto a la superficie.

14. Para poder aplicar el texto en el cristal debemos crear, previamente, un MAPA DE DESPLAZAMIENTO. (otra técnica)

- Para ello seleccionar la capa del CRISTAL y hacer clic con el botón derecho en ella.

- Seleccionar DUPLICAR CAPA y en el campo Documento elejir NUEVO y llamarle mapa cristal o el que querais.

- Hemos convertido la capa CRISTAL en un documento nuevo, con todas las propiedades de la capa.
Subir la OPACIDAD a 100% y aplicarle FILTRO > DESENFOQUE > DESENFOQUE GUASSIANO: 9/10 px. (esto lo hacemos porque estos cristales son mas suaves en un lado que en otro).

- Ahora guardar el MAPA DE DESPLAZAMIENTO como mapa cristal.psd. (debe tener la extensión .psd para que pueda funcionar)

15. A continuación poner el TEXTO que querais. Moverlo a la capa superior (es decir ponerlo encima de todas las demás).

16. Seguidamente hacemos clic en el icono de Añadir estilo de Capa (parte inferior de la paleta capas, es un f y seleccionar TRAZO, escoger el color negro, tamaño 3 pixeles, posición FUERA. También le podeis añadir una sombra paralela, de esta manera le dais mas énfasis.

17. Hacer clic con el botón derecho sobre la capa de TEXTO y escojer RASTERIZAR CAPA.

18. Ahora vamos a hacer uso del MAPA DE DESPLAZAMIENTO.

- FILTRO > DISTORSIONAR > DESPLAZAR: Cambiar la escala a 5%, tanto en HORIZONTAL como VERTICAL, el resto de las opciones dejarla tal cual.

- Photoshop nos pedirá un mapa de desplazamiento. Buscar vuestro archivo mapa cristal.psd (el que guardamos anteriormente). Abrirlo y vereis como el TEXTO se retorcerá y girará para seguir el contorno del modelo del cristal.

Sobre esta técnica en Tutoriales podeis buscar y mirar mi tuto de titulo MAPA DESPLAZAMIENTO.

Ahora vamos a darle unos toques finales.

19. Seleccionar la capa CRISTAL pulsar CONTROL + U (se abre el cuadro de TONO/SATURACION) y ajustais la configuración a vuestro gusto, habilitando previamente la casilla de verificación COLOREAR.

EJEMPLO: Tono: 209; Saturación: 64 y Luminosidad: 0 -con esto conseguimos un cristal azulado-.

De esta manera finalizamos este tuto, que espero le saqueis provecho.

Yo, como último toque, hice un marco de madera, el cual no voy a explicaros para no extenderme más, pues en plantillas podeis buscar un marco que os guste, o el que creais vosotr@s.

DISEÑO GRAFICO ES IMAGINACION

Saludos.
No tiene los permisos requeridos para ver los archivos adjuntos a este mensaje.
Avatar de Usuario
Ramon
Veterano/a
Veterano/a
 
Mensajes: 888
Registrado: 30 Mar 2006, 10:03
Ubicación: Mérida

Notapor Trynytron » 18 Oct 2006, 13:58

Excente tuto :Divino: :Divino: :Divino:
Trynytron
Veterano/a
Veterano/a
 
Mensajes: 703
Registrado: 15 Dic 2005, 08:14
Ubicación: Sevilla

Gracias

Notapor Ramon » 18 Oct 2006, 15:53

Trynytron. Saludos.
Avatar de Usuario
Ramon
Veterano/a
Veterano/a
 
Mensajes: 888
Registrado: 30 Mar 2006, 10:03
Ubicación: Mérida

Notapor orko2002 » 18 Oct 2006, 16:57

Exelente!!! cuando tengas tiempo hace el tuto del marco que me parecio una masa!
Avatar de Usuario
orko2002
Empezando en el foro
Empezando en el foro
 
Mensajes: 47
Registrado: 05 Jun 2006, 22:12
Ubicación: Buenos Aires - Argentina

Notapor Anabelen » 18 Oct 2006, 17:04

Buen aporte, gracias :plas: :plas: :plas: :plas:

Saludos.
Imagen
Anabelen
Veterano/a
Veterano/a
 
Mensajes: 441
Registrado: 26 Feb 2006, 22:29
Ubicación: Córdoba

Notapor manolowarr » 18 Oct 2006, 18:31

:ok: :plas: :plas: :plas: :plas:

Saludos.
Avatar de Usuario
manolowarr
Photoshop-Scripts
Photoshop-Scripts
 
Mensajes: 1836
Registrado: 14 Dic 2005, 16:18
Ubicación: Sanlúcar de Barrameda, Andalucía

Notapor Juan » 18 Oct 2006, 20:21

:shock: :shock: :shock: :shock: :shock: :ok: :ok: :ok:
Imagen
Avatar de Usuario
Juan
Veterano/a
Veterano/a
 
Mensajes: 89
Registrado: 19 Dic 2005, 15:22

Notapor vascomen » 19 Oct 2006, 18:23

:plas: :plas: :plas:
Imagen
Avatar de Usuario
vascomen
Veterano/a
Veterano/a
 
Mensajes: 386
Registrado: 13 Ene 2006, 11:15
Ubicación: más cerca de Dios

Lo haré

Notapor Ramon » 19 Oct 2006, 19:15

En cuanto tenga tiempo hago el tuto del marco es fácil y en pocos pasos. Gracias por vuestros comentarios. Saludos. :salto:
Avatar de Usuario
Ramon
Veterano/a
Veterano/a
 
Mensajes: 888
Registrado: 30 Mar 2006, 10:03
Ubicación: Mérida

Notapor nen » 19 Oct 2006, 19:29

:plas: :plas: :plas:
del poble i per al poble (des de barcelona-catalunya-països catalans)
lloc web: http://www.germinal.jazztel.es
nen
Veterano/a
Veterano/a
 
Mensajes: 474
Registrado: 19 Dic 2005, 20:05
Ubicación: barcelona-catalunya-països catalans

Notapor Anabelen » 27 Oct 2006, 13:31

Aquí mi prueba :ok: :ok:

Muy bueno el tuto, gracias :plas: :plas:

Saludos :D
No tiene los permisos requeridos para ver los archivos adjuntos a este mensaje.
Imagen
Anabelen
Veterano/a
Veterano/a
 
Mensajes: 441
Registrado: 26 Feb 2006, 22:29
Ubicación: Córdoba

Muy bien

Notapor Ramon » 27 Oct 2006, 16:36

anabelen. Me gusta como te ha quedado. Saludos. :plas:
Avatar de Usuario
Ramon
Veterano/a
Veterano/a
 
Mensajes: 888
Registrado: 30 Mar 2006, 10:03
Ubicación: Mérida

Notapor Trynytron » 27 Oct 2006, 17:27

Muy buen trabajo ana :Divino:
Trynytron
Veterano/a
Veterano/a
 
Mensajes: 703
Registrado: 15 Dic 2005, 08:14
Ubicación: Sevilla

Notapor Zaíkon » 28 Oct 2006, 00:04

:plas: :plas: :plas: :plas: :plas: .-

Saludos.-
Shalom DTB.-
Zaíkon
Veterano/a
Veterano/a
 
Mensajes: 231
Registrado: 26 May 2006, 16:40


Volver a Tutoriales de Photoshop

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

-->
cron