Vous êtes sur la page 1sur 119

EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_1

INDICE

1. TRIANGULOS
2. CIRCULOS
3. BOTN REDONDO
4. BOTON CUADRADO
5. TUBOS
6. DEGRADADOS
7. PINCELES
8. ESTILOS
9. BOTONES DE PLASTICO
10. REEMPLAZAR COLORES
11. TEXTOS
11.1. ACEITE
11.2. FUEGO
11.3. BISELADO
11.4. HUNDIDO
11.5. CROMADO
11.6. HIELO
11.7. EXPLOSIVO
11.8. INGLETE EXTERIOR
11.9. RECORTADO
11.10. REFLEJADO
11.11. INGLETE INTERIOR
11.12. SOMBRA
11.13. LUZ EXTERIOR
11.14. TEXTURA
11.15. NEONES
11.16. 3D
12. ESCRITURA SOBRE PIEDRA
13. CABLES
14. BOTN CUADRADO CON TEXTURA
15. BARRAS 3D
16. OBJETOS REFLEJADOS
17. AROS 3D MULTICAPA
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_2

18. REDONDEAR ESQUINAS


19. TORNILLOS
20. ROLL OVERS
21. CADENAS
22. TEXTURAS
22.1. TEXTURA AGUA
22.2. TEXTURA ARENA
22.3. TEXTURA MADERA
22.4. TEXTURA PIEDRA
23. VARIOS
23.1. ELIMINAR HALOS
23.2. LOGO DE FONDO
23.3. EXPORTAR A GIF98A
23.4. DEFINIR MOTIVOS
23.5. LINEAS DE TV
23.6. GIF TRANSPARENTES
23.7. CAPTURAS
23.8. RAYOS
23.9. FONDOS SIMTRICOS
23.10. USO DEL TAMPN
23.11. CREAR UN PLANETA
23.12. EXPLOSIN SIDERAL
24. QU SON LAS ACCIONES?
25. FOTOS
25.1. AURA
25.2. AADIR BLANCO Y NEGRO
25.3. DEFORMAR
25.4. COMBINAR
25.5. OCASO
25.6. MARCOS
25.7. COLOREAR
25.8. COLOR SEPIA
25.9. DESENFOQUE RADIAL
25.10. TRUCAR
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_3

TRIANGULOS

Lo primero que hacemos es elegir la herramienta de


Lazo polgonal en el men de herramientas

y dejamos visible la rejilla a fin de que actu como


imn y gua para el dibujo de nuestro tringulo.
Con la herramienta de Lazo polgonal pulsamos sobre
el lienzo en algn vrtice de la rejilla y creamos
nuestro tringulo desplazando el lazo y pulsado en
cada uno de sus vrtices.

elegimos un color para nuestro relleno, ya sea color


frontal o de fondo

o directamente en la paleta de muestras

pulsamos con el bote de pintura dentro de la


seleccin y ya tenemos nuestro tringulo

si lo que queremos en el contorno del tringulo,


mantenemos la seleccin y vamos a
[Editar>contorno] indicamos las propiedades del
contorno y le damos a Ok
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_4

y ya tenemos nuestro tringulo rellenado y


contorneado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_5

CIRCULOS

Lo primero que hacemos es elegir la herramienta


de Marco Elptico en el men de herramientas

pulsamos con el Mouse sobre el Lienzo y


manteniendo pulsado movemos el Mouse hacia
la direccin deseada y crearemos elipses. Si
mantenemos pulsada la tecla SHIFT durante el
proceso crearemos crculos

si queremos crculos de un tamao fijo, lo indicaremos en las opciones de la


herramienta, que se encuentran arriba, justo debajo del men

ahora pulsamos sobre el Bote de pintura

elegimos un color para nuestro relleno, ya sea


color frontal o de fondo

o directamente en la paleta de muestras

pulsamos con el bote de pintura dentro de la


seleccin y ya tenemos nuestro circulo
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_6

si lo que queremos en el contorno del circulo,


mantenemos la seleccin y vamos a
[Editar>contorno] indicamos las propiedades del
contorno y le damos a Ok

y ya tenemos nuestro circulo rellenado y


contorneado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_7

BOTN REDONDO

Creamos una imagen en modo RGB.


Colocamos dos lineas Guia.
Elegimos la herramienta de seleccin y creamos un
circulo de 80x80 pixels.

Elegimos la herramienta de Degradado de tipo


Radial

Rellenamos la seleccin con un degradado de Blanco


a Negro

Ahora estando en la misma capa, creamos otra


seleccin circular de 55x55 pixels, y aplicamos
[Edicin>Transformar>Rotar 180]

Contraemos la seleccin,
[Seleccin>Modificar>Contraer] 5 pixels, y volvemos a
aplicar Degradado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_8

Ahora [Imagen>Ajustar>Tono Saturacin]

Tono = 0
Saturacin = 50
Luminosidad = 0
Colorear Activado

Ocultamos las lineas Guia


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_9

BOTN CUADRADO

Creamos una imagen en modo


RGB.

Elegimos la herramienta de
seleccin y creamos un
cuadrado de 70x70 pixels.

Rellenamos la seleccin con la


herramienta de Degradado de
tipo Lineal, desde la parte
superior derecha a la parte
inferior izquierda.

Contraemos la seleccin,
(Seleccin/Modificar/Contraer)
6 pixels.

Vamos a
(Capa/Transformar/Rotar
180)
El efecto conseguido ya es
bastante logrado, pero se puede
mejorar.

Ajustamos
[Imagen>Ajustar>Tono-
Saturacin]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_10

TUBOS

Creamos una nueva imagen de 50x100 pixels Rellenamos con un degradado Lineal como se
72 dpi con Fondo Transparente muestra, puedes bajarte el Degradado Aqui

Ampliamos el tamao del Lienzo a 200x200 Ya lo tenemos a 200x200 pixels


pixels
[Imagen>Tamao del Lienzo]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_11

[Filtro>Distorsionar>Coordenadas Polares] Ok
Opcin: Rectangular a Polar

Rotamos el Lienzo 135 AC


[Imagen>Rotar Lienzo>Arbitrario]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_12

Ampliamos la imagen con la Le damos al derecho del Mouse, y en el menu


Herramienta Zoom elegimos [Transformacin Libre]
Elegimos la Herramienta de Marco
Columna Unica y la colocamos en
T

uno de los lados del Tubo T

Estiramos la seleccin hacia la derecha como indica la animacin

Hacemos la misma operacin que en


el paso 4 con la parte inferior del
Tubo.
Elegimos la Herramienta de Marco
Fila Unica y la colocamos en uno de
T

los lados del Tubo T

Damos al derecho del Mouse y a [Transformacin


Libre]

y estiramos la seleccin hacia abajo ok, ya tenemos nuestro Tubo


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_13

DEGRADADOS

Si no tienes la herramienta de
degradado en la paleta de
herramientas, dale con el derecho del
Mouse a la herramienta Bote de
Pintura y selecciona la de Degradado

Pulsa sobre el degradado actual para


que te abra el Editor de Degradado

Arrastra el nivel de color correspondiente a la derecha o izquierda hasta la posicin


deseada.
Haz clic debajo de la barra de degradado para definir otro nivel de color
Arrastra el nivel de opacidad a derecha o izquierda hasta la posicin deseada y dale a
Ok
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_14

Selecciona el tipo de Degradado

Pulsa con el Mouse en alguna parte


del Lienzo donde quieras que empiece
el degradado y teniendo pulsado
arrastra el Mouse hasta donde quieras
que termine el degradado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_15

PINCELES

Dibujamos lo que nos apetezca sobre


nuestro lienzo

Seleccionamos ese dibujo con la


herramienta de marco , aunque
tambin podemos seleccionar cualquier
parte de cualquier imagen que tengamos.

Vamos a [Edicin>Definir Pincel]

Y le damos un nombre a nuestro Pincel

Si no la tenemos seleccionada,
seleccionamos la herramienta de Pincel en
la paleta de herramientas

Abrimos el dialogo de Pinceles

Esto nos mostrara todos los Pinceles


disponibles en ese momento
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_16

Y elegimos el Pincel creado anteriormente

Ya podemos dibujar con nuestro Pincel.


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_17

ESTILOS

Nombre: Metales (pequea coleccin de 3 estilos)

Nombre: Estilos CF (pequea coleccin de 3 estilos)


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_18

Lo primero que tienes que hacer es mostrar


la paleta de Estilos [Windows>Show Styles]

Luego pulsando en el icono de la parte


superior derecha, elige en el men
emergente la opcin que desees (Cargar,
Guardar, Reemplazar, etc..)

Si por ejemplo eliges Load Styles, busca los


Estilos en tu disco

Una vez cargados solo tienes que pulsar


sobre uno de ellos...

y te lo aplicara al Layer activo


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_19

BOTONES DE PLASTICO

Vamos a la paleta de Canales y


creamos uno nuevo Canal Alfa aplicamos
y rellenamos la seleccin de
1. [Seleccin>modificar>
blanco
Con la herramienta de Marco, suavizar] 10
creamos un rectngulo

Deseleccionamos Ahora [Filtro>Desenfocar>


[Seleccin>Deseleccionar] Desenfoque Gaussiano] 7

debe quedar con los bordes


[Imagen>Ajustar>Niveles]
suavizados, ms o menos as

Vamos a la paleta de Capas y la rellenamos de azul


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_20

creamos una nueva capa sobre


la que cargaremos la seleccin
del canal alfa 1
[Seleccin>cargar seleccin]

Con la misma seleccin en la


[Filtro>Desenfocar>
imagen creamos otra nueva nos quedara as
Desenfoque Gaussiano] 6
Capa y [Editar>contornear]

Seguimos con la misma Rellenamos de Blanco y [Filtro>Desenfocar>


seleccin en la imagen, deseleccionamos Desenfoque Gaussiano] 6
creamos otra nueva Capa y
[Seleccin>modificar>
contraer] 12

y movemos la capa 10 pixels


hacia abajo con y las
flechas del teclado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_21

Volvemos a cargar la y la contraemos 2 pixels Ahora con la herramienta de


seleccin del canal alfa 1 [Seleccin>contraer] marco y teniendo pulsada
[Seleccin> Cargar Seleccin] la tecla ALT creamos un
rectngulo para restar de la
seleccin actual.

[Seleccin>modificar> ampliamos la imagen con la


y nos quedara esta seleccin
redondear] 3 herramienta de lupa

y aplicamos un degradado de y deseleccionamos podemos modificar la


Blanco a transparente de opacidad de la capa a un 80%
arriba hacia abajo o 90% ya tenemos nuestro
botn de plstico

para mayor realidad, estando en la capa que rellenamos de


Azul, aplica efectos de capa como Sombra Paralela y Bisel y
Relieve
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_22

REEMPLAZAR COLORES

Abrimos una nueva imagen, en este caso un BMP, y lo guardamos como PSD de Photoshop

La imagen que hemos


abierto la tendremos en el
Layer llamado Background,
pulsamos dos veces sobre el
Layer, y lo renombramos a
Layer 0

Arrastramos el Layer o hacia


el icono de la paleta de
Layers para que nos cree un
duplicado del mismo con el
nombreLayer 0 Copy

Estando en el Layer 0 Copy,


aadimos una Mascara de
Capa pulsando sobre el
icono , y quitamos la
visibilidad del Layer 0
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_23

Ahora con un pincel Soft Round, de un tamao adecuado para nuestra imagen, vamos
pintando la mascara del Layer 0 copy de color negro, veremos como pinta la mascara de negro,
pero la imagen la va borrando.

Una vez tienes todo el coche borrado (pintado en el Layer Mask), pulsa con el derecho del
Mouse sobre el Layer Mask y elige SET SELECCTIN TO LAYER MASK, lo cual nos
cargara la seleccin de la mascara, y la invertimos con Shift+Ctrl+I, o <Select/Inverse>

Quitamos la visibilidad de la capa Layer 0 Copy y vamos al Layer 0 pulsando sobre l


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_24

Ahora
<Image>Adjust>Replace
Color>

Con el Cuenta Gotas, pulsamos sobre una de las partes del coche que tenga el color que
queremos cambiar, y modificamos el Tono, Saturacin y Luminosidad del mismo

Pulsamos OK, y ya hemos


cambiado de coche

TEXTOS
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_25

ACEITE
HTU UTH FUEGO
HTU UTH

BISELADO
HTU UTH HUNDIDO
HTU UTH

HTU CROMADO UTH HIELO


HTU UTH

EXPLOSIVO
HTU UTH INGLETE EXTERIOR
HTU UTH

RECORTADO
HTU UTH REFLEJADO
HTU UTH

INGLETE INTERIOR
HTU UTH SOMBRA
HTU UTH

LUZ EXTERIOR
HTU UTH TEXTURA
HTU UTH

NEONES
HTU UTH 3D
HTU UTH

HTU STILIZE UTH SOMBRA 3D


HTU UTH
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_26

TEXTO CIRCULAR
HTU UTH

ACEITE

Creamos una nueva imagen en modo RVA, con


la Capa Fondo de Negro, ponemos un texto y
acoplamos la imagen para que nos quede todo
en una misma capa [Capa>Acoplar Imagen]

[Filtro>Desenfocar>Desenfoque Gaussiano]
con un parmetro de 1,7 Pixel fue suficiente para
esta imagen

Rotamos el lienzo 90AC [Imagen>Rotar


lienzo>90AC]
y [Filtro>Estilizar>Viento]
Viento de la izquierda
y volvemos a rotar el lienzo [Imagen>Rotar
lienzo>90ACD]

Ahora [Filtro>Estilizar>Solarizar]

[Imagen>Ajustar>Tono-Saturacin]
Tono = 60
Saturacin = 100
Luminosidad = 0
Opcin colorear Activada
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_27

FUEGO

Creamos una nueva imagen en modo RVA, y con la


herramienta de texto escribimos lo que queramos.

Rotamos la imagen (Imagen/Rotar Lienzo/90AD), y


aplicamos el Filtro (Estilizar/Viento) con los parmetros de
Viento y Desde la Derecha activados, este paso lo podemos
efectuar dos veces para conseguir un efecto de llama mas
activo. Ahora volvemos a rotar el lienzo con ((Imagen/Rotar
Lienzo/90ACD).

Aplicamos (Filtro/Desenfoque/desenfoque Gaussiano) con un


parmetro de 2 Pixel fue suficiente para esta imagen.

Aplicamos (Filtro/Distorsionar/Rizo) con un parmetro de


100 fue suficiente para esta imagen.

Parmetros de
Equilibrio de Color:
Sombras: (+100,0,-
Ahora aplicamos (Imagen/Ajustar/Equilibrio de Color). 100)
Medios Tonos:
(+100,0,-100)
Luces: (+100,0,0)

Y ya tenemos Fuego, jugando con los parmetros antes


aplicados de Viento, Desenfoque y Equilibrio de Color,
podemos hacer que el efecto se ajuste segn nuestra necesidad.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_28

BISELADO

Creamos una nueva imagen en


modo RVA, nos vamos a la paleta
de canales, creamos uno nuevo
(Canal #4) y con la herramienta de
texto escribimos lo que queramos.

Vamos a la paleta de capas y


creamos una nueva, que rellenamos
de negro, cargamos la seleccin del
canal #4 (Seleccin/Cargar
seleccin) y rellenamos la seleccin
de blanco.

Ahora Expandimos la seleccin


(Seleccin/Modificar/Expandir)
con 1 Pixel.
Invertimos la seleccin y rellenamos
la seleccin de blanco.

Aplicamos
(Filtro/Interpretar/Efectos de
Iluminacin)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_29

Y ya tenemos texto biselado.

Ahora podemos cargar la seleccin


#4, Expandir 2 Pixels, Invertir y
rellenar de Blanco en nuestro caso.

HUNDIDO

Sobre una textura vamos a


crear un efecto de texto
Hundido muy sencillo.

Creamos un nuevo canal (Canal


#4), sobre el que colocamos un
texto

Creamos una nueva capa (Capa


1) (Recuerda que como fondo
tenemos la imagen del Efecto
de Fondo), rellenamos la capa
de blanco y aplicamos
(Filtro/Interpretar efectos de
iluminacin) Con el canal #4
como canal de textura y, OJO!!!
Con la opcin de Abundancia
de Blanco desactivada.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_30

Tal y como quedan las capas.

Ahora cargamos la seleccin del


canal 4 Invertida y contraemos
1 Pixel
(Seleccin/Modificar/Contraer)
y pulsamos suprimir.

CROMADO

Creamos una nueva imagen en modo RVA,


nos vamos a la paleta de canales, creamos
uno nuevo (Canal #4) y con la herramienta
de texto escribimos lo que queramos.

Duplicamos el canal #4 y creamos el #5, en


este aplicamos
(Flitro/Desenfocar/Desenfoque Gaussiano)
3 pixels.

Duplicamos el canal #5 y obtenemos #6, en


esta aplicamos (Filtro/Estilizar/Hallar
Bordes)

Y en este mismo canal #5 cargamos la


seleccin del #4 (Seleccin/Cargar
Seleccin) y hacemos un Copy
(Edicin/Copiar)

Vamos a la Paleta de Capas, creamos una


nueva capa (Capa 1)Y hacemos un Paste
(Edicin/Pegar)

Duplicamos la capa y sobre el duplicado


aplicamos
(Imagen/Ajustar/Tono/Saturacin)
T=-180
S=50
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_31

L=10
Opcin Colorear activada.

Ahora podemos aplicar un efecto de


Sombra para obtener un mejor realismo.

HIELO

Creamos una imagen en modo


RGB.

Aplicamos
(Filtro/Pixelizar/Cristalizar)
con 7 fue suficiente para este
ejemplo.

Ahora se trata de ajustar las


curvas de la imagen
(Imagen/Ajustar/Curvas), y lo
deja mas o menos como...

Con lo que obtendremos...


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_32

Rotamos 90 (Imagen/Rotar
Lienzo/90AD), y aplicamos
(Filtro/Estilizar/Viento)
marcamos Viento y Desde la
Izquierda y volvemos a rotar el
lienzo (Imagen/Rotar
Lienzo/90ACD
Aplicamos
(Imagen/Ajustar/Tono-
Saturacin
Tono: -180
Saturacin: 50
Luminosidad: 0
con la casilla colorear activada.
Por ultimo en la ventana de
Pinceles cargamos los tipos de
pinceles assorted.abr y
escogemos uno que tiene
forma de estrella, y con la
herramienta de Pincel
aplicamos a las partes de la
imagen que mas nos guste, con
lo que conseguimos un efecto
de Destello.

EXPLOSIVO

Creamos una nueva imagen en modo RVA, con


la Capa Fondo de Negro, ponemos un texto y
acoplamos la imagen para que nos quede todo
en una misma capa [Capa>Acoplar Imagen]

Aplicamos [Filtro>Desenfocar>Desenfoque
Gaussiano] 2 Pixels
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_33

[Filtro>Estilizar>Solarizar]

[Imagen>Ajustar>Niveles Automticos]

[Filtro>Distorsinar>Coordenadas Polares]
Polar a Rectangular.

[Imagen>Rotar Lienzo>90 AC]

[Filtro>Estilizar>Viento]
Viento de la Izquierda

[Imagen>Rotar Lienzo>90ACD]

[Filtro>Distorsionar>Coordenada Polares]
Rectangular a Polar
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_34

A partir de aqu tenemos mltiples posibilidades


ajustando Tono-Saturacin u otras herramientas
de color.
Si Ajustamos [Imagen>Ajustar>Tono-saturacin]

INGLETE EXTERIOR

Escribimos el texto que queramos


y estando en la capa del texto nos
vamos a [Capa>Efectos>Inglete y
Relieve]

Usando los parametros indicados


conseguimos
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_35

RECORTADO

Primero necesitamos una textura

Duplicamos la capa donde se encuentre


la textura a una nueva capa sobre la que
trabajaremos.

Escribimos el texto con la herramienta


Mscara de Texto

Pulsamos Suprimir y aplicamos


[Capa>Efectos>Sombra Paralela]

Imagen final
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_36

REFLEJADO

Creamos una nueva imagen en modo RVA,


con la herramienta de texto escribimos lo
que queramos, duplicamos la capa y
aplicamos (Capa/Transformar/Voltear
Vertical) y la movemos hacia abajo con la
Herramienta de Desplazar.

Ahora enlazamos la Capa 1copia.

Aplicamos
(Capa/Transformar/Distorsionar) y
distorsionamos el texto.

Ahora haciendo un Copiar-Pegar de otra


imagen aadimos dos texturas, una para el
cielo y otra para el suelo donde se reflejara el
texto, y los colocamos en capas inferiores.

Una de las capas, en nuestro caso la Capa 2,


tendremos que recortarla, para que coincida
en el horizonte con el final del texto.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_37

Por ultimo a la Capa 1copia la dejamos con


una opacidad del 50%.

INGLETE INTERIOR

Escribimos el texto que queramos


y estando en la capa del texto nos
vamos a [Capa>Efectos>Inglete y
Relieve]

Usando los parametros indicados


conseguimos
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_38

SOMBRA

Creamos un nuevo canal (4) y escribimos


un texto.

Ahora creamos una nueva capa, cargamos la


seleccin del canal (4) y la rellenamos de
negro, Deseleccionamos todo y aplicamos
(Filtro/Desenfocar/Desenfoque
Gaussiano), aqu eliges Radio=2,

Ahora aplica (Filtro/Otro/Movimiento) 2


Horiz. 2 Vert. con la opcin repetir pixel de
borde activada.

Creamos otra nueva capa, cargamos la


seleccin del canal (4) ,la rellenamos de rojo
y deseleccionamos todo.

Ahora activamos todas las capas.

LUZ EXTERIOR

Creamos un nuevo canal (Canal #4)


y escribimos un texto.

Vamos a la Paleta de Capas y


creamos una nueva (Capa 1) que
rellenamos de Negro, y la
duplicamos (Capa 1 copia),
cargamos la seleccin del canal #4
(Seleccin/Cargar Seleccin) y
aplicamos (Seleccin/Calar) 2
pixels.

Aplicamos un degradado lineal de


izquierda a derecha.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_39

Cargamos de nuevo la seleccin del


canal #4 y pulsamos Suprimir.
Ya tenemos Glow.

Aunque se puede mejorar,


modificando Equilibrio de
Color.(Imagen/Ajustar/Equilibrio
de Color)
aplicando......
(Imagen/Ajustar/Tono-Saturacin)
T=-180
S=100
L=0
Opcin colorear Activada.

aplicando......
(Imagen/Ajustar/Tono-Saturacin)
T=0
S=100
L=0
Opcin colorear Activada.

aplicando......
(Imagen/Ajustar/Tono-Saturacin)
T=60
S=100
L=0
Opcin colorear Activada.

TEXTURA

Creamos un nuevo canal (Canal 4), escribimos un


texto, y le aplicamos Desenfoque Gaussiano 0,5
Pixels

En la paleta de capas rellenamos la capa Fondo de


gris, creamos una nueva que rellenamos de blanco,
en la que cargamos la seleccin del Canal-4 invertida,
pulsamos Suprimir, y movemos la capa 2 pixels a la
derecha y 2 hacia abajo
Creamos otra capa que rellenamos de negro y en la
que tambin cargamos la seleccin del Canal-4
invertida, pulsamos suprimir, y tambin movemos,
pero en este caso 2 pixels hacia arriba y 2 hacia la
izquierda
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_40

Ahora haciendo un Copiar-Pegar insertamos una


textura que nos guste, en nuestro caso una de
Madera, cargamos la seleccin del canal 4 invertida y
pulsamos suprimir.

Si colocamos la textura de madera en la segunda


capa.

Mismo ejemplo con una Foto de Hong Kong

NEONES

Creamos un Canal nuevo (#4) y


escribimos un texto.

Aplicamos
(Filtro/Estilizar/Bordes
Iluminados)
Anchura Borde = 2
Brillo Borde = 6
Suavizar = 5

Aplicamos
(Filtro/Desenfocar/Desenfoque
Gaussiano), Radio =1,1

Ahora seleccionamos todo


(Seleccin/Todo) y
(Edicin/Copiar), abrimos la
paleta de Capas y Pegamos en
una nueva capa (Edicin/Pegar)
Y Ahora
(Imagen/Ajustar/Tono-
Saturacin)
T = - 130
S = 100
L=0
Opcin colorear Activada.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_41

Si despues del Desenfoque


Gaussiano aplicamos
(Filtro/Estilizar/Hallar Bordes)

Y Luego
(Imagen/Ajustar/Tono-
Saturacn)

3D

Creamos una nueva imagen


en modo RVA, nos vamos
a la paleta de canales,
creamos uno nuevo (Canal
#4) y con la herramienta de
texto escribimos lo que
queramos.
Nos vamos a la paleta de
capas, rellenamos la capa
fondo de color negro y
creamos una nueva capa en
la que cargamos la seleccin
del canal #4, y aplicamos
un degradado (Frontal a
Transparente) de arriba
hacia abajo.
Creamos una nueva capa y
con la misma seleccin del
canal #4 cargada
rellenamos de igual pero
esta vez hacia abajo.

Movemos esta ultima capa


2 pixels hacia abajo.

STILIZE

Tenemos una imagen con una capa


(Capa1), en la que colocamos un texto
blanco, sobre fondo negro, todo en la
misma capa.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_42

Duplicamos la capa y aplicamos a la


nueva (Filtro/Estilizar/Bordes
iluminados)

Ya ta con Bordes iluminados.

Duplicamso de nuevo la capa y


aplicamos a la nueva
(Filtro/Bosquejar/Escayola) con los
parametros:
Equilibrio de imagen: 9
Suavizar: 10
Posicin de liz: Superior izquierda.

Esta ultima Capa la dejamos en modo


Dividir.

Toma ya!!!!!

Aplicando Equibrio de color.


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_43

SOMBRA 3D

Creamos un nuevo Canal (Canal #4) y escribimos el


texto.

Pasamos al men de Capas y creamos una nueva


Capa (Capa 1), cargamos la seleccin del canal #4 y
la rellenamos de negro.

Creamos otra nueva Capa (Capa 2), volvemos a


cargar la seleccin del canal #4 y la rellenamos de
rojo.

Sobre la capa 1 aplicamos


(Filtro/Desenfocar/Desenfoque Gaussiano)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_44

Ahora con la Herramienta de seleccin


seleccionamos segn indica la imagen, pusamos el
botn derecho del ratn sobre la seleccin y
elegimos (Transformacin Libre)

Volvemos a pulsar el botn derecho del ratn y


elegimos distorsionar.

Con distorsionar y pulsando sobre las esquinas de la


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_45

seleccin la modificamos como indica la imagen.

Efecto de Sombra final.

Quitamos la linea guia y activamos todas las Capas.

TEXTO CIRCULAR

Lo primero que debemos hacer


es colocar las lineas guia

Ahora con la herramienta de


circulo creamos una seleccion
circular
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_46

teniendo negro como color


frontal, nos vamos a
[Imagen>Contornear]

ya tenemos el circulo sobre el que


nos vasaremos como guia para
darle circunferencia al texto.

ahora creamos una nueva capa en


la que ponemos la primera letra
de nuestro texto. Ten en cuenta
que cada letra del texto debe estar
en una capa diferente.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_47

nos vamos a [capa>transformar]

desplazamos el punto de pivote,


justo al centro del circulo, que
nos viene marcado por las lineas
guia

ahora ya podemos rotar nuestra


primera letra hacia el lado que
quieras. y deberemos realizar la
misma operacion con todas las
letras de nuestro texto
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_48

cuando tengamos todas las letras


situadas a la distancia adecuada ,
deveremos rotarlas todas al
mismo tiempo, para situar todo el
texto en el lugar del circulo que
queramos

en la paleta de capas pulsa sobre


el icono justo al lado de del ojo
que indica la visibilidad de la
capa, hazlo en todas las capas de
texto,

con esto conseguimos anclarlas


todas, de manera que al rotar una
letra todas rotaran al mismo
tiempo
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_49

ESCRITURA SOBRE PIEDRA

Creamos una nueva imagen [archivo],[nuevo], de un tamao de 500x300 pixels, por


ejemplo.

Vamos a [filtro],[intrerpretar],[nubes] con lo que obtenemos un ruido fractal en blanco


y negro.

[filtro],[intrerpretar],[nubes de diferencia] dos veces, con lo que tendremos una cosa


asin:

A continuacin, creamos otra capa, y en esa escribimos en negro el mensaje. Esto puedes
hacerlo a mano, con el "paintbrush" o el "airbrush", o simplemente con la herramienta de
texto. Queda mucho mejor si lo que vayas a escribir esta "roto" o "mal hecho", para dar la
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_50

sensacin de que est esculpido en la piedra de una forma muy tosca, por lo tanto si no
tienes una fuente que d esa impresin, hazlo a mano.

Si creaste el texto con la herramienta de texto, "renderiza" la capa


([capa],[texto],[interpretar capa])

Como probablemente haya zonas de la imagen en las que no se distingue el texto del
fondo, cambia el brillo y el constraste de ste ltimo
([image],[ajustar],[brillo/crontraste])

A continuacin vamos a darle perspectiva al texto. Para ello, seleccionamos la capa del
texto y vamos a [filtro],[intrerpretar],[transformacion 3d] y creamos un cubo que
abarque a todo el texto, y del que prcticamente slo se vea una cara:
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_51

Luego giramos el cubo y tras varios intentos, le damos al texto la perspectiva deseada:

Aceptamos y usando la goma de borrar, eliminamos los restos del texto anterior y la
sombra del cubo que nos genera 3d transform.

-Aumentamos el contraste del texto 50 unidades. Cambiamos el modo de la capa de texto a


"MULTIPLICAR".

-Desenfocamos un poco el texto aplicndole un "Gaussian Blur"


([filtro],[desenfoque],[desenfoque de gusanillo] de 3 pixels)

-[capa],[acoplar image]

Aadimos un poco ms de ruido: [filtro],[ruido],[aadir ruido] (Amount= 6, Uniform,


Monochromatic) y luego [filtro],[desenfoque],[desenfoque].
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_52

Ahora viene lo ms delicado, ya que de este paso depende la mayor parte del efecto final.
Lo haremos en [filtro],[intrerpretar],[efectos de iluminaicon]. Pondremos una luz omni
y otra spot:

La luz roja es (134, 33, 33) y la amarilla (162, 141, 100). Por ltimo, aplicamos 10 unidades
de ruido ([filtro],[ruido],[aadir ruido..]).

Por supuesto, los valores que he usado yo son simplemente orientativos, y lo que
tienes que hacer es cambiar las luces, colores, ruidos, etc... para conseguir mejores
resultados.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_53

CABLES

Creamos un nuevo Layer al que llamaremos Rojo, y en el una Suavizamos la seleccin


[Select>Modify>Smooth] 10 pixels
seleccin con la herramienta Lasso Tool esto la hacemos dos veces

[Edit>Stroke] Con Stroke


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_54

Borramos parte de la linea creada con la herramienta Eraser

Vamos a [Layer>Layer Style>Blending Options] y creamos Drop Shadow, Bevel and Emboss y Color
Overlay

Ok, ya tenemos los Estilos de Capa


aplicados y nuestro cable creado
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_55

Creamos un nuevo Layer al que llamaremos Suavizamos la seleccin


Azul, y en el una seleccin con la herramienta [Select>Modify>Smooth] 10 pixels
Lasso Tool esto la hacemos dos veces

Borramos parte de la linea creada con la


[Edit>Stroke]
herramienta Eraser

Pulsamos sobre el Layer ROJO, y vamos a:


[Layer>Layer Style>Copy Layer Style]
Ahora solo tenemos que modificar
pulsamos sobre el layer AZUL y vamos a:
[Layer>Layer Style>Color Overlay] por un
[Layer>Layer Style>Paste Layer Style]
color azul
Con esto copiamos los efectos del Layer ROJO,
y los hemos aplicado al Layer Azul.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_56

Duplicamos el Layer ROJO arrastrandolo hacia


el icono de la paleta de Layers, y creamos otro Con esto conseguimos Rasterizar el Layer,
Layer en blanco. Dejamos visibles nicamente para que en el siguiente paso al borrar no
estos dos Layers y los combinamos nos cree sombras no deseadas.
[Layer>Merge Visible]

Ahora estando en el Layer 1 (El que hemos


rasterizado) borramos con la herramienta Eraser
, donde se cruce el cable rojo con el azul.
Al tener un cable Rojo encima y debajo del azul,
esto nos crea el efecto visual de que estn
entrelazados
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_57

BOTN CUADRADO CON TEXTURA

Lo primero que necesitamos es una textura


como Fondo.

Luego vamos a la ventana de canales y creamos


nuevo canal (Canal #4) en el cual creamos una
seleccin cuadrada, en la que modificaremos los
bordes con (Seleccin/Modificar/Bordes) con 3
Pixels. y pulsaremos suprimir.

Duplicamos el canal a (Canal #5) y aplicamos


(Filtro/Desenfocar/Desenfoque Gaussiano)
con 2 pixels de desenfoque ser suficiente.

Volvemos a la paleta de capas y sobre el Fondo


que tenemos aplicamos
/Filtro/Interpretar/Efectos de Iluminacin) y
como canal de textura el canal #5.

Por ultimo cargamos la seleccin del canal #4


invertida, contraemos 2 pixels
(Seleccin/Modificar/Contraer) y pulsamos
Suprimir.

Si le aplicamos Sombra
HTU UTH
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_58

BARRAS 3D

Creamos una imagen RVA de 400x20 pixels a la que aplicaremos un


degradado

Elige la herramienta de degradado y en el


men de OPCIONES DE
DEGRADADO, elige edicin y carga el
siguiente archivo de degradado, aunque
HTU UTH

tambin puedes hacerlo tu mismo

Amplia la imagen con la herramienta


Zoom, y aplica el degrado de arriba hacia
abajo

Una vez aplicado el degradado vete a [Imagen>Ajustar>Equilibrio de color] -


100,0,+100

Ahora escribe el texto que quieras y pon la capa en modo LUZ SUAVE
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_59

OBJETOS REFLEJADOS

abrimos una imagen, en nuestro caso una visagra en formato JPG, y la guardamos como
PSD de Photoshop

duplicamos la capa Background, en la que


tenemos la foto dos veces, arrastrando el
layer sobre el icono de la paleta de layers,
y renombramos los dos nuevos Layers al
superior como Reflejo y a la inferior como
Bisagra

estando en la Layer reflejo, aplicamos


[Edit>Transform>Flip Vertical]

y ampliamos el tamao del lienzo


[Image>Canvas Size]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_60

ahora movemos la imagen con la


herramienta Move Tool hacia Abajo

Seguimos en la imagen del layer Reflejo,


tenemos que eliminar todo menos la
bisagra, asi que con la Varita Magica ,
o la herramienta de seleccin de Lazo ,
selecciona los pixels que no deseamos y
eliminalos pulsando suprimir.

le das al derecho del mouse dentro


de la seleccin, y en el menu
emergente, le das a Free
selecciona la Transform
visagra con la otravez al derecho y Distort
Marque Tool
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_61

estirando de las esquinas,


distorsionamos la imagen, se trata de
hacer coincidir las partes superiores,
con las inferiores de la imagen del
layer bisagra, y ampliar la parte
inferior

aadimos una mascara de capa al


layer reflejo

aplicamos un degradado de blanco a negro, y modificamos la opacidad del Layer


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_62

Por ultimo, rellenamos la parte inferior del Layer Bisagra de blanco


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_63

AROS 3D MULTICAPA

Creamos una nueva imagen de 200x200 vamos a la paleta de canales y creamos un


pixels 72 dpi y colocamos las Lineas Gua
HTU UTH nuevo canal Alfa 1 y en el un circulo de tamao
como ves en la imagen. fijo 190x190

rellenamos de blanco y creamos otro Que rellenamos de negro


circulo de 155x155
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_64

pulsamos la tecla CTRL y con el Mouse [Filtro>Desenfocar>Desenfoque Gaussiano] 6


sobre el Canal que tenemos el circulo para px
que nos cargue la seleccin

ahora vamos a la paleta de capas y creamos una nueva Capa pulsando sobre y
rellenamos la capa fondo de color RGB rellenamos de RGB 200,175,175 o similar y
99,55,55 o similar cargamos la seleccin del Canal Alfa 1
[Seleccin>Cargar seleccin] o CTRL y pulsa
sobre el canal con el Mouse

[Filtro>Interpretar>Efectos de Ya con Efectos de Iluminacin aplicado


Iluminacin] en el Canal de Textura
debemos seleccionar Alfa 1
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_65

Invertimos la seleccin [Seleccin>Invertir] pulsamos suprimir

duplicamos la Capa 2 lo que nos creara la Capa 2 y pulsamos suprimir


copia, y seguimos en la Capa 2 quitando la
visibilidad de la Capa 2 copia y aplicamos
[Seleccin>modificar>expandir] 2 pixels

volvemos a la Capa 2 copia y quitamos la creamos un cuadrado de tamao fijo de


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_66

visibilidad de la Capa 2 60x60 pixels, pulsamos en el con el


derecho del Mouse y elegimos
[Transformar seleccin]

rotamos la seleccin 45 una vez rotada la movemos con el


Mouse y la situamos en la esquina
superior derecha

y pulsamos suprimir as sucesivamente en las cuatro esquinas


de la imagen

ya podemos dejar todas las Capas visibles y aplicar efectos de Capa (Sombra
paralela, Bisel y Relieve, y Trazo) puedes
bajarte estos estilos aqu, y visitar Estilos
HTU UTH HTU UTH

para saber como funcionan


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_67

Otro ejemplo un poco ms llamativo


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_68

REDONDEAR ESQUINAS

Esta es la imagen sobre la que


vamos a trabajar y a la cual le
vamos a redondear las esquinas.

Lo primero que tenemos que


hacer es aplicar desenfoque
Gaussiano
(Filtro/Desenfocar/Desenfoque
Gaussiano)

Ahora ajustamos los Niveles


(Imagen/Ajustar/Niveles)

y ya tenemos nuestros bordes


redondeados, sencillo, no?
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_69

TORNILLOS

Creamos un nuevo documento


PSD
[File>New]

Creamos un nuevo Layer(layer


1), y con la herramienta de
seleccin Oval, creamos un
circulo, de 30 pixels de
dimetro.
Guardamos esta seleccin
como (Alpha 1) en un nuevo
Chanel [Select/Save selection]

Con la seleccin circular en


pantalla, rellenamos esta de gris
50%
[Edit>Fill]

Aplicamos [Select>Feater] 2
pixels

Invertimos la seleccin
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_70

[Selec>inverse]

Con las flechas del teclado,


movemos la seleccin 2 pixels
a la derecha y 2 hacia abajo y
rellenamos de 100% blanco

Ahora movemos 4 pixels arriba


y 4 a la izquierda

y rellenamos 100% negro

Ahora cargamos la seleccin


invertida

y pulsamos suprimir
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_71

creamos un nuevo Layer (layer


2), ampliamos la imagen con la
lupa, y creamos una seleccin
como la de la imagen

rellenamos la seleccin de
blanco

Aplicamos [Layer>Layer
Style>Inner Sadown]

Con Inner Shadown ya


aplicada
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_72

Creamos un nuevo layer (layer 3) y lo


colocamos justo debajo del Layer 1

Quitamos la visibilidad de todas las


capas menos la del layer 3, esto lo has
pulsando en el ojo que a parece en la
capa.

estando en layer 3, cargamos la


seleccin del canal alpha 1,(Select>load
Select]
La expandimos 2 pixels
[Select>Modifi>Expand]
y la rellenamos de blanco

Deselecionamos, y
[Filter>Blur>Gaussian Blur] 2 pixels

[Layer>Layer Style>inner Shadown]

Imagen Final

ROLL OVERS
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_73

Al pasar el Mouse sobre la botonera da la sensacin de pulsamiento por el cambio de


color

H H

Vamos a aplicar RollOvers como el de la botonera superior, para cual debes tener en
cuenta cuatro pasos importantes:
1- Creacin del la imagen en estado de reposo
2- Creacin de la imagen en estado de Activado
3- Recorte de la imagen, en nuestro caso sern 8 corte, 1 para cada botn en estado de
reposo, y 1 para cada botn en estado de activado.
4- Creacin del cdigo Java, lo que haremos con Macromedia Dreamweaver 3

Esta ser nuestra barra de botones en estado de reposo [OFF]

Esta ser nuestra barra cuando el Ratn pase sobre ella o activada [ON]

Si has seguido los pasos de BARRA DE BOTONES, ya tienes la barra de botones en


HTU UTH

estado de reposo [OFF], ahora vamos a ponerla en estado de activado [ON], para ello
sigues estos pasos.
1. Mueve la [capa 4] que es en la que esta la sombra de los botones 1 pixel arriba y 1
pixel a la izquierda.
2. Mueve la capa de los botones [capa 3] 1 pixel a la derecha
3. Mueve las capas donde tengas los textos 1 pixel a la derecha.
4. Estando en la capa de los botones [capa 3] modifica el el tono de la misma
[Imagen>Ajustar>Tono-Saturacin]
Tono = 200
Saturacin = 25
Luminosidad = 0
Colorear Activado
Ahora debemos recortar los botones individualmente, cosa
que haremos colocando las lineas gua como muestran las
imgenes superiores, y utilizando la herramienta de recorte

Recortamos cada uno de los botones individualmente y los guardamos en formato Gif.
Selecciona el primer botn con la herramienta de
recorte, pulsa dos veces sobre la seleccin para que
recorte la imagen

Una vez recortada TEN MUCHO CUIDADO DE NO SOBRE ESCRIBIR LA


IMAGEN, ya que BORRARIAS EL ARCHIVO ORIGINAL, guardala en formato gif
con la opcin [Archivo>Guardar como] y dale un nombre fcil de recordar como por
ejemplo [boton_1_off] y as sucesivamente los cuatro botones de cada una de las dos
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_74

botoneras.

boton_1_off.gif boton_1_off.gif boton_1_off.gif boton_1_off.gif

boton_1_on.gif boton_1_on.gif boton_1_on.gif boton_1_on.gif

La manera mas fcil de crear Roll Overs como los que ves arriba, es usando un
programa de Creacin de paginas web, como Macromedia Dreamweaver, as que
vamos a usar este para hacerlo. Tambin puedes usar el Image Ready que viene con
Photoshop 6, pero yo no he conseguido hacerlo para varias imgenes a la vez, sin tener
que copiar y pegar cdigo Html, as que explicare como se hace con Macromedia
Dreamweaver 3.
En Dreamweaver, nos vamos a [Windows/Objects] o pulsamos
[Control+F2] para que nos habra la paleta de objetos y nos
muestre los objetos [Commom]

Una vez abierta la paleta de Objetos pulsamos sobre el Icono de


[Insert Rollover Image]

1. Nombre que daremos al RollOver


2. Imagen original, sea en estado de apagado
3. Imagen en estado de Over, la que queremos que aparezca cuando pasamos el ratn
sobre la original.
4. URL a la que nos enviara si pulsamos el botn
Debemos seguir esos pasos para cada imagen de nuestra botonera, y cuando las
tengamos todas guardar el archivo como Html y listo para verlo en el Navegador.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_75

CADENAS

Le damos a [view>Show Grid] para [Select>Modify>Smooth] y rellenamos de blanco


ver la rejilla, y con la herramienta 10 pixels
Rectangular Marquee Tool esto lo hacemos 3 veces
creamos una seleccin rectangular

volvemos a crear otra seleccin [Select>Modifi>Smooth] y rellenamos de negro


rectangular 10 pixels
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_76

creamos un nuevo Chanel, creamos una seleccin rectangular [Select>Modify>Smooth]


Alpha 2, y mantenemos la 10 pixels
visibilidad del Chanel Alpha 1 y rellenamos de blanco

volvemos al Chanel Alpha 1 [Image>Adjust>Levels] Resultado despus de ajustar


[Filter>Blur>Gaussian Blur] 6 niveles
pixels

Ahora al chanel Alpha 2 [Image>Adjust>Levels] Resultado despues de ajustar


[Filter>Blur>Gaussian Blur] 6 niveles
pixels
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_77

Dejamos ya la paleta de Chanels y [Edit>Fill], y rellenos la seleccin ok


vamos a la de Layers 50% gris
creamos un nuevo layer y cargamos la
seleccin del canal Alpha 1
[Select>Load Selection]

Deseleccionamos [Select>Deselect] ok, Bevel aplicado


y aplicamos [Layer>Layer Style>Bevel and Embos]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_78

Creamos un nuevo layer y cargamos la seleccin [Edit>Fill], y rellenos la ok


del canal Alpha 2 seleccin 50% gris
[Select>Load Selection]

Ahora tenemos que aplicar el mismo efecto de Vamos al Layer 2, le damos al Voila!!!
Bevel and Embos que aplicamos al layer 1, as que derecho del Mouse y en el
vamos al layer 1, le damos al derecho del Mouse y men emergente a Paste Layer
en el men emergente elegimos Copy Layer style Style
Movemos el Layer 2 hacia abajo con la tecla Flecha Posicin final de los Layers
Abajo, o con la herramienta Move Tool

Movemos el Layer 2 hacia abajo Posicin final de los Layers


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_79

con la tecla Flecha Abajo, o con la


herramienta Move Tool

Quitamos la visibilidad del Layer Ya tenemos los Layers de la cadena combinados en


Background y combinamos las un solo Layer
imgenes visibles

Ahora vamos creando duplicados


del Layer 1 y moviendolos arribo
o abajo hasta crear nuestra cadena
completa
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_80

TEXTURAS

TEXTURA AGUA
HTU UTH TEXTURA ARENA
HTU UTH

TEXTURA MADERA
HTU UTH PIEDRA
HTU UTH

TEXTURA AGUA

Creamos una nueva Capa que rellenamos de


blanco y aplicamos [Filtro>Estilizar>Nubes de
diferencia]

Aplicamos [Filtro>Distorsionar>Cristal]
Distorsin = 5
Suavizar = 2
Textura = Deslustrado
Escala = 100%

Modificamos el Equilibrio de color


[Image>Ajustar>Equilibrio de Color]
Sombra = -70,0,+35
Medios Tonos = -70,0,+30
Luces = 0,0,+40

[Imagen>Ajustar>Brillo-contraste]
Brillo = 0
Contraste
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_81

TEXTURA ARENA

Creamos una nueva imagen que


rellenamos de Blanco.
Aplicamos [Filtro>Ruido>aadir
Ruido]
Candidad=125
Gaussian=On
Monocromatico=On
Aplicamos [Filtro>Estilizar>Relieve]
Angulo=145
Altura=3
Cantidad=25

Modificamos [Imagen>Ajustar>Tono-
Saturacin]

TEXTURA MADERA

Creamos una nueva imagen que


rellenaos de color Marrn, o
similar.
Aplicamos (Filtro/Ruido/aadir
Ruido)
Candidad=30
Gaussian=On
Monocromatico=On
Aplicamos
(Filtro/Desenfocar/Desenfoque
de Movimiento)
Angulo= -10
distancia = 25

TEXTURA PIEDRA
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_82

Creamos una nueva imagen que


rellenaos de color Gris.

Aplicamos
[Filtro/Interpretar/Nubes]
y luego (Filtro/Ruido/aadir
Ruido)
Candidad=5
Gaussian=On
Monocromatico=On

Vamos a la paleta de Canales,


creamos un nuevo Canal, y
Aplicamos
[Filtro/Interpretar/Nubes de
diferencia] dos veces y luego

(Filtro/Ruido/aadir Ruido)
Candidad=3
Gaussian=On
Monocromatico=On
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_83

Volvemos la paleta de capas


aplicamos
[Filtro>Interpretar>Efectos de
Iluminacin]

Textura final.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_84

VARIOS

ELIMINAR HALOS
HTU UTH LOGO DE FONDO
HTU UTH

EXPORTAR A GIF89A
HTU UTH DEFINIR MOTIVOS
HTU UTH

HTU LINEAS DE TV UT

H
GIF TRANSPARENTES
HT TH

HT CAPTURAS TH RAYOS
HT TH

HT FONDOS SIMETRICOS TH USO DEL TAMPON


HT TH

HT CREAR UN PLANETA TH EXPLOSION SIDERAL


HT TH

ELIMINAR HALOS

Al seleccionar objetos y pegarlos sobre un


fondo de distinto color al que tenian, en
muy probable que se producca un efecto
de halo como el que vemos en la imagen.
usando la opcion quitar halos
solucionamos este defecto
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_85

Capa/Halos/Quitar Halos - 1 pixel.

Imagen ampliada antes de quitar Halos

Ampliada despues de quitar Halos.

LOGO DE FONDO

Aqu tenemos nuestro Logo


en la capa Fondo.

La duplicamos y aplicamos
(Filtro/Estilizar/Relieve)
Angulo = -45
Altura = 3
Cantidad = 25%

Duplicamos la ultima capa y


modificamos los Niveles, el
Brillo y el Contraste, o lo que
queramos, con el fin de
obtener un tono que nos guste
para nuestro Fondo.
Y Duplicamos la Capa
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_86

Ahora modificamos el tamao


del lienzo (Imagen/Tamao
del Lienzo)
duplicando la altura del
tamao Actual y dejando el
Ancla como se indica.

Hemos indicado al Ancla que


estirase el Lienzo hacia abajo.

Ahora sobre esa ultima capa


aplicamos el filtro
desplazamiento
(filtro/Otro/Desplazamiento),
se trata de desplazar la capa
horizontalmente exactamente
la mitad de su anchura y
verticalmente toda su altura,
con la opcin dar la vuelta
activada.

Ya tienes un fondo con tu


Logo para tu Web.

Pulsa aqui para verlo en una


HT

pagina web TH
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_87

EXPORTAR A GIF98A

Vamos a tratar de eliminar el fondo


de esta imagen, a fin de que
nicamente sea visible el texto en
nuestra pagina Web.

Lo primero que hacemos es pasar la


imagen a Color Indexado
(Imagen/Modo/Color Indexado), en
la opcin colores podemos bajar el
numero, a fin de que la imagen no
ocupe tanto espacio en disco y
cargue mas rpido en el navegador,
teniendo en cuenta que a menor
nmero de colores, tambin es
menor la calidad.

Ahora vamos a
(Archivo/Exportar/Gif 89a Export)
y con la herramienta de Cuentagotas,
vamos seleccionando en la imagen
los colores que queremos que sean
transparentes

Podemos ampliar la imagen y


moverla, a fin de que la seleccin se
mas precisa, no es necesario ir
escogiendo los colores uno a uno,
mantn pulsado el botn izquierdo
del ratn y ves pasando sobre los
colores que quieras.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_88

Imagen final, la cual despus de


pulsar "OK", grabaremos en formato
Gif.

Imagen final colocado en el


navegador Netscape.

DEFINIR MOTIVOS

Tenemos y una imagen, en


nuestro caso un fondo de
madera de 91x50 pixels.

Creamos una nueva imagen


(en nuestro caso de 200x200
pixels) vamos a la imagen de
la madera, y selecionamos
todo (Seleccin/Todo) y
luego (Edicin/Definir
Motivo).

Volvemos a la imagen de
200x200 y aplicamos
(Edicin/Rellenar)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_89

LINEAS DE TV

Creamos una nueva imgenes modo


RGB de 10x1 pixel con el fondo
transparente

Rellenamos de Negro con el bote de


pintura

Vamos a <Imagen/Tamao del Lienzo>


Anchura = 10
Altura = 2
Con el Ancla hacia arriba.

Con eso hemos duplicado la altura del


lienzo, dejandonos la mitad inferior
transparente.
Seleccionamos todo <Seleccin/Todo>
Imagen ampliada 1600% y definimos el Motivo <Edicin/Definir
Motivo>

Abrimos la imagen a la que queremos


aplicar el efecto de Lineas de TV, en
nuestro caso un paisaje.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_90

Aplicamos <Edicin/Rellenar>, y en
Usar elegimos la opcin de Motivo

Si todo sali bien nos relleno la imagen


con el motivo que previamente
habamos definido.

GIF TRANSPARENTES

Supongamos que creamos la siguiente imagen

como ves no tenemos ningn color que nos haga


de fondo, ya que estamos viendo la cuadricula de
transparencia
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_91

vamos a [Archivo>Guardar como] y lo guardamos


como CompuServe GIF, teniendo en cuenta que
debemos marcar la casilla de Transparencia

y eso nos guardara la imagen con su fondo


transparente

Tambin podemos hacerlo con [Archivo>Guardar


para Web] tambin teniendo en cuenta que
debemos marcar la casilla de Transparencia

como ves al colocar el GIF en nuestro navegador,


ha desaparecido el fondo, ya que es transparente.

CAPTURAS

Como se capturan pantallas


con Photoshop?,....

supongamos que tenemos en


pantalla el navegador
I.Explorer con la pagina de
Photoshop
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_92

Pulsamos la tecla [Imprimir


Pantalla] o [Print Screen] de
nuestro teclado Pc

Abrimos Photoshop, creamos


un nuevo documento o
abrimos uno existente, y le
damos a [Edicin>Pegar], lo
que nos pegara nuestra captura
de la pantalla del Internet
Explorer en el documento de
Photoshop.

Si en el paso 2 hubiramos
pulsado [Shift+Impr Pantalla],
solo capturamos la ventana que
tengamos activa en primer
plano.

RAYOS

Rellanos la primera capa con un


degradado Radial.

Aplicamos
(Filtro/Interpretar/Nubes de
diferencia)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_93

Invertimos
(Imagen/Ajustar/Invertir)

Modificamos los Niveles


(Imagen/Ajustar/Niveles)
Aqu deberemos ir modificando
hasta que veamos que nos queda un
rayo algo decente.

Ajustamos el equilibrio de color de


manera que se nos ajuste a Azul o al
amarillo.
(Imagen/Ajustar/Equilibrio de
Color)

Si lo quieres colocar con una imagen


de fondo pon la imagen en una capa
inferior y la del rayo en la superior
en modo dividir.

FONDOS SIMTRICOS
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_94

Cargamos la imagen que queramos tratar, en


nuestro caso una de 90x90 en formato JPG, y
tendremos situada en la capa Fondo, la cambiamos
de nombre a capa 1 y activamos Preservar
transparencia.

Ahora Aumentamos el tamao del lienzo a


160x160 dejando asi ek Ancla..

Duplicamos la Capa 1 tres veces, y renombramos


cada una de las copias con capa 2,3 y 4.
Ahora aplicamos sobre cada capa
(Filtro/Otro/Desplazamiento)
sobre Capa 2: Horiz.=80 Vert.=0
sobre Capa 3: Horiz.=0 Vert.=80
sobre Capa 4 Horiz.=80 Vert.=80
siempre con la opcin Dar la Vuelta activada.

Ahora aplicamos sobre cada capa


(Capa/Transformar)
sobre Capa 2: Voltear Horiz.
sobre Capa 3: Voltear Vert.
sobre Capa 4: Voltear Horiz. y Vert.

Orden final de las capas

USO DEL TAMPN


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_95

Haciendo doble Click con el raton encima veremos las


opciones de la herramienta.

Lo primero que debemos hacer es pulsar con el ratn en algun


lugar del area que queremos copiar, manteniendo pulsada la
tecla "ALT"

Ahora pulsamos sobre el area donde queramos establecer la


copia.

nota: quizas no se vea el cursor como yo lo muestro en la


imagen, se pueden modificar en
(Archivo/Preferencias/Pantalla y cursores)

CREAR UN PLANETA

Creamos un nuevo canal #4 y


creamos un circulo blanco sobre
fondo negro..
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_96

Vamos a la paleta de capas y


rellenamos la capa Fondo de negro.
Creamos una nueva capa, cargamos
la seleccin del canal #4, y aplicamos
un Degradado de frontal a color de
fondo.
(Frontal Blanco/fondo Negro)

Duplicamos la capa
Aplicamos (Filtro/Interpretar/nubes
de diferencia) en esta opcin
deberemos ir creando y deshaciendo
hasta que tengamos un aspecto
adecuado.
Duplicamos la capa y cargamos la
seleccin del canal #4 invertida y
rellenamos la seleccin de negro,
deselecionamos todo y aplicamos
(Filtro/Artistico/Bordes Aadidos)
Anchura = 7
Intensidad = 1
Posterizacin = 4

Orden de las capas.

Duplicamos la capa y creamos un


destello en el borde del supuesto
planeta.(Filtro/Interpertar/Destello)

Prime 35mm
Brillo =100
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_97

EXPLOSIN SIDERAL

Creamos una nuevo trabajo como se indica


Conseguiremos el siguiente efecto
en la imagen.

[Filtro>Ruido>Aadir Ruido]
Cantidad: 15% [Imagen>Ajustar>Umbral]
Distribucin: Uniforme Nivel de Umbral: 213
Monocromatico

[Filtro>Desenfoque>Desenfoque de
Movimiento]
[Imagen>Ajustar>Invertir]
Angulo: 90
T T

Distancia: 213 px
T T
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_98

Creamos una nueva capa "Capa 1" y


aplicamos un degradado como el de la y colocamos la capa en modo Trama
imagen

[Filtro>Distorsionar>
combinamos las dos capas Coordenadas Polares]
[Capa>Acoplar imagen] o [Capa Opcin: Rectangular a
combinar hacia abajo] polar ok

Teniendo Negro como Color de Fondo,


aumentamos el tamao del Lienzo: ok
[Imagen>Tamao del Lienzo]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_99

[Filtro>Desenfocar>Desenfoque
Radial]
Cantidad: 100 [Imagen>Ajustar>Tono/Saturacin]
Metodo: Zoom
Calidad: Optima

Ahora creamos una nueva Capa "Capa 1" y la


Con Tono y Saturacin
rellenamos de Nubes [Filtro>Interpretar>Nubes]

y colocamos la capa en modo


ok.
sobreexponer Color
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_100

En la misma capa 1 , podemos ir aplicando


sucesivas veces Nubes de Diferencia, hasta
encontrar el efecto deseado.
[Filtro>Interpretar>Nubes de diferencia]

en la misma Capa 1, aplicamos


Ruido. Nos da un efecto ms real.
[Filtro>Ruido>Aadir Ruido]
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_101

QU SON LAS ACCIONES?

Todo lo que hacemos con Photoshop se puede grabar a fin de reproducirlo


posteriormente, con esto nos ahorramos mucho trabajo. Imaginemos que tenemos 20
imgenes a las que queremos aplicar los mismos filtros, recortes, selecciones etc.., pues
basta con hacerlo una sola vez. En nuestra primera imagen grabamos todas las acciones
que realizamos, y en las dems solo tenemos que darle a Play, y esperar que Photoshop
haga el trabajo por nosotros.

Para visualizar el panel de Acciones


[Windows>Show Actions]

Para grabar una accin, pulsamos


primero sobre el Botn [New Action],
le damos el nombre que queramos y
ya podemos trabajar con Photoshop,
cuando queramos que finalice la
grabacin, pulsamos sobre el botn de
[Stop]

Pulsa sobre el icono, para abrir el


cuadro de opciones de las Acciones,
elige [Load Action], para cargar
acciones externas.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_102

FOTOS

AADIR BLANCO Y
HT

AURA
HT TH NEGRO TH

HT DEFORMAR TH COMBINAR
HT TH

HT OCASOTH MARCOS
HT TH

HT COLOREAR TH COLOR SEPIA


HT TH

HT DESENFOQUE
RADIAL TH TRUCAR
HT TH

AURA

Lo primero que debemos


hacer es seleccionar con la
herramienta de Lazo, la parte
de la foto de la cual partir el
Aura. Como veis no es ni
mucho menos necesario que
sea perfecta.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_103

Modificamos los Bordes de la


seleccin en 32 pixels
[Seleccin>Modificar>Bordes]

Ahora en la misma seleccin


que tenemos la aplicamos
[Seleccin>Calar] 16 pixels

Ahora creamos una nueva


Capa, estando en ella
rellenamos la seleccion de
color blanco con el Bote de
Pintura.

Imagen final
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_104

AADIR BLANCO Y NEGRO

Tenemos una imagen en modo Escala


de grises que pasamos a modo RVA
(Imagen/Modo/RVA)

Con la Herramienta de Lazo creamos


una seleccin alrededor de las flores
que guardamos en un nuevo canal
(Canal 4)

Cargamos la seleccin del canal 4,


Calamos la seleccin 2 pixels
(Seleccin/Calar) y aplicamos
(Imagen/Ajustar/Tono-Saturacin)

En este caso fue necesario aplicar


tambin (Filtro/Enfocar) y volver a
retocar las flores cargando de nuevo la
seleccin del canal 4, seleccionando
gama de colores y volviendo a ajustar
Tono-Saturacin

Debemos tener en cuenta que tendr mayor calidad si tenemos la


imagen ya en color, ya que simplemente tendremos que hacer una copia
en modo Escala de grises y pegarla como un canal nuevo que situaremos
debajo del de la foto en color para posteriormente cargar la seleccin del
Canal-4 aplicar un Calado y pulsar Suprimir.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_105

DEFORMAR

Tenemos una imagen, en


nuestro caso de 200x200 pixels

Aplicamos
(Filtro/Otro/Desplazamiento)

Horizontal = 100
Vertical = 100
Dar la vuelta a Areas no
definidas

Aspecto tras aplicar


Desplazamiento
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_106

Ahora
(Filtro/Distorsinonar/Encoger),
con el valor que creamos ms
conveniente

Aspecto tras aplicar "Encoger"

Volvemos a plicar
"Desplazamiento" con los
mismos valores anteriores, para
completar el efecto

COMBINAR

Imagen que teemos en la


capa Fondo
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_107

Imagen que tenemos en


la Capa 1

Creamos un nuevo canal


(Canal 4) y aplicamos un
degradado

Duplicamos la Capa 1,
cargamos la seleccin
del Canal 4, y pulsamos
suprimir.

Sencillo, jeje

Orden de las capas.


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_108

OCASO

Lo primero que nos hace


falta es una imagen que
contega un "Trocio de cielo"

Y otra con unas cuantas


nubes, en este caso hemos
usado la que biene Windows,
y que podemos encontrar en
el directorio donde se
instale.
Esta imagen la colocaremos
como Fondo.

Ahora creamos una capa


(Capa 1) y la rellenamos de
negro, con una opcidad del
60%.
Vamos a la imagen del
Poblado, que habremos
colocado como Capa 2, se
trata de eliminar el cielo de
esta imagen y dejar
unicamente el Poblado, para
lo cual selecionaremos el
cielo con la herramienta
(Seleccin/Gama de colores)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_109

Y pulsamos Suprimir.

Duplicamos la capa 2 a Capa


2 copia, y cambiamos el
modo de este duplicado a
Multiplicar.

Creamos una ultima capa


(Capa 3) que rellenamos de
negro y aplicamos el filtro
destello.
(Filtro/Interpretar/Destello),
y la cual ponemos en modo
Dividir.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_110

Todas las capas del ejemplo.

Imagen final

MARCOS

Tenemos una Imagen de Fondo, por


ejemplo esta.

Creamos una nueva capa (Capa 1) y en el


una seleccin rectangular, la invertimos y
la rellenamos de negro.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_111

Deselecionamos todo y aplicamos


(Filtro/Desenfoque/Desenfoque
Gaussiano) Hemos empleado un valor de
8.

Con las dos capas visibles.

Si a la Capa 1 le aplicamos ademas del


Desenfoque gausiano, Trazos de Pincel

Con el Filtro Pelcula granulada

Con modo de capa disolver

Con HSB noise de Eye Candy 3.0


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_112

COLOREAR

El coloreado de fotos es bastante sencillo, al menos el sistema que vamos a


utilizar, pues segn he visto por la Red existen varios.

Como es lgico lo primero que necesitamos es una imagen en blanco y negro,


recuerda que primero tienes que restaurar la imagen, suponiendo que tenga
defectos.

Tenemos que ir coloreando la imagen por selecciones, as que ya sabes, ves


seleccionando las diferentes partes que van a tener un color similar y guardalas
en un nuevo canal (Seleccin/Guardar seleccin).
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_113

Ahora vamos cargando las selecciones y aplicamos


(Imagen/ajustar/Variaciones) y aqu buscamos el color que queremos para
nuestra seleccin, jugando con luces, color, sombras y brillo.

COLOR SEPIA

Este efecto es de lo mas sencillo, unicamente tenemoos que modificar el


tono/saturacin de la imagen.

Asi que que aplicamos (Imagen/Ajustar/Tono-saturacin), unos valores


EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_114

que suelen resultar son los que veis en arriba.

Como veis, es muy sencillo

DESENFOQUE RADIAL

Imagen original.

Sobre la imagen a tratar creamos


un circulo con la Herramienta
de Seleccin, el cual invertimos.
y al que aplicamos
(Seleccin/Calar) con un radio
de 32 pixels.
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_115

Ahora aplicamos
(Filtro/Desenfocar/Desenfoque
Radial) con los parmetros
siguientes, o segn el efecto
deseado.

Imagen con el Desenfoque


Radial aplicado.

Sobre la imagen final podemos


aplicar el filtro de enfoque para
obtener una mayor calidad.

TRUCAR
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_116

En esta ocasion vamos a trucar una foto, como yo no tengo ni idea de esquiar,
trucaremos una foto a fin de hacer creer a mis amigos que este invierno hice in
cursillo acelerado de ski, y ya parezco Alberto Tomba.

Imagen original

Mi foto

Seleccionamos la cara con


la herramienta de Lazo
poligonal, y aplicamos a la
seleccin (Imagen/Calar)
1 pixel e
(Imagen/Redondear) 1
pixel, y pulsamos
CONTROL+C o
(Edicion/Copiar)
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_117

Nos vamos a la imagen


del esquiador y pulsamos
CONTROL+V o
(Edicion/Pegar) y nos
colocara la cara en una
nueva capa, la cual
renombramos con el
nombre de cabeza

Dejamos invisible la capa


(cabeza) y sobre la imagen
del esquiador
seleccionamos la cara con
la herramienta de lazo,
como veis lo que mas nos
interesa es la parte del
cuello.

Pulsamos suprimir para


eliminar la zona
seleccionada

Y con la herramienta tampon,


rellenamos la seleccion con
otras partes del cielo de la
foto si tienes dudas sobre el
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_118

uso de la herramienta
Tampon, mira en la seccion
uso de la Herramienta
HT

tampn, y practica antes de


TH

continuar.

volvemos a la Capa cabeza


seleccionamos un cuadrado
con la herramienta de marco,
una vez selecionado pulsamos
con el boton derecho del
raton encima y se nos
desplegara un menu del cual
escojeremos la opcion
transformacion libre

Lo que queremos conseguir


con la transformacion libre es
girar y encoger la imagen de
la cabeza hasta que este en la
posicin y el tamao
adecuados
EJERCICIOS ADOBE PHOTOSHOP CURSO DISEO WEB Pg_119

Una vez que la tengamos en


el tamao y rotacion
adecuados podemos moverla
pulsando las teclas de
direccin de nuestro teclado.

Para dotarla de un mayor


realismo, podemos poner un
poco de nieve sobre la cara.
Para conseguirlo,
seleccionamos un espacio de la
imagen con copos de nieve.

Una vez seleccionado aplicamos (Seleccion/Gama de Colores) intentando


seleccionar el color blanco de los copos.

Pulsamos "Ok" en la gama de


colores, y con la seleccion de
los copos hacemos
CONTROL+C Y
CONTROL+V, con lo que
nos copiara esa seleccion de
copos en una nueva capa, que
podremos mover para
colocarlos encima de la cara.

Vous aimerez peut-être aussi