You are on page 1of 286

Los trucos y efectos ms

interesantes de Photoshop
,;

Utiles consejospara la edicin de imgenes,


vlidos para las versiones 5, 5.5, 6 Y 7 de Photoshop

PRLOGO:

SCOTT KELBY

Incluye

CD-ROM

h\N)-\Yh\

_MULTIMEDIA_
DISEO y CREATIVIDAD

Ot~'GHlEl

TO

0",01'1[."

AL WARD
COLIN SMITH

W M

Windows-

Macintosh-

INDICE DE CONTENIDOS

Sobre los autores

_vgradeci mien tos

PRlOGO

11

INTRODUCCiN

13

CAPTULO l. PIEDRA Y MADERA

17

l. Madera bsica
2. Efecto de madera de ruvel intermedio
3. l ermitas!
4-.Roca
5. ;. rrnol
6. PIedra con gnctas
7. Formas cinceladas
8. IJormign armado
9. \gnetar
..
10. vnadir profundidad t\ las gnetas
CAPTULO 2. METAL
l. Plancha metlica
2. Cabezales de tornillos
3. Guardar un mouvo

19
22
2426
27
29
33
38
39
4-0

43
4-5
48
53

4. Creacin
5. Hundir

de textos con extrusin

54

el texto

55

6. Heavv meral

56

7. Utilizacin de canales
8. Estilo de capa metl ica rpido
9. xido sin brillo
10. Efecto metlico final

57
59
63
65

CAPTULO 3. CRISTAL y PLSTICO

67

1. Texto de cnstal
2. Utilizar mapas de desplazamiento
3. Esfera de Cristal
4. Plsticos

69
72
76
79

CAPTULO 4. SUPERFICIES y TEXTURAS

83

l. Ventana de cristal
2. Crear metal envejecido
3. Gemas

85
91
101

CAPTULO 5. CIRCUITOS y ElECTRNICA


1.
2.
3.
4.

107

Circuitos
Rayo
Descargas elctricas
Ciberntica

109
111
113
114

CAPTULO 6. CONSTRUIR SU PROPIA CAJA DE HERRAMIENTAS


1. Estilos de capa y sus elementos
2. Rellenar la caja de herramientas

128
137

CAPTULO 7. EFECTOS DE TEXTO


1. Disear fondos
2. Celdas
3. Texto transparente
4. Explos.ones
CAPTULO 8. EFECTOS 3D
1. El cubo
2. Colorear mltiples capas al mismo tiempo

125

143
:

145
148
152
156
161
163
167

3. Aadir

fotografas

al cubo

168

~. Cilindro

170

5. Crear una esfera

172

6. El cono

181

CAPTULO 9. COLOREAR CREATIVAMENTE


L Crear una imagen monocromtica
2. De blanco y negro a monocromtico
3. Colorear una parte de una imagen
4..Alternar colores
5. Colorear una fotografa en blanco y negro

185
187
188
189
191

,
,.,
,

, , ,

CAPTULO 10. TRUCOS WEB

199

1. Diferentes tipos de botones para la Red


2. Rollovers mltiples
3. Rollovers animados

201
212
219

CAPTULO 1l. lNEAS Y TRAMAS

225

1. Crear el motivo de lineas

2 .s: \plicar el motivo de lineas


3. Crear el motivo
\plicar la trama
5. Trama de perspectiva
6. Trama de ondas distorsionadas
7. Crear el mapa
8. Cristales
,
,
~

227
228
230
230
232
237

-s

CAPTULO 12. MARAVillAS

193

,
,

DE DISEO

1. Graffiti
,
,
2. Reflejos
3. Reflejo de un breve roce
-t. Reflejar una fotografa
CAPTULO 13. SECRETOS DE COlLAGE
1. Collage de fondo
2. Tcnicas avanzadas de collage con fotografas

,.,

239

241
245

,.,

247
,

252

256
258
263
265
277

10

PROYECTO 1. INTERFAZ DE PGINA WEB

293

1. Crear la interfaz
2. Realzar la placa
3. Pantalla
4. Aadir botones a la pantalla
5. Crear un analizador de espectro
6. Los diales de sintona y volumen
7. Realzar los botones
8. Aadir una reflexin acristalada a la pantalla

295
301
303
305
308
310
313
315

PROYECTO 11.CARTEL DE PELCULA

1. Crear el fondo
2. Disear el texto
3. Tentculos
-t. Finalizar el cartel
PROYECTO 111.ANUNCIO

321
323
324
329
COMERCIAL

1. Construir la lata
2. Ponerla etiqueta
APNDICE
CONTENIDO

319

331

333
337
343

DEL CD-ROM

NDICE ALFABTICO

347
349

13
Introduccin

INTRODUCCIN
ste libro tiene como gnesis una
simple razn: usted. Bueno, gente
como usted, de cualquier modo.
Creamos este libro como respuesta a la enorme
demanda de tutoriales para crear efectos dinmicos
con Photoshop. Siempre hay efectos de este tipo a
nuestro alrededor: en anuncios, en las cajas de
cereales, en las pantallas de los cines y en el correo
electrnico basura. chele un vistazo a la seccin
de revistas en el supermercado local. Qu es lo que
ve? Efectos tipogrficos. Efectos fotogrficos.
Todo llevado a cabo con cierto programa llamado
Photoshop.
Los autores, .\1 Ward y COM Smith, son ambos
respetados gurs de la comunidad de Phoroshop.
Cada uno de ellos posee pginas web sobre
Photoshop muy populares, a travs de las cuales
se les ha inundado con peticiones de ms y ms
tutoriales .
.\ travs de este libro no slo aprender algunos
inspiradores efectos especiales, sino que tambin
obtendr una gran visin de la potencia de
Photoshop como herramienta de diseo. Le
ensearemos maneras de mejorar su cadencia
de trabajo y llegar a utilizar mucho ms inteligentemente el programa. Le daremos trucos de
diseo de dos especialistas que han ganado
premios importantes y que han participado en
la convencin de Photoshop \Vorld.
El libro sIgue una dinmica simple: en la primera
seccin los autores les explicarn los efectos que
los visitantes de sus pginas web y lectores de las
revistas para las que escriben piden ms frecuentemente. Si ya tiene alguna experiencia con
Photoshop, entonces quizs el primer par de

captulos le parezcan terreno conocido; en ellos se


hace nfasis sobre las texturas y superficies.
Si es un novato, no se preocupe, Al }' Colin han
incluido suficiente ayuda como para que se
ponga al da y obtenga buenos resultados
prcticamente de inmediato.
Ms tarde, el libro dar un giro. Hemos incluido
un captulo sobre cmo configurar su caja de
herramientas para maximizar su eficiencia, )'
encontrar en otros captulos tcnicas de diseo,
trucos wcb, efectos de color y tcnicas de
colage.
En la seccin final del libro _\1 v Colin han
colaborado en tres proyectos de diseo, para
darle una idea sobre cmo los diseadores
profesionales realizan trabajos de diseo serios,
y las soluciones creativas que han encontrado a
estos proyectos.

Unas palabras sobre la resolucin


.\ lo largo y ancho de este libro podra darse
cuenta de que algunos de los efectos se han
realizado con diferentes resoluciones, a veces el
autor ha creado el efecto a 100 pxeles por
pulgada, en otros casos a 150. Esto depende
por completo de las preferencias del diseador.
De 100 a 150 pxeles por pulgada se consigue una
buena impresin casera. Si el propsito de una
imagen es la impresin profesional entonces por
lo general la imagen debe llegar al menos a los 300.
Dse cuenta de que cuando una imagen se crea para
la Red, la resolucin ser de 72 pxeles por
pulgada, la resolucin normal de una pantalla.
Algunos diseadores prefieren trabajar a una
resolucin ligeramente ms elevada de la

14
Introduccin

es trictamente necesaria, digamos a 96 en un


proyecto web. Esto les proporciona la libertad
de cambiar el tamao de sus imgenes y no perder
demasiada calidad.

y tambin se encontrar con pequeas joyas de


informacin secundaria, que se le presentar
de esta manera:
NOTA: "VAYA. NUNCA HUBIERA AVERIGUADO ESTO!".
GRITAR.

Todo lo que necesita saber sobre este


libro
Este libro est diseado para ser divertido, pero
ms que nada para dar informacin. Con el fin
de mantener las cosas tan simples como fuera
posible hemos usado slo unos cuantos estilos
de capas para evitar confusiones.
Va a tener en sus manos una gran cantidad de
ejercicios prcticos, y stos aparecern bajo
titulares de este tipo:

Hemos incluido todos los atajos de teclado que


necesitar. Sern de esta manera (primero en
formato Windows y despus en formato Mac):
Para crear una nueva capa pulse Control/Comando-N.
Cuando se encuentre con una palabra o herramienta importante por primera vez, estarn escritas en
neg'l'ita:
Abra el Editor de degradados.

l. Efecto bonito
Hemos numerado los efectos que lo llevarn a
la imagen final, pero algunos efectos son pasos
para efectos an mayores, y stos no han sido
numerados.
La numeracin se ha llevado a cabo as:
1. Haga esto.
2. Despus haga esto otro.
3. Contine con esto despus.
Hemos aadido montones de trucos muy tiles,
que han sido resaltados de esta forma:
~
~

TRUCO: ESTO ES UN TRUCO GENIAL. LEALO CUIDADO


SAMENTE.

Hemos utilizado distintas fuentes para destacar


nombres de archivo, y los URL tambin:
Picture.psdyfriendsofed.com

y finalmente, todos nuestros mens de comandos se darn de la siguiente manera:


Imagen>Ajustar> Tono/Saturacin

15
Introduccin

Soporte Tcnico

j Los efectos de Photoshop


son emocionantes!

SI nene algn problema relacionado con el contenido de nuestras publicaciones, o con el material
surrumstrado en las mismas, por favor comunquelo a nuestro Departamento de Soporte
Tcnico a travs de alguno de estos medios:
Telfono, en el nmero 91320 90 36. El horario
es de lunes a viernes desde las 9 a las 15 horas.
En el resto del da existe un contestador automtico donde podr dejar sus mensajes, que sern
respondidos a la mayor brevedad posible.

y ahora, antes de que se sumerja en el libro le


hablar sobre las expeoenClas de Al Ward en la
creacin de efectos especiales con Photoshop:
Ha visto la pelcula "El Jovencito Frankenstcm"?
$1 la ha visto, entonces recordad una escena en
la que el Dr. Frankenstein (un excepcional Gene
\'Ctlder) se da cuenta de que su experimento ha
funcionado. Con sus ojos salindose de las
rbitas y su Silla hecha pedazos, l grita a la
cmara: "[Est vivo!"

Fax, en el nmero 91320 44 19.


Correo a nuestra drreccin.juan
de Tena, 15. 28027 Madrid.

Ignacio Luca

e-mail aladireccin.a_mulmedia@anaya.es.
\naya Mulnmedia dispone de un servicio especial
mediante el cual, cualquier persona que disponga
de una DIRECCiN DE CORREO ELECTRNICO puede
recibir informacin detallada de las nuevas publicaciones de nuestra editorial.

SI est interesado en suscribirse, puede hacerlo


directamente a travs de nuestra Web:
hnp:/ /www.anayamulmedia.es
Una vez aqu, dirjase a la seccin Servicios y
despus, al apartado Novedades a usuarios.
Tambin puede contactar con nosotros a travs de
cualquiera de los medios antes mencionados.

De acuerdo, podra haber mencionado el clsico


original de Bons Karloff, pero la Imagen de Gene
\'('ilder, especialmente con el aspecto de su pelo
combinado con el loco gnto de \11ct0[1a,se ha
quedado grabada en mi mente como la sensacin
que siento cuando un efecto particular de
Phoroshop funciona.
Al Ward, coautor.

19
Piedra

y madera

CAPTULO

1.

PIEDRA y MADERA

o hay nada que pueda competir


visualmente con el mundo que nos
rodea. Aunque podemos intentar
pintar el rbol, puesta de solo
retrato perfectos, nunca alcanzaremos la increble profundidad que el mundo fsico contiene.
En Photoshop, sin embargo, podemos intentar
recrear elementos del mundo real. No hace
mucho vi una demostracin sobre cmo se
puede pintar un rbol mediante fractales. Lo que
ms me intriga es que esto destacaba el concepto
de que nuestra realidad es una compleja serie de
frmulas matemticas. Por ejemplo, un copo
de nieve es una forma geomrrica perfecta, pero
Jams habr dos idnticos. Simplemente con
hacer una alteracin extremadamente pequea a
un nico trozo de informacin en el cdigo del
copo de nieve se obtienen infinitos resultados,
aunque cada resultado sea perfecto en s mismo.
Tan grandes son las maravillas r creatividad de
la naturaleza.
El factor matemtico es lo que nos permite
reconstruir aspectos del mundo natural en una
Imagen. Nuestros ordenadores funcionan con
unos ceros, la forma de agruparlos dicta el
resultado en pantalla. Mire en el cdigo de
Photoshop )' ver un programa que aplica las
matemticas en la representacin visual. Mueva
una barra de Difuminado Gaussiano y estar
alterando la frmula que controla la opacidad y
la variacin de tonos de los pxeles adyacentes
en una imflgen.

Madera
Hay diversas maneras de renderizar texturas
de madera realistas en sus creaciones. Un poco
ms adelante le mostrar algunas de ellas, ir
posiblemente le dar su ficiente in formacin
para empezar a realizar sus propias creaciones!

l. Madera bsic
1. Cree una nueva imagen de 7x5 pulgadas a 150
puntos por pulgada, RGB, y rellene el fondo con
Negro. El fondo Negro no es importante en
realidad, pero lo utilizaremos de todos modos
en el tutorial.
2. Seleccione dos tonos madera para
el color frontal y el color de fondo.
Para este ejemplo, el color frontal
ser el #CF9242 y el color de fondo
#904AOB.
3. Cree una nueva capa. Seleccinela de la
manera y forma que ms le guste. Utilizaremos
texto (herramienta Texto, Mays-1') ya que va
igual de bien para partes de la interfaz como
para los marcos de imagen, justo igual que una
seleccin de texto.
TRUCO: PARA UTILIZAR UNA HERRAMIENTA, PULSE SU
ATAJO EN EL TECLADO PARA SELECCIONARLA,

POR

EJEMPLO. T PARA LA HERRAMIENTA TEXTO. CON EL

"amos a ver qu es lo que Phoroshop nos deja


lomar prestado del mundo fsico parfl utilizarlo
en nuestra propIa obra de arte.

FIN DE ACCEDER A OTRAS HERRAMIENTAS DEL MISMO CONJUNTO, MANTENGA MAYS PULSADO y PULSE LA LETRA REPETIDAMENTE PARA PASAR DE UNA A OTRA. MAYS -T
PARA LA HERRAMIENTA DE TEXTO

20
Captulo

~ Seleccione la herramienta Degradado (G).


En la barra de Opciones, haga che sobre Degradado reflejado, }"asegrese de que el degradado
por defecto de Color frontal/color de fondo est
activo. Si no lo est, haga che sobre la flecha a la
derecha del degradado para abrir el seleccionador
de Degradados, ) pulse sobre el Icono de Color
frontal/color de fondo. Empezando por el
centro de la seleccin} bajando hasta el final de
sta, rellene el texto o forma.

a los puntos a tener dos tonos, claro y oscuro. Si


no seleccionamos esta opcin, el nudo se har
con puntos de colores alearonos.
o necesitamos ningn arco lOS en nuestro efecto de
madera as que elegiremos Monocrornrico.

El

Aad" rUIdo

5 Duplique la capa rellena haciendo clic con el


botn derecho del ratn y seleccione Duplicar
capa. Esto es siempre una buena pliza de
seguros, pues tendr siempre una plantilla
inalrerada de la forma rellena origmal, por SI
quiere volver en caso de un error de dificil
reparacin. De acuerdo, siempre podr borrar
pasos de la palera de HIStoria, pero puede ser
bastante tedioso, Duphcar esta capa es tambin
mm' til SI necesita activar la seleccin original
de nuevo. Probablemente querr dar nombre a
las capas; en este caso, las nombraremos como
Base de madera)
Madera activa 1.

~ l'l1oOOCromallCO

., Ahora aplicaremos un Desenfoque de movirmento para obtener un modelo de madera


granulada. Haga che en Filtros>Desenfoque>
Desenfoque de movimiento e Introduzca un
valor de ngulo de O grados. La distancia dictar
la suavidad}" longitud de cada granulado. Para
este ejemplo unhzaremos un valor de 20, ya que
nos proporcIOna un amplie contraste para la
IIllagen ejemplo.
Desenfoque

6 Vamos a aadir un poco de ruido a esta capa.


Haga che en Filtro>Ruido>Aadir ruido r
aplique una configuracin de Ruido vlonocromneo Gaussiano de 10 a 14, dependiendo de la
cantidad de granulado que desee en la madera.
_\1 seleccionar monocromuco estamos obligando

de movume ...

El

8. SI qUIere estirar el efecto un poco (Incrementar todava ms el contraste), uohcc el filtro


Enfocar en Filtros>Enfocar>Enfocar.

21
Piedra y madera

9. )'\0 toda la madera es perfecta y sin tacha, as


que vamos a aadir unas pocas imperfecciones
en el grano. Seleccione la herramienta Marco
elptico (Mays-M). En la barra de Opciones
ajuste el Calado a 3 pxeles, Deseleccionc
(Control/Comando-D).
10. Haga una pequea seleccin circular en el
diseo.

12. Repita el paso anterior en diferentes reas de


la imagen, cambiando la configuracin cada vez,
as dar una sensacin de mayor variedad.
13. Ahora utilizaremos algunas opciones de la
caja de dilogo de Estilos de Capa. Acceda a los
estilos de esta ltima capa pulsando en el primer
botn de la izquierda de la Paleta Capas )'
comience con el Bisel r relieve introduciendo
los siguientes parmetros:
Bisel y relieve
:""Estruc:tur.
Estilo:ISlselexterior

::::::::J

Tcnica:ICincelblando

cr=== ~"

Profundidad;

11. llaga die en Filtro>Distorsionar>Molinete


, despus aada algo de distorsin. En el
ejemplo el valor es de 109, pero compruebe
el visor y distorsione la imagen a su gusto.

Dineeln: (O Superio.- (" Abajo

1"\)>=====:::1~px

r.millo

ro--px
2u
_avlZr ....5=====:::1

L-

r:

S.m"".
!!9U1o

El

Mollnele

::::::::J

C) ~.
r

Usar luz global

:s-.

Altitud:
Contornod. r plandor:

c:;;jj

P' ~u.vindo

Modoreultado: ITrama

::::::::J

Qp.cidad

.d

100%

--u

Modod. sombra: 'SubeXlIOnercolor

..!.J

oc---"
::::::::J_

cr=== ss-"

Opa~ldad.

l-t Ya que el Tamao de bisel se ajust a 6 en


el paso anterior, ahora aadiremos un Trazo de 6
pxeles a Fuera, el color seleccionado ser el
marrn.

Tr~zo
Estruc:tun
rama~o: O

~px

posicin:r~::::::::J
Modode fusln: 'Normal

Ij:

::::::::J

~"

~:

-r- Tipod. r.ll.no 'Color

COlor:.

....

:;j

22
Captulo I
La primera imagen muestra el borde del biselado
antes de aplicar el trazo. El segundo es la imagen
despus de aplicarlo.

Por ltimo, asegrese de guardar la imagen


(Control/Comando-S)
antes de seguir con el
siguiente ejercicio.

15.. -\ho ca apliq ue una Sombra interior. Utilice


esta configuracin, asegurndose de cambiar el
color a un tinte que tienda al marrn. Esto le
dar a los bordes un efecto "rstico" fusionando
el marrn alrededor de los bordes de la madera.

~====--~=:=1
I
:::iJ _

Sombr .. Interior

,r Estructura

Modod. (usin

Multpic.r

0== ~"

Qp..cidad

O~.

ng,ulo:
Q)stanclo:
Botr r:

P'

C::C:::O'i"F==== ~

ro--

u-

!.mafio

Unr luz global


px
%

v--px

'""'

1Ir- Calidad

r :iuaviudo
Buido: u-~=====
o--%

Contorno: ~

16. Despus aplique un Resplandor interior,


Asegrese de ajustar la configuracin de Ruido,
ya que es la mejor manera de simular texturas en
nuestra madera.
. Resplandor Interior """""""
Estructura ----Modod. (u.in: IMultiplicar
Qpacidad'

BUdo.

:::iJ

=0==

SO-"

==a

~"

H
Elemontos
Tcnica: JM.ls suavj~ado

Orlgen:
Bot,ur:
!amafio:

<;;,entr.,

ro Bo(de

~s:::=====ro--"
c:::::::c

~px

En este rurorial las cosas no van a cambiar


mucho con respecto al anterior. En slo unos
pocos pasos, podremos aadir algunos efectos
realistas que encantarn a sus amigos. Quiz no
consiga la admiracin de sus cornpaficros pero
el efecto est realmente bien.
1. Para comenzar, haga el tutorial anterior o
contine desde la imagen ya creada. Se acord
de salvar el estilo de capa al duplicar la capa? Si
lo hizo, slo necesita seguir los pasos para crear
el grano de la madera y aplicar despus el estilo
con los biselados y las zonas destacadas al texto
o forma deseada.
2.. \cceda a la ventana Estilo de capa y despus
elimine el trazo que aplicamos, Puede hacer esto
deseleccionando el comando Trazo en la ventana
de Estilo de capa, o pulsando sobre el propio
comando en la paleta de Capas y arrastrndolo
hasta Eliminar capa (el icono del cubo de la
basura).

23
Piedra

y madera

6.. Acceda a Filtros>Trazos de pincel>Trazos


con spray y aplique la configuracin que se
3. Pulse Control/Comando-cHe
sobre la capa
del dibujo que hizo para seleccionarla.
-1. Cree una llueva capa (Mays-Control/
Comande-N) debajo de dicha capa y rellncla
(Edicin>Rellenar) con un 50 por 100 de gris.

muestra en la figura. Cuando aplicamos un filtro


de tipo distorsin (especialmente un efecto
artstico) a la mscara, los bordes de la imagen/
seleccin se adecan a las distorsiones alrededor
suyo.

El

Trazos con spray


OK
Ccnceler

TRUCO: MAYSRETROCESO/SUPRIMIRABRE

LA CAJA

DE DILOGO RELLENAR. DE ESTA MANERA POORA GA


NARTIEMPO.

.=J
5. Seleccione la capa del motivo. En el borde
inferior de la paleta Capas, haga dic en el icono
Aadir mscara. Al aplicar una mscara a la
seleccin estamos elevando la unagen por
encuna, para que parezca esculpida.

100%

.:J

Longitud de trezo

Redlo

DireCCIn de trazo

~n;l"iiiEi;II;;@

~8~

24
Captulo

NOTA INTENTE APLICAR OTROS FILTROS A SU MASCARA CON OBJETO DE VER LOS RESULTADOS

LOS

EFECTOS ARTlSTICOS SON LOS MAS INDICADOS PARA

En la Lmagen se puede observ ar el efecto que


har el filtro Pelcula granulada (Filtro>

Artstico>Pelcula granulada):

ESTA TECNICA

7 Cuando altere la configuracin de Biselado,


puede dibujar bordes mas reahsras. Por ejemplo,
cambiando la Tcnica de Estructura a Cincel
duro y aplicando distintos Contornos de resplandor obtendr resultados bastante interesantes.
Bisely reli.".

!:J

Estilo IBI.,loxterlor
TcNci
Profunddld,

1,",1duro

:::::::J

==o

a:-"

Esta otra lI1ugcn nos muestra el filtro Mosaico


aplicado a la mscara (Filtro>Pixelizar>
Mosaico) con un valor dc filtro de 35:

AMue!
Contorno do respllndor
Modor~tldo

___c:c:::_
ITrarN

~
Mododt_1
~Id.d

3. 1i rrnta
\qu tiene un pequeo e fecro que le dar a la
imagen de madera la apariencia de haberse
convertido en comida para un montn de bichos,
l. Cree una nueva Imagen a partir del pruncr

tutonal.

L'na vez que tenga el efecto completo, resulta


drverndo usar un surtido de filtros a la capa
mientras que (lene la mscara en funcionarmento.

2. Pulse Ccnrrol /Comando-clic


sobre la lapa
del dibujo que acaba de hacer en la paleta de
Capas para seleccionarla
3. Ahora una conrraccion, Seleccin>
Modificar>Contraer. l se un valor de 4 pixele-

25
Piedra y madera

cpielo (Controf/Cornando-C)
\ pguelo en la
nueva tapa (Control/Comando-]).

la palera de Canales y a continuacin


cree un nuevo canal pulsando en el Icono Crear
canal nuevo. Pegue (Control/Comando-V)
la
seleccion otra ,OC7 en el nuevo canal.
..1-. Vaya a

') Rellene Mays-Rerroceso/Suprimir)


selecuon del canal con blanco.

ahora tiene la parle carcomida de la madera por


encuna de la original. El SIguiente paso revelar
el dibujo de la capa carcomida y entonces
podremos empcz:lr a crcar los rastros de los
insectos. Haga Conrrol /Comando-clic
sobre
la capa carcomida para cargarla.
9. Cree ahora Otra capa ms (Mays-Control/
Comande-N). Seleccione un tono marrn (un
poco ms oscuro que cl tono general del dibujo)
como color frontal Haga che a connnuacrn en
Edicin>Contornear>
Trazo y aplique uno de
3 pxeles en la parte de fuera. _-\hora s que ya
se puede ver cmo los rastros toman forma.
Asegrese de que esta capa est por encima de
todas las dems por medro de la paleta de Capas.

la

6. Lnhce a connnuacrn
el filtro Cnstahzar,
Filtro>Pixelizar>Cristalizar,
tres veces cada
UJ1acon los valores de 32, l4 Y 9 respccnvamen
te. Esto nos dar la sensacin de unos bordes
carcomidos por los Insectos.

10... \hora slo ucne que aplicar un BIselado con


la configuracin que se muestra en la imagen.
Queremos <jue el rastro est alojado dentro de la
madera o que al menos parezca que lo est.
Bisel J r......
Estruct.ra
EsUo J :jtd(f....

T4<,.<. IClncelblando

w.;- H

Profundldad =:s

ro

o.recci6n (' s...,...lot'


lam.~o,

AbajO

"'v.....

". \'a} a a Seleccin>Deseleccionar.


} haga
Control/Comando-die
sobre el canal cnsrah
zado para poner encuna la seleccin de bordes
irregulares.

~Oliil
. r

u..r luz gIobtI

"It.tud
Contorno <lo rosplandor

~.
~

r ~vtzado

Modor altado r:1r~r.-m-.-----:::::::J-"D


Qp.Cldad

8. Vaya a la tapa 3, copie la seleccin y pguela


en una nuev a cap!. \unque todava no lo ver,

z--px
o--p.

0=

Modod. lombr. IMultlplicar


Op~ad

Ps--"
:::::::J_

~H

26
Captulo I

11. l la vis to 10 que un peq ueo y creativo bisel


puede hacer? _-\.uuquese puede mejorar todava.
Aada profundidad a los rastros de termitas
aplicando una Superposicin de degradado, con
un degradado Negro, Blanco y un Modo de
fusin Sobreexponcr Color.

[Esto s que es madera llena de bichos!

Texturas de roca rpidas


Para comenzar, trataremos algunas formas de
crear el efecto de grietas. Luego, le mostraremos
cmo adaptar una fototexrura de piedra existente
a su obra. Vamos a echarle un vistazo a un
mtodo realmente rpido y simple que nos dar
resultados extraordinarios.

12. No est mal. _-\.I aplicar el degradado hemos


oscurecido los rastros, incrementando de este
modo la sensacin de profundidad del bisel.
Pero espere, lo mejor est an por llegar. l Iaga
Control/Comando-cHe
sobre la capa situada
debajo de la de los rastros para subir la seleccin
carcomida original. Seleccione la capa de los
rastros de nuevo y haga clic sobre el icono
Aadir mscara, situado en la parte inferior de
la paleta de Capas.
13. Llnlice el comando Filtro> Trazos de
pincel> Trazos con spray r aplique una
Longt tud de Trazo de 19-20, un Radio de 9 y
asegrese de que la Direccin de Trazo sea
l Iorizon tal.

1. _\ bra \111 nuevo documcn to de 500x500 a 72


puntos por pulgada y RGB, mediante el atajo
Control/Comando-N.
2. Abra la paleta de Canales y cree un nuevo
canal ,\1fa.
3. Vamos a dar origen a un lluevo mapa de bits:
pulse Control/Comando-A
para seleccionarlo
todo y entonces pulse D paril reiniciar los
colores frontales yo de fondo por defecto, de
manera que nuestras nubes tengan un contraste
fuerte de blanco r negro.
4. Filtro>lnterpretar>Nubes,
aplicar un
motivo de nubes al canal. Pulse Control/
Comando-D
para deseleccionarlo todo.

27
Piedra

madera

5. Seleccione el canal compuesto de RGB y


vuelva a la paleta de Capas.
6. .vhora vamos a usar efectos de iluminacin.
Haga clic sobre Filtro>lnterpretar>Efectos
de
iluminacin. Seleccione a continuacin un Tipo
de luz que tenga un color naranja rojizo con los
parmetros de la imagen. Aplique por ltimo
Alfa 1 al Canal de Textura.

El

Efectos de ilurninecin

iJ

Estilo IPor defecto

Guardar...
Tpo de luz:

OK

Cenceler

IFoco

P' Encendida

...

Fuerte

Intens'da~e9ativo

32

Estrecho

90

Ancho

Lustre: Mate

Brillante

Melterie.l'Plstico

14

Metlico

Expos,cMenos

14

Ms

Amb,enl~e9ativo

Positivo

Foco.

Propiedades:

Canal de textura:

~ Previsuelizer

\J:

- Ah la tienel Una imagen ptrea, escalofriante


de lo realista que es. Este efecto da muy buenos
resultados para fondos de anuncios de productos,
texturas para imgenes, superficies planetarias e
incluso mapas de texturas para imgenes 3D.

~ Resaltar blanco
Altura: Plana

...

D
iJ

IAlfel'
50

Monta~oSel

5 M
1. Cree un)'! nueva imagen.
? Los colores debern ser los definidos por
defecto, tecla D. El negro (color frontal) y el
blanco (color de fondo) nos dan los tonos r
. contraste necesarios para las nubes de diferencia
en el siguiente paso. Rellene la imagen con el
color frontal (negro).

28
Captulo I

ElI

Nuevo

t:lOO'bre piedra raolda TeXlU'a II


T<mJiio de imaI,en 594K

rAI!(J'd r-I

~a

Cancelar

"--1
pu-IOadaS-:----::::J""""I
pulOadaS
::::J
::::J

S. Pulse a connnuacin

sobre el comando

Imagen>Ajustar>lnvertir; despues unlice el


atajo Control/Comando-L
para tlue se muestre
la ventana de dilogo .\.,,-eles. Acerque las barras
deslizadoras Jet una a la otra, permaneciendo
dentro de la gama de la imagen.

CaltenlClD

re~
r:

4. Vava a Filtro>Estilizar>Hallar bordes.


Comprobar que aparecen una serie de franjas
negra~ u oscuras, con el tono principal tendiendo
a blanco,

~oO' de renda

ro Tr<ln:.p.venle

131

Niveles

IRGB

::::J

NlYI!tesCletntraGa ~

p1iJ' ~

C... ..al
TRUCO' ALTIOPCIN-RETROCESOISUPRIMIR

RELLENA

LA SELECCION CON EL COLOR FRONTAL MIENTRAS OUE


CONTROLICOMANDO-RETROCESOISUPRIMIR

LO RE

LLENA CON EL COLOR DE FONDO

3. Haga che sobre Filtro>lnterpretar>Nubes


de diferencia. Pulse Control/Comando-F
unas 10 veces para ejecutar el filtro una y otra
vez. Esto ayuda a definir las lneas de contraste
en la Imagen.

TRUCO' PULSAR CONTROUCOMANDO-F

REPETlRA EL

ULTIMO FILTRO LlTILlZAOO CON EXACTAMENTE LA MISMA CONFIGURACION.

6. Casi hemos acabado con este efecto de


mrmol. Pulse Conrrol/Comando-U
para
acceder a la "en lana de dilogo Tono/Saturacin. Seleccione la opcin Colorear )' use las
barras deslizaderas hasta que encuco Ire un tono
de su gusto.

29
Piedra

y madera

6. Piedra con grietas


1. Comience una nueva imagen (Control/
Comande-N). Le recomendamos una configuracin de imagen con un tamao de 800x500, 100
puntos por pulgada, RGB r Transparente.

Variaciones

Sidesea que la textura sea totalmente perfecta,


hagaclic sobre Filtro>Otro>Desplazamiento,
e introduzca los valores de 50 pxeles a la
derechay 50 abajo. Compruebe que Dar la
vuelta est seleccionado. Ahora puede, o bien
guardarla imagen como un fondo O definirla
comomotivo perfecto. El captulo 6 profundiza
sobredefinir r guardar motivos.
NOTA: LOS MOT1VOSPERFECTOS SON AQUELLOS QUE

2. Escoja un color marrn para el color frontal.


Ser el tono base sobre el que daremos origen a
nuestro efecto. En las imgenes el tono es de
R:170, G:129 y B:99 del sistema RGB o bien el
#AA8163. Si no est seguro del color 110 se
preocupe, siempre podr cambiarlo despus.
Rellene (Alt/Opcin-Retroceso/Suprimir)
la
imagen con el color.
3. Cree una nueva capa (Mays-Control/
Comande-N). Elija otro color y rellene esta
capa con l. Como el tono que hemos seleccionado anteriormente es un marrn parecido al
bronce como color de base, ahora seguiremos en
la misma lnea y escogeremos un color tierra de
nuevo, slo que esta vez ms oscuro que el
anterior.

CUANDO SE DUPLICAN y LAS COPIAS SE PONEN UNA


AL LADO DE LA OTRA. NO SE PODR APRECIAR DIFERENCIA ENTRE ELLAS, IGUAL QUE SI SE TRATARA DE

4. Haga clic sobre el icono Aadir mscara en


la parte inferior de la paleta de Capas para crear
una mscara en la nueva capa.
5. En Photoshop 6, cuando se aade una
mscara a la capa, el color frontal se vuelve
blanco por defecto, as como el color de fondo
Se transforma en negro. Intercmbielos para que
el negro sea el color frontal.
NOTA: PARA CAMBIAR EL COLOR FRONTAL Y EL DE
FONDO, PULSE X O BIEN HAGA CLlC SOBRE LA DOBLE
FLECHA QUE SE VE EN LA IMAGEN ANTERIOR.

30
Captulo I

-hlgurese de tjue el Icono de mascara esta


resaltado en LI paleta de Capas. Puede comprobar (llIC csr activa pulsando sobre ella, ya quc a
veces es difcr! saber si est resaltada o no. llaga
clic sobre Filtro>Textura>Granulado \ aplique
1" configuracin sIguiente:
Granulado

.=J

8 l"uJ.ce LI opcin Filtro>lnterpretar>Nubes


de diferencia Aphque el efecto (Control/
Comando-F)
unas 10 veces ms. _\s conscguimos la complejidad y naturaleza de la roca.

-----.:Jl

::J

100/0

Intensidad

9, Haga che sobre Filtro>Estilizar>Hallar


bordes.
lO. EJecute el comando Imagen>Ajustar>
y pulse Conrrolj Comando-L
pUIl que
se muestre la ventana de dilogo de "-I\-eles.
Mueva las barras deslizaderas para incrementar
el contraste.

Invertir

7. Haga che sobre Filtro>Ruido>Aadir ruido


~ aphque un RUido gaussiano con un valor de 8.

'(::~
D
El

Aadu ruido

100"

Ol<trtJucllln
Uniformo

r:

ro

.!.e'

'.>AASI.Yla

P' t:1r_<CromalleQ

1/1 VI
P' 'le.-

31
Piedra y madera

11 Seleccione otro tono de tierra ms para


utilizarlo como color frontal Esta vez un tono

gris vendr bien. Cree una nucv a capa \ rellnela


con ese color

ElI

Selector de color
SeIeCCOleel colOr traltal

eersonalll~

rLp5'
rsj26"raSrBOO-" rB~
rRji04
cjiO'"
r: G i82
M j27 "
e B: [Is1
y f4O" "

<-H.j35'

<1

.. IccIl6971
12. \liada una mscara a la Lapa)' de lluevo
asegrese de que est acnva llaga cite sobre
Filtro>lnterpretar>Nubes de diferencia una
vez ms}' aplique el efecto 20 veces,
. ~ L'nhce la opcin Filtro>Estilizar>Hallar
bordes. De nuevo, aumentaremos el contraste

de los bordes con este filtro. aunque tambin


10\ lene el color general. Por esta razn tendremos que hacer algo ms.

1-1.Haga cite sobre Imagen>Ajustar>lnvertir y


luego Imagen>Ajustar>Niveles automticos.
Esto suavizar

las vanacioues dc tono un poco.

r"

15. Pulse Control/Comando-L


y luego ajuste
los niveles manualmente de nuevo. SI acerca las
barras deshzadoras ;11centro. conscguira mas
centrase y detalle,
NIVeles

El'

32

Capitulo I
16 Acceda a los Estilos de capa para la capa
que estamos trabajando y aplique un Biselado
con la slgluente configuracin.

19. Use a connnuacin

Filtro>Estilizar>Hallar

bordes.
20. Seleccione Imagen>Ajustar>lnvertir

r v.
Estnoc:t .

BIHI J

Estilo
TKnica

Prof~
ohcci6n
~uavlur:

la.stl "'t.,.~

ICInc.1 blando

=o

r~

21. Seleccione Imagen>Ajustar>Niveles.


Acerque las barras deshzadoras las unas a las
otras dentro de los lmucs de datos.

::::::J
::::::J

~"

ro

Aba,.

ct5===== r;oro--

px

NIveles

El

px
CWI c.pa4Msc

1~ Repita el paso 11, esta vez con un color ms


claro que antes,

r.Hp7 rLp4"
rs(76" r.zo-

1'8193"

rB~

rRj236
r G ji66

r: 8

lS6

~CA63B

cp"

Fi3 "
as"
~ -"

18. Pulse sobre el Icono Aadir mscara )'


luego seleccione Filtro>lnterpretar>Nubes. 1\
continuacin unhcc Filtro>lnterpretar>Nubes

de diferencia.

Variaciones
Intente alterar los tOIlOSde todas las capas. Si
quita saturacin a la capa 1 } aade algo de
ruido, entonces obtentr una textura rocosa gns.
He realizado esto para el siguiente ejemplo.
adems de ajustar el color de 11 capa supenor
con el fin de que d la sensacin de que la
piedra est cubierta de musgo.

33
Piedra y madera

Si aplica un Biselado y una Sombra paralela a la


capa del musgo obtendremos un realismo fuera
de lo comn \1 incrementar la profundidad del
Biselado (en este caso un 391 por 100) potenciarnos este efecto y destacamos la dimes in de las
reas de sombra.
.t

Bisel y relieve

I~

Estructura
E.t,lo
Ttcr.ca
Pro(undtdod
Drtccin'

IBiuI inter"!........... :::::::J


IRdonde... :::::::J
c:==-=-a==c===:::.
pg-"
ro Superior r Abojo

"'6""'===== re-- px

ramao,

ro---

~avi .. r : ......

px

7. Formas eme ladas


Ahora que tenemos un par de tutoriales para
hacer texturas ptreas en el bolsillo, podemos
meternos en un asunto ms jugoso, representar
dibujos esculpidos sobre roca.
Para comenzar repita el ltimo ejercicio. Puede
variar los tonos si lo desea, porque "nada est
escrito en piedra".

,.._ Sombn
n9ulo:

U;--.
r
.

1. Una vez que tiene la textura que busca,


combine todas las capas mediante el comando

~.

U.. r luz global

Altitud:
Contorno de resplandor

Capa>Combinar visibles.

r 2_uavizado

CJ

Modo resaltado' '...


r-ram-.-----:::::::J-Qpacdad

....

2. Acceda a Edicin>Definir motivo.

=====::;--u?\ roo-"

Modo de sombra Iwtiok...

:::::::J_

OPas.ldod

--

"

Sombra pAralela
r-:

"""..----==="',---

E$tructun

I""do d. (u.in: IMultiplic.r


Qpacidad:
IlquIo:

~rt~.
~xtenSln

laro....

o~.

:::::::J_

0== ~"

P u..r luz global

~~===== ~px
"'O
::-"
5"=====
;s-- px
~
"""~~------.~

Calidad

Contorno: ~

!luido:~

P'

r 2_uavizado

ro--- "
La capa cubre ti sombr.a par alela

Nombre de motivo

El

34
Captulo

3. Cree una nueva capa. Introduzca el texto o


dibujo tIue qUiera ver esculpidos sobre la roca.

6. Yphquc un Biselado a la capa. Queremos


cambiar la Tcnica de bisel a Cmcel duro!
adems haga los ajustes necesarios para obtener
la configuracin de la figura:
Bisel y relieye

Estructur~

ProftJnddad
Direccin
!amao
~vlZar

C;'""'====~m-"

Superior

'"
.-s======::l

Sombn

. w-.

r:::'\ r Usar luz global


Altitud: V ~.
-L vaya a la ventana de dilogo de Estilos de
capa para la capa del dibujo. Recurra a las
Opciones de fusin avanzadas r ajuste la configuracin as:
Opciones de fusin
Fusin general ------

.....----"""'::"""'

Contorno de resploodor'

r uavizado

Modo resaltado 15uoerwoer


Qpactdad

......~I

Modo d. fusin. INormal


Qpacidad

.....,...~=-.".

Fusin avanz:ada
QpaCldad d. relleno
(anales
(ubrir

rv Fusionar efectos

interiores como un qrupo

FusioMr s."pas recortadas

Fusionar si GriS

El

Esta capa

como un 9rupo

255

Capa subyacente

4>

255

==lJ
5. Aplique a continuacin
colores negra.

una Superposicin

de

7. Lo siguiente es aplicar una Sombra interior.


EXIsten dos cosas de las que tenemos que
ocuparnos: el color de la sombra debera ser IDl
tono tierra tambin (R:70, G:21, B: I o #461501),
r la barra deslizadera Rerraer debe controlar la
profundidad o intensidad de la sombra.

35
Piedra y madera

s...r.",t.,._
Estruc:t .....
Modod. fUSIn

IMuIUpUc~.

:::::J_

~ad

niulo

r Usa. luz global

~,I.nc",

'iSt'f':====:::::I ~

Bolraer

~~

10m....

~P)(

px

11. Seleccione el nuevo canal. Vaya despus a

Filtro>Desenfocar>Desenfoque gaussiano
aplique un valor de 1,5 pxclcs.
Desenfoque gousslono

(J

8. Haga la (<Ira del texto o dibujo invrsrble a


travs del ICOllO del OtO situado [unto a la capa
en la paleta de Capas. Seleccione la capa con
la textura orignal de piedra y acceda a I paleta
de Canales.

100"

\ connnuacion haga che sobre el Icono


Guardar seleccin como canal en la parte
mfenor de 1.1paleta

12. _\ continuacin
ajuste los niveles par.1
conseguir ms contraste entre las partes rlurruna
das: )IS sombras.
NIVeles
C_I Alfal

Hlga Control/Comando-die
sobre el canal
RGB para conseguir una seleccin de las partes
ms resaltadas

-El

El

36
Captulo

1',. Despus guardaremos

este canal como un


Mapa de desplazamiento, Haga clic con el botn
derecho del ratn/Control-c1ic
sobre el canal y
elija Duphc r canal l laga che sobre 'UCyO del
men emergente de la ventan . de dilogo,
nmbrelo " haga che sobre OK. Gurdelo en
una carpeta de su disco duro en formato PSD,
r asegrese de recordar dnde lo ha puesto. Lo
necesitaremos muy pronto.

NOTA: TODAS ESTAS CONFIGURACIONES PODRIAN VA


RIAR DEPENDIENDO DE LA CALIDAD DE DETALLES DE
LA TEXTURA DE LA PIEDRA

MIENTRAS MAS ALTAS

SEAN. MAS OISTORSION SE HARA y MAS SE ADECUAR

LA CAPA DEL DIBUJO A LAS GRIETAS y RECOVECOS DE LA TEX


TURA PETREA 51 PIENSA QUE CON LA CONFIGURACiN QUE LE
DAMOS NOSOTROS SE DISTORSIONA MUCHO O MUY POCO.

su-

MINE El COMANDO DISTORSIONAR DE LA PALETA DE HISTORIA


E INTNTELO DE NUEVO CON OTROS VALORES

~O-u~p~hC8~r~c-on-O-I~~--------------------------I3-IAcllt .... r.AII::;:a~I

,cm IAlraI

Cancel.1r

Oesllno

:::::J

Qocunenlo Nuevo
~e

~pza~~~'~4~!#~tsJ~~j~~~==~
rp;ertr

14. Vuelva a la palc fa de Capas }' hag;. tlue la


capa del dibujo sea visrblc de nuevo.
Si est usando un drbujo hecho por usted o una
herramienta de texto estndar, unlicc la opcin
Rastcnzar sobre la capa ahora. SI est utilizando
una seleccin rellena, no tendr que preocuparse
por el rastcrizado.
15 Haga che sobre Filtro>Distorsionar>
Desplazar
Los valores debern ser 3 para
Escala horizontal ) -3 para la Escala Vertical.

Escole bOllzon'el ~

:r-- %

EsceJeer1JceJ

Mapo de df'~pleze.mlonlo
ro ESbrlll
r: ~e9menl0l

OK
Cancelor
AteM nodehntdo9
(" Qerla welte
ro RE'pebrpxe1esde borde

Variaciones
Espero que a estas alturas se haya dado cuenta de
la potencia de los Estilos de capa \ de que unos
pocos cambios pueden proporcionar interesantes
alteraciones sobre su diseo. Vamos a repeur el
rurorial pero esta vez unhzando un vanacion que
ya lucimos en el rurorial anterior:

37
Piedra

y madera

Vamosa ver lo que ocurre cuando alteramos


nuestra configuracin de Biselado un poco.

Trazo
Tr~~o
Eslructur~

ram.iI.
POSIcin
Tcnica
Pro(un<l!dw
Ooroccoon

r_.;,.

~'11l:"

ICin'tl blando

==c

ro

'

S>penOr

fijO"" "
At>.,.
~px
O-px

E~c.I
.

0== ~"

Sombra paralela y Resplandor

exterior

50mbr. p~rAlel~

Estructura
Modo de (U,IOn: IMuIl,pNca.
Qpacldod

ngulo.

'liIICOlnhglll,l(In
de la Imagen hace (IUC el rea
d.i P.lrCZC1alzarse sobre la roca en lugar
ntrarse excavada en ella. Podemos hacer
fin de reforzar

Q.ist.nc~

!:,xtens.on

c==

O~.
'

P'

rs--"
Usar

m globo!

s-px

,<;=====:::l O-"

c=;oo;::==== ~

px

Si llene la rex rura guardada como motivo,


deseleccione la Superposicin de color que
aplicamos al pnncrpro del tutorial y seleccione

38
Captulo l
Superposicin

de monvo, unTOcon la misma

textura rocosa.

Resplandor Interior
Estructura
Modo d. (usin

f"'IS-Ub-.-xp-on-.-r
-co-Io-r---.

==o

Q.pcidd.

Intente aphcar los efectos de escultura en una


fotografa de un muro de piedra, una acera, o
incluso una representacin de un palsaJe. Una
vez que se acostumbre a) proc.eso, se \e abrl,
muchas puertas ya que podr aplicar los efectos
exactamente como le indrcamos o, mucho mejor,
con sus propias vanaciones. Como SIempre, la
palabra clave es experimentar,

Superposicin de motivo
Sup.erpOSiciD de motivo
Motiv.
Modo de (uSIn: Normal

::::::J

m-'"

Q.pacidad:

.....,~
Esfjo'

lllI .. ,'~,-

==--0:= OO-"

EQ_1t%;trcon capl

8. Hormign

armado

En esta seccin le mostraremos

cmo crear un

efecto de hormign con gneras. Lo pnrnero que

Por lnmo, podemos hacer que resalte un poco


ms mediante una Sombra mre nor,

vamos a hacer es crear 1;\ textura de hormign.


Unhzarcmos los canales para conseguirlo,
l. Cree prunero un nuevo documento que sea de
SOOx500, 72 puntos por pulgada y RGB.

Sombra interior
Sombra interior

Estrudur ..

IModo d.

(ulin1 "S-U-b.-xD-o-n.-r-CO-lo-r--::::::J--'

Qpacldad

nqulo
~.

~etr_

0:=

8o:r-' r

rr.zr-"

2. Abra III paleta de Canales y haga clic sobre el


Icono Crear canal nuevo para crear un nuevo
canal que se llame Alfa 1.

Unr luz !11Gb..

9'00;:====

r--px

J'><:;=====

~"

:3 \ amos a crear un mapa de baches. Haga che


sobre Filtro>Ruido>Aadir ruido r unlice un
valor en torno a 17.
-l. Seleccione RGB para hacer al canal visrble 1"
vuelva a la paleta de Capas.

39
Piedra y madera

El

Esblo IPordefeClO

T'po de luz

Material Plasnco

10

Fuerte

100

Bnllenle

14

Metlico

14

M.,

POSltJVO

Canal de textura

-r.

S Asegrese de que la capa de fondo est activa


\ entonces ejecute los efectos de ilummacin,

Filtro>lnterpretar>Efectos de iluminacin.
Esta vez use una luz Cenital y reduzca la Altura
a 5. Seleccione .\Ifa 1 como nuestro Canal de
textura.

Centellll

f:..I

ICenltol

P PrlMsuaflzer

OK

Guerder

Alfa 1

rv Resaltar blanco

O
O
El

MontaftoBa

1. Cree una nueva capa (Mays-Cootrol/


Comande-N)
y llmela grietas. Rellnela COI1
un degradado Lineal de Negro, blanco utilizando la herramienta de degradado (G).

Filtro>lnterpretar>Nubes
de diferencia. En pantalla tendr algo que se le
2. Ahora acceda a

parece bastante a la unageu, Por supuesto, ser


un poco diferente porque se trata de un efecto
aleatorio .

.\hora ya podemos decir que tenernos una


textura bastante convincente.

Para crear unas grietas ale aronas tendremos que


utilizar distintas opciones de nubes dc diferencia
\ modos de fusin de cap;Is.

40
Captulo

3. Ahora, para limpiar la imagen un poco,


usaremos los Niveles. Es sorprendente 10 que
puedes llegar a conseguir si abusas de dcrerminadas herramientas. llaga elic sobre Controlj
Comando-L o bien "aya a Imagen>Ajustar>
Niveles para abrir la ventana de dilogo Niveles.

6. Para hacer arreglos sobre la grieta )' quitar


partes de ella utilice un pincel blanco y pinte
sobre las reas que desee borrar.

4. Arrastre los tringulos derecho y central todo


a la izquierda, para estirar la imagen y conseguir
bordes marcados. llaga che sobre OK cuando
est satisfecho con el resultado, pues sta ser
nuestra grieta.

conaIRGB
N..

Ios ....

"..,.

::::J
rf.70r-

EKJ
c..ct1M"

~
(i.JGr

"".""..""
lZIZIZl
:;~

l. Para aadir un poco de profundidad a la


grieta duplique la capa grietas r utilice el atajo
de teclado Control /Comando-I
con el fin de
invertir esta nueva capa. Su pantalla se volver
negra.
2. Cambie el Modo de fusin de capas a Trama
para esconder el negro}' entonces podr ver la
grieta, blanca esta vez.

5. Cambie el Modo de fusin de capa a


Multiplicar y el blanco se esconder para
dejar paso a la textura situada justo debajo,
aunque la grieta seguir vindose.

3.. \rrastre la capa de grieta blanca para que csn


por debajo de la negra.

41

y madera
!reIe~cci,one
la herramienta Mover (V) r mueva
t 2 pxeles pulsando las flechas de

Como \'C, las posibilidades son infinitas al usar


los canales de textura y efectos de iluminacin,
Un buen truco para texturas en una imagen
compuesta es tomar nota de la iluminacin
natural y de la direccin de la fuente de luz e
Intentar que estn tan cerca como sea posible,

Las grietas y el cemento de Caf Station


~ltrc la imagen "Phoroshop Caf Starion". Esta
Imagense hizo completamente con Phoroshop.

desplazamiento del teclado. La grieta tendr


profundidad r parecer en tres dimensiones.

Hay tres elementos que debemos resaltar aqu:


textura, iluminacin y color. Para conseguir el
realismo que queremos, es importante equilibrar
esos tres elementos. No vamos a contarle los
pasos que llevaron a crearla, en ve? de eso lo
ani.mamos desde aqu a experimentar e intentar
obtenerla por s mismo. Es solamente una
muestra de cmo las tcnicas de este captulo se
pueden aplicar en conjunto para crear una buena
i.magen.

45
Metal

CAPTULO

2.

METAL

n este captulo aprenderemos a hacer


efectos que Simulen el brillo merhco, Con la ayuda de Photoshop y de
unas pocas tcnicas sencillas se
volver un verdadero alquimista Inmediatamente!
De hecho, debido a 1m contrastes relativamente
simples que el metal produce, ";1 " ser una de las
cosas ms fciles que podramos hacer. Podemos
conseguir efectos mcrhcos rpidos utilizando
slo degradados o entretenernos un poco ms
con algunas curvas para potenciar los reflejos.
Podemos uulizar canales con el fin de llevar an
ms lejos el parecido} guardar un estilo de capa
con configuracin para crear un efecto metlico
de forma instantnea. 'Iodo depende de la
profundidad del realismo. o surrealismo, que
est buscando,
Muchos de los efectos que "a .1 encontrar en este
captulo se repenr.in en otros posteriores como
vanacioues. SUl embargo. los rutoriales del metal
conslltuyen un buen punto de partida para los
que vendrn ms adelante, que son mucho ms
abstractos) avanzados en cuanto a nivel se
refiere.

1. Cree en primer lugar una nueva Imagen


(Comrol /Comando-

ElI

Nuevo
tp11re ~nliM)-1

-----~

Tamao de maoen ~()9K


(i}CU'a

--IpulQadaS

CoolEflIdo

('1100:0

r: ,olor de rmlO
ro Transparenle

2. Seleccione despus la herramienta


Degradado Situada en la baml de
herramientas.
3 Tenemos vanos degradados por defecto para
escoger, pero unlrznrcmos lino hecho por
nosotros mismos para el efecto metlico. Vaya a
la barra de Opciones de degradado y haga che
directamente sobre la ventana de Degradado.

4. Cuando pulse sobre ella, el Editor de Degradado aparecer en su pantalla. Crearemos un


degradado de metal, alternando grises claros y
oscuros.
Ahora veremos cmo crear un degradado a
nuestra medida. Para obtener ms informacin
sobre el tema, ,'apl al captulo 6.
Los degradados por defecto (I\le vienen con el
programa estn en la parte supenor del editor.

46
Captulo 2

En ]., parte Inferior podra crear los suyos


propiOS.

.-\hor;1 lJue rene mm el degradado, \ amos a


proceder con II efecto metlico.

lIn esta seccin ver una versin ms extensa del


degradado <1(.11\'0. Las flechas pequeas de la
barra son los Niveles
\JustlndoLls cambiar los
colores \ la opacidad del nuevo degradado. Las
flechas de arriba controlan la opacidad. las de
abalo conrrol.m el color. 'io Jugaremos con la
opacidad esr.i vez, aSI que no se preocupc. ~os
ocuplremos slo del color.

7 Seleccione Degradado lineal de la barra de


Opciones de llLgr.ldado.

H. Dibuje el degradado comenzando en la


esqull1<lsuperior Izquierda y rcrrmnando en
la Inferior derecha.

:; Para aadir nuevos niveles pulse sobre la


barra inferior, l I nuevo mvel tendr las mismas
caracrcristicas lJue el anterior. Puede seleccionar
un nuevo color para ese ruvcl mediante la
ventana dc Colores personalizados, a la cual
puede acceder un poco ms abajo del Editor de
degradados. Para eI1l111J1;lr
un nivel haga clic
sobre l ) pulse Suprimir.

<J. fhga che sobre Filtro>Aadir ruido. lntroduzca la slgUlentl configuracrn:

6. l 'na \ cz est satisfecho con su degradado.


nmbrelo adecuadamente y hagn die sobre
Guardar. 11.1 nuevo degradado estar ahora
disponible Siempre, [unto con los otros que
venan por defecto.

Al16d .. ruido

El

47
Metal

De !I icvr desde el rnenu Filtro, ejecute


Desenfoque>Desenfoque de movimiento.
Imroduzc 1 un \ngulo de 45 grados y un valor
Dista, 1.1 de 25 pixeles Ya empezamos a
I ner resultados.

NOTA PODRIA ESTAR PREGUNTANDOSE POR OUE LA


OPCION DE CURVAS ES UNA HERRAMIENTATAN ESEN
CIAL CUANDO SE TRABAJA CON TEXTURAS DE METAL
LAS CURVAS SE UTILIZAN EN PRINCIPIO PARA CON
TRASTES NO PERMITEN AJUSTAR EL VALOR PARA PIXELES INDIVIDUALES. EN VEZ DE HACER UN CAMBIO GENERAL OUE LOS
AFECTE A -rOOOS. lO OUE OCURRE CUANDO UTILIZAMOS BRIlLO/CONTRASTE

LA FORMA HABITUAL DE UNA CURVA EN EL

METAL SUELE SER UNA "S' TUMBADA PARA MAS INFORMACION


SOBRE LAS CURVAS PUEDE VER EL CAPITULO 6

y aqu tiene nuestra plancha de metal, que


servir mu} bien p;lra un fondo.

11 QUiz 1I0S ha salido un poco oscuro, pero


podemos arreglarlo con un ligero ajuste de
In}, 1 Jctute el comando Imagen>Ajustar>
Curvas (Control/Comando-M)
~ despus
utilice 1,1configuraclOl1 de la IInagen.

,'J-rvo-5~~~------~:JIIII!JEI
Ulal

IROO
(.n:elar

-~
I
__

~J

48

Captulo 2
8 Dibuje el degradado desde la esquina superior
rzquicrda la infcnor derecha.
\bra pnrnero un nuevo documento (Control/
Comandov seleccione la herramienta
PoJigono.
:!. Desde la barra de Opciones, ajuste el nmero
de lados a 6 para obtener un hexgono. Asegrese de que el Icono Crear nueva capa de forma
es t seleccionado.
). Para mantener los lados del polgono rectos,
deje pulsado Mays. Dibuje el polgono en el
centro de III Imagen.

9 En la parte Inferior de la paleta de Capas,


haga che sobre el Icono Aadir estilo de capa
(el smbolo F). Selcccrone Bisel r relieve e
introduzca la siguiente configuracin:
Bisel '1 relieve
Estructura
Esta.
TtcniC.
Pr(oodidod
f),nccin

Ir:Clnc::--~':""dI.r:--o--:::::J-'"
Q==J 176ii"""""
ro Super-1Of'

IomoiIo
I"Ib;======>
6r====~

~va~

4. Rastcncc la capa del hexgono, utilizando la


opcin Capa>Rasterizar capa. La prctica de
nombrar sus Lapas adecuadamente le evitar
futuras confusiones; seamos irnagrnatrvos y
llamemos a la capa Hexgono.
Ehj, ahora u, S';, 01"0 corno colo, 111
frontal y un gns oscuro como color de
fondo.
~

s.

tgJo.

AlMud

Contornodo ru""'_'

Or
.

~.

ITr .....

Modo r.... I.....

I1

Qpoctdod
Modo do sombr.
Op~w

Us.- luz gIoboI

~.

IMulbpIc~

P'

~'(tZacIo

:::::JO
;:;--"

:::::J_
a== ~"

6. [laga Control/Comando-die
en la capa
de la palera Capas para resaltar el dibujo, para
seleccionado.
7 I Iaga clic sobre la herramienta Degradado r
escoja un Degradado lineal de la barra de
Opciones de degradado. $1 hace cite sobre la
flecha negra a la derecha de la ventana de
degradados aparecer una gan1a de stos. El
nuestro es el degradado Color frontal/color de
fondo.

10 Podemos darle al diseo un aspecto ms


merhco aplicando una curva. En Imagen>
Ajustar>Curvas (Control/Comando-M)
tiene
lo necesario para hacer una cun a a su gusto,

-------

49
Metal

pero fiese en el resultado fUlal para que lo c.ue


obtenga sea lo esperado. I~sto es lo que hicimos
en esta unagcn:

...........r ..~.

.;i~"'"

....
~(~~.r~.
.

"-

-,

ae-tos

JM suaVIzado

::J

Bocele

Or~

..
.

...

B..traer

~tIltrr

lo

C.Jidad

Contorno
B,ango

11 ~uestro hexgono empieza a parecerse a


algo metlico, pero le falta realismo, vamos
a aadir algo de xido. De nuevo un Estilo de
capa es lo mejor, una Superposicrn de degradado. El degradado de cobre es el mejor para esto,
lumo con la slgwentc configuracin:
~io

----

Heme.

"";..r1'
..1'

12. Ahora aplique un nuevo rsnlo de capa,


Resplandor inte nor, con estos parmetros:

Ylb<'acoon

b2El

ro-"

P' ~.v;z;;~

===0=

rso-"

ro- "

13 Cree una nueva capa v haga una seleccin


circular dentro del hexgono.

........ ,.. .........

De<jr ........
Modo ele

ru-

~od

J~

C<Ib'

::J

a== rs-"

====i"IlDI"

H. Seleccione la herramienta Degradado. llaga


despus che sobre el Degradado radial) rcllne
lo, comenzando en el centro }' continuando hasta
el borde de la seleccin.

50
Captulo 2

15 rl \Iodo de la capa deber ser Superponer.


16 Aplique por lumo un biselado
la configuracin siguiente:

iI

la capa con

sacar la Imagen y llevarla a la otra, haga Control/


Comando-die
sobre 1.1 capa resultante ~ llvela
;1 la Imagen de la plancha de metal.

Bisel '1 r"-ve


EstructurA
Estdo
Tcnoc

Profundidod
D.reccl6n

r_afIo

lo

Suplrlor

~.vu:w

/lb.jo

--px
~px

50mbr.
ngulo

Contorno d. resplondor
Modo r .... todo ITrAmO
Qpacdod

;;;;;;;;;;;~

Modo d& sombrA IMultiok.r

2. Cree una nueva capa debajo de la capa del


tornillo. Llrnela Grietas.
1 Cambie el color frontal a negro. Seleccione la
herramienm Aergrafo v unhce uno de los
pinceles de alpicaduras.
Pinte algunos puntos
alrededor del cabezal. Puede urihzar vanos
pinceles disnnros SI quiere. la forma no importa
puesto que los ..amos ;1 drsrorsronar en un
momento.

PW>ctl

I fi 1-1

Modo

INor~

t:J

.0
Podemos continuar el cabezal del tornillo que
Iniciamos cn el turonal anterior aadindole la
plancha de metal que hicuncs en el pnmero.
Asegrese de tille esta imagen est abierta.
l. Reduzca la Im;lgen del cabezal a una sola capa
con el comando Capa>Combinar visibles,
(Mays-Conrrof/Comando-E).
Ahora, para

51

6. Acceda a continuacin a los Estilos de capa


correspondientes a la capa Grietas. Comenzaremos con un Bisel; la profundidad debe tener un
valor de 1000 y sera bueno que aumentara la
Opacidad a 100,

y relieve
Estructura

Estilo: Bi 1interior

r cnica: 1Redondur

Haga cite sobre Filtro>Desenfoque>


Desenfoqueradial. Ajuste la Cantidad a W, el
letodo a Giro)' la Calidad a ptima. Acepte la
configuracrn pulsando OK.

:::::J

Profundidad:

11000

ro

Direcc6n. Suporlor
lamlo: b

"

Ab.Jo

rs-px
o-px

~avizar:

50mbr. -;'~o'.

En caso de que quiera ms grietas alrededor,


repitalos pasos anteriores sobre la superficie de
la plancha metlica todo lo que qUiera,

~.

F:\ P' U.... luz !llob.1


Altitud' V po-.
Contorno de resplandor:

c;:j

Modo r.... t.do: r::jr='"r.-m-.-----:::::J-:,


Qpacldod

C::=====i"I"--"

Modod. sombro: Ir-M-u-Iti-oll-u-r----:::::J-""T_


Opa~d.d,

====i"O==F=' ~"

7, En caso de que apliquemos una textura, le


daremos un efecto de envejecimiento, Cualquier
diseo servir, busque el efecto que ms le
guste.
Estilos
Opcionesde fusin:Por defecto

r Sombr. paral4la

r SombroInterior
r R.spl.ndor exterior

r Respl.ndorInterior
-" 81sel y r-etteve

I~

52
Captulo

aparecer en la paleta de Estilos para que lo


utilice cuando quiera. (Si no puede ver la paleta
Estilos vaya a Ventana>Mostrar estilos).

r;l I1CIJIr !l.fectos de capa

C.n:elar

r;l I1CIJIr las opcIOnes de ()ls1n de capas

I
8. Un Trazo puede darle a las grietas un toque
de color. Utilice un marrn con un tamao de 3
pxeles y un Modo de fusin Subexponer color.
Tr.az:o

Estructu,.a
Iamao'

I!

Posicin IDentro

m--px
...:J

11;. Modode fusin ISubeXPOnercolor


Qpac,dad

r- Tipod. r""'o

IcoIor

::::J

-~"

i:J

OK

Cancelar

Estilo nue~o.

17 Pre~lsualzar

10. Para acabar la cara del tornillo, cree una


nueva capa sobre l, pinte algunas salpicaduras
de color ms y aplique el estilo que guard
an reriormen te.

Color;.

9. Cuando est sansfecho con su estilo, asegrese de guardarlo. \ mano derecha, en la paleta de
estilos, haga che sobre Estilo nuevo. Dle un
nombre}' haga cite sobre OK El nuevo estilo

Elementos

para motivos

Ya trataremos el tema de crear, alterar r guardar


motivos en el captulo 6, sin embargo como es

53
Metal

una tcnica til a la hora de trabajar con efectos


merhcos deberamos ahora echarle un vistazo al
proceso. Primero le ensearemos a guardar la
unagen como un motivo y despus le mostrare
mos cmo aplicarlo a un texto por ejemplo.

Necesitar una imagt'n metlica, una foto o un


fondo. Esto puede encontrarlo fcilmente en una
de los cientos de pgmns web que ofrecen
fondos y texturas grans, \ primera vista estas
imgenes parecen no tener mucha utilidad,
afortunadamente Plnl nosotros, Phoroshop nos
permite aplicarlas H nuestras propias imgenes.
l. Abra su fondo O Imagen. Los fondos perfectos son los mejores para los motivos. Quizs
qwera abrir vanos para definidos \ guardarlos
como un conjunto, De nuevo, le hablaremos de
esto en el captulo 6.

Una vez que el monvo este [unto con los dems.


puede aplicarlo Ig\.l<llque un lusel, una sombra
paralela o cualqurcra de las otras opciones de
Estilo de capa.

1. Vuelva a abrir la Imagen llUL 11I(.lm05en el


pnmcr rutorial del captulo, I [;tga una nueva
cap' e introduzca algo de texto.

2. Con la capa del texto acnva, haga che sobre el


ICOIlO Esulo de Lapa en la parte inferior de la
paleta de Capas. Seleccione Superposicin de
mOIl\"O de la lista.

2 Tambin puede ajustar el Tono/Saturacin,


Brillo v Contraste. Las Imgenes demasiado
oscuras no son rnuv ules como 1110tl\'05, tenga
eso presea te.
3 Cuando est sansfecho con su Imagen, ejecute

Edicin>Definir motivo y nrnbrelo.


~. El motivo aparecer despus cuando abra las
Opciones de Superposicrn de monvo en los
Esnlos de capa.
Busque el motIVOy selec:clonelo

54
Captulo 2

3 Busque el motivo:
al texto,

a conunuacion

apliquclo

Superposlcl"de de.r ~d.do


Oe.,.,d.do
_
de fu.color

'Subexponer

c:::===o

oaa"d.d.
Do9radado

::::::J P Alinearcon cap'

E.ltlo IUntal

~C9~'

====;O==="i==
4 Ahora tenemos un motivo ljuc parece metlico \ un fondo de estilo similar pero la verdad es
(IUC no concuerdan mucho. Con los Esnlos de
cap.l conseguiremos algo ms de realismo.
Primero. aplique un Bisel con la Slgulcnte
con figuracin:

Qp.cld.d

ngulO

==~=:..._-====:;

~t_

[)irecCln

ramollo.

~.v~~

"'1

..

a=

O~.

Ci::-I>C-"~du-ro----:==tl

Iam.lIo:

SS-"
kJ. glObal

18"""""': p"
;---"

'O

cc::::::::o:::::~====

::::::J_

P Un,

~ttMln

Est*>

Tcroca

-----,.,--==

Modo de (USln IMult'Plcor

81.. 1y reneve

Profundidad

oo-"

6 Por ltimo, una Sombra paralela.


50mb", p.nlel.
Estructun

[structur~

r Revect.,.

rr-px

Ci

C .. lidad

t5======
6r==========~

Sombro

Contorno

P ~.vi .. do

~"

!luido.

P L. c....

~.

cubre k somb.-.p.r altI.

r Us.r lu. global


:S-.

AltJtud

Contorno de resplandor

Modo'~ado

Irr--

Qpoddad

Modo d.

sombr.1 "'Su""be""-xp-_-,-c""'oIor---"

Op~ldad

o==='

rs-"
4

'.orar quc el color de fondo ha cambiado,


ahora est cutre el gris,! un rolo parduzco. El
cdigo de dicho color es #190303.
:; vphque despus una Superposicin
degradado al texto.

de

on

tex

con

xrruston

l 'na vez tlue dominamos el proceso, "amos a


experimentar un poco para conseguir un par de
variaciones que merezcan la pena. Digamos, por
ejemplo, que qUIere utihzar el motivo como
fondo tambin. Para este tutorial empezaremos
con el texto sin aplicarle rungun esnlo,

56
Captulo

~"trl"~~
'"
I ....
'Ii

4:

:)l"
w"

, I"

,y'

".lo:

>Wft[.",'~.i;,
,l

",

_"

'.

4 Por ltimo, }a es slo cuestin


Sombra Intenor.

Fjese en que la sombra paralela


do a esta versin.

'\1\~D:"T'~,

"\
.
';l,o'
~."

,)'

Qp.oddid

O~'

p user

C;C::O"'i====:::l

atu.r

luz !llob~1

ft2-' px
o--"

Im4o
Calidad

Contor....

3 Cree una nueva Lapa encima de la capa de la


plancha metlica seleccionndola en la paleta de
Capas r haciendo che en el Icono Crear una
nueva eapa cn la parte inferior de la palera.

c== ~"

ngulO:
Q1stancia

:!.. Hnga Control/Comando-clie


a la capa del
texto para que la capa del texto est encima.

de aadir una

Ir.MuI~boIIc~.,.----21-"_

6e tus"",,

se ha aplica-

Sombra interior
Estructura
~

110

c:;;;jij

..., EsroJa un gris como color frontal,

5. llaga che en Edici6n>Contornear .. vphque


un Trazo en el Centro con 8 pixeles de anchura,

p ....""idcj

6 vphque un Bisel con un Contorno de resplandor de \ ro. Puede hacer esto abnendo el
selector de Contornos, que se mostrar cuando
haga che sobre la flecha pequea a la derecha de
la caja de Contorno de resplandor.
Blnl y relieve

Estructura

Volvamos al texto biselado original sobre el


fondo dc la plancha de metal, Podemos controlar
la profundidad, adems del efecto metlico,
aadiendo, moviendo y combinando unas pocas
capas con trazos, y despus un par de curvas que
se mcluy en en la lista por defecto de los Estilos
de capa de Photoshop.

Estilo IBlselinttrior

TclllC. IRedondear
Profund!dad

Dlreccl6n'
I.m.~o:

'===a
lo Superior

p-"
(' Abajo

s---- px

r-P'

~av,u,
Sombra

~.

() r

1 Siga el primer rurorial del texto con motivo


hasta que llegue a este punto:

Unr luz .Iobal

~'

Contorno 6e r .. plandO<'

llII ~

~~lZido

Modo resalt.60 ITrama


~.od

Op~id'"

21_

=====;i"'Im-,.

M0d06e_a

==='i'iO=:::=::

f7S""

57
Metal

13. Elija a continuacin un blanco o un color


claro como color frontal.
14. Ahora el toque final. llaga clic sobre
r aplique el filtro a
su gusto. Nuestra configuracin fue de un valor
de Detalle de 8 r un valor de Suavizado de 4.

Filtro>Bosquejar>Cromo

7. Seleccione el fondo) cree una nueva capa


una vez ms. Sereccione )a capa a )a que se le
aplic antes el trazo)' combnela hacia abajo. Lo
conseguir si hace die sobre Capa>Combinar
hacia abajo o usa el atajo de teclado Controlj
Comando-E. Esto elimina el estilo de capa,
auoque el efecto seguir ah.
8. Duplique la capa, arrastrndola al icono
correspondiente en la parte inferior de la paleta.

9. Seleccione la capa del trazo original.

Aunque los estilos ele capa han hecho que la


creacin de texturas metlicas sea muy rpida,

LO. Haga clic sobre la herramienta Mover de la

barra de herramientas, (V). Con las flechas de

los canales son la manera de obtener riqueza }'


profundidad de Imagen.

desplazamienro del teclado, mueva la capa un


pixel a la izquierda r Otro arriba. Repita el
proceso varias veces, mueva siempre la capa de
trazo que est situada por debajo.

1. \bra una imagen} haga un dibujo O escriba


un texto en una nueva capa. llaga Control/
Comando-che para tenerlo como una seleccin.

NOTA: ESTO PODRiA PARECER MUY REPETITIVO PERO


PUEDE AHORRRSELO GRABANDO UNA ACCiN PARA
AUTOMATIZAR El PROCESO HAY MS INFORMACiN
SOBRE LAS ACCIONES EN EL CAPiTULO 6

11. Cuando est satisfecho con la profundidad,


seleccione la capa con trazo si ruada sobre las
dems. Comience a combinar hacia abajo hasta
que todas las capas con trazo estn combinadas.

2. Rellene la
seleccin con negro.
Cree U11anueva
capa y rellene la
seleccin con un 50
por 100 de gris.

Edicin>Rellenar>50% gris.

3. Con la seleccin todava activa, acuda a la


paleta de Canales}' cree un nuevo canal.

-t. Rellene (Mays-Retroceso/Suprimir)

la

seleccin del nuevo canal con blanco.


l:!. Duplique la capa con los trazos combinados.
El Modo deber ser Superponer y reduzca la
Opacidad al 70%.

S. Haga clic en Filtro>Desenfoque>Desenfoque gaussiano r aplique un valor de 6.

58

Captulo 2
( Deselcccrone
v
aplique otro Dcscn-

.., Vuelv I a connnuacrn a la paleta de Capas.


llaga despus Control/Comando-die
sobre la
clpa superior I sro abrir la seleccin del dibujo
ongnal

toque P.luSSIlno.
csra \'ez el valor no

deber ser
,upenor a 1.

8 \'aya dcspucs a Filtro>lnterpretar>Efectos


de iluminacin y luego utilice la siguiente
con figu racin

El

[leclos do ,Iumonoc,n
Estilo IPordeledo
Guerder ..

Trpo de luz

IFoco

P Encend,de
Intens,det:'egetivo

35

Estrecho

67

Foco

Plop,ededes
Lustre

Mele

Metene! Ptsnco

Bn enle

69

Metloco

ExpoSIC. Menos

Amb,entt!egetlvo

Cene! de lOll(1Ure

Ms

po.,tIvo

IAlfe 1

P Resolle! blenco

rv

Pl"",.uellzer

Para el resto del turorial, el fondo se rellenar de


negro para que el efecto se vea claramente.
1).

\hora aplicaremos una curva que har que la

Imagen brille. llaga che en Imagen>Ajustar>


Curvas. (Control/Comando-M).

Ao'lure

Aene

46

10. Coloque CIIICO puntos ms a la curva, tan


cspacradamenrc
como sea capaz. Cuando termine deber tener siete puntos, incluidos los dos
por defecto. lruroduzca manualmente la configuracin para cada punto; lo conseguir si hace che
sobre el punto y escnbc los valores x/yen las
calas situadas por debajo de la pantalla de
Curvas. Para cada punto, de izquierda a derecha,

la configuracin

sed:

Punro t 0.0
Punto 2: 20,180
Punto 3: 70.40
Punto 4' 140. 110

59
Metal

Punto 5: 170,70
Punto 6: 210, 175
Punto 7: deje el punto final en su posicin
original.

(alall

RGB

,..

OK

'G'~''''r

~arQar...

I
I
I

Automtico

Cancelar

sobre la capa del metal para tenerla como


seleccin. Ejecute seeccrorr-cerar , despus
cale la imagen con un Radio de calado de 1 pixel
(Ah/ Opcin-Con trol/ Comando- D).
12. ~\ con tinuacin haremos una inversin
(Mays-Control-I/Comando-I)
y expanda su
seleccin mediante el comando Seleccin>
Modificar>Expandir con un pixel,
13. Finalmente presione Suprimir. Una vez que
tiene el metal bsico, puede adornarlo como
quiera.

1/1/11'1
r;r ':/.er

8. Estilo d

"

TRUCO: Si LE GUSTA ESTE EFECTO DE CURVAS, HAGA

CLlC SOBRE GUARDAR ANTES QUE SOBRE OK.

Seria una negligencia por nuestra parte no hablar


de un estilo de capa rpido metlico, as que all
vamos.
1. Cree una nueva imagen
un motivo perfecto.

1. Quiz tenga algunos bordes irregulares


despus del ltimo paso, pero podemos encargarnos de eso. Haga Control/Comando-die

2. Coloque un dibujo
nueva capa.

r rellene

el fondo con

algo de texto en una

60
Captulo 2
3. Empezaremos con un degradado. Con la
nueva capa seleccionada, haga clic sobre el icono
Aadir estilo de capa en la parte in ferior de la
paleta de Capas. De entre las opciones del men,
escoja Superposicin de degradado.

5. Escoja Trazo de entre las opciones de Estilo


de cllpa y aplquelo al texto con la sig\.liente
con figuracin:
Tr~zo
r- Estructur..
!amao:

Posicin.IDentro

px

::::::JJ

Modode fusin: INormal


Qpacidad:
Tipode relleno: Degradado

::::::J

L.lroo-"
::::::J ----

...1. Cree un degradado similar al que hicimos en


el tutora! de la plancha metlica, slo que esta
vez sustituya los puntos grises por blancos.
TRUCO: SI LE GUSTA EL ASPECTO QUE TIENE ESTE DEGRADADO, GUARDE LO y LO PODRA UTILIZAR DE NUE-

vo EN EL FUTURO

Superposicift de degr ..d..do

W::::::~:~IN:or:m~'I----~====~~
O~acldad'
Degradado:__-,. __

Estilo:Illneal

-._.....--i=w
::::::J p ~~~~~:c~~c~p~

~~ (9go--.
Es;;ala'

cs===

roo-"

6. Aplique a continuacin un Bisel ayudndose


de la imagen. Asegrese de que el tipo de bisel
es Relieve del trazo.

61
Metal

Bisel y relieve
Est~uctur~

Satinado
Estructunl
Est

Modo de (USln

T<:noc.

QJ>K1dM

oreec"",

1..:_U-.,ur

~IO

~====~P"

6=====:::1 ro--px

Sombra

~
Qisl~

IT~.....

G;ca

~px

rmao. "C
Conl~no

OO-"

~P)(

GlJ r
~

IZItda
ln v ., tlr
I

Altitud
Conto.-nod. rtspl.\ndor
Modo

rtult..,., ITram.
QJ><lCldad

Modo dt

S<IInbr~1r:MuI:-::"topljar-::--:----'"""':',

Opa~ld.d

====co=r=Ps-"

8 Una vez que est satis fecho con el estilo.


gurdelo.

objeto de aadir un poco de color pero


distraer la atencin del e fecto metlico,
aplicaremos un Satinado del men de Estilos
de c.\pa.
~ COIl
'10

Esto es precisamente lo bueno que tienen los


Estilos de capa, una ve)' tlue nene una tcnica
aplicada y el estilo guardado, puede alterar el
efecto drsticamente con UIlOS pocos clics. Por
ejemplo, en nuestro estilo de capa actual, SI
cambiamos la congurac.ln de brsel, el resultado cambiar completamente. Obtendremos un
efecto metlico que resalta exrraordulanamcnte
en contraste con el original.

62
Captulo'

EstructurA

2J

Estilo IB1uJ ",t.rior


Tcnica !cincel duro
Profundtdad

Direccin
r.moo
:_.,aVIZor
S.mbrA

c:::::c
ro Sup.rior

lO:]

Qpac,dad,

~"

Buido

~-----2J--'.
=-0===
0=

rs--"

rss-"

c::o
'iS

=,.....,,,_--

Or0900.

~.otrar

s:.=====::::o
l....,.o. 'i'"6(';;::::====::::o

!l..tr.er

Modo resaltado

ITr.ma

BaII9O ===0-=

QpacKlad
Modo d. sombr.

Contorno.

IMlJltlC>ioc.r

\!.il>r.cin

,<:=======

~KIad

Pcrrnitanos elimmar el mouvo de fondo para


que pueda apreciar el contraste mejor,

9. Siguiendo la p[eml~a de trabajar sobre el


mismo estilo, podemos aadir un poco de xido
al metal con un Resplandor intcnor,

estos estilos iI medida que realizaba


los ajusres, tendr pronto uu buen conjunto de
hcrrarruentas Iistas para su uso.
$1 guard

63
Metal

El

Esponja

or.
a echamos un pequeo

\'IslMO a corno crear un

ct(!ctCl dI.:. c..));_\<l..Q u'. I.:.~~\~'\.\'t-~ ,~,,\It't\~'I.. \\.l.~'t'21.


ramos .1 darle todav la mas realismo en unos
pocos p,sos. Este rurorial no es exclusivo para
texturas metlicas; puede ser aplicado tambin
a la piedra o a cualquier orrr textura. Este efecto
le proporcionara adems una buena \ rsin del
funcionamiento de las opCiones de bisel y quizs
le ensear a usar filtros llue nunca ha utilizado.
I Abra una imagen que Sirva de fondo O cree la
suyapropia. _\()u estarnos unhzando una
plancha de metal OXidado.

~ Cree ahora una nueva capa (Mays-Control/


Comando-N) ) llmela Lago. Importe un
logotipo, inserte texto o dibuje algo en la nueva
apa.

.,

Hagache sobre el ojo de la capa de fondo en


paJet:'de Capas plICa quc se vuelva mvisiblc.
Seleccione la tapa Lago. l-scoja un gris claro
mocolor frontal y un gns oscuro para el color
de fondo, Desde el men Filtro, hlga clic sobre
Artlstico>Esponjae introduzca los parmetros
e la Imlgen.

Su~zedo

S. Ejecute la opcrn Seleccin>Gama de


colores. Se seleccionar por defecto lino de los
grises, lo que da como resultado Final un motivo
rugoso. Haga che en OK.
Gama do corores

El

64
Captulo 2
6. Haga clic a continuacin sobre el fondo y
vaya a Capa>Nuevo>Capa va Copiar
(Control/Comando-J). Coloque la capa por
encima de la capa Logo.

Bisel '1 relieve

ti Estructur.
1II
1

E.t~o: lBiSel interior

~=====
ro
ramao ts====== ~

Prof~

7. De nuevo, haga que la capa del fondo r la


nueva que acaba de crear se vuelvan invisibles.
Seleccione la capa Logo y despus haga die
sobre Seleccin>Gama de colores. Ahora
deberemos invertir la seleccin, para lo que
ejecutaremos el comando Seleccin>lnvertir
(Mays-Control/Comando-I).

El

A8dor ruidn

~IC~~

l&IJ
G

100H

~y'er

Distribucin

Abajo

=",__~_u.Vizar

nQulo:

Contoroode re.plandor: ~

px
px

~.

C) r

Altitud:

Usar luzglobal

~.

r ~u.viz.do

Modoresaltado: "'IT,..."-m-.-----::::::J--""'D
Qpacldad:

0==='1

Modode sombr.: IMultiolicar

rs--"

::::::J'I_

-0'-"

Opa;Jdad:

11. Cree una nueva capa vaca (Capa>Nuevo>


Capa) que est situada por debajo de la que
estamos trabajando. Seleccione la capa que
acabamos de biselar y cornbnela hacia abajo
(Control/Comando-E).
12. -\ continuacin ajuste el Brillo/contraste
para esta capa, Imagen>Ajustar>Brillol
contraste. Experimente, pues esta opcin ser
lo que haga que la corrosin destaque o sea
extremadamente sutil. Nuestra configuracin
es esta:
Brillo/contraste
f1!1II0

r !J,nlrorme

....

Direccin (" Superior

8. Haga Control/Comando-clic sobre la capa


Logo para hacer una seleccin con su forma.
Haga clic primero sobre Seleccin>lnvertir
(Mays-Control/Comando-I),
despus en la
nueva capa)' luego presione Suprimir.
9.. \hora es cuando las cosas empiezan a ponerse interesantes. Vayaa la capa superior y haga
dic sobre Filtro>Ruido>Aadir ruido. La
siguiente configuracin es la ms adecuada en
nuestra opuun:

ICinco!blondo

Tcnic.

-a

OK

Cancelar
,ontraste:

ro liausslana
~ Monocromtico

10. Acceda despus a los Estilos de capa para


esta capa.. \plique un Bisel con los siguientes
parmetros:

13. Si no lo ha hecho todava, haga que la capa


Logo sea invisible. Seleccione la otra capa que
creamos y a continuacin cambie el modo de
fusin a Subexponer color.

65
Metal

4.. vcceda a connnuacin


para esta capa.

II

los Estilos de cap:1

5. Pnrnero, en las Opciones de fusin, dcsclcc


cione Fusionar capas recortadas como un
grupo. Seleccione Fusionar efectos interiores
como un grupo.
Opc'-e." f

ruiM

..

..

Modo de fusIn

INorrnM

r......

:::::J

C=======~~~.~H

Qpocid.d

"_H.

Qp.cod.d d. r"'no

Hasta ahora hemos hecho un acercamiento


bastante conservador a los efectos, as que
vamos iI subir el listn un poco. Hemos hecho
tomillos. metal que brilla y fondos oxidados.
Todos ellos se hicieron principalmente mediante
esnlos (k c.lpa ~ unos pocos filtros. ('-os
podemos restrUlgr a esos pocos efectos solamente () podemos exprimir las tcnicas que
hemos aprendido para conseguir ms realismo?
La respuesta es: [Por supuesto que podemos!
1. Busque o cree una textura perfecta de metal
OXIU.I<JO
\ defnala como un monvo.

C.n.ln:
Cubrir

3 En una nueva capa, cree una imagen


do I.b herramreruas de Forma) Texto.

IItilizan-

J;1 G ;r

INinQuno

:::::J

;r r"""".,. efec\os

como un 9'~
como un 9"UPO

"ter"""

r FuU>nar' '-I)H rocortodu

6, \ amos a hacer un estilo para esta capa.


Primero acceda a la Superposicin de 0100\'0
r aplique el mouvo OXidado que guard en el
paso l.

7. vphque una Sombra paralela.


r. p.r.'.',
Estructur.

S.....

Modo d. fusin

: Cree una nueva Imagen (Conrrol/Comando~ Rellene el fondo con negro (Edicin>
Rellenarc-Neqroj vplique una Superposicin
de mOII\'O al fondo. Cualquier motivo servir,
p~ro use algo que no destaque mucho para
apreciar el efecto conforme lo vamos realizando.

~ ~

P'

r.:-~-----,

Qp.cldod

Qj.hncio
(xlen.ln:

Im.llo

'i''OO;:===== ~
~

p"
"

e--p"

66
Captulo 2
8. \Juste "IS opciones de Bisel. \'aya a Bisel v
relieve e uuroduzcn la siguiente configuracin:
8,nl y relieve
Estructura
Estilo IBIuIlnt .......

Con

TkNc.

cm

Prof~

Oinccon

1""" --

Sombra
Aa9'Jlo:

A ;oo
r

Usar luz global

Altitud

~-

Contorno d. respl.ndor: ~
Modor ... II.do

~u.vl_~_~

ISobr.. xeener color

0=

Qpocidod
Modod. sOMbro- !MUltli>liCor

::::::J O

10. [Guarde este estilo de capa ya! .\hora


tiene un excelente punro de partida para montones de efectos, pero a no ser que llLllera repetir
este turorial al completo cada vez <ue quiera
hacer una vanacrn, mejor que lo guarde en su
coleccin. J laga clic sobre el botn Nuevo
estilo, a mano derecha en la ventana Estilos de
capa, entonces nombre a su estilo)' ver cmo
aparece e n su palc la de 1:,snlos de capa.

;-"
::::::J _

Op.~,d.d

9. Podemos dlstinglllr reas de contraste en las


partes supcrlOr e mfe nor del dibujo aplicando
una Superposrcin de degradado de Luz suave.
vcceda a Superposicin de degradado y aplique
los parmetros de la figura:
Superposicin de degrodado
O.gradado
Modod. fusin Luz su.v.

OQ.cid.d
Oegr adodQ
Estilo !L.... I

~C);o-

r ~Y,!:1ir
i:J ~ "IoMor con capa

====;0==--==

fjO()'''

Lsramos seguros de que puede pt'nsar en al


menos una docena de efectos adicionales para
esta seccin. En realidad podramos haber
llenado un solo hbro con efectos de metal
solamente. Hemos intentado cubnr elementos
(llIe son comunes cada vez tIlle se intenta crear
un efecto de este upo y seguH estos rutonales
debera darle al 111('1I0S una buena Idea sobre
cmo empelados.

69
CristaJ y plstico

CAPTULO 3. CRISTAL y PLSTICO


sre captulo est dedicado a todas las
cosas acristaladas, brillantes o
semitransparentes. La autenticidad
de dichos objetos radica en tres
cualidadesprincipales: Reflejos, Profundidad
y
Transparencia, la parte que est entre la luz y la
mbra. Como resultado, nos familiarizaremos
con el men Estilo de capa y veremos cmo las
distmtasopciones funcionan al mismo tiempo
paracrear superficies realistas. Un poco de
ombra por aqu, un poco de luz por all y lo
consegUIr.\ veces es cuestin de ensayo y
error, r este captulo le proporcionar una base
de de la cual comenzar esta experimentacin.
seria bonito si sus imgenes tuvieran un
upecto que dijese" \crcate r rcalo">

este rutonal crearemos un efecto de transpaPara que se pueda apreciar el resultado,


esitar algn tipo de fondo como motivo. As
e encuentre una Imagen adecuada, que quede
a, o siga los primeros pasos, que le mostrarn
6mo crear un fondo apropiado.

RIlCla

3. Encontramos una foto de piedras}' la definimos como un motivo, en Edicin>Definir


motivo. Para ms informacin sobre esto vaya al
captulo 6.

4. Cree una nueva cilpa (Mays-Control/


Comando-N).
Introduzca algo de texto. Como
vamos a crear 1I11 efecto acristalado, el texto
deber ser blanco. Este efecto funciona bien con
una fuente ancha como la de la figura. La Anal
Negrita debera funcionar bien si no tiene otra a
mano, pero sobre todo asegrese de que el
tamao llega a los l40 puntos O ms.

Cree en primer lugar una nueva imagen


(CoDtrol/Comando-N), 7x5 pulgadas, 96
paxelespor pulgada )' con un fondo blanco.
Para generar el motivo ele fondo duplique la
ade fondo, acceda a los Estilos de capa
(Capa>Estilo de capa) para la capa del fondo,
,a Superposicin de motivo y aplquele uno

5. Acceda a las opciones de Estilo de capa para


esta nueva capa r pulse sobre el icono Aadir
estilo de capa en la parte inferior de la paleta.

I 9.1 fCll

D 1. ~.11 Iil

1 mJ

70
Captulo 3
6. Seleccione a couuuuacrn
fusin del menu,

Opciones

de

SuperposiCin 01. d~9r.d.do


O~9r.d.do
Modo de fU$!
OQKldod

7. En la ventana lJue se muestra, aplique la


siguiente configuracrn:

Ot<rldldo

Estilo

Opciones d. fU$ln

fus-,n gen~r.1
Modo de (us ....
Qplcidld

Fusin aVlnx.da
QpKidld de r.n.no

=====ZCP'F

CoNIo P'RP'G

P'B
:::::J

Cubrir' INlnQuno

P' FuslOn.r .feclos

r FusiOMr

!;"I>U

ras-"

Inltrlores como un grupo


rtco~d~com~

Fusionar si IGfls

Est. c.p

255

.A

C,p. JubYKtnt.

.A

9. Sigurcndo con el men de Esolo de capa,


acceda a las opciones de Trazo r aada un trazo
de un solo pixel. L SCOJ.I como color otro tono
cobre complementario. Esto ayudar en la
defirucin de 1.1un.lgen ms adelante, ahora
nusmo nos ayuda a dctcrrmnar los bordes del
rea que es ramos trabajando.
Tr~z:o
Estructura

!...,- 6-======

Po<icln

:::::J

8. vhora aplique una Superposicin de degradado. Aphquc el degradado Cobre, de entre los que
vienen dados ror de fec tOo El pnncipal beneficio
de este degradado en nuestro caso es que los
tonos tierra se fusionan bien con cualquier
fondo pedregoso.

Qp.cidad,

c:====~~"

Tipo de rolleno' 'Color

10. _\plique despu .. un Bisel) relieve con los


parmetros que le indicamos a connnuacirr

71
Cristal y plstico

:::.::J
:::.::J

Enlo: (Blstllnterlor
Tknica
Profundjdod

ICincelduro

===::;O==?'r== (660"

o..tcci6n: lo SUperior
!amollo:

Abajo

GC:O'S=====

~viz ...

ngulo:
Altitud:
de rupla""or:
Modorualt.do:

12. Si aadimos un poco de Satinado, podremos


potenciar las reas resaltadas de color blanco.

ro--

px
px

S.tinado
Estr..ct ..r~
Modo de fusi6n: h.ama

:::.::JO
0== ~"

Qpacldad:

o.9u10:G~
~.

r Unr

luz Iobal

rro-'

IAB

'u.vludo

I"'T-,.-m-.-----'

Qpacldd:

~~

-----:::.::J-.'_

Modod. sombra: I"'T-,.-m-.


Op~ldd:

"

13. Aada una Sombra paralela a su gusto.


Tambin podemos darle algo de vida al efecto
con una Superposicin de color.
S....erposicin de colores
Color
Modo de fusi6n: (N<>rmal
Qpacidad'

====1"io='?

:::.::JO

m-"

11. _"pliqueuna Sombra interior.


S.mbr .. interior
[struc\ur~

:::.::J_

Modo d. fusin: (Multiplicar


Qpacldad:
ngulo:

0== ~"

O~.

Usor luz global

C::Sc::;>"i;=====~px
6======::::1 o-"

Q!s\ancia:
B,etra.r:

Iamao:

ro--px

Para ms informacin sobre guardar estilos, vaya


al captulo 6.

C~id.d
Contorno: ~

El efecto se ha hecho slo con los Estilos de


capa. Puede guardarlo para ms adelante, con el
botn Crear estilo nuevo. D a su estilo un
nombre y podr acceder a l desde la paleta de
Estilos.

r ~vl

!l,IJido:=====

.. do

72

Captulo 3

OIlCle
foulM

fu""
..

Modo do fllSin

\ estas alturas habr visto lo nles que son los


csnlos de capa cuando se est creando un efecto
de cnsral. pero SI los combinamos con otras
opciones podremos conseguir un realismo
rodavia mayor. \ amos .1 echarle un vistazo al
filtro Cristal del men Filtro, }' su uso Junto con
los mapas de dcsplaznrrucnto
para crear unos
efectos magnficos.
l Cree una Imagen } en una nueva capa coloque
una im:lgen. Pnra este ejemplo hemos utilizado
una mezcla de texto con una estrella. debidamente combinados.

QpKidld
f ......

::::::J
;;;;;;;;;;;;;~o=~::!
ao-"

NorrNI

vllU ....

a==='

QpKMIIddo r.......
CorwIes

Cubrr

mr-"

rv rv rv
IItnoI.wIo
::::::J
rv fu.oon fKtos "t ... IOI""
R

r fu

'01''' rKortldu

como un QrUPO
como un 9"UPO

3. Vamos a comenzar con un Bisel. En este paso


d se cuenta de que el \lodo de sombra se ha
cambiado H Trama}' que tambin hemos cambiado el color ,1 un griS, antes era negro, el color
por defecto.
81... y reu. ...
Estructur.
EsIJlo
TtcNC.

IBIsel Int.rlor
IRtondt ...

'""61::;>';====::::1
li2O' H

Profundidld
OirKoOn

ro ~ior

r ~'"

llmli\o 1'10;::::====

2. 'os ocuparemos del motivo ms adelante.


Primero cree un estilo de capa Seleccione la
capa de la Imagen. Haga clic sobre el Icono
Aadir estilo de capa en la parte infe nor de la
paleta de Capas > acceda a las Opciones de
fusin. Introduzca la configuracin de la figura.
Reducir la opacidad a(ltll es un factor clave, ya
tlue de ella depender la transparencia del
efecto !',lril consegwr un cristal creble, tenemos
'Iue ser capaces de ver lIgo detrs de l, al
menos, Incluso cuando se le han aplicado
rnlnplcs superposiciones. Se dar cuenta de lo
que digo en UIl momento. Asegrese de que
tiene acuvada la opcin Fusionar efectos
interiores como un grupo.

~.viz...

Modor ... lt.do


Qp~idld
Mododo

.ombr.

Op.~d.d

px

o---- px

Irr.m.
::::::JO
====:;0.,
198-""
Irrom.
:::JO
===;0;0=;::::=1

rar-"

4. vhora vamos a ajustar la configuracin de


Contorno de las opcrones de BIsel y relieve del
men de I~sttlo de capa. Puede acceder a ella si
hace doble che sobre Contorno en la lista de la
paleta de Esnlo de lapa.

73
Cristal y plstico

r:-----===~='4
0iJ

Rupl.ndo,. exterior
r-- Estrudun,

Modo d. fuSln.ITroml
Qplcldad'

c::===::>a==s==>~"

RuIdO'

~"

r.D rl

nuevo, desde el men de Estilo de capa.


un S.II1I1ldo~ un Resplandor mterior

Sombrainterior
Estructur.

Modo dt fusion. IMUltlDfic.r

ro;=====:I' ~

a== ~"

Qplcidld

p"

Cf"r==== re- p"

P' ~~.d"

r ".ertr

~t~

()~.

P'

U...,.~>zqlol>al

C::'""6?ir===== ~

~tr_

~"

ramao

~px

px

Somb,... p.,..lela
Estructura

r-

Modo ~

fus_ r.IMIJI':'"':':'"tJojjc-:-ar----OiJ~..,CJ
a== ~"

Qp.cidad
()

Q.oslanc~

ramao

I:COO:;.";=====

t~t..m.ln ~

1II

~.

"6

Usar.L! QIObM

;-- px
~i"
~

p"

7.

$1 duplicarnos esta capa, podemos ampliar el


contraste de la Imagen pero, en contraposicrn,
si lo hacemos, reduciremos la transparencia.

\ .Ique un Resplandor extenor) termine el


e tilo con UI1.Sombra uite nor y otra Sombra
p ralela.

8. [Lleg la hora de divertirse! Haga Control/


Comando-clie
sobre la capa de la Imagen para
activarla como una seleccin. Acuda a la paleta

74

Captulo 3

Canales \ haga che sobre el Icono Crear eanal


nuevo en la parte mfenor de la paleta. No se
alarme SI su pantalla se vuelv e negra, SI unhza la
hcrrarrucnta Bote de pintura (Mays-G)
rellenaremos la seleccin con blanco.

Guarde la nueva unagen en una carpeta de


su disco duro. La utilizaremos ms adelante.

El

Duplico, conol
OK

eancelar
I

r t'N81r

Para la SIguiente fase de nuestro rutonal necesi-

tamos una unagen con muchos tOIlOSazules}


blancos, las Imgenes del ciclo que tengan
nubes son Ideales. De modo que, ahora que
tiene la oportunidad, puede utilizar la Imagen
0005012. jpg localizada en Photoshop6>
Goodies>Stock Art>lmages o puede crear su
proPiO cielo nublado . osorros lucimos esto
ltimo, en slo un par de pasos.

con una con figuraCin de 12, despus otra de 6 >


por ltimo una ms de 3. Despus de haber
aplicado el filtro 3 veces, deselcccione la capa de
la Imagen (Cootrol/Comando-D)
) aplique el
desenfoque de nuevo, esta vez COIlun valor de 1.

12. Inicie un nuevo documento en RGB, pulse la


tecla D para obtener los colores por defecto y
haga che sobre Filtro>lnterpretar>Nubes de
diferencia. Obtendremos un mouvo en blanco
r negro.

....

....

I[]O 1iir

vaya a Filtro>Desenfoque>Desenfoque
gaussiano y apliquelo a la seleccin. Empiece

1., \11ora acuda a la caja de dilogo Tono/


Saturacin (Cootro1/ Comando- U), seleccione
la opcin Colorear y despus ajuste las barras
deslizaderas hasta que tenga un precioso Ciclo
nublado en pantalla,

(O Haga che con el botn derecho del ratn/


Control-die
sobre el canal} a continuacin
dupliquclo como una nueva Imagen.

75
Cristal y plstico
14 Hagauna copia de esta imagen de nubes,
vuelvaa la imagen de cristal que estbamos
trabajando.

15. Creeuna nueva capa y pegue las nubes en


esacapa.Cntrela de manera que cubra la
seleccinentera. Para este ejemplo, nosotros
definimosla imagen como un motivo. Ahora
vamosa crear una nueva capa y a rellenarla
(Mays-Retroceso/Suprimir) despus con el
motivo.

17. Ejecute el filtro una vez ms (Control/


Comando-E). Su imagen debera parecerse a la
siguiente:

18. Haga Control/Comando-die


sobre la capa
de la imagen para que la seleccin est por
encima. Seleccione la capa que rellen, haga clic
sobre Seleccin>lnvertir y pulse Suprimir.

19. Cambie el Modo de capa a Subexponer


color.

16.Con la nueva capa seleccionada, ejecute


Filtro>Distorsionar>Cristal. Elija Cargar
textura y busque la imagen desenfocada que
creamospara nuestro canal.

20. Podemos destacar ms las zonas de luz del


cristal con un Bisel sobre la capa situada por
encima de las dems.
... Bisel y relieve
r+ Estructura
Eslilo: J Sisel inlerior
Tcnica: IRedondear
Profund[dad:

Direccin:
lamafio:

::::::::J
::::::::J

==c
ro

1300"

Superior

('

Abajo

r:o

~px

2uavizar: u-

Distorsin

------~

118

r-

Sombra
ngulo:

Suavizado

EsceJa

IE,.,riEM!]l
J1iiO' %

r Jnvertir
------

~.

(2) rw---.

Usar luz global

Altitud:

Textura:

jo-px

Conlorno de resplandor:

IllIJ

::::::::JO

Modo resallado: !Trama


Qpacidad:

oo-%
:::::::JID
J35%

~':

Modo de sombra: !Trama


Opagdad:

P' ~~~~i.~~~~

76

De nuevo rellene el crculo con negro. (Si


comprobar tille todo va como debera. haga que
el fondo se \ uelva mvrsiblc panl que el crculo
negro destaque sobre el fondo).

21. La Imagen ante nor llene tanto la capa


original con los estilos de capa aplicados como
el duplicado, v ambos son visibles. SI hacernos
que una de ellas sea invisible, nuestro cristal
recrbir una transparencia adicional.

3. Con la seleccin todava acuva, cree una


nueva capa (Control/Comando-Maysesta capa vamos afiadrr un contorno blanco a
nuestro crculo,
TRUCO UN MODO RAPIDO DE LOGRAR QUE EL
CO SEA EL COLOR FRONTAL ES PULSAR

o PARA

LOS COLORES SEAN LOS DADOS POR DEFECTO y


X PARA QUE EL COLOR BLANCO SEA EL FRONTAL

4. llaga clic sobre Edicin>Contornear y


aplique un Trazo iruc nor de unos 8 pxcles ala
seleccin . vhora dcsclcccionc
Comando-D).
chele un vistazo al cnstal del tutorial anterior y
al de este. \ era una gran diferencia en cuanto a
calidad entre dios, }a lllle lino se cre slo con
estilos \ el otro urihza adems canales r un mapa
de desplazamiento.

(Con trol/

5. Vara .1 Filtro>Desenfoque>Desenfoque
gaussiano \ aplique un valor de 8 pixeles.

Trataremos mas a fondo a las esferas en Otras


secciones del libro pero por ahora nos vamos a
contentar con crear una magnfica esfera de
cristal. En efecto, [vamos H tener nuestra propia
bola de cnstall
1. Cree en primer lugar una nueva imagen

(Control /Comando-N)

)'
(Mays-Rctroceso/Suprimir)
negro.

continuacin rellene
el fonclo con

2. Cree una nueva capa, (Control/ComandoMays-N). En esta capa utilice la herramienta


Marco elptico (Mays-M) para dibujar una
seleccin circular en el centro de la pantalla.

6. Aplique una Superposicin


de degradado a la
capa, con los colores por defecto pero con el
Modo de fusin de Luz intensa.

77
Cristal y plstico

C::::====2'I~ "

!!~~~~~.
r
P'
!ltvOCtirj

Estilo: JLinea'

~0~'
E.~.,.

0==

Alinear con capa

roo-"

9. Vaya a la paleta de Canales. Cree un nuevo


canal y rellene la seleccin con blanco.

10. Ejecute Filtro>Desenfoque>Desenfoque


gaussiano. Desenfoque la seleccin con valores
de 35, 20 Y 10 sucesrvamenre. Deseleccionc
(Control/Comando-D)
y desenfoque de lluevo,
esta vez el valor ser 10.

Haga Conrrol /Comando-clic en la capa del


dtcuIo para que la seleccin se muestre por
encuna de las dems. Cree una nueva capa y
seleccionela herramienta Marco Rectangular

(Mays-M).
En la barra de opciones de Marco haga clic
obre el Icono Restar de la seleccin. Dibujc
marco sobre los dos tercios inferiores de la
econ Cuando haya terminado slo la parte
penor del crculo debera estar seleccionada.

11. Pulse Conrrol/Comando-L


para que la
ventana de Niveles se muestre. Acerque las
barras deslizaderas las unas a las otras hasta que
tenga un rea blanca slida rodeada de esquinas
bordeadas.

'.

78
Captulo

12 l nhcc 1.1 herrarmenta Varita mgica (W):IHlga che sobre el Mea blanca. \hora vuelva a la
capa ljue creo en el paso 8. Rellene 1" seleccin
(Mays-Rc iroceso /Suprimir) con blanco.
13. vpliquc el Desenfoque gaussiano cuatro
veces ms. Comience con 15 pxelcs, despus 10
)' 5. Dcsclcccionc )' aplique un valor tle 3.
14 \cceda n Edicin> Transformar>Rotar.
l ' tihce un ngulo de 25 en la barra de opciones.
Vhora seleccione la herramieu la Mover (V) y
coloque el reflejo en la parte supenor derecha
de la esfera.

Ahora necesitamos distorsionar estas zonas de


luces para dar vida a la esfera. Puede estrechada.
fusionarla (Edicin> Transformar>Distorsionan, colorearla (Estilo de capa>Superposicin de colores). Es SLI esfera, as ljue d
nend I suelta a su ImagtllilclOn
16 l na gran herramrenra par.\ crear drstorsrones
ccflecrantes es la herramienta Licuar; en Imagen>Licuar o Mays-Control/Comando-X'
Con esta herrarrueuta podemos distorsionar
manualmente los bordes de los reflejos, podemos curvados huera dentro P;WI que se adccen
a los bordes de la esfera.

1') Duplique la capa de luz que acabamos de


terminar. Rrcla (Control/ComandoT, clic
con el botn derecho del cttn/Control-clic
y
clic en Rotar) r muvalo hasta la parte uiferror
del CIrculo.

79
Cristal y plstico

17. Si el reflejo est demasiado distorsionado


como en el anterior ejemplo, siempre podemos
llamar a nuestro amigo el Desenfoque gaussiano
para que nos arregle el problema.

NOTA: LOS REFLEJOS DEBERIAN TENER SIEMPRE UNA


LIGERA CURVA

o DISTORSiN

APLICADA QUE SIGA LA

SUPERFICIE DE LA ESFERA. UN ESTUDIO CUIDADOSO


DE UN OBJETO DE CRISTAL REAL PUEDE SER BASTANTE INTERESANTE A LA HORA DE INTENTAR RECREAR EL EFECTO
EN PHOTOSHOP.

4. Plasticos

En nuestro caso aadimos unos cuantos puntos


de color con la herramienta Aergrafo (J) y
aplicamos U11 Destello (Filtro> Interpretar>
Destello) a la capa negra circular original y aqu
tiene el resultado final:

Para continuar en nuestra lnea de objetos con


reflejos vamos a concentrarnos ahora en objetos
que son brillantes pero no transparentes, como
los plsticos. Podemos utilizar muchas de las
tcnicas que acabamos de aprender para hacer
cristal con las superficies plsticas y usaremos la
paleta de Estilo de capa a menudo de nuevo.
Vamos a ver lo que podemos hacer con ellas con
estos diseos.
1. Abra primero una nueva imagen (Control/
Comande-N)
y despus cree una nueva capa
(Control/Comando-Mays-N).
Introduzca
texto o bien un dibujo en la capa. Si ha utilizado

Captulo 3
una hcrrarrucnra
asegrese

de seleccin

de rellenarla

para hacerla

(el negro

r;'l

mur bien

BIs.1Y r.II
Estructur.

-.,tiIo:

ahora) antes de pasar al paso 3.

lene! interior

T,,"I,a: IRedondelr
Profundldad

Puede encontrar el dibujo que estamos utilizando


aqu en el CD-RO;\I adjunto al libro.

Oirecc:i6n.
ramao:
~-rlu";

Contorno de rHplondor:
ModorHaltado
Qpacldad:

===a

ro- 54Jpenor
CCOi"';=:====
CCOi"'::=====

c:;j P'

:iuavludo

ITrama

=======i"I

Modode .omb,.. IMunlollcar


Op~idad

===;os::=

NOTA: UN DIBUJO O FUENTES REDONDEADAS MEJORARAN EL EFECTO OSTENS BLEMENTE

ECHELE UN

VISTAZO A LOS CONTACTOS PARA OBTENER FUENTES


MAS ADELANTE O BUSQUE EN LA REO FUENTES GRA
TIS SU BUSaUEDA LE LLEVARA PROBABLEMENE A UNA DE LAS
MUCHAS PAGINAS WEB OUE SE DEDICAN A PROPORCIONAR
FUENTES BONITAS y GRATIS

2. Vaya directamente !I la paleta Aadir estilo de


cllpa y aplique un Bisel)' relieve COIl la siguiente
configuracin:

3. -\iiaua una Superposicin dc degradado con la


Siguiente configuracin}' despus una Superposrcin de colores.
Superposicin el. el.". ..saelo

D.,raelaclo
Modode fu$ln' INormal

~
l>egrad.do,

-----

~I
~~;~!I!I31
p-

E.lllo: IRadlal

Rev.c;t..

2J p-

Ak""" con capa

o.9Ulo:O~
[s,1Io

Q=l

m-"

81
Cristal y plstico

terlor

RupI........

:::====--===~",_~

btrooct..,..
Modod_fu.16n;IMultjplic.r

:::::J

o==" ~"

Qp.cld.d:

I"'i======O--"

auldo:....

rO
=

11

(O

-;:::;::==.,.....-~===-1

to.
T'cnlc.: 1M... u.vludo

E.. __

:::::J

OrIQ_n:
r !:;.entr.r (O Bor.de

o--"
~ px

a_tner: ....
1.....Il10:

ca

S. Esto ya se parece bastante al plstico pero con


unos pocos efectos de luces, diseos interiores y,
sobre todo, sombras, lo mejoraremos bastante.

ego un Resplandor interior, pero utilice un


or o degradado oscuro con los parmetros de

r- SetHr.

iaterlor
F Estructur. -:~
Modod_ fusin:Jr-M-u-ltIP-"-c.-r----:::::J-'_

unagen:

o==" ~"

Qp.cld.d:
nqUo ~

go---.

rus ...luz QIobol

Qistoncio:'i"'Os======
a_tr.. r:

U'

o--"

m~~~-------------------------1

lm.~o: c::::::
~

a-px
px

C.lld.d ............

contorno:!lB
B.uido:

r~
...
vizado
o--~"

82
Captulo 3

Variaciones

r
't'Os:===== ~

U..

Q,lshna.

[xltnsin
rom.o:

r IUl globo!

p"

;--- "

In tcnrc aplicar distin tas Supe rposiciones de


motivos, degradados r colores. Cuando encuentre un efecto que le gusle, asegrese de guardarlo. \ conunuacin tiene unos cuantos ejemplos
de vanaciones sobre este efecto,

~P"

Como hemos visto, el cnstal y el plsuco son


ejercieres bSICOS de reflejos \. transparencias.
L'na "el que se haya metido en el bolsillo
111gunasde estas tcnicas estar creando efectos
con brillo a velocidades de vrngo. Recuerde lo
que hemos dicho antenormcurc. Para duplicar el
plstico o cristal, se debe hacer un estudio visual
muy cuidadoso sobre los juegos de luces de un
objeto real. , os ayudar enormemente a comprender qu elementos, reflejos y otras cosas
hacen falta en la versin digital para aumentar o
pC)(enClrel realismo del efecto.

85
Superficies

y texturas

CAPTULO

4.

SUPERFICIES

as texturas constituyen los ladnllos


que, una vez unidos. forman la
construccin
qur llamamos realidad;
todas las tosas, n.nurales \ aruficiaes, estn hechas de texturas Vamos a examinar
una vancdad diferente de texturas en este
captulo. Y vamos a dar un paso adelante cuando
aprendamos las tccrucas de los mapas de desplazamiento r los canales alfa para crear efectos
realistas. De lluevo, mi consejo es que 110 se
quede hrrurado por los ejemplos que ver en
estas pglllas: unlicc su creatividad y aplquelas a
todo tipo de lugares r cree algo diferente. Estas
texturas sern ms adelante mm tiles para
fondos, retoque fotogrfico, efectos de texto,
efectos especiales). cuando haya acabado con
todo eso, para su propia drversin. SI no se
divierte, aunque solo sea un poco cuando crea
Imgenes, sus discnos lo notaran, estaran SIIl
vida, estancados. '\lo tenga miedo de asumir
nesgos Lsros efectos le avudarn a expandir sus
horizontes r proporcionarle nuevos camines que
explorar.

En esta seccin vamos a combinar algunos


efectos para crear una silueta del estilo ele los
aos 50 en una ven rana. Vamos a crear una
textura de cristal. aplicarla a la imagen, introducir algo de texto t.!11 ella, trastocar un poco la
dummacin y por ltimo hacer un marco de
madera.
1. Comience con una silueta de una persona.
manera de conseguirla es las galeras
de chp art, o podra modificar una fotografa o
incluso dibujarla usted mismo. Este ejemplo es

roa buena

y TEXTURAS
de 550x600 a n puntos por pulgada y modo
RG13. Pulse D para poder restablecer los colores
frontal y de fondo por defecto.

:?. Cree una nueva capa (Conrrol /Cornando-N)


y lImela cristal.
3. Vamos a construir la textura para el cristal.
\'aya a Filtro>lnterpretar>Nubes.

86

4. \hora aplique un Desenfoque de movmuenro


a las nubes. Haga che en Filtro>Desenfoque>
Desenfoque
de movimiento
y unlicc un valor
de 92 pxelcs.
5. Lo que (lucremos hacer ahora es aadir una
textura de lamas para simular la textura de las
ventanas antiguas. \s que ejecute el comando
Filtro>Bosquejar>Modelo
de semitono.
6. Cambie el Tipo de modelo a 1 inca, el Tamao

a 12> el Contraste a 5. El tamao debe ser aqu


tan grande como sea posible. -\qu cst; la textura
terrrunada. Es una textura mu} ul que puede
uulizar para superponer en un colage.

9. Esconda la capa del cristal, pulsando


Icono del ojo, r seleccione la capa del fond
que debera contener su silueta.
10. Pulsc ControIjComando-F
para apile
filtro anterior COI1 Idntica configuracion
la silueta parecer estar detrs de una
ducha.

7.. \hora queremos hacer que el cristal simule


ser escarcha. Esto es mur simple> siempre da
buenos resultados. Haga clic sobre Filtro>
Distorsionar>Cristal.
Ajuste a continuacin la
Distorsin a 7, el Suavizado a 3 y, por supuesto,
escoja Deslustrado como Textura.
11. \hora combinaremos
8. lln.1 ve? que ya hemos conseguido nuestro
cristal, vamos a aplicar una textura de escarcha
a nuestra Silueta.

visible la capa del cnstal

al 40

los dos pasos.

reduzca ];

87
Superficies y texturas

~ \qu ucne nuestro efecto bSICO, parece


Phrhp Marlowe. Podemos dejarlo aqu o bien
segmr aadiendo algo de realismo y atmsfera.

radio tendr el degradado. Quizs necesite


hacerlo vanas veces hasta que quede bien. Aqu
tenemos el degradado ideal. Es bonito, suave r
claro.

-+.
Truco de iluminacin
Vamos a hacer un pequeo efecto de iluminacin para que la imagen parezca que tiene una
sola fuente de ilurmnacrn } que sta venga de
atrs de la silueta, probablemente una ventana ()
una de esas larnpari tas que siempre salen en las
pelculas de derec ti ves.
1. Cree una nueva capa, dcnomincla luz)
despus colqucla entre el fondo )' la Glpa del
costal.

:!. Vamos a aplicar un degradado Negro, Blanco


r Radial. Se trata de conseguir quc la luz est en
la parte cen tcal de 1a imagen y q lit se fusione
con 1:1oscuridad en los bordes. Esto, adems,
consigue atraer la atencin hacia el centro de la
imagen, lo cual hace que sta se potencie .
.3. lsconda la capa del cristal para que pueda ver
la capa que estarnos trabajando. Aplique el
degradado de arriba a abajo desde el centro de 1;1
Imagen, rrucnrras ms grande sea la lnea, ms

Cambie el Modo de fusin de la capa ;\


Oscurecer. _\s la silueta se mostrar a travs de
ella. Si quiere, ajuste la Opacidad para equilibrar
el degradado y el fondo.
5. Veamos el resultado. Nos gusta como est, as
que seguiremos con l.

88

Captulo 4

6. La siguien te imagen muestra las tres capas


combinadas. Observe cmo la imagen se ha
potenciado. Definitivamente, algo se cuece
de trs de ese cris tal.

3. Use un Desenfoque gaussiano sobre la


imagen porque este tipo de cristal es algo ms
suave en un lado que en otro. Por supuesto, el
texto se colocar en la parte suave. Haga die
sobre Filtro>Desenfoque> Desenfoque
gaussiano, aqu usamos un valor de 9,9 pxeles
Aplicar

texto

a la superficie

4. Guarde el mapa de desplazamiento en su


disco duro como map. psd. Debe tener la
extensin . psd para que funcione.

1. En primer lugar vamos a dar origen a un


mapa de desplazamiento para que podamos
5. Aplique algo de texto a la imagen)' muvalo
colocar texto sobre el cristal. Seleccione la capa
del cristal y haga clic con el botn derecho del
la capa superior.
ratn/Control-die;
escoja Duplicar capa. En el campo DocumenEdlon Imagen CaQe Selecci6n filtro Viste
to, elija a continuacin Nuevo y
l
"'!!tI
llame al documento map O bien
d le el nombre que prefiera.
2. vhora ya tiene la capa como si
fuera un documento nuevo. Este
nuevo documento mantiene todas
las propiedades pertenecien tes
a esa capa. _\ continuacin suba
la Opacidad a 100%. Esta es la
imagen que vamos a u tilizar como
mapa de desplazamiento.

89
Superficies y texturas

6 \hora aada un trazo negro de 3 pxeles fuera


del texto, a travs de la opcin Trazo de! men
Estilo de capa. Para ms nfasis puede aadir
una Sombra paralela fuerte elevando el valor de
Extensin en e! men.
~ \ntes de que pueda ejecutar la mayora de los
filtros en una capa con texto deber rasteriz arlo,
lo que significa bsicamente transformar la capa
en algo manejable para el programa. llaga dic
con el botn derecho de! ratn/Control-die
sobre la capa del texto en la paleta de Capas }'
escoja Ras terizar capa del men.
8. Vamos a entrar en el hiperespacio. Vaya a
Filtro>Distorsionar>Desplazar. Cambie la
Escala al 5 por 100, ya que slo queremos un
efecto muy sutil.
Desplazar

--

Esceiehonzon1Ci ~
Escelell9rticei ~
Mape de desplezenuenlO
ro ES1Irer
r: Segmenler

-%
%

--

----El
OK

Toques finales
Creo que ya va siendo hora de aadir algo de
color al cristal para que resalte. Este es el mismo
mtodo que se puede encontrar en el captulo
Colorear creativamente.
1. Seleccione la capa del cristal
2. Pulse Control/Comando-U
para abrir Tono/
Saturacin. Haga die sobre Colorear )' ajuste la
configuracin a su gusto. Le sugeriramos un
tono azul, para darle algo de realismo a su
imagen. Nuestra configuracin: Tono de 209,
Saturacin de 64 }" una Luminosidad de O.

3. No es sorprendente lo que un poco de color


puede hacerle a una imagen? Esto demuestra el
poder que tiene la sutileza. Nuestra imagen est
ms O menos acabada, Y si le damos el toque
final, un marco de madera?

cencster

rees no definldes
r Qerlewehe
ro Bepetir pfxeles de borde

9. Photoshop le pedir ahora un mapa de


desplazamiento. Busque su archivo map. psd,
que guard anteriormente. Abra e! mapa}" su
texto se retorcer y girar para seguir el contorno del modelo del cristal

4. Cree una nueva capa y llmela marco


de madera .. \segrese de que est por
encima de las dems.
5. Utilice la herramienta Lazo (L) para
dibujar la forma de la parte izquierda del
marco. Mantenga pulsado Control para
que las lneas tengan siempre un ngulo
de 45 grados.

90
Captulo 4
6. Retiene (Mays-Retroceso/Suprimir)
la scleccion con negro} despus acceda a
Filtro>Ruido>Aadir
ruido l.uhce la
siguiente configuracin para aadir un Ruido
gausslaJl0 con un porcentaje cn torno al 84
por LOO. \segurese bien de 'Iue 1.1 opcin
Monocromtico esta acnv ada

OK
Cne1a'

9. Duplique la Co\padcl marco \" dle la vuelta


horizontalmente, Edicin> Transformar>
Voltear horizontal. llvcla hasta I parte
derecha de la imagen.

- S. desenfocamos el ruido tendremos una


textura de madera bastante buena. Filtro>
Desenfoque>Desenfoque
de movimiento,
} se dar cuenta de a qu nos rcfenmos. L'nhzamos un ngulo de 9() grados con una distancia
de 32 pxeles.

1 I Duplqucla de nue vo } rote 45 grados para


obtener la parte de ahajo. Duplique otra "C7 }
voltee verucnlmenrc p,lra lograr 1;\ parle superior.
Puede usar el comando de rransforrnacin hbre
(Control/ComandoT) pMa ajustar el marco,

8 . \hora es necesario colorear la madera. Una


vez ms, Touoy Saruracin al rescate. 1Iaga che
sobre Colorear y juegue con la COll figuracin
hasta que consiga un tono de un marrn ronzo
oscuro.

11. Ahora tenemos nuestras cuatro capas de


marco. Vamos a hacer que sean una sola. l"nalas
en la paleta de Capas pulsando cn la parte
izquierda de sta. \ era los pcqucllos Iconos de
cadenas que sunhohzan la unin

91
Superficies y texturas

12. Hagl clic sobre Bloquear todas las capas


enlazadas del men Capa r tendr una capa con
s cuatro. As es ms sencillo aplicarles efectos.
Aada un estilo de capa de Bisel ) relieve tal
como se muestra en la Imagen. Tambin aada
una Sombra paralela por defecto mientras tenga
laventana de dilogo abierta.
~'1

=-

r~lieve

Es1ructun
Estilo
T&nito
Profunddad.

IBisel nterior
IRedondear
C:'=ci~=====i~"

OIrecoo

lo

!amao

SuperlOl'

("

Abajo

"--

!.Sombra

-----

s-px

ro--

2,uavizar LJ

px

--_

()
Altitud

m-'

Abrchense los crnturones de segundad. Estn a


punto de embarcarse en un viaje de metal, xido
r nempo. Vamos a crear un pedazo de metal con
un nivel de detalle cxtraordmariamente alto. El
metal estar biselado, brillante y picado. Vamos a
hacer que los bordes sean recortados r suaves,
aunque con un toque de prdida de color a
causa de los fenmenos atmos fricos. Despus
le colocaremos tornillos oxidados, ms descolondos, donde el agua se ha filtrado por los
tornillos durante aos. Ms o menos as de
realista. Imagine lo que ser Cllpaz de hacer con
estas tcnicas. Puede utilizarlas en una secuencia
O por separado. Puede utilizarlas en una interfaz,
fondo, texto, lo que quiera. \s que, sin ms
demora, vamos all...

rv Usar luz global

po--'

r ~.vizado

Modoresaltado Irrama

cr= ~"

QpaOdad
Modo <le sombra

IMultlplicar

:::::J _

y aqu est nuestra imagen terminada con todo


su realismo. Felicidades! Aprendi unos cuantos
trucos en el proceso tambin.

l. Comience con un nuevo documento de


600x600 a 72 puntos por pulgada y modo RGB.
:!. Cree una nueva capa r llmela Dibujo. Utilice
la herranucnta Lazo poligonal para dibujar el
contorno del dibujo.

_0

$:'

'."'0"

92

3. Pulse D para restablecer los colores por


defecto y rellnelo con un degradado Lineal
Color frontal/color de fondo.

6. vbra la paleta Canales y aada un nuevo canal


alfa, mediante el icono Crear canal nuevo.
NOTA: CADA VEZ QUE CREE UN CANAL PARA UTILIZAR
CON EFECTOS ESPECIALES. SE LLAMARA ALFA LOS
CANALES ALFA SOLAMENTE SIRVEN PARA TRABAJAR
CON ElLOS, NO SE MOSTRARAN EN EL CASO DE OUE
IMPRIMA LA IMAGEN

7. llaga che sobre Alfa 1 para activarlo. Seleccione un color gns para
el color frontal,

Vuelva a tomar la herramienta Lazo y seleccione un rea que eliminaremos del centro del
dibujo.
.l_

,. -- - ......

-_ ..........

5. Pulse Suprimir para quitar esa rea del


dibujo. Haga Control/Comando-die
sobre la
capa en la paleta de Capas para que el dibujo
entero quede como una seleccin. Debera ver
la linea disconunua en movimiento alrededor
del dibujo entero.

8. Lo que vamos a hacer a continuacin le dar


a la imagen profundidad cuando apliquemos el
filtro de efectos de ilurmnacin .. \pLique un
degradado de Color frontal/color de fondo
desde la derecha hasta el centro; esto es una
tcnica mur sutil. Lo que ocurrir en trminos
3D es gue las partes blancas del canal estarn
ms altas, mientras que las partes negras sern
las ms bajas y las grises estarn inclinadas.

9. Aplique un Desenfoque gaussiano de 8,4


pxcles (Filtro>Desenfoque>Desenfoque
qaussiano). SI mantiene la seleccin activa,
podemos aseguramos de que slo se hace un
pequeo oscurecimiento en los bordes.

93

de doble paso hace que los bordes del bisel estn


ms acusados.
11. Haga che sobre el canal RGB pam mostrar
todos los canales de nuevo.
11. Vuelva a la paleta Capas \ seleccione la capa
del dibujo.

13. Ahora, en vez de usar un bisel de la palera


de Capas, vamos a aplicar Efectos de ilurnrnacin con el fin de hacer que el dibujo sea 3D,

Filtro>lnterpretar>Efectos

14. Estamos en )1 ventana de dilogo de r-fectos


de iluminacin. Escoja un color azul \ Foco en
Tipo de luz. En el Canal de textura cha el Alfa 1.
Esto utilizar el canal que trabajamos antes.

Deselcccione }' ejecute el filtro Desenfoque


ussiano de nuevo, a 5.6 pxeles. Lsrc proceso

PE' endod.
"te

Foco

oar:""!!l,,,,~===-_-,,-24'---zA'-----'-'~uere=
ES1r.tho

69

Propt.dod
Lustto "'M""o.t9=-__

~IIllJ"___~B="=IJ""=''''e

M~n~~R&~~~

~IOO"__
__ ~~~~m~

__

Expo.. e "'M"".n"'o.::....
__

-;,- __

~~~~!!l~~~-_~~A--~~~=

Canal do J""'ura

AlfaI

po A O!b",,'o
Altu,a Plana

l~ A la derecha podemos ver el dibujo con el


bIsel de los Efectos de rlununacin. En nuestra
-puun, utilizar esta opcin constituye una de
..1' mejores maneras tluC ha} de crear un bisel
realista,

de iluminacin.

62

----'M=6$

94

Captulo 4
en OK para aplacarlo a la unagen. Ahora nuestra
irnagcn parece hecha de titaruo bruido.
Lo que sIgue es una tcnica simple para dar a

cualquier superficie un aspecto de espejo.


1. J [~gH clic sobre Imagen>Ajustar>Curvas
para dar origen a una cun-a que se parezca a la
de la figura.

Ic=o<
Cancelar

. 1"\

NOTA LA CURVA DA UNA REPRESENTACION DE LAS


\

PROPIEDADES DE TONO DE UNA IMAGEN

AlJtom.tlCO

."

1/1/1/1

3. Para elurunar los colores ~ seguIr manreruendo el efecto de brillo, acceda a Imagen>
Ajustar> Tono/saturacin. Pulse sobre Colorear} ajuste el Tono a un color entre gns > azul.

2. Pulse Contcol/Comando-AltjOpcin-M
para abrir la ventana de dilogo de Curvas de
nuevo con la rrusma configuracin. r liga che

95

4. Seleccin>Calar y use un Radio de calado


grande, digamos de 25 pxeles.

5. Aqu est lit imagen con la seleccin suave.


Pulse Suprimir 5 veces o hasta que est satis fecho con la fusin de la textura.

t xtu

al m tal

esotros creemos firmemente que la diferencia


entre una buena imagen y una imagen excepcional son los pequeos detalles. Este paso le
liadir un montn de realismo al metal. Vamos
a aadir textura a! metal, pero a! mismo tiempo
mantenersuaves los bordes, as parecer que lo
han pulido frecuentemente.

1. Duplique la capa del dibujo.


1Seleccione la capa copiada y aplique algo de
tlUdo,Filtro>Ruido>Aadir ruido. Aplique
aproximadamenteun 20 por 100 de ruido C011
_ distribucin Gaussiana, tambin active la
pein Monocromtico,
Invierta la seleccin (Mays-Ccntrol

Comando-I).

6. Cambie el modo de fusin a Multiplicar y


utilice una Opacidad del 48%. Este es el metal
con la textura aplicada.

96
Captulo 4
Agujeros de taladro
Ahora vamos a taladrar un poco la pieza.

los cuatro agujeros. (Utilizar las flechas de


desplazamiento le permite tener un amplio
espacio entre los agujeros.)

1. Combine las capas Dibujo r Copia de


dibujo. Utilice la herramienta Marco elptico
para hacer una seleccin circular en el metal.
TRUCO: CUANDO UTILICE EL MA.RCO ELipTICO. MANTENGA PULSADA LA TECLA MAYUS PARA CONSEGUIR
UN CRCULO PERFECTO.

4. Ahora aplicaremos un Bisel y una Sombra


paralela desde los estilos de capa para la imagen.
Utilice las siguientes configuraciones:
2. Pulse Suprimir para cortar el agujero, no
dcscleccione todava.

81s.1 y rello...
Estructura
Estao: (81.. llnto,Io,
TQcnleo:(Redond.. r

::::J
::::J

====c== ~"

P,ofundidld:

Oiroccin:lo Superlo,

Abljo

C>'"r=====

rarmlo:

c:::a

~ulvinr:

rs-- px
P- px

Sombra
0.9u1o:.

O~
~.

Uso, luzmlob.1

Altitud:
Contornodo r.splandor:

~.

[Aj r

~uavizado

Modor ... 1I4do:r:(T:""r.-m-.-----::::J

3. Utilice las flechas de desplazamiento del


teclado mientras deja pulsada la tecla Mays
para mover la seleccin y pulse Suprimir para
hacer su segundo agujero, muvala de nuevo y
pulse Suprimir una y otra vez hasta que tenga

Qpadd.d:

Mododo sombr.: IMultlpncor


Opa!;idad:

....
"1

c== ~"
::::J_
~

~"

97
Superficies

y texturas

SeoMn panleb
(struclun --Modo d. fusl6n;J r.M:-u:-C:lllp~U-ca-r
Qpacidod:

r.tpo;

----::::J-.'""f_
====c== ~"

O~.

~sI~ncl.:

c::c::s:><;=====' ~

[><tensin:
lamao:
Calidad

P" Us.,.iul ~

ca

px

"

.-

px

--

<ontol'no:~

P L. cap.

se muestre la capa como una seleccin y cree


una nueva capa.
2. Invierta la seleccin (Control-Mays /Comando-I). Esto seleccionar todo menos la pieza de
metal.

3. Seleccin>Calar con un Radio de calado


de 20. Esto har una Ligera seleccin sobre los
bordes de nuestra imagen. Ahora escoja un color
naranja oxidado y seleccinclo como color
frontal.

cubre l. sombro por.lela

I!I

Selector de color

Esta es la pieza de metal con los agujeros


biselados que queramos:

SeleCcIOne
el cob' frontal

n~D0
_

OK
CIlU~

eersonaltur

r.'HI27 rL~
e: s.fiOO~ e a ~
rafiOO% rBp-

r SlO colores weo

rRm-

c~_

rGJii4

Mj61~

rB~

vw--

- FOO"' ~ ~ ~

4. Rellene (Edicin>Rellenar) con el color


frontal. Repita el proceso cuatro veces hasta que
obtengamos un hermoso borde naranja.

b de
Este efecto es muy divertido. Vamos a aadir
color a los bordes para que parezca que el objeto
ha estado a la intemperie durante un tiempo.
1. Haga Conrrol /Comando-ctc sobre la
imagen de la capa en la paleta de Capas para que

98

Captulo
5. Con la capa naranja todava activa, cargue la
seleccin de la capa de la pieza e invierta. Pulse
Suprimir y tendr su Imagen con los bordes
naranja suave.

Hemos llegado a! momento en el que es necesa


rio crear algunos tornillos para que el meta!
tenga ese toque "uidusrrial".
1. Asegrese primero de que la capa

dibujo se encuentra activa mediante


la paleta de Capas) luego utilice la
Varita mgica (W) sobre uno de los
agujeros.

6. Dcscleccionc (Control/Comando-D)
y
cambie el modo de capa a Subcxponer color.
Para una mayor claridad, nombre la capa de los
bordes como tal. Este es el efecto terminado.
Dsc cuenta de cmo el color aade mucho
realismo a la imagen.

2. Ahora tendr una seleccin


circular del mismo tamao que el
agujero. (Si est haciendo los
tornillos como un efecto para otra
imagen utilice la herramienta Marco
elptico.)
3. Cree una nueva capll llamada tornillos. Pulse
sobre ella para activarla.
-1-. Escoja a connnuacin un color marrn SUCIO
para el color frontal r un blanco para el colorde
fondo . Ahora aplique un degradado de Color
frontal/color de fondo y Radial sobre la seleccin; debera conseguir un aspecto redondeado
con eso.

5. Vamos a envejecer el tornillo un poco, haga


clic sobre Filtro>Ruido>Aadir ruido. .'\ucm
configuracin fue del 8,79 por 100.

99
Superficies

y texturas

\ada una Sombra paralela estndar desde los


estilosde capa para t:l tornillo.

Aadir manchas

de goteras

1. Combine las capas de los tornillos hasta que


slo quede una. Queremos que sea as COI1 el fin
de que podamos aplicar el mismo e recto a los
cuatro tornillos a la vez, para ahorrar tiempo.
Una las capas mediante la paleta de Capas y
ejecute Bloquear todas las capas del conjunto
desde el men Capa.
TRUCO: ALTERNATIVAMENTE, PUEDE SELECCIONAR LA
CAPA DE TORNILLOS QUE ESTE POR ENCIMA DE LAS
DEMS Y PULSAR CONTROUCOMANOOE

PARA COMo

BINAR HACIA ABAJO. SI REPITE EL PROCESO DOS VE


CES MS TENDRA TODAS LAS CAPAS COMBINADAS

'l, Duplique el tornillo tres veces y coloque las


coplas una en cada agujero.

TRUCO: PARA DUPLICAR UNA CAPA MANTENGA PUL


SADA LA TECLA ALTIOPCIN y ARRASTRE EL OBJETO
VERA LA DOBLE FLECHA, ESTO DENOTA QUE ESTA

2. Utilicemos el efecto ahora: duplique la capa


de los tornillos. Aplique UI1 Desenfoque de
movmuento, Filtro> Desenfoque> Desenfoque
de movimiento, con una configuracin de 90
grados y una drstancia de 49 pixeles.

DESPLAZANDO UNA COPIA

3, Vuelva 11 colocar los tornillos desenfocados


para que estn bajo los originales.

-l. Duplique tres veces para que la capa sea tres


veces ms grtlcsa; ahora combine las tres capas y
llame a la resultante gotera. Su lillagen debera
tener el aspecto que vemos a continuacin:

100
Captulo 4

7. \hora cambie cl modo de fusin de la capa .1


Superponer para hacer que las goteras se fuSIOnen mejor con la Imagen. Casi hemos acabado
ya; slo falta algo de limpieza porque la gotera
se extiende hasta la parte inferior del metal,
8. Con la capa gOlera todava activa (destacada
en azul en la paleta de Capas) haga que la capa
dibujo quede resaltada como una seleccin
Recuerde que debe hacer Control/Comandodie sobre ella para esto.
"l. _\ph~ut un Desenfoque gamwC\\\Q,Filtro>

Desentoque>Desenfoque gaussiano), utilice


una configuracin de 4,7 y mueva la capa gotera
debajo de la capa ror nillos.

<J. ln,\\:rt'c\ la seleccin, (Mays-Conrrol/


Comando-!) y pulse Suprimir. Los bordes se
suprimirn y cl exceso de goteras habr Sido
elirmnndo.

6. Lnhcc la ventana de dilogo Tono/Saturacin


(Control/Comando-U)
para cambiar cl color de
la gotera a naranja. (para ms informacin sobre
la ventana Iono/Saruracin
vea el captulo
Colorear crea tivamcnte.)
Este efecto es una frmula adecuada para una
interfaz para una pgina wcb o CD-RO\L

El

Tono/.nluroCln

".0<

JTodos
TCJOO

:::J
JZ7
(iiiJ

LtlnrOSlllad

~
Cri.li

~
~"-"

101
Superficies y texturas

\ lo largo de este libro, hemos exarmnado vanas


maneras de hacer cristal, piedra, metal, fondos }'
ms, mediante el uso de montones de filtros y de
variaciones en los Estilos de capa. T la) un filtro
que rara vez un diseador utilizar, prmcipalmente porque su aplicacin destaca tanto que se
n la que se ha conseguido el resultado mediante
un filrro. Esto) hablando del filtro Vidriera. El
nombre Implica que uno debera ser capaz de
ibtener buenos e fcctos pero la verdad es que la
gente no se molesta en utilizarlo.

5. Cambie el Modo de fusin del degradado a


Diferencia. Rellene 1:1seleccin tres veces con el
degradado Color frontal/color de fondo, cada
vez en una direccin distinra.

'\0 somos de los que hacen eso. Por ello vamos


1 mostrarle cmo unlizar este efecto maldito por
los diseadores,

Cree pnmero una nueva Imagen (Control/


Comande-N). Para este ejemplo, el tamao de
la lIIlagen es 9x6 pulgadas. 100 puntos por
pulgada, RGB } un Fondo blanco.
2 Cree una nueva capa (Mays-Conrrol
Comando)' llrncla gemas.

6. Ahora acceda a Filtro>lnterpretar>Nubes


de diferencia) ejecute el filtro dos veces
(pulse Conrrol/Comando-F
paca volver a
utilizar el filtro con la misma configuracin).
Haga che sobre Imagen>Ajustar>Brillol
contraste r aumente el contraste considerable
mente de manera tille la separacin de los dos
colores se haga patente.

El

BrIllo/contraste

- Seleccrone la herramienta Texto y ajuste


el rarnano de fuente a un "aloe bastante grande
Introduzca esta nueva seleccin
capa.

OK

en 1;1 nueva

,. ~"::::1
1,

r1l1O

~.:

~ ESCOJadespus la herramienta
Degradado, cambie los colores frontal
r de fondo a otros que sean brillantes.
Nosotros escogimos el rojo}' el
violeta.

7. Haga despus una copla de la capa del texto


(Capa>Duplicar capa) y pulse D con el fin de
restablecer los colores por defecto.

Ge
8. Para aplicar el filtro de Vidriera vaya a
Filtro>Textura>Vidriera. Ajuste el Tamao
de celda a 15, la .\nchura de borde a .. }' la
lnrensidad de luz a 3. Haga clic en OK.

102
Captulo

9 Acceda

Seleccin>Gama de colores

para borrar las lineas negras que separan los


colores. Con el cuenragoras, pulse sobre una
lnea negra directamente en la Imagen. Ahora
pulse OK } despues Suprimir. Finalmente
deseleccione.

niveles, lo que dar como resultado el redondeo


deseado.

El

Gama de colores

13 :\:ecesl(amos redondear los bordes. Primero.


haga c1ie sobre Seleccin>Deseleccionar
(ControljComando-D).
14. Llegados aqu, aplicaremos un dcscn foque.

Pn!Yisu;llzar selecclon

Vaya a Filtro>Desenfoque>Desenfoque
gaussiano }' aplique una configuracin entre 3
y 4. Observe la ventana que muestra el resultado

IN~

antes de ejecutar el efecto panl asegurarse de


que an puede ver las lneas negras entre celdas,
aunque stas se hayan difuminado un poco.

--

10. Vaya a la paleta de Canales


canal Azul

r duplique

el

11 En el canal Azul oogmal, pulse sobre el rea


fuera de las celdas del texto con la herramienta
Vanra mgica (W').
12. Seleccione el canal Azul duplicado y rellene
la seleccin con Negro . \cceda a continuacin a
Seleccin>lnvertir, y rellene las celdas con
Blanco. Cuando haya rerrrunado debera tener
una rplica del canal Azul con celdillas blancas
con la forma de su texto sobre un fondo negro.
Esto es importante, ya que en los prximos
pasos redondearemos los bordes de las celdas.
Para hacer esto con eficacia, necesitarnos
desenfocar las celdas blancas sobre el fondo
negro para que despus podamos ajustar los

15. Pulse Control/Comando-L


para que se
muestre la ventana de ajuste de :\,iyeles para el
canal Azul duplicado. Acerque las barras deshzadoras unas l otras hasta que tenga en el visor
unas celdas redondeadas v bien diferenciadas.

El

Niveles
Canal Alul ClJC)Ia
NlYI!lesde~tra<lJ

(i7il1202

l
....

~~

\_;elTI_S

103
Superficies y texturas

16. Haga Control/Comando-die

sobre el canal
de las gemas redondeadas para que se muestre
como una seleccin. Vuelva a la paleta de capas
y seleccione la capa de texto situada por debajo.
llaga elic sobre el ojo para que se vuelva
invisible; lo necesitaremos para la siguiente
parte del tu torial.

19. Aplique un Bisel y relieve con la siguiente


configuracin:
Bisel y relieve
r-r-

Estructura

g;:ll

Estilo: JSisel interior


Tcnica:

::::JI

IRedondear

===-=o

Profundidad:

r.

Direccin:

Iamao:

461

Superior

Abajo

'ilS

2,uaviz.ar:

~px

~px

Ir' Sombra
!l9ulo:

Altitud:
Contorno de re.plandor:

17. Seleccione la capa de texto superior. Acceda


a Seleccin>lnvertir y pulse Suprimir.

Modo resa1tado:

Gr

~+

Usar luz global

~+

r:::;jj
Ea

2uavizado

::::::::JO
......oo--%
::::JO
~%

Qpaeidad:
Modo de sombra: ~
OpasJdad:

20. Ahora una Sombra interior:

~ Sombra interior

"" Estructura
Qpacidad:

18. Yava siendo hora de que las gemas brillen!


Acuda a las Opciones de fusin avanzadas en los
Estilosde capa. Reduzca la Opacidad al 85%.

ngulo:
~stancia:
fletraer:
lamao:

!teIone.s de fusin

IFasingeneral

:::::::J

Modo de fusin: INormal


Qpacidad:

C?

Contorno:

I~C%

fluido:

~lISin avanzada
~d.d

de reneno:
Canales:

Modo de fusin: Multiplicar

P'

g--%

p'G p'e

Cubrir: JNinqUnO

P' Fusionar

:iJ
efectos interiores

r Fusionar ~~pasrecortadas

Fusionar si: IGris

ltJ

como un grupo

como un grupo
11

:::::J_
t.')= ~%

Of13C+ r
'C
u

ca

Usar luz global


a-px

~"

lL..Jx

r:::;jj r 2,uavfzado
c..:r

~%

21. A continuacin otra sombra, esta vez una


Sombra paralela para terminar el trabajo y
deseleccione (Control/Comando-D).

104
Captulo

p.,..I.I.

Somb,..
Est,.uctu,..

Modo cM (1ISi6n

~.

:::::::J_

Iluz Intens~
C===a=:;:'I::::=== ~"

O ~.

~"iUIO:
t!.Istonde
t,xtensin

lalN~o:

Unr luz jIIobal

P--- pl<

6====== ro--"
mr--

px

Calkh<I

Contorno: ~

Buido

r jiuavlzado

t;====::::l ~"
~

lo cepa cubro la sombra paralela

Por supuesto, podramos dejar el efecto aqu. Sin


embargo, puesto que guardamos la capa rellena
con el degradado original que hicimos, podemos
incrustar las gemas realizando slo unos pocos
pasos.

24. Partiendo desde el centro de la seleccin,


dibuje el degradado hacia abajo hasta el borde
del texto.

25. Acceda al Estilo de capa de esta capa.


Seleccione Trazo primero, ya q1.ICdespus vamos
a utilizar un Bisel del trazo.

22. Haga clic sobre la capa del texto inferior)


hgala visible otra vez. Despus haga Control!
Comando-elle sobre ella con objeto de que se
seleccione.
23. Elija a continuacin un gris claro
como color frontal r un gris oscuro
como color de fondo. Seleccione la
herramienta Degradado. En la barra
de opciones. seleccione el degradado Color
frontal/color de fondo, Reflejado y con un
Modo de fusin Normal.

Tipo de relleno
o.'7adlO:

IOIQr.d.do ::iJ

:::J~~~~Ill
~
"':_J' ~

~I

E.tilo: IR.n.lldo
nulo:
Eleal.:

Rm&

O r.ro-.

Alnearcon cap.

a= ~"

26. :\ continuacin aplique el Bisel. _.I,segrese


de cambiar el Estilo de bisel a Relieve del trazo.
Tambin repare en el cambio de curva con
respecto al modelo por defecto.

105
Superficies y texturas

fr.

Iatnoctw.

Estjo

IRdtv. cM! Ir no

TcnIc. IClncel blondo

"'C::::::O=ZO;====

Pro~
DirOCCIOft

ro SoIperIor

1"""":

'i!"OS=====

ngulo

C) rmr-- .
[jj P

~.

u.. ,. luz gob"

AltItud

~u.vlzodo

Modo r..... tldo ITr......


Qpocrdod

::::::JO

===::::;::osa==r==::::::J_
rs-"

Modo ~ sombr.: IMultlDlic.r


~rdod

===:;:ooa==::::::Irs--"

\pltque un Resplandor interior oscuro, pero

camlneel Modo de fusin a Subexponcr color y


eleve el valor de RUIdo.

28. ClISI hemos termmado, pero deberamos


intentar que las gemas parezcan incrustadas de
verdad. Duplique la cllpa de las gemas.

"1

29. Seleccione la capa gemas (no


copia) }'
acceda al Estilo de capa vbra las opciones de
Bisel)' relieve de nuevo. Cambie el Estilo de
bisel II Relieve acolchado }' ajuste la configuracin para que se parezca a la que vernos en la
imagen srgurcnre.

Elijo

IRohvo ocolchldo

Tcroc. IR.oonde.,.

c::c

Pro~
DirOCCln

lo SoIperror

1......=io
OF"i;:=====::I
~v~'" ~====:::J
1'1 SO....

ra --

nvUo

AltItud.

Contorno do r.spI.ndor

go-.
r u.,. luz goboI
so--.

c:;;jj

~.vludo

ModorHoltldo ITr....,.
Qp.cid.d.
Modo do sombr.

c:====~

IMuIIlpk.,.

~
30. Vuelva a las Opciones de fusin Cambie
el ~lodo de fusin a Sobreexponcr color, luego
incremente la Opacidad al 100 por lOO}' reduzca la Opacidad de relleno al 60 por 100.

106
Captulo 4

Ir

Opcioae!: d. fusin

Fusin gener,,'
Modo d. fusin: ISobreexponer color

Ii
rr

:::::J

.~oo--"

QpWda4:

Fusin .v.nud"

~cId.d

cr== rm1""

d<o reDeno:

Canales.
Cubrir:

P" R

P"G P"B

INinQuno

r F~

Fusionarsi: J!is

A continuacin

:::::J

Fusio...... (OC105 ntenores como un 'Tupo


!;.~$

==

recort.oH

como ... 'TUPO

=E1

puede ver la imagen final.

Esto completa nuestro paseo por las texturas r


superficies. En los ltimos tres captulos hemos
analizado la madera, piedra, metales, cristal y
plstico. l la subido su habilidad a otro nivel

y probablemente

hace tiempo que est experimentando con texturas. Ahora vamos a dar un
giro a los acontecimientos y vamos a zambullirnos en un mundo de electrnica y cienciaficcin, L'tilizaremos algunas de las tcnicas ya
aprendidas; debera sentirse cada vez ms seguro
a medida que aprende ms y ms tcnicas.

109

5.

CIRCUITOS y ELECTRNICA

n este captulo crearemos objetos del


mundo de la electrnica. Las matemticas eran mucho ms aburridas en
el colegio. Cuando hablamos de la
naturaleza en el captulo 1, adelan tamos la idea
de que, a pesar de su apariencia aleatoria, las
races de la naturaleza estn formadas exclusivamente por matemticas complejas. Ejecutando
una serie de frmulas en un ordenador podemos
umrar la imagen de un rbol, pero jams conseguiremos alcanzar la complejidad de una planta
V1\';I. 1'\0 tenemos la frmula. Recrear objetos
hechos por el ser humano es mucho ms senci110, )a que las matemticas involucradas en su
elaboracin S011 uifiniramenre ms sencillas.
Photoshop conoce las frmulas paca ello, as que
con unos pocos clics podemos obtener represenracroncs visuales de objetos que esperaramos
ver en un mundo creado par el hombre.

s
Ha)"un truquillo en Phoroshop para crear
diseos que parezcan circuitos.
1. Comenzaremos con una nueva imagen
(Control/Comando-N)
de 3x3 pulgadas, 100
puntos por pulgada, modo de color RGB y
Transparente.
2. Rellene (Mays-Retroceso/Suprimir)
la
capa elel fondo con un verde oscuro, la configuracin para el color t uc u nlizamos se cncuen tea
en la Imagen siguiente:

f.33

R.

r
r

B:Z-

1Z

G:rsIZI5F02

3. Pulse Comrol/Cornando-Mays-N para


crear una nueva capa.

-+.

Seleccione la herramienta Degradado


(G) )'
escoja el degradado Cobre, Reflejado, y con el
Modo Diferencia.

5 Rellene la capa desde el centro hasta la parte


inferior con el degradado.
6. Comenzando esta vez un poco apartado del
centro, aplique el degradado de nuevo, esta vez
honzonralrnenre, de izquierda a derecha.

110
Captulo 5
7 Acceda a Filtro>Pixelizar>Mosaico e
Introduzca e n '1amao de celda el valor 10.

El

MosaIco

El

lOO"

GJ

8 Haga che sobre Filtro>Estilizar>Hallar


bordes.

<J. Despus ejecute el comando Filtro>

Estilizar>Bordes resplandecientes. La
configuracin
que uulrcc aqu dictar el motivo
de circuito. \Iuste la Anchura de borde a 1, el
Brillo de borde I 8 ) expenrncure con distintos
niveles de Suavizado L~ sugiero UJI valor de ::?,
pero cualquiera entre l y 6 estar lnen

10. \uste el vlodo de capa para la cap" del


circuito a Superponer \ sm nada mas ya nene
el circuito electrmco

111
Circuitos y electrnica

\dmm .1calentar un poco las cosas con un par


de rayos elctricos. I~s un gntn motivo panl
efectos que Impliquen rayos atmosfricos ()
descargas elcrncas. L'tilizarcrnos las nubes dc
diferencia ~ los niveles para crear este efecto.

Comience

COIl un nuevo

documento

de

6OOxWO III modo RGB.


2. Cree una nueva capa (Mays-Comrol /
Comande-N) y denomine a esta nueva lapa
efecto.
3 Ahora aplique diagonalmente un degradado
Lineal Negro, blanco, este efecto har lJue la
mirad de 1 arca se a gns.

. Haga che sobre

Filtro>lnterpretar>Nubes

de diferencia. Su Imagen debera pareccrse a


la rmagcn que mostramos. Pero 110 sera .un,is
exactamente igu.ll, pues se [rata de un efecto
aleatorio. Hjesc en la lnea negra del centro. ser
la base eh: nues Iro rayo.

5. Queremos mver nr los tonos. algo parecido a


cambiar la lInllgen .1 un negatlvo, as que ejecute
ahora Imagen>Ajustar>lnvertir (Control/
Comando-l
.

112

Captulo!
6. \ continuacin aJuste los niveles para limpiar
el rayo} acentuarlo, Imagen>Ajustar>Niveles
(Control/Comando-L).
Mueva la barra deslizadora central cast al final hacia la Izquierda )'
la barra deshzadora izquierda hacia la derecha
hasta que est satisfecho con el resultado, Para
ms referencia, nuestra configuracin fue 157,
0,10,255. llaga che sobre OK.

Esto es ms o menos lo que su imagen debera


ser despus del ajuste de Niveles.

H T.legados a este punto. 10 que necesitamos es


ajustar el color unlizando para ello la opcin
Imagen>Ajustar> Tono/saturacin (Control/
Comando- U" ..\(tl\'e la opcin Colorear,
Juegue con las barras dcshzadoras hasta que
consiga un color adecuado. Para conscglllr un
color VIOletaclcrrrco ajuste el Tono a 257. la
Saturacin a 25 y la Luminosidad
a O.

\qu est el rayo rerrmnado. Lo mejor de esta


rcruca es que nunca obtendr dos rayos Iguales.
exactamente como en la naturaleza.

- Tlit, todava unas cuantas zonas blancas que


hay que limpiar. Utilice un pincel suave negro
de 100 pxeles y pinte sobre las reas que no
desee que aparezcan.

113
Circuitos y electrnica

Des arga

elctr-icas

Bien,ahora que tenemos un rayo que parece de


verdad,vamos a aplicado a algunas imgenes.
En los siguientes pasos, haremos un uso completode los modos de fusin de capa de nuevo.

2. Arrastre despus el rayo desde la capa efecto


a la nueva imagen. Es as de fcil, seleccione la
capa en la paleta de Capas y arrstrela a la llueva
imagen.
TRUCO: MANTENGA PULSADA LA TECLA MAYS CUANDO SUELTE EL RAYO SOBRE LA NUEVA IMAGEN PARA

1. Abra (Control/

Comando-O) la
imagena la que
quieraaplicar el
rayo.

4. Cambie el modo de fusin de la capa efecto a


Trama y observe lo que ocurre.

QUE QUEDE CENTRADO.

3. Tenemos el documento con una nueva capa

encima de las dems que contiene nuestro rayo.


Si cambiamos el modo de capa, podremos quitar
el negro y mostrar la imagen que podemos ver a
continuacin.

5. Aqu tiene dos imgenes perfectamente


fusionadas. Felicidades, acaba de aprender cmo
electrificar sus imgenes.

114

Captulo 5

NOTA: PUEDE CONSEGUIR ALGUNOS EFECTOS OUE


RESULTARAN REALMEN

E BUENOS SI DUPLICA LAS

CAPAS DE RAYOS Y LAS TRANSFORMA, ROTA. ESCALA. RETUERCE. LO OUE SEA IJUEGUE CON ESAS CAPAS Y HAGA OUE SALTEN CHISPASI

"lomos fans de la ciencia ficcin, ) nos encantana s(:r tapatcs de plasmar en un lienzo LIs
Imgenes que vernos en nuestra mente cuando
damos rienda suelta a nuestra un.rginacin, pero
por desgracia no tenemos la perICia necesaria.
Sabemos un par de cosas sobre Phoroshop. Sin
embargo. r gracias a esta poderosa herramienta,
podernos aplicar la esencia fanrsuca a las
irnagcnes de cada da. Por lo tanto, ha llegado
1.1 hora de realizar un poco de experimentacin
fururis rica con Phoroshop,

Nuestro buen amigo, _\ndrew, se presto volunra


no par" ayudar a llevar LLn paso mas halla
delante a la ciencia ciberntica. merced a sus
servicios como conejillo de indias. l~l cst
conscrcnre por completo y atado firmemente.
\ earnos till rransforrnacrones terrorficas
podemos conscgurr,

l. Encuentre una lIDagen con la cara de 1Ilgulcn.


Escoja Ull dibujo que renga bastante contraste
entre el fondo: los tonos carne de 1:\ piel, para
tlue se puedan separar fcdmcnte.
2. Haga doble che sobre la capa del fondo para
que se transforme en una capa que se pueda
editar.
1. Seleccione el rea de fondo alrededor del
rostro con la herramienta Varita mgica (W\

115
Circuitos

y electrnica

1'n.1 "CZ tille el fondo est seleccionado,


acceda a Seleccin>lnvertir (Mays-Control/
Comando-I
Vaya a Capa>Nuevo>Capa via
Copiar (Control/Comando-])
para pegar una
copln del rea de la cara en una nueva lapa.
Llame a su nueva capa cata.
-t

8. Rellene (Mays-Rerroceso/Suprimir)
la
seleccin por encima del ojo con gns. vhora es
un buen momento para mover el crculo SI no
est contento con su posicin utilizando para
ello la herramienta Mover (V). :\ conunuacin
deseleccionc (Conrrol/Comando-D).

"1

i
los bordes parecen demasiado irregulares
alrededor de ti cara puede fusionados un poco
seleccionando el rea alrededor de la cara con la
Vanta mgic. I raga che sobre Seleccin>
Calar, ajstclo a 2-3 pxeles ) pulse Suprimir,
-\] elurunar 1.1 seleccin calada borraremos y
suavizaremos los bordes de la cara, aunque
mejor que no lo repitamos mucho O distorsro
narcrnos la 1Illagen.
6. Escoja un color frootal gns oscuro. Cree una
Que, 1 cap1 Mays-Conrrol /Comando-N'
por debajo de la capa de la cara r rcllncla con
el color frontal (Ah/Opcin-Retroceso/
Suprimir).
~ Cree una nueva capa (Mays-Control/
Comande-N) por encima de la capa cara }'
llmcla parche Con la herramienta Marco
elptico (M o Mays-M) haga una seleccin
alrededor del ojo, desde la ceja hasta la parte
mfenor de 1.1 nnnz.

9. llaga otra seleccin circular con el crculo


gns. sobre un rercio del [amao del ongmal
Puede dibujar guas para ayudarse a I hora de
colocar el crculo, o. SI lo prefiere. pulsar la teda
Mays rruentras lo dibuja, lo que mantendr el
radio del crculo. Colquelo manualmente con
las flechas de desplavarruento. Pulse Suprimir
para borrar la seleccin.

TRUCO' CUANDO DIBUJE EL CIRCULO RECUERDE OUE


PARA OUE SEA PERFECTO DEBE ESTAR PULSANDO LA
TECLA MAYS MIENTRAS DIBUJA El MARCO

10. En los siguientes rasos vamos a trabajar COIl


los estilos de capa para darle algo de carcter ,11
parche llaga che sobre el icono Aadir estilo
de capa en la parte mfcnor de la paleta de
Capas \ escoja Bisel y relieve.

116

Captulo 5

11. Utilice la configuracin que se muestra en la


captura de pantalla. Fjese en que hemos creado
un Contorno de resplandor propio. Para
hacerlo, deber hacer clic directamente sobre la
ventana de Contorno de resplandor. El Editor
de contorno se mostrar y podr ajustar los
puntos movindolos con el ratn. Puede aadir
tambin puntos adicionales haciendo clic sobre
la lnea de contorno y entonces podr moverlos
como le plazca. Intente aplicar un contorno
parecido al de la figura. Tambin puede guardarlo para utilizarlo ms adelante.

Ir

12. "\ continuacin, aplicaremos un Resplandor


exterior. De hecho, estamos utilizando un
resplandor para conseguir lt11asombra. Esto ser
as si cambiamos el Modo de fusin a Multiplicar
y escogemos un color gris oscuro.
Resplandor

exterior

F'" Estructura

Modo de (usin: JMUllipficar


Qpacdod;

ro.

rlt,.

8,uido.

0=== ~"

10-'''

? Elementos

Bisel '1 relieve

TCnica:

Estructura

Pro(undd.d:
Direccin.
Iamao:

Su.avlzar

~Iender'

Est~o' IBisel inler ior

ramao:

T-cnica: jRedondear

==c
r. Supe.rior

r Abajo

~"

m-px

Contorno: ~

....

10-'''

c:o

Ir' Calidad

O-px

"

IMs suavizado ..:.J

Rongo:

IO-'px

uavizado

SO-"
O-"

'libracin: ~

r- Sombra
!J.9ulo

O r:s-.
~.

Usor luz global

Allilud.
Contorno d. resplandor'
Modo resaltado:

I
11

.~

::::;jij

r 2uavindo

=
ITram.

~cjd.d;

2j3~

i:::I~"

Modo de sombr.:

INorm.1

OpaQdad:

QI

mr-"

13. Haga clic sobre Superposicin de colores.


Elija un color claro J cambie el Modo de fusin
a Subexponer color.

Superposicin
Color

de colores

3O
======
....
m:r"

11 Modo de (usn: JSubexponer color


Qpacidad:

14. Lo siguiente es una Superposicin


degradado.

Editor de contorno

de

A,p.JStenestableciOO PersonalIZa:Superposicin

= Degradado

de degradado

3
======;....
~m-"

Modo d. (usin: JSubexponer color

/!l' .
\,,:
' / l............

..
..
t;),/......

02cidad
Degradado:

!~~~;~~!.I.~I
r
P'

Estio: Ilneal
o.gulo:~
Es!;.ala.

Revet:_tir

Ainear con capa

;o--.
0==

roo-"

117
Circuitos y electrnica

5. \ amos a darle al parche ocular algo de


variacin con una Superposicin de mOII\O. Para
este caso concreto, un motivo cualquiera de los
que vienen dados por defecto ser suficiente.
Cambie el Modo de fusin a Luz suave.

Estr_.

Bi~J

r......

Eslll..
Tcnic.
Pr.fundldod.

Modo de fUSJOn
Qpidod

::::::::J
===::::::;>0===<;==:1
J7OO"

:iuavlur'

p"
px

-----

=====~~"

Ilon

SUiVO

Mot",.

Es~.I.

:::J

I~....

Sup.rlor
lo Abajo
1 aIIo C;C:01"'ir=====:I1 ~

1> "ln;

Suptr,esicl.. d. _tiv.
Metl..

J Rtfleve .cokhodo

~t""""'9n
C=:S=i"r====
P" (01..... conc~.

mr-"

s..IIr.

rWoF'\r.ro-

\:..;
r Usar 11.2

...Mud
Contornoele rupl~
Modo ," .. ltodO
Qp.cldod

16. SI todava no tiene el crculo intcnor scleccionado, unhce la \ anta mgica (W) > haga che
sobre el espacio vaco en el interior del crculo.

- Cree una nueva capa (Mays-Control/


Comando-N) r deuomncla borde . \cceda a
Edici6n>Contornear y aplique un Trazo sobre
la seleccin de 3 pixeles, centrado y con la
Opacidad al 75 por 100.
18 Aplique un bisel a la capa con el trazo con
la ~Igtllcnte configuracin. Repare en que
estamos unlizando un Relieve acolchado para
qu\: parezca que esta parte del parche est por
encuna de LlS dems. Controle todo esto con las
opCiones de Profundidad
r Tamao.

Modo d. sombra

global

~.

c:;;jj

3_

~------r

n-"

====2:1
'Multiplicar

Op~od

19. De nuevo, coja 1;1 Vanta mgica y haga clic


sobre el rea vacia en el centro del crculo. Cree
una nueva capa, lImela lente y despus rellnela
con gns.

118
Captulo 5

:!O. Vamos a aplrcar otro Bisel Cambie el color


del Modo de sombra a verde oscuro, el negro
es el color por defecto.

22. -\ continuacin
mte nor:

segtllmos con una Sombra

s..Ior ... terler

(.trooc:tur
Modo de fusIn r.=ISUbt~)(-_--c
.....

"""--""'!3:-""'_

81... Y relieve
~truct ....

Estilo
TKM:
Profunddld
OirtCc.on

le,.. ilnttrior

!!J

IRedondur El

c:===o

lo ~

~.Oru-

"

~.

f.:\ r Usar luz !lk>bM

r U.. rluz~

"'0"'=====
5-======
rarrwllo' c;'O:o;:====

alr .. r

~p)(

;'119Ulo;

r.-"

~Iand

""JO

C:;O<;::==== ~px
===0==;0;:::==

r""'~o:

0==

QpKidad

23. -\pltque una Superposicin


de colores, verde
oscuro. Reduzca la Opacidad ,11 40 por lOO.

AIII\Ud:V~.
ConlorllO d. resplndor
Modo raullado
QpCldd'

:;;jij P

S!Jvlzado

Sup.rposlcl6n d. color
Color
Modo de fu.in. Norm1

======?\

Qp.cldad:

c==O=====:::l

:::J_

rnr-"

21. vphque un Resplandor interior de color


verde claro, con el \lodo de fusin Trama y la
Tcnica de Elementos a ~[s suavrzado.
R pl.MI.,. .. t.rl..(.trooc:t...
Modod. fU'lnl r-T-r-m-------.
Qj>acodld
Buido.

o;::=====

(lem."t
T'cnlct
OrI9tn;

'.ntr r

lo

BOtd.

O---"

alrMr

rmollo

:::J

IMi uvludo

c::a

.-

px

24. La lente ya est casi rcrrrunada


pero necesita todava algo de brillo.
Deseleccione 1,1 seleccin circular }
cree una nueva capa que se llame
brillo. Seleccione la herrnrrucura
Marco fila nica.
25. En la barra de Opciones de marco, haga die
sobre el botn Aadir a la seleccin. Esto le
permite aarur ms de una lnea.

11m

119
Circuitos y electrnica

:!.6 Haga un par de selecciones que crucen las


lentes. Entonces unhce la hcrranuenra Marco
columna nica ~ hag,l una seleccion lineal
vcrncal. l na vez que lenga tres o cuatro lineas
que crucen las lentes, acceda a Edicin>
Rellenar para llenar la seleccin con negro.

_>.:.'

.--...

11

._-.--~

-----

-----

--

---

30. Cree una nueva capa que est por encuna de


las dems. Llrnela luz. \ amos a hacer que esta
lente bolle de verdad.
31. Seleccione un blanco como color frontal r
hag., che sobre la hcrramienra Aergrafo CJ).
En las Opciones de \ergrafo, cambie la
Presin al 1100 } clqa un pincel suave v redondeado. Nosotros unhzarnos el pmcel por defecto
de 35 puntos pero la verdad es que depende
mucho del tamao de su Imagen.
TRUCO: PARA ACCEDER A lAS OPCIONES DE PINCEL
POR DEFECTO. HAGA

cuc EN

LA DEL AEROGRAFO A

LA IZQUIERDA DE lA BARRA DE OPCIONES DE ESTA

HERRAMIENTA

~:_-~-~

27. Si la capa de las lneas no es la pnmera de la


lista, colquela ah ahora.
2& \ ava a la capa de las lentes v seleccione la
Vanra mgica Pulse en el mrcnor del crculo y
de nuevo lo tendr como una seleccin.

l!!illl
32. L'tihce el aergrafo por la parte inferior de
las lentes, mas o menos trazando una semi
circunferencia. aplicando ms color en la parte
que este ms cerca de la nariz.

2 vccedn a la capa de las lneas I haga clac


sobre Seleccin>lnvertir (Mays-Controlf
Comando-l). Ahora puede suprimir el exceso
de lneas fuera de las lentes, mediante la tecla
Suprimir. Ejecute Seleccin>lnvertir antes
del siguiente paso.
33. Seleccione 1;1herramienta Dedo y en la
barra de Opciones escoja un pincel pequeo r
preciso. El de 9 puntos estar bren, En los
bordes exteriores del brillo que acaba de dibujar,
difumine de forma hgeramenle CIrcular hacia
fuera v arriba QLU/as necesite hacer zoom sobre
la zona para rcahzar esto con roda la precrsin
neceSHoa .

120

Captulo 5
36. Cambie su color frontal a BLlllCO, mediante
la tecla X. Cree una nueva capa por encuna del
parche que se lIamc brillo exterior L'nlice la
herramienta Aergrafo para pintar .llgo de brillo
r reflejo cn el centro del parche

~,.....

..

:,

34 Cambie el modo de fusin de la capa luz a


Superponer.
35. Cree una nueva cap" y llmcla sombra.
Pulse D para restablecer los colores frontal y de
fondo por defecto y, con un pmcel pequeo }'
suave, pllltC una pequea mancha en el centro
de las lentes. Si destaca demasiado en los bordes
aplique un Desenfoque gaussiano.
Desenfoque 9nuss,ono

fiiil'
tmJ
G

lOO"

El

~'.

.'

"-"--

- ..../

37 Cree una nueva capa, circuitos Seleccione


un color frontal gris y aplique un degradado
Color frontal/color de fondo, Transparente y
Lineal. Rcllene la parte superior de las lenres,
empiece arriba r acabe en el centro.
38 En esta capa, sJga el rutonal sobre los
circuitos que hicimos antcnormcnrc. Una \'CZ
hecho, cambie el modo de fusin de capa a
Superponer.

(~W

P'Ler

El

'.

~"

-",
"..

'

.,

_/

~
39. Repita el paso 36, pero esta vez dibuje el
degradado de abajo al centro. \phquc una
Superposicin
de motivo a esta capa.

121
Circuitos y electrnica

~o Cree

otra capa ms por debajo de la capa de


circuitos: vuelva a seleccionar la capa circuitos
\ despus combine hacia abajo Control/
Comando-E),

41. Cambie ahora el modo de fusin de capa a


Subcxponer color) reduzca la Opacidad de la

una seleccin con bordes


afilados, Irregulares. hncrguese de tlue una parte se quede
por debajo del parche.

cap;!en torno al 60 ,

___ .,~',"",,'"

'C

'

V-

-r-;

"._

,._/

."':

2. Seleccione la herramienta

Lazo (L o MaYs-L). DibUJe

.~.~.. .."...JI
Hemos empleado bastante !lempo en dibujar el
parche, pero hay ms elementos que se pueden
anadrr a nuestra Imagen para llevar an ms lejos
A umon de carne)
electrnica. Este efecto
consiste en aplicar estructuras metlicas a la

3. Pulse D para restablecer los colores por


defecto. Aplique un degradado Color frontal/
color de fondo y LJI1eal. Cambie el ,\[odo de
fusin a DI ferencia.
4 Rellene la scleccion vanas
veces con la hcrrarmerua
Degradado (G). La direccin
no importa mucho, r:1 tlue al
repel1!sc "arias veces el efecto
cambiara de una forma
indetcrrmnada. SI las reas se
vuelven demasiado brillantes
u oscuras ajsrelas con Bnllo/
Contraste,

5 Contraiga (Seleccin>Modificar>Contraer)
la seleccin en unos 6 pxeles ms O menos.
Acceda l Capa>Nuevo>Capa va Copiar
(Control/Comando-J).

cara.
6. Va)'a despus a Imagen>Ajustar>lnvertir
Cree una nueva capl! (Mays-Conrrol /
Comando. Coloque esta capa JUSto debajo
.." la capa del circulo del parche onglllal. D
nombre a la capa para que pueda localizarla en
la paleta de Capas.

(Control/Comando-I)
esta nucx a capa .

Reduzca el Bollo de

122

Captulo 5
Bllllo/conlr811e

al

OK

tIlO

!;onlrasle

7 Vamosa dar a esta capa un poco de textura.


Vaya a Filtro>Distorsionar>Resplandor
difuso \Juste '1 conunuacrn su Granulado a 9,
la Cantidad de resplandor a l v la Cantidad
de claridad a 17.

Como tm)ue final, \ amos


LEO al aparato.

.1

2. Contraiga (Seleccin>Modificar>Contraer)
la seleccin en 2. pxeles. Cree una nueva capa y
rellncla COI1 negro. Aphque una Supcrposicrn
de color (el rOJO nos vendr mur bien) > aplique
un ligero Bisel lnrerror con un valor de Profundidad de 10 y un Tamao que este entre 2. r 4.
Cuando est satisfecho con el resultado, combine esta capa con la nntcrror para que ambos
elementos estn en la rrusrna capa

aadirle unos cuantos

1. Cree una nueva capll por encima de la placa


metlica. Con la herrarmcnta Marco rectangular
(M o Mays-M), dibuje una pequea seleccin
rectangular por encima del borde del parche.
Ejecute Edicin>Rellenar \ rellene la seleccin
con negro. \pltque un Bisel

3, AJ10rapuede duplicar los LJ,o "lirias veces,


Seleccione la herramienta ~lover (V). llaga Alt/
Opcin-elle sobre el LED \' arrstrclo a un nuevo
sitio en la placa metlica. Cada vez que arrastre un
nuevo piloto .1 una parte distinta de la cara, una
nuev a unagcn se cread. esto facilita bastante
cambiar los colores de stos Individualmente Para
alinear los LEO verticalmente, utilice una gua y
ponga en su sino los LE)) con la herramienta
Xlover.

123
Circuitos

electrnica

4. Asegrese de volver ~ aplicar las sombras


paralelas adecuadas a LIs capas
Bueno. qu le parece ahora nuestra vicnma, qwero
decir, nuestro "volunrano"?

la cara. [Uulrce la unagmacrn! Los cables quedaran


muy bien en un "cyborg" " SI manipula las texturas
y los tonos de color de 1;1 cara podr conscgulf un
hombre de aspecto bastante chocante. Para cerrar el
captulo, perrnitanos presentarle a nuestra nueva
creacin:

r .........
,~ . l

t:

J. ~.
~'ffC
!~.\.

r'..... (

Vamos por mu} buen carruno; nuestro "cyborg''


e t muy guapo. Relanvamenre hablando, claro.
Intente crear mas placas siguiendo el proceso que
lehemos mostrado r colquelas en otras zonas de

Le presentamos al nuevo, mejorado _\odrew. el


Cyborg de Photoshop! Lo srento, chicas, nene
novia.

CONSTRUIR

SU PROPIA

CAJA DE. HE.RRAMIE.NTAS

127
Construir su propia caja de herramientas

CAPTULO

6.

CONSTRUIR

SU PROPIA CAJA

DE HERRAMIENTAS
este captulo exploraremos rodas
las maneras posibles de sacar el
mximo parndo ,1 la paleta de Estilo
de capa. Veremos como crear
acciones para opnrruzar su firmo de trabajo y
adems varias cosas ms para personalizar
Phoroshop, desde las e urvas a los pmceles,
adems de los muestrarios de colores.
11

:Por qu todas estas cosas son tan importantes?


Bien. en nuestra vida laboral hemos creado
tantos efectos r alterado tantas configuracroncs
que sera una vergucnva desprendernos de todo
lo que estamos orgullosos. "'os gusta guardar
esas configuraciones, esos e fectos. Para nosotros,
esta es un" de las caracrcnsncas
mas Importantes
de Photoshop -la habihdud de crear p/tg-IIIJ de
5W, configuraciones para aplicarlos despus.
Lo mejor de las Acciones es el hecho de (Iue no
slo guarda sus propIas acciones para crear sus
efectos, sino (IUl: puede bajarse de );1 Red}
utilizar despus un archivo de aceren de un
diseador de cualquier punto del mundo. SI una
persona en 1long "ong crea una accin que
transforma texto de aspecto suave en fuego
lquido, a1guu.;n en xlontann puede bajrselo de
la Red, cargarlo en la paleta de vccioncs y hacer
que el texto arda en cuestin de minutos con la
configuracin cxucta que se utiliz en un sitio
que est lrrcralmcnte
a medio mundo de su casa.
Lste es el atractivo de Photoshop cuando se
combina con la Red.

e one
Las acciones nos permiten guardar una senc de
pasos en Phoroshop. de manera que se puedan
rcunhzar una V otra vez. Su Iuncin es muy
SImilar a la de las macros de \\lord. Son comandos preestablecidos que pueden ser ejecutados
desde la paleta de Acciones para reproducir el
efecto () atajo latente en ellos. \ lo largo de este
libro hemos hecho unos cuantos efectos muy
buenos. Si los guardararnos como \cclones,
podramos ejecutarlos sobre cualquier dIbUJO
o texto que qursrcramos. lo que nos ahorra
bastante tiempo.
La palera .\CCIOIlCS Ventana>Mostrar acciones) puede verse de dos mane ras dISI10t,\S,el
Modo de botn \ el Modo de edicin
El Modo de botn muestra 1.15 acciones como
un botn. sobre el que se pulsa para ejecutar la
accin. '-Jo es posible editar o guardar cuando
est en este modo
El Modo de edicin muestra la accin como
un listado de comandos. En este modo puede
guardar, editar. reorganizar los comandos, r an
ms cosas. Puede rambin reproducir la accin si
pulsa en el ICOllO Ejecutar accin locahzado en
la parte mfcrior de la paleta.
Puede cambiar de un modo a otro mediante la
opcin vlodo de boten en el mcnu de lit paleta
de Opciones. Le ensenaremos cmo guardar
una aceren ms adelante. cuando hagamos una
accin til para crear Grupos de mO[1\'OSen la
SIguiente seccion.

128

Captulo 6

Muchas de las caractersticas que podemos


guardar en Phoroshop se encuentran apiladas en
la palera de Estilos de capa. No slo puede
crear )' gtlaruar estilos de capa en s mismos, Sino
que puede urilizar la caja de dilogo de Estilos
de capa para cargar y crear degradados y contornos propios. Puede crear asimismo Grupos de
mOllVOSpllca su LISO en los estilos. y cuando
guardemos un Grupo de estilos esos motivos
estarn disponibles para cualquier usuario.

l. Cree en primer lugar una nueva imagen


(Control/Comando-N).
8x5 pulgadas, 100
puntos por pulgada, RGB r con un fondo
Negro.
:! Cree una llueva capa (Mays-Control/
Comande-N). Seleccione ahora la herramienta
Texto. Pulse D para restablecer los colores
frontal y de fondo por defecto, luego pulse X
parl Intercambiarlos, dc manera que el blanco
sea el frontal.
3. Introduzca algo de texto, que sea bastante
grande, ya que as ser ms fcLIver el efecto de
monvo cuando lleguemos al paso de la Superposicrn de rnonvo.

Para comenzar, necesitar unos cuantos motivos


perfectos. Ila) lateralmente cientos de pginas
web que le proporcionarn ungenes de fondo
hechas a mano }' gratis.
Para esta seccin, hemos descargado motivos
de UI1;l de nuestras pginas favoritas como
www. infini
tefish.
coro; muchas gracias a
su diseador Scotr Balay por permitirnos usarlas.
Eche un vistazo a la pgina SI quiere algunas
texturas y otros materiales de Photoshop,
son gcrnnles, Otra excelente pgina es E]eball
Des/gil (www.eyeball-design.com/
fxzone/).
Es mu , til crear una imagen ejemplo sobre la
cual probar los motivos una vez que tenga el
Grupo urudo. Vamos a crear uno ahora y a
dejarlo abierto en el fondo para un uso postenor. Emplcce a descargar esos motivos y a
continuacin
gurddos en una carpeta de su
diSCOduro.

-l, Seleccione

ti con nnuacin
la capa de texto en
la palera de Capas. Haga dic sobre el icono
Aadir estilo de capa en la parte inferior de la
paleta de Capas r seleccione Superposicin
de
motivo.

:; Haga che sobre la pequea flecha que se


encuentra situada l la derecha del motivo con el
fin de abrir el lastado dc mO(l\-OSpor defecto,
el Grupo lIue se carga aurornncarncnte con
Photoshop.

Como vamos a hacer un Grupo nuevo, debeocuparnos de los que estn en este Grupo.
che con el botn derecho del ratn/
en cada icono de motivo y ejecute
motivo hasta que el Grupo est vaco.
TRUCO: COMO ESTOS SON MOTIVOS POR DEFECTO.
SIEMPRE SE PUEDEN VOLVER A CARGAR NO SE ELIMINARN PERMANENTEMENTE

CUANDO HAGAMOS

ESTO. SLO LOS BORRAMOS DE LA PANTALLA

Bien,es hora de crear un Grupo de motivos

ersonanzaoo. I\linimice la Imagen actual. Vaya


en>Abrir r abra vanos de los fondos
tos (Iue descarg previamente (u otros
O en un CD de
).

ya tuviera en su ordenador

la tmagen que aparece a continuacin


abierta una serie de monvos incluyendo
con un muro de piedra, que llamamos
nte stinking plaster.

La siguiente seccin es de hecho un rurorial


dentro de otro tu tonal. Le ensearemos a utilizar
las acciones haciendo una que nos ayudar en
nuestra actual tarea. Nos permite automatizar el
proceso para que podamos crear literalmente
docenas de Grupos de motivos en cuestin de
minutos, contando con que tengamos imgenes
para rellenar todos esos Grupos en una carpeta
de nuestro ordenador.

TRUCO: LOS GRUPOS DE MOTIVOS. AUNOUE INCREI.

TRUCO: EL CODIGO DE COLOR aUIZAS NO PAREZCA

BLEMENTE UTlLES PUEDEN ORIGINAR ARCHIVOS BAS.

DEMASIADO UTIL A PRIMERA VISTA. PERO PUEDEAY~.

TANTE GRANDES CUANDO LOS GUARDE

DAR A CATALOGAR LAS ACCIONES SEGUN SU FUNCION

RAZON

POR ESTA

LOS GRUPOS DE MOTIVOS QUE HACEMOS

SUELEN INCLUIR ENTRE 12 Y 1S MOTIVOS. ESTO ES DE PARTICU.

POR EJEMPLO. PUEDE CREAR VARIAS ACCIONES PARA


AJUSTES DE IMAGEN Y UTILIZAR BOTONES ROJOS PARA ELLAS

LAR IMPORTANCIA EN CASO DE QUE QUISIERA DISTRIBUIR SUS

SI HACE ACCIONES DE VARIOS EFECTOS DE TEXTO PODRIAMAR.

MOTIVOS POR LA RED UN MOTIVO MS PEQUEO AHORRAR

CARLOS CON VERDE Y Asl CON TODOS LOS TIPOS DE ACCIQ.

ANCHURA DE BANDA

NES OUE SE LE PUEDAN OCURRIR

1. .vbra la paleta \cciones. En el men de


Acciones, escoja Borrar todas las acciones.
Con ello borramos completamente la paleta

empezar a grabarse. Se guardar cada paso que

S. l lna vez que haga elie sobre OK, la accin


d en Photoshop, hasta que pulse el botn
Detener ejecucin/ grabacin, Igual que en
las macros.

vcciones.
2. llaga che sobre el Icono Crear grupo nuevo
en la parte infe nor de la paleta de Accrones.
Cuando la cala de dilogo de Nuevo grupo se
muestre, deuormne a la accin Creador de
conjunto de motivos.

(, Haga cite sobre uno de los fondos abiertos


para que se acuve,

13

GruJJO nuevo

) llaga elic sobre el icono Crear accin nueva


en la parte inferior de la paleta. Llame a la
accin Definir motivos como grupo.

1:1

Ar:r.1I1nnuevu

7. "aya a Edicin>Definir motivo.


TICY de lIJ'IcDl
ColOr

1 Fl0
O=-Azu-I--:::J--'
1"::1

R Dle nombre al
NombrB de mouvo

motivo y cierre la Imagen.


~

. En esta cala de dilogo, se le dar tambin la

oporrurndad de asrgnar un atajo y un cdigo de


color a la accin. ambos ayudarn mucho a la
hora de uulrzarla, as que contine y asgnelas
ahora.

') Pulse el botn de Detener ejecucin/


grabacin en la parte inferior de la paleta de
Acciones pllr:.l dejar de grabar. Si tiene la paleta

131
Construir su propia caja de herramientas

de acciones en el modo edicin (puede cambiar


los modos mediante el men Acciones), su
accin, cuando se coloque en la paleta, deber
parecerse a esto.

Cuando ejecute esta accin definir el fondo que


va a unlizar como un motivo. Hemos inclurdo un
comando cerrar en esta accin, asi que asegrese de tener un nuevo fondo activo, pero no la
Imagcn ejemplo. Si ejecutamos la accin sobre
nuestro ejemplo se cerrar automticamente, )'
perderemos nuestra imagen de prueba.
11. Repita la accin sobre cada fondo 'lue abn.
11. Una \'C7 renga varios motivos definidos,
vuelva a la imagen ejemplo r seleccione la capa
del texto.

\bora es un buen momento para guardar la


accin.
10. Seleccione ahora el nombre del grupo de

acciones de la parte superior de la lista. Todas


las acciones deben guardarse en grupos, incluso
SIslo ha~ una accin en el grupo. Haga clic
sobre la flecha pequea en la esqull1a supenor
derecha de la paleta de acciones para acceder al
men Acciones,
11. Haga clic en Guardar accin y colquela en
una carpeta de su sistema. Si 10 prefiere, puede
crear una carpeta especfica para acciones con
objeto de albergar sus acciones caseras, r
ubicarlas donde pueda encontrarlas fcilmente.
1::!.En la paleta Acciones, cambie al Modo de
botn para poder ver el atajo de teclado r el
cdigo de color que le asign a la accin. Puede
ahora utilizar el atajo para ejecutar la misma
accin en otra Imagen.

15. Haga che sobre el ICono Aadir estilo de


capa en la parte mferior de la paleta de Capas.
Seleccione Superposicin
de motivo dcJ men.
I (l. Una vez 'lue la caja de dilogo de los Esulos
de capa se muestre, pulse sobre la flechita a la
derecha de la venranita de motivo. Todos los
motivos que acaba de definir deberan estar
visibles en el grupo de motivos.

132

17, I raga che sobre el pnlller


defini.

I~che un vistazo

para ver el efecto

motivo

a su imagen

que este motivo

que
ejemplo

produce,

TRUCO: PUEDE ARRASTRAR EL MOTIVO SOBRE LA CAPA


DEL TEXTO CON EL CURSOR SI QUIERE, CUANDO LA
CAJA DE DIALOGO DE ESTILOS DE CAPA ESTA ABIERTA TENDRA EL MISMO EFECTO

IR Uuhce cada motivo para ver el efecto que


tienen sobre su texto.
Con el grupo de motivos abierto en la caja
de dilogo de Estilo de capa, haga clic sobre la
flechrta en la parte supenor derecha del grupo,
F.llla la opcin Guardar del men. :\.1 igual que
COI1 la accin que se guard antes, puede crear
una carpeta paril almacenar sus grupos de
rnonvos personahzados. Una vez guardados,
el grupo de monvos estar disponible siempre
clue llulera,
1f)

Puede crear degradados por medio de la barra


de Opciones de degradado. Sin embargo, vamos
a hablarle de una tcnica que le permitir ver el
degradado a medida que progresa. Tambin
podr ajustarlo donde sea necesano, dependiendo de lo que haga con su Imagen, y despus
aadir el degradado al grupo activo ~'guardar
el grupo para ms adelante, Vuelva al ejemplo
de texto onginal o bien cree uno nuevo antes de
seguir.
1. Acceda " la ventana de Estilo de capa para la
capa del texto de nuevo: esta vez escoja Superposicin de degradado.
2. l 'na vez que seleccione la opcin, su texto se
cubrir automticamente con el degradado por
defecto, Como el degradado tambin tiene la
Opacidad al 100% y el "rodo de fusin Normal
igual que por defecto, ya no ser capaz de ver
el motivo aplicado que ha sido utilizado anteriormente.

TRUCO: ADEMAS DE LA OPCiN DE ESTILO DE CAPA.


TAMBIEN PUEDE ACCEDER
MOTIVOS PERSONALIZADOS

SI ASI LO DESEA

A SUS

UTILIZANDO PARA ELLO

EDICION>RELLENAR, SI ESCOGE LA OPCION MOTIVO


DE ESTA CAJA DE DIALOGO

' . \ conunuacin
haga che directamente sobre
el Degradado en el centro de la ventana de
Estilo de capa, Ello le mostrar el Editor
de degradado,

133
Construir su propia caja de herramientas

I!I~EJ

Edolorde tlegrodndo

tpTtre:

Pueden modificarse SI desliza los niveles dc


Izquierda a derecha o viceversa. Tambin puede
pulsar sobre un nivel e introducir despus un
porcentaje en el rea de Detenciones
por
debajo de la seccin del editor de degradado.

p:iOS colores

IlIJCIdedlvadaJ

ISlido El ======~

. La porcin superior del Editor, Ajustes

preestablecidos,
muestra todos los degradados
disponibles. En la Imagen de arriba, se dar
cuenta de que los pnmeros son degradados por
defecto. Los ltimos iconos son los que hemos
creado o aadido. No los hemos guardado como
conjunto rodada . -\rreglaremos esto en UJI
momento.
S. La seccin inferior del Editor de degradado
es donde configuramos las caracte risncas reales
del nuevo degradado.

llar dos punteros arnba r abajo del degradado. Se llaman Niveles. Por defecto, ha) dos
arriba, que controlan la opacidad del degradado
en ese punto de la escala y dos abajo, quc
controlan el color del degradado en ese punto.

7. Puede aadir puntos de color o transparencia


al degradado SI cambia los valores para cada
punto del Editor de degradado.

8. Fjese en que los niveles cambian cuando


altera la opacidad o color de un ruvel. Pan
cambiar el color, seleccione un nivel, haga cite
sobre Lacaja de color o abra Laventana de color
mediante la flecluta v el selector de color se
har visible.
TRUCO: AUNQUE PUEDE GUARDAR El GRUPO DE DE,

(J.

GRADADO TAL COMO ESTA. SERIA BUENO ELIMINAR


LOS DEGRADADOS POR DEFECTO PRIMERO Y GUAR
DAR SU GRUPO DE DEGRADADOS PERSONALIZADOS
APARTE HAGA
TROlCLIC

cuc CON EL BOTN DERECHO

DEL RATON/CON,

EN CADA DEGRADADO POR DEFECTO y SUPRIMA

TODOS lOS DEGRADADOS QUE NO QUIERA QUE SE INCLUYAN


EN EL GRUPO

134

Captulo 6
1). llna vez que se encuentre satis fecho con el
degradado, haga die en Nuevo para guardarlo
en el actual grupo de degradados. Cuando 10
haya guardado, se aadir a los iconos que Nene
en el listado.

10. llaga clic en Guardar y busque o cree una


carpeta en la cual almacenar sus degradados.
Ponga nombre al grupo y haga clic en Guardar
de nuevo.

1 -\cceda a los Estilos de capa de nuevo, esta


vez con la Opcin Trazo del men.

2. En las Opciones de Trazo, cambie el Tipo


de relleno a Degradado. Seleccione un degradado del grupo que acaba de hacer o pulse sobre
el degradado para utilizar el Editor, para crear y
guardar un nuevo degradado r despus aplicarlo
al trazo.
Tru.

II Aplique a continuacin el degradado (en


caso de cue todava no lo haya hecho) a la capa
del rexro.

111 Estnoct .....

;--px

IarMIIo: L.T
Posici6n. Jr.....~
Modo de fus6n.

-=:1

INoo--maI

::::J

oOO-"

~.I

s..,erpesidoo ...........
Oetr ......
Modo de fus6n: J Normal

~~:

'_'c-:~"""-=,..-:=I

~====~~Ommr-M

1>e9r..s.do:

[Stio: JUn .,

Q.9UIo:

~:

r= r.,.. de rehno I Deorad.>do

:::!j

C9 ~.

r Revec.tr

::::::1' P AInur conc.-

Degr~odo'

Estio: J Ln.. 1

"!I'JI.;C9~.
EI_Cid.: I

s::;;;:::::::

::::J

.r

::::J

P-

Revertr
Aine..r con c~

!~"

JiOO"

TRUCO; PUEDE TAMBIEN MODIFICAR LOS TONOS DEL


ESTILO GENERAL SI APLICA UNA SUPERPOSICION DE
COLORES CON UN MODO DE FUSION DE DIFERENCIA
PRUEBE UNOS CUANTOS COLORES Y FiJESE COMO AL.

Ya que estamos jugando con los degradados y


estamos creando un Esnlo de capa al nusmo
tiempo, har otra manera de utilizar los degradados. Con la opcin Trazo de Estilo de capa,
puede aplicar un trazo de degradado al contorno
de la capa del texto.

TERAN El EJEMPLO DEL VISOR OE PREVISUAlIZAR;


APRECIAR CUAL DE ELLOS ES MEJOR

ASI PODR

135
Construir su propia caja de herramientas

.\ medrda que avanzamos en el proceso de


gcner~r elementos de Estilo de capa e incluso
hacer un Estilo de capa completo, apostamos a
que ya ha adivinado que terminaramos hablando
de los biseles tarde o temprano. Bien, ya hemos
llegado a ese punto, y nuestro bisel nos \':1 a
perll110r que podamos crear un contorno personalizado, el cual guardaremos para su urihzacrn
posterior.

1. I raga che directamente sobre el ejemplo del


contorno para abrir el Editor de contorno.
1 ,tlhu d,o conturnn

El

I Acceda al rea de Bisel y relieve de la paleta


de Estilo de capa.

1:1

( dlftu dp. conlorno

: _.0.

'r .....,.....

I
!
...........
_
..
i

Entrada

i
"

"
~ En la zona de la ventana de Sombra ver la
opcin Contorno de resplandor. El Icono
representa el contorno por defecto que se est
aphcando actualmente al biselado, es lo que
dicta cmo juegan las luces ~.sombras sobre
la superficie de la imagen. Haga clic sobre la
flechrta que se encuentra SItuada a la derecha
de la imagen para ver los contornos cargados
por defecto.

4 SI pulsa en la lnea de contorno, podr aadir puntos que


puede arrastrar despus con el fin
de crear una curva, con lo que
afectar los reflejos y sombras del
bisel. Puede constatar lo que la curva hace sobre
el bisel SI mira el Icono de vista prena que
se encuentra situado a la derecha de la cala de
dilogo de Estilo de capa.
Este ejemplo muestra el estilo con el contorno
por defecto aplicado junto con la configuracin
de bisel y otros elementos de Estilo de capa
(Degradado, Trazo, Superposicin de degradado)
que aadirnos anteriormente.

136
Captulo
'i SI mueve un punto de la linea de contorno,
afectar a los reflcJo$ sobre la superficie del
lnsel.

_..-r..i / /:..

,/ i
,

/l
:.

i
L

"

De nuevo. eche un vistazo al ejemplo. l lna vez


est satisfecho con el contorno. podr guardarlo
para uriliz arlo ms adclanre.

..
"

(, Podemos mampular el contorno SI aadirnns


ms puntos a la lnea)' los movernos con el
ratn.

..-!.~

ji

'.- ..

~r\17r~
.

!:

;:

7. Para generar un Contorno y efecto ms agudo,


podemos cambiar la suavidad de esquma de un
punto. para transformarlo en una alteracin con
una direccin brusca. Slo tiene que hacer clic
sobre un punto) activar la opcin Esquina.

Las ltimas pgnas de este captulo han estado


dedicadas a crear elementos de un estilo de capa
para generar UII Estilo de capa completo que se
aplicad con un solo clic. En el proceso tambin
hemos creado UIl degradado personalizado o
grupo de motivos, una accin para crear grupos
de motivos)' con tomos personalizados .. \hora
que tenernos un estilo Qu hacemos?

Vamos a guardar nuestro nuevo esnlo en


grupo.

un

1. Con la caja de dlllogo de Esulo de capa


abrcr ra, haga che en el botn Estilo nuevo a la
derecha de su pantalla.

-------Estilo nuevo

fPlQ'e

----~-~
,&iS6 __

F7 h:lJrcfectosdeapa
F7 hcklr las OPCIOneSde tuslOll di! capas

El

137
Construir su propia caja de herramientas

: SI accede a la paleta de Estilos, el nuevo estilo


~t puede encontrar en ltimo lugar.
Ya hemos explorado la creacin de motivos.
acciones. estilos de capa, degradados y contornos. 1 Tal' Otros elemen tos que podamos crear
)' guardar para su uso en Phoroshop con las
herramientas (llIe tenemos a nuestra disposicin?
Claro que ha)', )' vamos a ver unos cuantos de
ellos ahora .

3. Puede ehrrunar estilos de) grupo actual


haciendo che con el botn derecho del ratn/
Control-dic sobre el Icono que representa el
estilo y selecCionando Eliminar estilo del men.

4 Una vez que hava


. creado vanos estilos. \
qUiera guardarlos como un grupo completo,
haga che sobre el botn Guardar situado a la
derecha de la caja de dilogo de Estilo de
capa. Guarde el nuevo grupo en una carpeta
de su sistema, preferiblemente en una especfica
para sus propios grupos de estilos.
Cuando le haya cogido el truco al proceso de
creacin de EStilos mediante cambios de motivos, lnseles, modos de superposicin y dems,
pronto tendr varios grupos de Estilo de capa
p,lra aplicar a textos, dibujos ~.marcos.
"
~

TRUCO: ,RECUERDE QUE ES CONVENIENTE SIEMPRE


GUARDAR SU CONFlGURACINI

Las curvas son el mtodo utilizado para volver a


"mapear" los valores tonales de los pselcs. Son
mucho ms complejas que los niveles, ya que las
curvas nos dan la posibilidad de cambiar el valor
de un solo pixel en vez de un grupo de ellos
localizados en un rea de la Imagen.
Las curvas son esenciales cuando se est trabajando con algunos tipos de efectos metlicos. SI
creamos una Curva que nos gusta, podemos
guardarla como prcdeterm11lada para su uso
posterior.
l. Para este ejemplo hemos creado una imagen
de doble capa: una capa con un degradado de
fondo y una seleccin es frica rellena con un
degradado Radial de blanco a negro.

138

2. Ahora,

SI aplicamos

una curva

metlica

bola pasa, de tener un tono gris


abur ndo, a convertirse en una bola de acero
genial. J laga che sobre Imagen>Ajustar>
Curvas (Control/Comando-M)
r cree una
curva parecida a la de la figura.
estndar,

nuestra

Ahora cuenta con una curva magnfica que se


puede aplicar una)' otra vez. Cuando quiera
volver a aplicar una curva que guard anteriormente, haga clic sobre el botn Cargar de la
ventana Curvas }' brala desde la carpeta en
donde la guard.

enllRGB

3. No pierda detalle de la bola, y cuando est


satisfecho con los cambios que la curva le hace
al degradado, haga die en Guardar. Ponga tul
nombre a la curva y gurdela en su sistema para
su uso en otro momento.

uJ

Los dibujos son otro material que puede crearse


r guardarse. Para este tipo de tarea lo mejor es
recordar que la creacin de un dibujo ser ms
fcil SI hace un dibujo negro sobre fondo blanco.
l. Vamos a utihzar una Imagen esfrrca como la
que crearnos en el rutorial anterior. Hemos
rellenado la capa del fondo con blanco y hemos
combinado todas las esferas en una sola capa,
distinta a la del fondo. Haga ahora Control/
Comando-die
sobre la capa de las esferas en
la paleta de Capas para que se cargue como una
seleccin.

139
Construir su propia caja de herramientas

2. Para el srguicntc paso, acceda a Edicin>


Rellenar con el fin de rellenar la seleccin con
negro.

3. .\ntes de que podamos definir el dibujo,


necesitamos rrans formar la seleccin en un
trazado. Esto se conseguir si acude a la palera
de Trazados r hace clic sobre el icono Hacer
trazado en uso desde seleccin de la parte
mfenor de la paleta.

.,.,
-r
--r

1" 1{:"
-t; 19 8
~
17 S 5 3 2
...
O
~

._

"

5. Supongamos que ha definido varias formas


personalizadas r que quiere guardar el grupo
panl su uso posrenor. Con el Selector abierto,
haga che sobre la flechita de la parte superior
derecha. ESCOJaGuardar formas del men r
busque una carpeta en la que guardarlas. Dles
nombre y haga clic en OK.

Es te proceso es casi idn tico al de las formas


~. Una vez que la seleccin est convertida en
un trazado, haga che sobre Edicin>Definir
forma personalizada. D nombre a la forma
y haga che en OK.

personalizadas. pero esta vez no necesitamos


convertir la selecciu en un trazado. Lo ljue nos
gusta ele los pinceles personalizados es que casi
cualquier Imagen Sirve como pincel! Nuestra
nica restnccin es que la imagen debe estar por
debajo de los 999x999 pxeles. Puede incluso
definir y pintar con una cara humana SI lo desea.
I Vuelva al dibujo que convertimos
forma personalizada.

\hora puede encontrar el dibujo en el Selector


de formas personalizadas
perteneciente a la
barra de Opciones de Formas.

en una

140
Captulo 6

~. La mavoria de los pinceles parecen funcionar


meJor SI estn l.geramcntc desenfocados, as que
apliquele un Dcscn fOllue gaussiano a esta
Imagen.
Dusentoquu quus srunu

ElI

3.. Ahora rransfrrnelo en un pincel mediante el


comando Edicin>Definir pincel.

definirlo de nuevo, quizs incluso un par de


veces ms panl tener vanos pinceles con la
misma forma pero diferente tamao.
5 .. Acceda a Imagen>Tamao de imagen para
abrir la siguiente cala de dilogo )' ajustar el
tamao de su imagen para conseguir un pincel
ms pequeo. Quizs debiera probar con distintos tamaos hasta que se encuentre con uno ljue
le satisfaga.

T""""'dei_

---len

Ar<tJn
AlVlI ~

l 'na \'C7 ljlle est definido, se le da un nombre


y el pincel se incluye en el Selector de pincel.
--+

I;....Cm--===~

~~Ip_lts"..~
Pflt<lrnt'~

P _1rNr~'_

QUIz haya reparado en


el problema que tiene
este pincel. Fircse en su
tamao. lEs enormcl
lmaginc

mrenrar

..-Io-IOJ),...

iCO----=O

Las fotografas tambin


se pueden definir como
pinceles. Mire cmo
tomar fuego de una
unagen para crear un
pincel personalizado.

pintar

con l, me parcce ljue el


dibujo no seria muy
bueno.
En slo dos pinceladas inundaramos completamente la Imagen con la que fue creado. De
manera que, p:lra tlue este pincel sea efectivo,
necesrrarnos reducir el tamao de imagen r

6 Esta Imagen ser fCIl de convertir, porque


el negro contrasta mucho con el fuego. Con la
Varita mgica podemos seleccionar las reas
negras y rellenadas con blanco .. Ahora reduzca
el tamao de imagen}' defina el pincel como
antes.

141

Eche un vistazo a la Imagen que aparece a


continuacin. Incluso los elementos que no son
de fuego son pinceles. incluyendo el teclado. la
forograf y 1.1 Imagen de la paleta de Acciones!
na "C7 tlue tenga ya sus pinceles definidos y
cargados en el Selector de pincel, puede guardarlos SIpulsa sobre la flechun gue hav en la parte
supcnor derecha del selector. J laga che sobre
Guardar pinceles del men Pinceles, dles un
nombre ~.gurdelos en su ordenador.

En este captulo hemos cubierto muchas caractersticas que pueden personahzarse en Phoroshop,
lo que ayudar a Incrementar su productividad r
a opnmlzar su ntmo de trabajo. Photoshop es
una potente hcrrarrucnta y, como cualquier otra
herramienta. conseguir sacarle ms partido
cuanto ms sepa de ella r cuanto ms la modifique para que se adece a sus propios propsitos.

145
Efectos de texto

CAPTULO 7. EFECTOS DE TEXTO


forrunadarncntc ya conoce bastantes
maneras de manipular las imgenes
en Photoshop sin tener que perder
demasiado los nervios. En este
capitulo le echaremos un vistazo a los efectos
que pueden aplicarse al texto con el fin de
obtener un texto que sea un estilo artstico en
s mismo.

5. \cceda a los Estilos de capa para la capa que


acaba de rellenar)' yaya a las Opciones de fUSI(')J1
avanzadas. Cambie ambas configuraciones de
Opacidad al 80%, desactive Fusionar capas
recortadas como un grupo r a conunuacrn
active Fusionar efectos interiores como un
grupo.
,., Opdeees

.. resiM
:-F........
~
Modo de fusi6n'

J Normai

~.
Antes de que nos metamos en seno con los
efectos de texto, vamos a aproximarnos a este
tema desde un ngulo diferente. Como una regla
Implcita, la mayora de diseadores generan el
fondo con la imagen primaria que tiene en
mente. Pero, qu pasa si tiene un fondo magnfico que no quiere que se desperdicie? En este
tutorial vamos a potenciar el papel del fondo y
a disear un efecto de texto que complemente
correctamente dicho fondo.

=F .....

:::::J
o=. J8il""

YMZ...

~deroleno:

c_:gc
Cubrir

0=

I!JM

f'lNinauno

J8il""

Ey P K
:::!j

FusIon.1r efectos ;,terioru

como un grupo
FusiocMr ,..,.s rec:ort<Od.. tomo un grupo

1 .\bra primero su imagen de fondo (Control/


Comando-O).

2 Cree luego una nueva capa (Mays-Control/


Comando-N).
1 Seleccione la herramienta Texto (1'). En la
barra de Opciones de texto, escoja la opcin
Crear Mscara o seleccin, una buena fuente
)' pngale un tamao de UO puntos.
4. Rellene (Edicin>Rellenar) la seleccin
texto con ncgro.

de

Vamos a aplicar a continuacin

un estilo

rpido al nuevo texto. Comencemos con un


Bisel, dndole la configuracin
figura sIguIente:

quc vernos en la

146

-------=---,,--1
-----------=-=-l

81hl y r.lleve
btructura

ISi llnterior

Estilo:

T4<:nlc.: IRedondear

c::

Pro(und!d.d

Olreccl6n:

ro Suporlor

a-"

'Abajo

~~~========~j
~px

rMO~O:

ro-

~ulvlur

px

Si quisiramos un efecto de texto simple,


podr;illllos pararnos aqu, pero vamos a olvidarnos de la sutileza y veamos hasta dnde podemos llevar este texto y este fondo.

x.

MocIo reult_.
~.,

MocIo de somon
Op~

Irr.",.
el ======7<;::1
lMulboIicor

===::::;><:1

C:I

Duplique la cap:l del texto mediante la opcin


Duphcar capa que encontrar si hace che con el
botn derecho del ratn/Control-die
sobre la
cap,l en la paleta de Capas. Vava a Edicin>
Transformar>Voltear vertical. Mueva las dos
capas para que se toquen.
le toca el turno al fondo. Seleccione la
capa de fondo. Escoja la herramienta Marco
rectangular
(M) y seleccione la parte infenor de
la imagen de fondo. l Ina vez selecclOnada, vaya
a Capa>Nuevo>Capa va copiar (Control/
Comando-J).
'J. - \hora

7. ~eccsltllmos definir nuestro texto con referencia al fondo un poco ms, as; que vamos a
aadir un Resplandor interior con la configuracin de la ~igura. Deseleccione (Control/
Comando-O).
lat ... l...

R ............

r:- Estnoct ......


MocIo de fusi6n. , Tr MOA

2J

~
o---'

100 '1

p:s---"

ro--"

~U'

~ EI.... "t

"
li

T4cnic., IMssu.viz.do

2J

Ori9.n t" s;_."tr.,.

Boc.de

B.tr .....

U'

rlmlllo: "i:)

r--

ro--"
,r-PX

l (J Seleccione la nueva capa copiada. Haga clic


sobre Edicin> Transformar>Perspectiva.
Mueva los puntos laterales hasta que consiga un
trapezoide que tenga ms o menos la anchura
del texto.

147
Efectos de texto

14. Seleccione la capa de texto original O que


est reflejada). Suba la Opacidad al LOO"a.

110

15.. \plique un Resplandor exterior a su gusto


sobre la capa de texto supenor.

11 ;\ connnuacin seleccione la capa del fondo


r haga una copia (Control/Comando-J).
Aplique el comando Edicin> Transformar>
Perspectiva de nuevo, pcro esta vez acerque
los puntos inferrores el uno aliado del otro.

l Seleccione la capa de texto inferior)'

Imagen>Ajustar>Brillo/contraste.
ambos valores.

El

BnUo/contraste

llIo:

;ontrastt.

12. Vuelva a la capa del fondo)' rellnela con


negro (Mays-Retrocesoy Suprirnir).

13. Repita la transformacin de perspectiva para


ambas capas de texto. No necesitar hacer una
transformacin tan marcada como con las capas
de fondo.

OK

\'ara a

Reduzca

148
Captulo 7

Ahora nos vamos a ocupar del rraramicn lo de


texto para obtener ms detalle.
1. Cree una nueva imagen que Sea de 5x5
pulgadas, con una resolucin de 150. RGB Y
que tenga un fondo transparente. Cualquier
rcsolucru podr servir realmente bien como ya
dijimos en el captulo I pero nos gusta alterarla
de ,'CZ en cuando para ver qu efecto tiene sobre
la imagen.
2. Haga despus che sobre Edicin>Rellenar
(Mays-Retroceso/Suprimir).
Desde la cala de
dilogo, escoja Motivo r seleccione el Motivo
Molecular que est en el grupo por defecto.
Haga che en OK para rellenar la capa.

S. Copie la seleccin (Control/Comando-C)


r
despus pguela en una nueva capa (Control/
Comando-no Es posible <uc quiera poner un
nombre a la capa, puesto <uc los contenidos
de las capas son difciles de ver en los IConos de
la paleta de Capas para esta capa, Nosotros la
llamamos celdas.
6. Dcseleccione o haga invisibles todas las capas
excepto la capa celdas.

3. Cree una nueva capa (Mays-Conuol/


Comando-N).
4 Vuelva a la capa que acaba de rellenar.
Ejecute Seleccin>Gama de colores r
seleccione el rea de color claro de las celdas
con el cuentagotas,

7. Para crear un mapa de desplazamiento. acuda


a la paleta de Canales}' seleccione uno de los
canales existentes (en este caso nosotros escogimos el canal .\%UI).Arrsrrclo al icono Crear
canal nuevo para duplicarlo.
8. Seleccione ahora el nuevo canal r despus
ejecute Imagen>Ajustar>lnvertir (Control/
Comando-I).

149
Efectos de texto

, Ajuste el Brillo/contraste
blancos r negros.

1, En la paleta Capas, haga despus Control/


Comando-die
sobre la capa del texto para
resaltarlo corno una seleccin.

par resaltar los

tu. llaga clic con el botn derecho del ratn/


Control-die, sobre el nuevo canal. Pulse Duplicar canal y guarde el duplicado como un nuevo
archivo. Dele la exrensrn . psd y gurdelo para
usarlo como mapa de desplazamiento.
Ouphcor conol

l-l Con la seleccin activa, haga che sobre el


Icono Aadir mscara.

El

Cestro-:=====::===::::~
IIU!Yo
=====~
IlDt1menID

!PTtn t=e;::~::;::.

r~
1t. vuelva a la paleta Capas en el documento
onginal y seleccione la nueva capa que creamos
al comienzo del tutorial.
1::. Seleccione la herramienta Texto (T) r en la
barra de Opciones de texto escoja las caractcrisocas de texto. En este caso. nosotros utilizamos
una fuente llamada Vectroid COIl 150 pW1fOSya
que el estilo es bastante furunsta, al Igual que
nuestro efecto. rna vez haya hecho su eleccin.
pulse D para restablecer los colores por defecto
r escriba el texto sobre la capa.

1:; Ejecute el comando Filtro>Distorsionar>


Desplazar.
Cambie la configuracin a un :1 por
100 Horizonral y Vertical. Cuando haga clic
sobre OK, una nueva caja de dilogo se abrir.
perrrunndolc seleccionar en ella su mapa de
desplazamiento.

El

De splezur

Mope de desplClClllUenlD
(o"~slIrer
r: Segmenter

lees no deflll.des .... -(o"Oerlewehe


!" Bepnr pl>calesde borde

....

150

1(, Busque el mapa de desplazamIento tue


creamos anteriormente r aplquelo a la mscara.

I() Comencemos Con una Sombra interior con


la slgtuente configuracin:
S lon IlIt.nor
Estructur .. =--.....

--=----.,_,_~
::::::J

Modo d. (usln, IMunll>bcor

a:=

QpaddMI'

~.C)~.
~-~.

rUurklz~

c:;CO:oo;;=====

~PX

c::::a

a-tr_

lNllo
.\ parur de ahora, crearemos y aphcarernos un
esnlo de capa pan1 el texto. Intente experimentar
con diferentes configuraciones de estilo. La
pnmera parte del rurorral estaba dedicada
exclusivamenre a conseguIr el efecto de bordes
recortados sobre el texto. \hora que ya hemos
hecho eso. nuestros esnlos rcrminarn el trabajo.

rs-"

ro- "
pl<

20. \hora una Sombra paralela:


SMoIor .. ,.... ....

~ Estnoct ......... --==------,,~-......


Modo do fUsin jMultlDlic...

::::::J_

Qpacidad'

np

C);o-.

r Usor luz !lIoboI

cc::a~i===== ~

~t_~:

17 Acceda ,1 los Estilos de capa para esta capa


y seleccione Superposicin
de motivo. Elija el
rnisrno Xlonvo .\ Iolecular tlue utilizamos de
fondo.

~= ~"

====t"i=

~ensi6n

'O

lamalo

pl<

ro-"

u-

px

21. Despus un Bisel:


I H. Haga Control/Comando-die
sobre la capa
del texto para activarlo como una seleccin,
Esto es para saber que el texto sigue ah, aunque
no es estncramenrc
neccsano, Se volver a ver
en cuanto apliquemos ms estilos.

t-:'t Bise' y ,.eh....


r-'

Estr.ct .....

::::::J

Estio jBis.1interior
TcnIc~ jRtdondur
l'To(",,*ad

=o

Dirocd6<. (O Sup4nor
lNllo CZS
~.viur'

r=s.......
Q9I.to.
Altitud
Contorno do rUplandof"
Modo ru.,tado;

~"

~)o

g--px
ro-!>c

;o-.
r Uur kIz !lIoboI
ro--.

r ~.vIudo

irr.m.

Q,paddod:

Modo do sombr. jMultiplic.r


Op-s;.ldad:

...:...J

::::::JO

~~"

::::::J_

Q--'

Im-"

151
Efectos de texto

_2. Continuamos ahora con una Superposicin


de degradado:
s.,.r,.skIM .. ..". .......

r- o.v ......
Modo

~~:::=~==~===1
:::::::::J

"* fusIn: ISubaxponor color

a:r===" .-"

~Id:

'1'

Dq~:

El

Estilo: JLlnul
~!lguIo:

E)AI,Inur conc.p.

aplicamos

Estnoc1ura

Modo

"*

E]

tu.l6n. ITram.
Qpac~:
Buido:

roO

o==...~"

ro-"

....

rl

11:11

~o-.ntos
Tcnicll. IM.ssu.vludo

s===J ~"

un Resplandor

Resplandor"'Urlor

r-

r Reve!:t;,.

C) ~.

E.!;oII

2 t. \ conunuacin
inte nor:

OrIgen

~ontr....

::::::;

ro Botde

atrleru11m~; ~

ro-"
~px

2:\ Terrrunemos el efecto con un Trazo para


definir rodavia ms los bordes con respecto al
fondo. Generalmente preferunos una configuracin de Degradado con el Estilo Estallido de
formas.
Trazo
r- Estrooctur.

21 Este efecto en particular podra funcionar


melar con un fondo oscuro, as que vamos a
aplicar un Resplandor exterior. Ya ,ue le hemos
dado un tono rojizo con el degradado, hagamos
lo mismo con el resplandor.

11m""

....

Posldn

J Fuera

p-px

~J

Modo d. fuslfl' I Normal

:::::::::J

...~"

Qp.ddod
.,... Tipo de ,..Ieno: I De"r .d.do

-1

~grad.do:
Estilo. IEstallido de formas

RH~
ex1erior
Estructura
Modo de fusin: ITrama

Ir:-

Qpocmd:

Buido:

1I

ro.

r.

:::::J
0== ~"

....

':.';o~.~-O

T~,

I~
....

Tomoo:

"=o

.... vizado

:EJ ~

Rever;tir
AlInear con c.p.

~"

V-"
=--

-u.-tes
~onder;

Rp:C)ro-'
[oI.

:)

..::J

V-"
~px

2(,. Guarde el estilo de capa! Haga clic sobre


el botn Estilo nuevo a la derecha de la cala de
dilogo de Estilo de capa. Esto guardar su
estilo en el grupo cargado en la paleta de Estilos.
SI lo prefiere llmelo celdas o algo que ,-aya en
esa lnea panl una referencia en el futuro. Para
aprender ms sobre guardar y cargar Estilos de
capa, vaya al captulo 6.

152

27. Fmalmenre, pulse O para restablecer los


colores por defecto ~ rellene la capa de fondo
con negro (Ah/Opcin-Retroceso/Suprimir)
para terrmnnr de resaltar este efecto,

Vuelva a la nueva Imagen que cre y pulse


Control/ComandoV para pegarla en ella. l.'na
VC7 (llIe est pegada,
haga una copia de la capa I
(Control/Comando-J)
.

..1-. Desenfoque a continuacin la capa copiada


con un Desenfoque gaussiano, mediante Filtro>
Desenfoque>Desenfoque
gaussiano,
de 30
pixeles,

Para este rurorial, crearemos un logotipo que


parezca transparente, \ medida que lo vayamos
haciendo, repare en cmo se transforma un
efecto simple SI slo se le cambia el modo de
fusin, un motivo, un bisel y un par de cosas
ms,
l. Cree primero una nueva imagen (Control/
Cornando-Nj.
Para este ejemplo, las caractersticas de Imagen son 900 pxcles de anchura, 600
pxcles de altura, resolucin de 100 pixeles por
pulgada, RGS y con un fondo Transparente.
2, Para continuar unlrzaremos una foto que
nene con el paquete de Phoroshop. Haga e1ic
sobre Archivo>Abrir } en el directono de
Photoshop 6 encuentre la carpeta Goodies>
Stock Art>lmages.
Todas estas Imgenes estn
nombradas con un valor numnco, -\bra la
imagen con el nmero 0004654,
) Con la Imagen activa. pulse ahora Control/
Comando-A con el fin de seleccionar la fotografa v Conlrol/Comando-C
para copiarla,

S. Podemos cambiar la Imagen


de fondo totalmente para que
sea muy distinta a la original,
incluso ms de lo que el dcsenfoque nos permite. De hecho,
en este raso se dar cuenta de
lo que puede hacer un Degradado en modo
Diferencia con el fin de conseguir drseos
psicodlicos. Seleccione la herrarrucnra Dcgra ..
dado (G) r a conrinuacin escoja un color
bronce claro como color frontal y un marrn
ms oscuro como color de fondo, Intente usar la
herramienta Cuentagotas
(1) para seleccionar
un color marrn claro 1I Oscuro de la propia
unagen.
(J. En la barra de Opciones de degradado. ehja
el degradado Color frontal/color de fondo,
Radial, Modo tic fusin de Diferencia runa
Opacidad de degradado del 85'0.

153
Efectosde texto

Rellene la unagen varias veces hasta que


consiga un resultado que le guste_

. Para hacer que la variacin

de colores resulte

ms dmrruca lo ms acertado es modificar el


Bollo/contraste. Hgalo pues ahora.

12. La seleccin debera estar


todava acuva. Si no lo est,
haga Control/Comando-die
sobre la capa con el texto .
Yctive la llueva capa_ Despus
seleccione un color frontal gns
oscuro.
11.. vplicarcmos entonces
un Trazo a la seleccin, pero
sin usar el estilo de capa_
Por que? Porque si tenemos
un trazo en su propia capa,
podernos crear un esulo de
capa que slo se aplique al
trazo. F.Jecute Edicin>
Contornear. L-rilice una configuracrn
pxeles de Trazo ~-centrado.

de 16

I~. _vcceda despus a la ventana Estilo de c,lpa


para esta capa ~ elija un Bisel:

BIs" y relieve
r:"" Estructur a

EJ

Esta.: IBisel interior

9. Seleccione la herramienta Texto (T). En la


barra de Opciones de Texto, escoja la opcin
Crear mscara o seleccin. Elija una fuente
mtcresnnre , con un tamao bastante grande
(nosotros pusimos 130 puntos) y escriba el texto
sobre la capa.
BltUo/contraste

El

Profl.Wldidad: fO
Direccin:

I-..o:
~viur_

",s-w.

~:

ro Superior r

Contorno .t. ruplondor

Mo6o reultado:

es

11. Seleccione la Capa 1, cpiela (Control Z


Comando-C) y haga cLc sobre el Icono Crear
nueva capa.

.-"

I~~><

ro-----p><

Ji8O"""""

() r

l}Qr lUz

gIoboI

~.
~

ITrama

Qpiddad.

Mo6o de S<>mbr~-lloIkIItil>c:
..
~idad

Abajo

...

NtiWd:

1t1.Haga cite sobre Capa>Nuevo>Capa va


copiar (Control/Comando-J).

:::=J.l

T*cnlc.: IRedonde.r

r ~vIzado

21_

:ID

-roo-"

-~"

15 Vuelva a seleccionar la capa superior, la <.juc


tiene el texto.

154
Captulo

1(" \hora vamos a buscar un estilo para esta


capa, Comience con un Bisel ) relieve:

1S, .Yhora aplique algo ms para definir este estilo


en panicular, L1naSombra paralela ayudar con el
efecto transparente

Bisel y relieve
;- Estructura ---------==---,=-===1
Estilo' IBlnllnttrlor

:a

TKnk:o' IRtdOndur

ro Superior r

Ohcclhn

r;-:> S.......

Sombra p.r aIeJ.


Estructur.

"

Qpoddtd

lobo).

rorn.to C;"O"i===== ~
~OVI%'"

P"

~P"

---=====----=---1
Iqpo

O
r;;-.
':.r

...mtud

~.

--

d ~"

QpacJcItd

~1cItd

c::a

=--,,"

::::J

====-:::-Q="i=

"

m-P"

-----~~==========~
~

r ~VlZtdo

f!.lAdo:6===== ~"

CJ

Modoru.tlttdoJ "T,..r...,..------::::J-..,

Modo de sombro IMultjpljcor

r:::c::a;>o;=====' ;:--px

Contorno

r ~viltdo

l1Js1onc1o
~tnri6n:
IOIN!Io'

Usar luz !lIOI>M

Contorno de rtsplonclor'

que deseamos hacer.

Modod. flaln, J.-M-u-IU-p-co-r-----.

::::J

c:::a

Profund[dlld

10, l,'n Sannado le da tambin un poco de


reflexin, Tenga mur en cuenta el contorno de
la figuril, Este contorno centra la reflexin,
r la reduce en los bordes del BISel.

17 Rajo el men de Bisel) relieve, aplique


una Textura,

Nosotros

usamos una textura de


a la tlut: lucimos en el
captulo 5, aunque cualquiera servir. Para ms
informacin
sobre crear)' cargar motivos para
su uso como texturas, vaya al capitulo 6,
crrcuiros mur parecida

Estructur.

---

-~--....,..-=--I

......

Qs>ocldod:
===i"0==;:==

Q9IAo'

G;;--.

contorno.1UJ ~

Motivo

o==~"

~Mo

c:::::::::::::: .--"

r ~v ... tr

~ EQI.....

con c~

~I

Modo d. fusin:IMultlPllcor

2Istond. 'i:S
1-oIo. "O

Textur.

froflM6ad

Satl ...

rse-"
~

l'x

;:--px

~ado

~(), Una vez terminado el Bisel. utilice una Super,

posicin de degradado con la configuracin de Luz


suave:

,.....o.,r.......

s..p.rposlc","

M ........

----,,_------I

155
Efectos de texto

21. Aplique una Superposicin de motivo a

Subexponer color.

Superposicin de motivo
Motivo

:::::J

Modo de fusin: JSubexponer color


Qpacidad:

---~,.....,,..,,.,..,--==---l
~==~--~~----~~--~-~

Sooperposicinde motivo
~Motivo

Motivo:

Modo de. fusin: JSubexponer color


Qpacidad:

~star

al origen

~====:::;~i">mr "

_. ~
~aI.:

C:::::====~ib__ "

liiI ....~,-

==c=== ;OO-"

p E~az...

con capa

Respl_r exterior
EstructurA

r-r-

:::::J

Modo de fusin: J Trama


Qpacidad:

o--' .--"

Jo-"

!luido: ~

ro

r II?

~ __ 'K

Tcnica: IMs suavizado

Extender:
ramao:

22. Vuelva a la capa del Trazo, la Capa 3. Abra


Estilo de capa. Ya le hemos incluido un Bisel a
la capa as que ahora una Superposicin de
motivo r un Resplandor exterior bastarn.

~
fS

r-e-w-,

2J

ra-"
S--px

Ya continuacin podemos ver el resultado que se


obtiene finalmente:

156

Haga que tenga unas dimensiones de 600x300


y en modo RGB.
El ltimo efecto que trataremos en este captulo
es un efecto de texto de explosin con chispas
aadidas. Es un efecto dinmico y debera
utilizarse con moderacin. Se puede usar con
dibujos, texto o slo como efecto.
1. Cree en primer lugar un nuevo documento

(Control/Comando-N)

y llmelo explosiones.

2. Escriba despus algo de texto que quiera


explosionar (el nombre de su jefe, tal vez?).
Ser necesario rasterizar el texto con el fin de
manipularlo. De modo que, haga en primer
dic con el botn derecho del ratn/Control-c
sobre la capa en la paleta Capas y a l.V"LlJ>U4\"'-ejecute Rasterizar capa.

BOOM

3. Luego, con el fin de romper el


texto, preprese para ensuciarse
las manos, haga dic sobre la
herramienta Lazo (L) y despus
realice una seleccin sobre una
porcin del texto.

BOOM

157
Efectos de texto

. Ahora escoja la herramienta


Mover (V) y arrstrela un poco
alejadadel cuerpo principal del
texto. Dcseleccione (Control/
Comando-D).

7. Conune haciendo esto hasta que tenga todo


el texto roto. Esta podra ser ms o menos la
Imagen pnncrpal.
TRUCO: ES MEJOR COMENZAR POR LOS BORDES y SE.
GUIR HACIA EL MEDIO ESTO DAR MS MOVIMIENTO

5. Haga otra seleccin.

A LOS BORDES. QUE ES PRECISAMENTE LO QUE BUS


CAMOS LOS TROZOS MS PEOUEOS TENDRiAN QUE
ARRASTRARSE UN POCO MAS LEJOS QUE LOS QUE SEAN MA.
YORES. TENGA EN CUENTA QUE EN LA VIDA REAL TAMBIEN IRIAN
MS LEJOS PORQUE SON MAS LIGEROS

6. \rrstrcla de nuevo.

H.. vhora, para conseguir el efecto de explosin,


duplique la capa y haga Control/Comando-die
para cargar el texto COlUO una seleccin. L'WJCe
la herramienta Bote de pintura (Mays-G) para
rellenar con un color ms claro . -\.qu le dimos
un color amarillo dorado.

158

<J . -\rrastre la capa duplicada bajo la capa

original. La capa copiada ser nuestra capa de


efectos.

13. La explosin tiene un aspecto ms denso y


suave ahora. Puede rellenar el fondo con negro
para verlo mejor.

1U. Con esa capa seleccionada, haga elic sobre

Filtro>Desenfoque>Desenfoque radial.
Escoja Zoom como el Mtodo de desenfoque
la Cantidad a t O, Ahora es cuando
empezamos a ver al efecto tomar forma.

r ajuste

11. Duplique la capa varias veces para darle


densidad al efecto, enlace slo las capas de
efecto (en nuestro caso, las capas boom), y
ahora combine estas capas: Capa>Bloquear

todas las capas del conjunto.


Esta es una explosin bsica. Est bien, pero
necesita algo ms, veamos qu podemos hacer.

1~. Ahora pulse ControljComando-F


o vaya al
men Filtro y escoja Desenfoque radial en la
parte superior de la lista. Esto volver a aplicar
exactamente el mismo filtro que se utiliz antes.
TRUCO: PARA VOLVER A APLICAR EL LTIMO FILTRO
UTILIZADO, CON LA MISMA CONFIGURACiN. PULSE
CONTROL/COMANDO-F EXPERIMENTE CON LOS FILTROS. SON SORPRENDENTES LOS RESULTADOS QUE
PODRA CONSEGUIR SI APLICA UN FILTRO MS DE UNA VEZ SI
NO LE GUSTA LO QUE RESULTE. SIEMPRE TIENE LA OPCiN DE
DESHACER

1. Primero, hagamos que salten unas cuan tas


chispas. Duplique (Capa>Duplicar Capa) la
capa del efecto, la nuestra se llama Copia 4,
la que hemos denominado Boom.

159

Efectos de texto

Bisel., relieve
i:'" Estructur ~

2J

Estilo: Bisel interior

21

T4cnlc.: ICincel duro


Profund[d.d:

-uJ1000

r- Superior r Abajo

Dlreccl6n:

u-

lm.~o:
~u.vlur:

1= Somllr~ =

r-px

II..T

C)
~.
.... P'

Usar luz !llobil

po--.

Altitud:
Contorno de ruplandor:
Modo resaltado:

~
ITrama

Qpaddad:
Modo d. sombra: lMultlplicar
Op.;ldad:

mucho ms convincente pero podemos mejorarlo todava ms.


Aadamos un Bisel para que parezca 3D. Haga
dic sobre el icono Aadir estilo de capa en la
parte inferior de la paleta Capas}' seleccione
Bisel y relieve .. -\.plique la configuracin

...

I?__]x

!!.9ulo:

2. Cambie el Modo de fusin de la nueva capa a


Disolver v reduzca la Opacidad al 27%, seguro
que ya p;dr ver cmo van mostrndose las
chispas.

3. Vamos a dar a continuacin algo de brillo a


las chispas. Haga clic sobre Imagen>Ajustar>
Tono/saturacin, (Control/Comando-U).
Coloree la capa con objeto de darle ms nfasis.
En nuestra imagen cambiamos el valor de
Luminosidad a-53.

"

r Suavizado
:::::JO
~
Q--' ps--"
El_J
Q--' ps--"

5. Es hora de dar los toques finales. Ponga unas


cuantas chispas dela.nte del texto para conseguir
ms realismo. Duplique su capa de chispas.

-t. El efecto resulta ahora

-\.rrastre la nueva capa para que est por


encima de las dems en la lista de la paleta de
Capas y reduzca la Opacidad al 9% paTa que
sea mu)" sutil.
(j ..

160

7. Expcricmcnte ahora con distintos colores


de explosin y chispas para ver lo que puede
resultar. Aqu tiene un ejemplo con un cambio
de tono en la capa de la explosin.

Por supuesto, estos efectos no se encuentran


limitados exclusivamente al texto; podra aplicar
estas tcnicas para crear botones, cartulas o
incluso fondos.
Esperamos que haya visto en este captulo cmo
un elemento grfico impactante puede darle un
toque de distincin a su trabajo. La regla de oro,
como siempre, es utilizar estos efectos de texto
con moderacin. Una fuente extrema sobre un
fondo limpio puede atraer la atencin de forma
impresionante, pero si su obra incluye ms cosas,
podra arriesgarse a que tenga Wl aspecto
cargado.

NOTA: PUEDE DARLE MS EFECTO DE MOVIMIENTO


PONIENDO RU~DOA LAS CAPAS AMARILLAS, APLICANDO UN PEQUENO DESENFOCAR MAS CON LA CONFIGURACiN LUZ INTENSA. SI DUPLICA ESTA CAPA Y LE DA

A LA QUE EST POR ENCIMA DE LA OTRA UNA OPACIDAD DEL


50% CONSEGUIR UN EFECTO TODAVA MS REALISTA DE PAR
TICULAS QUE SALTAN DESDE EL CENTRO DE LA IMAGEN (GRACIAS A PAUL SINCLAIR POR ESTA SUGERENCIA.)

En el siguiente captulo vamos a crear efectos


3D que harn que quiera alcanzar y tocar con la
mano sus objetos, de manera que ya puede coger
sus bonitas gafas 3D de cristales verdes y rojos y
continuemos.

163
Efectos

3D

CAPTULO 8. EFECTOS

3D

n realidad, Photoshop es una herramienta de manipulacin fotogrfica


en 2D pero, qu ocurre si se manipula al manipulador? Puede engaar
al que vea su imagen para que crea que tiene tres
dimensiones. En este captulo le ensearemos
nuestras tcnicas para crear objetos 3D.

1. Cree un nuevo documento en blanco de


600x600 pxeies a 7'2 puntos por pulgada r con
un espacio de color RGB.

2. Cree una nueva capa y Ilmela Cara 1.


TRUCO: PARA FACILITAR LAS COSAS, PUEDE CREAR
GUiAS QUE LE AYUDEN A MANTENER LOS ELEMENTOS

Cualquier ilustracin 3D creada completamente


por ordenador debe comenzar con formas
primitivas, Esas formas son las familias bsicas
de formas como cubos, cilindros, esferas y
conos. Estas formas son las piezas que, unidas,
se convertirn en formas ms complejas. Puede
juntarlas, mezclarlas)' emparejarlas, inrersectarlas y crear una a partir de otra para obtener
todo tipo de objetos 3D.

ALINEADOS

SI QUIERE CREAR UNA GuiA. MUESTRE

PRIMERO LAS REGLAS CON EL ATAJO CONTROL/COMANDO-R AHORA HAGA CLlC CON EL RATN SOBRE UNA REGLA Y ARRSTRELA HASTA EL DOCUMENTO. VER QUE ACABA
DE CREAR UNA GuiA. CONTINUE ARRASTRANDO HASTA QUE AL
CANCE LA LOCALIZACiN QUE DESEE Y SUELTE EL BOTN DEL
RATN LAS GUiAS SON UNAS HERRAMIENTAS MUY UTILES. QUE
SE INCLUYERON EN PHOTOSHOP 5 OTRO PUNTO FUERTE DE
LAS GUiAS LO CONSTITUYE EL HECHO DE QUE LAS TRANSFORMACIONES PUEDEN AJUSTARSE A LAS GUiAS PARA PONER LAS
COSAS MAS FCILES

Vamos a mostrarle cmo crear sus propias


formas primitivas r cmo adornarlas un poco en
este captulo. Es importante que vaya pensando
las cosas a medida que trabaja o este libro
perder su sentido. Esperamos poder darle unas
habilidades que vayan ms all de los tutoriales
con los que est trabajando.

Vamos a construir primero un cubo y despus le


ensearemos cmo poner fotografas sobre sus
caras para hacer cubos fotogrficos. El cubo
es una pieza importante para los objetos 3D.
L"tilizaremos con bas tan te frecuencia Transformacin libre en este rutorial. De hecho, vamos
a usar casi todas las caractersticas de esta
herramienta durante este proyecto.

3. Seleccione ahora la herramienta Marco


rectangular,
dibuje una seleccin de 200xl00
p.xeles . \Iantenga pulsado Mays para dibujar
un cuadrado perfecto.
TRUCO: PARA CAMBIAR LAS UNIDADES DE MEDIDA DE
LAS REGLAS. HAGA CLlC CON EL BOTN DERECHO DEL
RATON SOBRE ELLAS Y ESCOJA UNA NUEVA UNIDAD
DEL MENU EMERGENTE

Captulo 8
para distorsionar el cuadrado con el fin de que
sea un lado de nuestro cuadrado.
6. Pulse Control/Comando- T para entrar en el
modo de Transformacin libre. Ver una caja y
nueve tiradores llamados nodos. El nodo central
ajusta el centro de gravedad para las transformaciones y los puntos de las cuatro esquinas son
para rotacin, escala proporcional)" distorsin.
Los puntos del medio son para escalar y sesgar.

-t.

Rellene con un Degradado Lineal, de Negro,

blanco.

7. Queremos distorsionar el lado en ngulo.


Haga clic con el botn derecho del ratn/
Control-die, y escoja Sesgar.
8. Arrastre el tirador de la derecha y mire cmo
su cuadrado se distorsiona.

5. Deseleccione (Control/Comando-D) y
mueva el cuadrado al centro de la imagen.
Ya tenemos los cimientos de nuestro cubo.
Aunque un cubo tiene seis lados, solamente
podr ver tres al mismo tiempo, as que vamos
a crear tres lados que se ajusten entre ellos. La
herramienta de Transformacin libre es la clave

165

Ahora lo tiene formando ngulo, pero parece


que le falta algo todava. Parece extrao, debido
a que todo en la vida real tiene perspectiva, lo
que significa que segn lo lejano que est un
objeto de nosotros, ms pequeo parece, Por
ejemplo, cuando mira una valla que tenga una
longitud considerable, la ver disminuir a medida
que se aleje. El trmino tcnico para esto es que
hay un "punto de fuga".

1l. Haga clic con el botn derecho del ratn/


Control-die
y despus seleccione Escala.
Arrastre el nodo de la derecha hacia la izquierda
para conseguir las proporciones adecuadas.

9. Afortunadamente, Photoshop incluye un


pequeo control de perspectiva. 1Iaga clic con e!
botn derecho del ratn/Control-die
de nuevo
y, esta vez, elija Perspectiva.
10. Haga clic y arras tre el nodo de la esquina
superior derecha. Observe que, cuando arrastra,
la esqu111aopuesta refleja el efecto que hace
sobre el nodo. Arras tre un poco hacia abajo para
que la perspectiva sea creble.
12. Pulse Intro/Retorno
para aplicar las
transformaciones. Ya tenemos el lado derecho
del cubo.
Ahora hagamos el lado izquierdo. Por suerte, no
tendr que pasar por todos esos pasos otra vez.
13. Duplique la capa Cara 1, arrastrando la capa
sobre el icono Crear una nueva capa o pulsando Control/Comando-J.
Vuelva a nombrar la
capa como Cara 2.

Ahora parece que el cuadrado es un rectngulo,


otra ilusin 3D. Cuando la perspectiva entra en
juego, ejerce su influencia sobre la proporcin
de una imagen. Esta es la razn por la que
algunas veces prefiero hacer una imagen a ojo
que hacerla con medidas tcnicas. La imagen
no slo debe ser tcnicamente correcta, sino
que tiene que parecer creble.

166

14. Pulse Contro1/Comando-T


para entrar una
vez ms en el modo Transformacin libre. Haga
che con el botn derecho del ratn/Control-die
)' elija Voltear horizontal.

16. Cree una nueva capa y llmcla lado 3. Con


la misma tcnica que antes, dibuje otro cuadrado
~'rellnelo con el mismo degradado, pero con un
ngulo distinto.
- - - - - - - -- - - - - - - - - - - - - - --,

15. J raga clic en cualquier sitio en el interior de


la seleccin)' arrastre el lado hasta que se ajuste
perfectamente con el lado derecho. i\lantenga
pulsada la tecla Mays mientras arrastra para
que las lneas de la base sigan alineadas. Presione
Intro/Retorno
para aplicar la transformacin.

17. Pulse Control/ComandoT para acceder al


modo Transformacin libre, haga clic con el
botn derecho del ratn/Control-die
r seleccione Distorsionar.
18. "amos a distorsionar el lado 3 para que se
acople a los otros dos. No se preocupe, no es tan
difcil como parece. Arrastre la esquina inferior
derecha para que toque la superior derecha del
lado correspondiente.
TRUCO: PARA QUE EL MOVIMIENTO SEA PRECISO, SE.
LECCIONE UN NODO Y DESPLACE EL OBJETO CON LAS
TECLAS DEL CURSOR

Genial! :\.hora tenemos dos lados; slo necesitamos el lado superior para completar el efecto.

167

\harH. arrastre la esqu1lla inferior izqurcrda


par.!que se empareje con el centro. (Si quiere
rear una caja con un lado abierto, podra
hacerlodesde este paso.)

11. Lo ltimo, pero no por ello menos importante, C~ arrastrar el punto que queda al centro pan
yuc se forme un rombo perfecto r pulsar Intro/
Retorno. Ya tenernos nuestro cubo tcnrunado.

Fehcrdadcs, acaba de terminar su primer objeto

3D en Phoroshop. Si las proporciones de su

20. Despus coja la esqUilla superior izquierda


del lado r arrsrrelo para que se ajuste a la
esquina superior izquierda del lado izquierdo.

cubo no parecen muy correctas. podra urur los


lados y IItilrzar la herramien ta de Trans formacrn libre para arreglar el problema. Si quiere
seguir modificando su cubo siga leyendo.

Lo tlllC sigue es una manera fcil de colorear


nuestro cubo, que est formado por tres capas,
5111 aplanar la imagen.
l. Con la Lapa del lado supenor seleccionada,
h:lga clic sobre el circulito blanco ~ negro de la
paleta de Capas. Es el control de la capa de
relleno o de ajuste. En el men emergente, elija
Tono/saturacin.
(Le echaremos un vistazo
ms a fondo a Tono/saturacin
en el captulo
"Colorear crcanvamente")

168

2. Haga clic sobre la casilla de verificacin


Colorear perteneciente al panel de control de
Tono/Saturacin. Ajuste el Tono a 121 y la
Saturacin a 25. Ver que su Imagen adquiere un
tinte verduzco. Ya que esta es una capa de ajuste,
no destruye la imagen, puede volver atrs y
cambiar la configuracin cuando quiera.

Podemos tambin aadir dibujos al cubo si los


distorsionamos para que se ajusten a l siguiendo
el mismo mtodo que con los lados. Se ha dado
cuenta de que cuando se aade una imagen al
cubo tambin se vuelve verde? Esto es debido a
que la capa de ajuste afecta a todas las capas por
debajo de ella y el cubo est por debajo de la
capa de ajuste.

Aqu est nuestro cubo con un fondo de color


para verlo mejor.

Hay dos maneras para arreglar esto: podemos


mover las nuevas capas por encima de la capa de
ajuste o esconder la capa de ajuste con el icono
del ojo en la paleta Capas. 1 osotros escogimos
la segunda opcin porque ya no nos hace falta el
tinte verde; vamos a incluir tres imgenes a todo
color sobre la superficie visible del cubo.
Ahora le vamos a ensear paso a paso cmo
colocar una imagen en el cubo.
NOTA: LA CAPA DE AJUSTE COLOREAR CUALQUIER
CAPA QUE HAYA POR DEBAJO DE ELLA AFORTUNADAMENTE. CADA CAPA DE AJUSTE VIENE CON UNA MSCARA ES EL SEGUNDO ICONO EMPEZANDO POR LA

1. Abra una nueva imagen en Photoshop (sus


diapositivas de vacaciones favoritas vendrn muy
bien) r arrastre la imagen dentro del documento
del cubo.

DERECHA PARA ELIMINAR EL COLOR PULSE SOBRE ESE ICONO AHORA HAGA UNA SELECCiN SOBRE EL REA EN LA QUE
QUIERE MANTENER EL COLOR ORIGINAL Y RELLENE LA SELECCION DE LA MASCARA DE CAPA CON NEGRO. BINGOI LAS REAS
QUE TIENEN LA MSCARA DE NEGRO SE IGNORARN CUANDO
SE APLIQUE EL EFECTO DE LA CAPA DE AJUSTE

2. Entre en el modo de Transformacin libre


de nuevo y, esta vez, escale la imagen para que
tenga la misma altura que el cubo. (r-.lantenga
pulsada la tecla Mays para que la proporcin
de la imagen sea igual.)

169
Efectos 3D

3. Coloque el lado izquierdo de la imagen sobre


la arista central del cubo.

4. Todava en el modo de Transformacin libre,


haga dic con el botn derecho del ratn para
escoger Distorsionar del men.

7. Aada ahora la imagen que quiera para el


lado superior, distorsinela de igual manera y
aplique un fondo adecuado. Aqu tiene su cubo
de imgenes. Resulta perfecto para las ocasiones
especiales.

5.. \rrastre la esquina superior derecha de la


imagen para que se ajuste a la esquina superior
derecha del cubo.

6. .Arrastre la esquina inferior derecha de la


imagen para que se ajuste a la esquina inferior
derecha del cubo.

Podra utilizar esta


tcnica para crear
un producto con
imgenes formando
cajas que impresionen a sus clientes.
Es ta tcnica se
utiliza mucho en
publicidad. Recuerde, todos los lados
no tienen por qu tener la anchura igual. Por lo
tanto, experimente lo que quiera.

170

4. i\Iueva a continuacin
quede en la base.

la elipse hasta (lue se

Llegados hasta aqu nos ocuparemos del cilindro.


Esta forma geomtrica es ideal para crear
tuberas, botes, barriles y dems. En este tutorial
aprender a mejorar su uso de los modos de
seleccin.
1. Cree un nuevo documento en blanco de
600x600 pxeles a 72 puntos por pulgada y con
un modo de color RGB. Cree una nueva capa y
dibuje un rectngulo con la herramienta Marco
rectangular.

0'-

(.

:i
+;

5. Suelte el ratn y aqu tenemos nuestra base.


~\ continuacin, vamos a hacer la base redondeada del cilindro y a dimensionarla.
2. Con la herramienta Marco todava seleccionada, escoja Aadir a la seleccin desde la barra
de opciones de arriba.

3. Tome la herramienta Marco elptico y dibuje


un valo empezando por la izquierda.
TRUCO PARA MOVER UNA SELECCION MIENTRAS DI
BUJA. MANTENGA PULSADA LA BARRA ESPACIADORA
DEL TECLADO

.....::

6 Ahora elija la herramienta Degradado para


aplicar un degradado Lineal. Los degradados
son la espina dorsal de los efectos cilndricos.
Seleccione el degradado de Cobre por defecto
del selector.
.r

7. Arrastre horizontalmente de izquierda a


derecha para crear el degradado cilndrico. Hasta
este momento no va mal pero necesitamos un
valo para el centro tambin.
TRUCO: SI MANTIENE PULSADA LA TECLA MAVS MIEN
TRAS EST APLICANDO EL DEGRADADO ENTONCES
PODR PRACTICAR UN DEGRADADO PERFECTAMEN-

............................

TE VERTICAL U HORIZONTAL

171

8. Pulse ControljComando-D
seleccin.

para anular la

11. Queremos rellenar la seleccin completa


mente con un lluevo degradado que d la
impresin de que es tamos mirando al cilindro
desde una posicin ligeramente ms elevada.
i\[antenga el degradado Cobre y Lineal. Esta vez
comience a dibuj ar desde la izquierda y arras tre
hacia la derecha con el fin de que el degradado
se aplique de manera distinta a lo que hemos
hecho anteriormente.

Bien! Ahora ya tenemos el cilindro re alista que


queramos.
9. Esta vez queremos crear una nueva seleccin.
Por lo tanto, cambie el modo otra vez a Seleccin nueva.
10. Dibuje otro valo sobre la parte superior del
cilindro.

172

Nosotros modificamos el cilindro mediante


curvas: Imagen>Ajustar>Curvas. Esto le da

un aspecto de titanio. Si quiere, puede usar una


capa de ajuste para conseguir el mismo efecto.

. ..:t
............
(\"
I

"

j
!:

.
!

... ,
I

t..

trpt::
"

Entrada: i9O
Salida: ~

Experimente con sus propios degradados y cree


todo tipo de cilindros}' tuberas.

l. Comience con un documento de 600x600


pxeles en modo RGB a 72 puntos por pulgada.
Gurdelo como sphere. psd. Cree una nueva
capa, dle un nombre r dibuje una seleccin
circular con la herramienta Marco elptico .

.....
>'0"

"

....

Ya es hora de romper con las lneas rectas. La


esfera que vamos a hacer ser un crculo con
un brillo plateado. Lo conseguiremos con los
degradados, desenfoques, capas y un mapa de
reflexin.

173
Efectos 3D

2. Para poder formar una esfera, seleccione a


continuacin la herramienta Degradado. Escoja
una configuracin de Negro, blanco y Radial.
Comience a una altura de tres cuartos de la

esfera, arrastrando desde la parte superior


izquierda y contine despus hacia la parte
inferior derecha de la esfera. No anule todava
la seleccin.

TRUCO: 51 EL DEGRADADO PARECE QUE EST AL RE


VS. ACTIVE LA OPCiN INVERTIR DE LA BARRA DE
OPCIONES.

Aqu tenemos la esfera a partir de la cual


trabajaremos. Ahora vamos a adornarla un poco.
Lo primero que queremos hacer es darle un
espectro de color. Es un efecto de color interesante que nos dar sensacin de profundidad.
3. Con el degradado Radial todava activo, escoja
Degradado Espectro.

~o

174

4. Cree a continuacin una nueva capa v llmela


color. Con la seleccin todava activa, aplique el
degradado.

.). Despus alteraremos el degradado con el fin


de que resulte ms natural. Con la seleccin
todava activa, aplique a continuacin Filtro>
Desenfoque>Desenfoque radial y apliqucle
la configuracin que podemos ver en la figura
siguiente:
Desenfoque

El

",dIal

Qantideo.d

~'/I
;.::::~

~II\~

l'

,\~ ~
;:::::::::

7. -\.hora vamos a suavizar los colores media.nte


la utilizacin de Filtro>Desenfoque>
Desenfoque gaussiano con una configuracin
de 47,7.
El degradado resulta bonito y suave, de manera
que a continuacin lo fusionaremos con la
esfera.
8. En la paleta Capas, teniendo marcada la capa
de color, ajuste ahora el modo de fusin a
Subexponer y aplquele despus una Opacidad
del 83%.

Centro

--_._--

6. Pulse a continuacin OK para aplicar el


desenfoque, lo que har que los colores se
extienclan un poco .

Cc.Iideo.d:

r 13.orreo.dor
~ 8l1eneo.
r Qbmeo.

175
Efectos

3D

Ahora necesitamos crear reflejos para ganar en


realismo. Una buena manera de conseguir esto es
utilizar una fotografa y desenfocarla.
9. Para hacer esto ltimo, arrastre una imagen
cualquiera sobre su documento, (la nuestra es la
imagen de dunas de Archivos de programa>

Adobe>Photoshop>Muestras>Duna
del
disco duro). Arrastre la imagen al documento y
aparecer como una nueva capa. Asegrese de
que llena la ventana y llame a la nueva capa
reflejos. Mueva la capa para que est por encima
de las dems. Ahora vamos a hacer lo que se
llama un mapa de reflexin.

176

10. Cargue la seleccin del circulo. Con la capa


reflejos activa, haga Control/Comando-die
sobre la capa de la esfera.

12. Haga clic en OK y el rea dentro de la esfera


se distorsionar. Pulse Control/Comando-F
para repetir el filtro.

11. Aadamos una distorsin a la imagen para


que se acople al contorno de la esfera. Ejecute
el comando Filtro>Distorsionar>Esferizar y
ajuste la Cantidad a 100.

13. Ocupmonos ahora del fondo. Invierta la


seleccin con la opcin Seleccin>lnvertir
(Control/Comando-Mays-I)
y despus pulse
Suprimir.

ElI

Esterrz ar

OK
Cencalar

!:;antidad

Modo INormal

.-%

177
Efectos

3D

.J. Invierta la seleccin de nuevo (Control!


Comando-Mays-I). Ya que la imagen solamente ser un toque de reflexin sobre el
resultado final, deberamos reducir su definicin.
Vayaa Filtro> Desenfoque>Desenfoque
gaussianoe introduzca despus una configuracin de 8,6.

17. Arrastre la capa reflejos por debajo de la


capa color y a continuacin reduzca la Opacidad
al 63%. Esto hace que tenga mucho mejor

Vamos a incluir tambin un poco de reflexin de


ambiente. Ambiente es la luz residente en una
atmsfera.

15. Anule la seleccin con el atajo Control!


Comando-D
o pulsando fuera de la imagen.
16. \hora fusionemos la reflexin con el resto
de la esfera. Para comenzar, ajuste el modo de
fusin de la capa a Luz intensa. Esto hace
que parte de la imagen sea semitransparente r
permite que los atributos de la capa se fusionen
mejor con el resto de la imagen.

Daremos ahora una reflexin suave a la parte


inferior de la esfera. Haga una seleccin de
bordes suaves ms pequea que la imagen y
rellnela con un degradado Color blanco!
Transparente. Esto es un mtodo excelente
para crear luces y sensacin de superficie
reflectante.

(H. Cargue
ahora
lugar

la seleccin

la seleccin
1I1lH llueva

de nuevo.

Reduciremos

)ge rame n te. Cree en primer

capa que se llame luz}' a

:m .vjusrc el color de fondo a blanco)' escoja


Color fronral Zrranspareute con un degradado
Lineal.

continuacin contraiga la seleccin mediante


la opcin Seleccin>Modificar>Contraer
con una configuracin
Celer setaccin

de ...L

El

(') \hora suavicemos el borde mediante la


uuhzacion del comando setecctrc-catar
e
haga que sea de '\ pixeles.

21. .vr rastre ahora la herramienta Degradado


desde la parte Infenor de la es fcra has ra las tres
cuartas partes de sta hacia arriba.

179

22. Cambie al modo Aclarar y reduzca la


Opacidad al 54%. Anule la seleccin, Control!
Comando-D, o pulse lejos de la imagen con
cualquier herramienta de marco activa.
Vamos a dar una
luz espec tral a la
imagen con el fin
de proporcionar
vida a la esfera.
23. Cree primero
una nueva capa
que se llame luz
superior.

24. Escoja la herramienta Aergrafo, elija


el Blanco como color y un pincel suave de 45
pxeles en modo Normal con W1a presin
del 32%.

25. Pinte a continuacin un pequeo \TalO en


la parte superior izquierda de la esfera. Con esto
ya casi hemos terminado. Quedan solamente un
par de ajustes que hacer para que sea todava
melar.

para conseguir el efecto que queremos, as que


este paso es completamente opcional, puesto
que, segn la imagen que haya usado como mapa
de reflexin, su imagen podra estar muy bien ya.
27. Vaya a la capa reflejos y aplique el filtro de

Filtro>Desenfoque>Desenfoque
active Giro

..

r ajuste

radial,

la Cantidad a 85.

..

)(

OK

Qantide.d
6

Cancelar

Puede ver que hay una lnea que es demasiado


aguda sobre el reflejo de la parte inferior.
Suavicrnosla.

26. Seleccione la capa luz y aplique un Desenfoque gaussiano de 7 pxeles. En esta imagen en
particular la reflexin es demasiado uniforme

Aqui tiene el resultado, una esfera que se sale de


lo normal. Intente experimentar para producir
resul tados dis tintos.

181

que sigue es una esfera con una reflexin


tilla superficie acristalada. Aprender
crear reflejos de este tipo en el siguiente

Est progresando muy bien. Ya sabe crear cubos,


cilindros y esferas. Ahora solamente le falta el
cono.

E.

no

Nuestro ltimo objeto 3D primitivo, el que


completa la coleccin, ser el cono.
1. Como prctica ya asumida para este captulo,
comience con un documento de 600x600 pxeles
a 72 puntos por pulgada y espacio de color RGB.
Cree una nueva capa y llmela cono. Guarde el
documento como cono. psd.
2. Dibuje una seleccin rectangular. Al igual que
con el tutorial del cilindro, rellnela con un
Degradado Lineal con color Cobre.

182

Vamos a hacer quc nuestro cilindro sea un cono


mediante la herramienta de Transformacin

.r.-".dfllnn\

......

m.UI

;.:.JIR:.JIIIIJIIIIII,;;iMII;;~;;;.wI~;~;-

...

.~. ~

.... I:!I

;;.lIII..
~;!:;MI:

libre de nuevo.
3. No se preocupe si no sabe cmo. Aqui le
indicamos lo que debe hacer. Pulse Control/
Comando- T con el fin de entrar en el modo de
Transformacin libre.
4. Haga clic con el botn derecho del ratn/
Control-die " seleccione Perspectiva.
5. _""rrastre una de las esquinas superiores hasta
el centro y despus pulse Intro/Retorno;
ah
tiene el cono.
7. Invierta ahora la seleccin mediante el
comando Seleccin>lnvertir.
Seleccione una
goma de borrar grande r empiece a borrar las
esqumas.

6. Vamos a redondear la base para darle un


aspecto ms 3D. Con la herramienta l\larco
elptico, dibuje un valo alrededor de la base
del cono.
Una vez realizado todo esto, el cono est ya
terminado.

183

La ilustracin gue sigue la hizo Colin con estas


mismas tcnicas. Explicar cmo se hizo esta
imagen se sale de las aspiraciones de este libro,
sin embargo queramos darle una idea de lo gue
es posible conseguir con un poco de experimentacin y paciencia.

Felicidades, acaba de hacer varios objetos 3D en


Phoroshop. Quin dijo imposible? Es sorprendente lo que Phoroshop puede hacer en cuanto
se rompen las normas un poco. Combine estos
efectos para hacer todo tipo de objetos y piezas
artsticas 3D tan realistas gue sus amigos jurarn
que ha utilizado un programa 3D para hacerlas.

187
Colorear

creativamente

CAPTULO

9.

COLOREAR

ran parte del diseo grfico est


relacionada con el color. El color
puede retratar estados de animo,
evnmular emociones " afirmar algo
poderos amenre. Nunca subestime el impacto que
provoca el color sobre la genre. Por ejemplo,
los azules son los colore, ms fros que hav,
rrucntras que los amanllos sUgIeren calor.
Podernos cambiar el ImpaclO general de un
trabajo SI "Iteramos el color. _\ veces ser el
color de una imagen entera, otras ser slo una
parte la que sufrir el cambro. En este capitulo
\'lImOSII ver unos cuantos trucos de color.
Comenzaremos por liberar la potencia de la
herrarrucrua Tono/saturacin
r terminaremos
con ,llgunos trucos con los modos de fusin de
capa.

CREATIVAMENTE
Trucos con Tono/saturacin
EHa es una de nuestras hcrrarmentas favoritas r
tiene mucho potencial latente. Veamos los
disnnros usos que nene esta herramienta ~ cmo
nos al udarn a desarrollar rnulnrud de Ideas
creanvas. E~ mu~ raro unlizar Phoroshop :- 00
recurrir a esta herrarmenra en algn momento.
Sirve tanto para ajustes menores como para
cambios de color que afecten a una imagen al
completo.
Empecemos
saturacin:

vrcndo I caja de ililogo de Tono/

Aplica el erecto

Cancela
elefecto
Carga confIguraCIones
Guarda configuraClones

r CQt:r1Yr

~--ConV1lerte

a monocrcrnanco

~~;;;;;;;;~;;;;~~~P~~.~-~~--preVISU"hza
La mayoria de los controles hablan por s
mismos. I lernos euquerado Jos comandos
bSICOS r sus usos en la Imagen. Los ms unportantes. son Tono v- la casilla de verificacin
Colorear. _\ lo largo de este captulo cubriremos
todos los aspectos de este pequeo pl/(g-ill de

fbrica.

Haremos primero un efecto muy rpido r


simple. Parti remos de una imagen a color y la
haremos monocromnca. Se trata de una rmagen
que slo tiene un color en distintos tonos. Este
efecto es muy popular entre los diseadores wcb
y tambin es mur bueno para la unprcsin.

189
Colorear creativamente

~hora aprender a abnr una lmagen, convertirla


a escala de grises, y ms tarde aplicarle color a
las zonas que quiera U(' la Imagen. Esto atrae al
(lIO a las partes Importantes de la imagen. porque
reduce mucho la distraccin sobre las zonas no
colore adas.
(.onllcn(c con una unagen

a color.
,. Escoja un pmccl suave de la paleta Pinceles,
0a encontrar en la barra de opciones del Pincel
de lusrona).

2. Para quitar el color de la imagen, ejecute el


comando Imagen>Ajustar>Desaturar o bien
uuhce el atajo Mays-ControljComando-U.

1
5
35

.,"

14

13

...:

21

27

200

300

46

59

19



17

13

65

o!! ..~

100

27

it
39

TRUCO: UTILICE LAS TECLAS DEL CURSOR PARACAM

1, F."~i'" hcrr: a micnra Pincel de


historia (Y).

I ~PV

BIAR EL TAMANO DE UN PINCELASi COMO PARA CAM


BIAR LOS PARAMETROS DE LA DINAMICA DE PINCEL

R
V.

&. ~.
I En la paleta de Historia, haga che sobre el
arca situada ti la izquierda del comando que est
[usto antes del comando Desarurar,
NOTA EL PINCEL DE HISTORIA APARECi CON PHOTO.
SHOP 5 y ES DE GRAN unUDAD

LE PERMITE VOLVER

A PINTAR ZONAS DE LA IMAGEN REALIZADAS EN UN


MOMENTO DETERMINADO DE FORMA SELECTIVA EN
OTRAS PALABRAS PUEDE VOLVER A DEJAR LA IMAGEN EXAC
TAMENTE CON EL MISMO COLOR QUE TENIA ANTES_

QUE ESTA SITUADA A LA DERECHA DE LA BARRA DE


OPCIONES DE PINCELES

.vhora viene lo mejor. Pinte la parte que


'1LLera de su imagen.
(1

190

- SIga pIOlando hasta que baya cubrerro de


color la parte que desee de la tmagen. 0:0 se
preocupe SI se sale un poco. vamos a limprar
todo eso en los ~Igulentes pasos.

I f)

\_hora escoja

UIl

pincel ms pequeo ~

cu.piecc a pmtar con escala de gnse s. Pinte de


nuevo sobre la imagen para lunprar los bordes
de la lona coloreada.

X I!;gil zoom sobre la tmagen para ver las reas


en las que se ha salrdo de la zona que deseaba
colorear,

.~

27
17

I 35

45

65

.\,

ti

.~

14

24

27

13

19

21

..

100

200

300

39

46

59

* .11

'J. Haga che sobre el cuadrado que se encuentra

a la izquierda de Desarurar en la paleta

SIIlI,t<JO

l lrsroria.

TRUCO PULSE LA BARRA ESPACIADORA PARA NAVE.


GAR POR LA IMAGEN DE UNA MANERA TEMPORAL CON
LA HERRRAMIENTA MANO

Observe cmo la moto de la tmagen resalta


sobre lo dems. Es una manera genial de atraer
la atencin sobre esa parte de la Imagen.

191
Colorear creativamente

PUClIr unlrzar nra recnica para Lare ahzacin


de muchos pron:cto .. creativos. l T na posible
aphcacin podria ser atraer la atencin de

l fay una aplicacin poco conocida de la ventana


de dilogo de Touo Zsaturacin
que le permite
volver iI colorear parle de IU1a illUIgen. E5 un
efecto mur potente r natural, y slo tiene que
elegir el color moviendo la barra de Tono.

Ciertos mdivuluos ljut estn en una fotografia.


Experimcnre y se encontrar con moutoncs de
Ideas propl,ls para este efecto.

2 De nuevo, haga cite en ControL/Comando-U


para abrir la \ cnrann de dilogo Tono Zsaruracin. En el men emergente de Edicin, escoja
un color tille est lo ms cerca posible del color
ljue quiere cnmbiar. En este caso concreto, elija
e1 azul.
TonO/S8lu'8Cln

I Aqui nene una


Imagen de una mujer
con un tocado azul.
Queremos cambiar el
color del recado a verde
,111 lJlIC e-to afecte al
resto de 1.1 Imagen.

-----------1:1-,

192

-; Elia la herranuenra
Cuentagotas
(1) y haga
che sobre la imagen para coger una muestra del
color. Podr darse cuenta de que las barras
desuzadoras de la parte infenor de la ventana se
mueven para ajustarse al color seleccionado.

1. Puede moverlas manualmente para alterar la


gama de colores. Las intenorcs se encargan de
la sensrbilidad que aplicar el programa a la liora
de seleccionar la gama de colores r las exteriores
determinarn lo suave que ser la rransrcin.
Puede tambin utilizar estas barras para realizar
cambios sobre la seleccin, despus dc cambiar
el color.

5 Ahora es el momento de intercambiar los


colores. Mueva el deslizador de Tono r vea
cmo su color cambia como SI fuera por arre de
magia.

El

Tnnoj snturecin

182"/211"

lA!

\ connnuacin puede ver ya la Lmagen con el


color Intercambiado con respecto a la onginal.
~Podria decir cul de ellas es la original SI le
dieran ambas para elegr?

Ocasionalmente se cambiar el color de algunas


zonas que no deseaba alterar. Puede utilizar el
pincel de historia para retocar esos cambios de
color no deseados. La tcnica es Igual que la del
tutorial antenor.
sre es un gran efecto para diseos de productos. Tiene la imagen correcta, pero el color es
distinto. No necesita volver a hacer la fotografa,
[abra pues la ventana de Tono Zsaturacinl

193
Colorear creatvamente

5.

Y"
Ha Visto alguna vez UI1afotografa en blanco y
negro con tintes amarillentos por causa del
tiempo? Ya sabe cules, esas en las que el to
Fred saje con mejillas de color rosa fuerte y los
rizos rubios de tia Vera son de color arnanllo.
Bien, con Phoroshop podemos transformar los
dibujos en blanco y negro a un color que sea

:! El secreto del color natural es utilizar una


lmagen de referencia. EIl lugar de aadir color
"a 010", obtengmoslos de otra tm.agcn. _\bn1
una forografia en color que sea parecida a la
c ue 1I uicre colorear.

verosim.l.
La icruca que vamos a utilizar es la simplicidad
hecha realidad: slo necesitamos dos herramientas: el Cuentagotas y la herramienta Aergrafo.
ESTO es tan fcil que hasta la ta Vera podra
hacerlo. Obvramcnre, la clave para colorear de
manera reahsra reside en obtener cuidadosamente las muestras de color, as que para darle ms
realismo puede incluir ms colores que los que
damos en este rutonal. Esperamos que se
sorprenda de los resultados que puede llegar

3 Haga che para seleccionar la herramienta


Cuentagotas.

a conseguir,

-t. En la opcin de la barra de herramientas,


I -\bra una imagen en blanco y negro con
Phoroshop, nuestra imagen es un retrato porque
los tonos de la piel son los ms complicados de
imitar de Forma realista. Le recomendamos
trabajar sobre un retrato tambiu, no nene
alguna fotografa del instituto que le gustara ver
a todo color?

cambie a continuacin la coufiguraun a Prornedio de 5x5, lo Cjlle le proporcionar una muestra


ms clara.

'i. Con el Cuentagotas, encuentre un buen tono


de piel de la imagen y luego haga die sobre l.
El tono frontal pasar a ser el que acaba de
seleccionar. Ahora vuelva a la imagen en blanco
y negro. SI el fondo de la unagen est en grIS,
probablemente su unagen sea de escala de grises.
Cambie a modo RGB mediante el comando

Imagen>Modo>Color RGB.

NOTA: EL MODO

DE FUSiN

QUE SOLAMENTE

AFECTAAl

TONALES

DE LA IMAGEN

COLOR
COLOR

SEGUIRAN

ES PERFECTO

POR.

LAS CUAUDADES
COMPLETAMENTE

IGUAL

8 Pinte sobre la piel expuesta con el pincel


grande. Para ms precisin, haga zoom r unhce
un pincel ms pequeo en los bordes.

(J.

Seleccione la herramienta
r grande.

pincel suave

I 5

13

Aergrafo

21

27

200

300

46

59

13

19

O) y un

..:.

17

r J,
35

.\.
I 14

45

65

off. ,,~
24

27

It
39

11

Cree una nueva capa (Conuo/ComandoMays-N) y llmela color. Cambie el modo de


fusin de capa a Color. Estamos preparados para
colorear la imagen.
-

9 \ 'ea cmo el modo de fusin de color slo


afecta al color y deja los detalles fuera como las
luces r sombras.

195

Desenloque

11) ~\hora hagamos los labios. Cree una nueva


capa. COI" una muestra de color de la Imagen a
color y pnrelos.

100M

qeussreno

I!I

El

12. Ahora tiene mejor aspecto. Retocaremos

un

poco ms despus.

1I S, pi s, ahora parece que se ha puesto


barra de labios. \Igumls veces resulta rnuv fcrl
pasarse con 10$ colores. por ello debemos ser
cuidadosos. Para poder suavizar este efecto
uwilarCm05 un Desenfoque gausslano de -1,8
pixeles (Filtro>Desenfoque>Desenfoque

qaussiano).
13. Por el momento tome una muestra para el
pelo y pmtc el pelo ~ las cejas.

196

Captulo 9
I~ ESCOpl un color azul claro de la imagen de
color. 'os servir para pinrar Lacamisa de
nuestra imagen. Puede coger el color de cualqUier SItiO,no llene que ser del mismo objeto.

1; El srguienre paso es mur suul, pero marca


la diferencia en la imagen. :\"ada atrae ms la
atencin sobre un dibujo que los ojos. COla una
muestra para pmtarios.

18. Pinte los ojos con el color de muestra. Vea


cmo la Imagen cobra vida.

1" Para la
corbata elegimos
un rOJOdel lomo
de un Libro.

16. Pin rar la


corbata le (.1;.1
bastan te realismo.
Tambrn vamos
(1 pmtar
los
marcos de las
gafas medianre
el mismo color
rojo.

19. Lo ltimo que colorearemos ser el fondo.


Nosotros cogimos el color gris azulado lid lomo
de otro libro. Puire el fondo para completar el
efecto de coJor.

Colorear

creativamente

~C). Cm hemos rerrrunado, \ amos a hacer un


par de cosas mi, para limpiar la Imagen r para
que sea ms presentable.

23 Por l nrno piure la


parle blanca tic los 0IOS.

Todava no estamos satisfechos con los labios.


Son probablemente la parte ms difcil de
colorear tic la (lira. \[u~' poco color es malo, y si
le darnos mucho nos arriesgamos a que parezca
un payaso .. vderns. necesitamos tener en cuenta
la rran~I(":lnentre los labios y sus alrededores.
llllt nene tille ser ran sutil como sea posible.

[Bien hecho! liemos coloreado una fotografa


entera. Ya tenemos la Imagen completa. Sera
mll~ dificil decir ljue 110 es una Imagen original
a color.

21 <':01'1 hl herrarrueura Desenfocar de la


palera tic he rramicnms y apliquela alrededor
tic los l:\b105 para suavizar 1;1 transicin.

22. Finalmente lunpraremos las reas blancas.


Es fcil darles algo de color por error con tanto
plnttr aqu \ all< Seleccione el blanco como
color frontal. llaga )'00111 r plllte sobre los
dientes.

vhre la paleta de capas. lodo el color est


Situado en una c;lpa Ipiute para que no afecte al
ori~nal. SI llulere retocar alguna zona ms, coja
una muestra y plflte sobre la capa de color.

Captulo

De nuevo, aqu tiene la imagen termtnada al lado


de la ongwal en blanco} negro para que pueda
compararlas. Ojal hubIramos sabido de estos
mtodos hace unos aos; nos babramos ahorrado mucho tiempo r habramos obtenido mejores
resultados que si siguiramos el procedimiento
antiguo. Si se toma su tiempo, los efectos
pueden ser 111U y reahstas.

En esta Imagen mostramos la capa de color sola


para que vea lo que ha hecho.

Esperamos que haya recopdndo un montn de


informaCIn til en este captulo. Ahora nene
habilidades de coloreado suficienres para que sus
ungenes se salgan de lo normal. No dehera
tener que recurrir a colores burdos o simples de
nuevo. Pruebe estas tcnicas con sus propias
IIngeJ1CS;f110dtfquelas para conseguir "ariacioncs propias. No se ponga lmites.

201
Trucos Web

CAPTULO

10. TRUCOS

WEB

horoshop lleva mucho tiempo como


herrarruenra de preparacin de
Imgenes ptr:.l Lnternet. Desde que
surgi ImageReadr 3., el programa
hermano quc viene con Photoshop 6, Adobe ha
hecho mucho ms sencillo integrar sus imgenes
de Phoroshop fl proyectos \\'Cb. Este pequeo r
til progr;lma, al que puede acceder con el icono
Ir a ImageReady, de la parte inferior de la
paleta de herrarruenras, viene equipado con un
montn de 0pCl()nes especiales orientadas al
diseo \'('eb. 1:.SIO incluye un mayor realismo.
animaciones ms fciles ~ una opturuzacin de
mas peso. ImageRcady nos facilita crear mapas
de imagen y todo tipo de elementos \\eb.
Cubriremos todo esto en este caprulo. Sin
embargo, para ms detalles sobre Photoshop r la
Red. puede ver FOl/llr/lI(/OII Pho(oJhop, que est
publicado por [nends o/ UD.

Los botones son pequeos y tentadores disposiIlVOS que dicen "plscrnc


y vea lo que ocurre".
Todo diseador debera tener unos cuantos
botones en la manga. Vamos a hacer unos
cuantos csulos de excelentes botones. Una vez
que aprenda estas tcnicas podr utilizarlas para
crear una gama ilimitada de ellos.

El pnmer botn quc 'lucremos hacer es el botn


de gel. Se parece al ~lacOS X de Apple. Hay
millones de maneras de reahzar este efecto, sin

embargo. en nuestra opinin este es el mtodo


ms rpido y fcd.
1. Abra un nuevo documento

de ISOx 100

pixclcs a 72 puntos por pulgada, modo RGB.


En realidad, hara el documento un poco ms
pequeo pero vamos 11 hacerlo ms grande de 10
normal para verlo claramente. Siempre puede
reducir el tamao despus. Cree una nueva capa
)' llrneln botn.

2 Seleccione la herramienta Rectngulo


redondeado.
llaga che sobre el botn Crear
zona rellena. la tercera opcin de la barra para
que dibujemos pixclcs r no una linea. Como
Radio escoja 30 pixclcs,
3 Arrastre la herramienta en su documento.
Lo normal es que consiga un dibujo con forma
de pastilla. Esta herramienta es un magnfico
aadido a Phoroshop 6.

4. -\hora vamos a utilizar la herramienta Degradado para rellenar el


dibujo. con un color azul oscuro
como color frontal y un azul claro
de color de fondo.
5. Ctrguc a connnuacin
seleccin activa.

la capa como una

Captulo

TRUCO: PULSE CONTROUCOMANDO

10

y HAGA CLlC so,,-----------""'"

BRE UNA CAPA EN LA PALETA CAPAS. ESTO LA CARGARA COMO UNA SELECCiN.

6. Elija la herramienta Degradado, con una


con6gu racin de Color frontal/color de fondo r
forma Lineal. Rellene con el degradado azul de
arriba abajo.

(). Unlice el atajo Control/Comando-T


para
en trar en el modo de Transformacin libre. Use
los controles de Perspectiva y Escala para
reducrr el degradado ligeranlenre. Baje una plzca
el borde superior: un poco los bordes laterales.
Esto formar la base para nuestra luz.
'"
~

TR UCO: CUANDO TIENE UN NODO ACTIVO PUEDE MO


VERLO CON LAS TECLAS DE CURSOR DEL TECLADO

.., Con la seleccin y la herramienra Degradado


rodavia activas, haga clic sobre el degradado
Color frontal/transparente.
El color frontal ser
el blanco.

In -\ plique un Desenfoque gaussiano de 1.5


pxclcs para suavizar el efecto. Ya tenemos
nuestro botn iluminado.

R. Cree una nueva capa y Umela luz. Aplique


el degradado como se muestra en la figura. El
tercio supenor de la tmagen debera tener el
degradado blanco. Pulse Control/Comando-D
para anular la seleccin.
Si ha vrsto alguna vez un botn OS X, sabr que
tienen un Itgero resplandor en la parte infenor
central. v'amos a aadir ese resplandor.

203
tulo 10

Trucos Web

II Cree una nueva capa que se llame luz


inferior.

TRUCO: SI QUIERE RELLENAR CON EL COLOR FRON


TAL PULSE ALTlOPCIN.RETROCESO/SUPRIMIR.

PARA

RELLENAR CON EL COLOR DE FONDO PULSE CONTROU


COMANDOSUPRIMIR.

l:.!. SelecCIOne la herramienta Marco elptico. En


1:1barra de herramientas
Introduzca un valor
de 5 en Calado para suavizar los bordes.
TRUCO: ASEGRESE DE RESTABLECER EL VALOR DE

ara
. Use

CALAR A

o CUANDO

HAYA APLICADO ESTE EFECTO .

PUESTO QUE, DE LO CONTRARIO, TODAS SUS SELEC


ClONES SE CALARAN AUTOMATlCAMENTE

pizca
rales.

ES FCIL

OLVIDARSE DE ESTO

15 Cambie el modo de fusin de capa a Superponer y reduzca la Opacidad al 68%. Vuelva a


colocar el valo en caso de que sea necesario.

1, Dibuje un valo en la parte inferior del


horn.
lE Me.
ADO

1(" .\hora aplicaremos una Sombra paralela. En


los botones de gel, la sombra paralela tiende a
ser de un tono azulado. Seleccione la capa botn
r aada un estilo de capa. Elija Sombra paralela
y cambie el color a Clan. Reduzca la Opacidad al
5l)l' o r ajuste la Disrancra, Angulo y Tamao tal y
como se muestra en la Imagen siguiente:

_j

l 1. Rellnclo

con blanco

r anule

la seleccin.

MoGo de

:::::J

fusI6n: MultiPlicar

QpKIdM:

;."p,:

e::::::=:::o= SO-"

(!)~.

P" Uur luz IobII

~:

~~~~======~
r:r--Px

txtensi6n:

ca

;o---- "
s- px

lllNlo: 'O

r~
!!.I*IO:

a~====~"

que
)r

Lo nico yue le falta al botn es algo de texto.


l7 Cree su texto en negro con una fuente sans
seri] como Futura o \rial. Nosotros escribimos

home .. Arrastre la capa de texto bajo las capas


de luces para que los reflejos estn por encima
del texto. Esto dar la sensacin de que el texto
se encuentra situado dentro del cristal.

TRUCO PUEDE ARRASTRAR UNA GUIA HASTA El CEN.


TRO DE LA IMAGEN PARA CONSEGUIR UN ACABADO
PRECISO AJUSTE EL TEXTO A JUSTlFICACION CENTRAL

y OBSERVE LO OUE OCURRE

Y, COmo colofn, aliada una Sombra paralela al


texto. Le dar profundidad al efecto.

TRUCO. SI LOS BORDES DEL BOTON NO LE PARECEN


MUY LIMPIOS PUEDE INTENTAR ESTO SELECCIONE LA
CAPA BOTN HAGA lUEGO

cuc SOBRE CAPA>HAlOS>

ELIMINAR HALOS E INTRODUZCA El VALOR DE 1 PIXEL

Divirrase con los botones de gel} recuerde que


puede utilizar cualquier botn ~-cualquier forma
geomtrica.

Este botn e~ tambin IUU} popular entre los


diseadores web. Vamos a crear un botn
redondo acrrsralado.
I Empiece con un nuevo documento tlue tenga
ISOx150 pxcles de 72 puntos por pulgada,
modo RGB. Como dijimos en la ltima seccin.
probablemente lo qUiera ms pequeo pero lo
vamos a hacer mayor de 10 normal para quc
aprecie el efecto en su totalidad. Cree una nueva
capa ~.lImela botn.
2. Con la herramienta Marco elipnco, dibuje a
conunuacrn un crculo. Recuerde, SI quiere
dibujar un crculo perfecto, debe mantener
pulsada la tecla Mays rmentras arrastra el ratn
para deternunar la seleccin y mantenga pulsada
la tecla Ah/Opcin
pMa hacer la seleccin
desde el centro.

205
Trucos Web

/'

---

~,,

,,

,,

.,

,,
,

......

--

"\ Fscoa un verde claro como color de fondo.


Seleccione la herramienta Degradado y aplique
la configuracin Radial, Color frontal/color de
fondo, Aplique un degradado de forma srmilar
\ la que lucimos con la esfera 3D. 1'.0 anule la
seleccin rodavia,

7. Pulse Control/Comando-T
para entrar en el
modo de Transformacin libre. Escale el degradado para que sea un poco ms pequeo que el
circulo, Pulse Intro/Retorno
para aplicar la
trans formacin.

R, Duplique la capa luz, arrastrando la capa al


-l Una vez que tenemos un botn redondo,

icono Crear una capa nueva.

aplicaremos la ilummacin con el fin de que


pare/.ca acristalado.

!)

') Cree una nueva capa y llmcla luz.


(, 'Iuste el color frontal a blanco y cambie la
configuracin Lineal, Color frontal/transparente.
vpliquc <.:1 degradado a la parte superior del
Circulo y anule 1:1seleccin,

Con el modo de Transformacin libre voltee


la capa verticalmente ~ arrsrrela hasta la parte
inferior del circulo.
TRUCO: SI MANTIENE PULSADA LA TECLA MAVS MIENTRAS ARRASTRA EL MOVIMIENTO SE I-IARA EN INCREMENTOS DE 45 GRADOS

1" \phclut! un Desenfoque gaussiano de -t,l


pxeles a 1;) luz rnferior para suavizar el efecto.

1 1 Cambie al modo Superponer Pflr,l darle un


aspec ro rrasl cido,

12 Suanzaremos la iluminaCIn superior


tambin. Para ello seleccione la capa r aplique
otro Desenfoque gaussiano de 1,1 pxeles .. \qu
el desenfoque es menor porque queremos
mantener la iluminacin bastante desracads, lo
cual le da rcahsrnn, parece cristal.

11. vada algo de texto al botn con una fuente


suus fl'nj de color negro para realzarlo.

1-1 vsegrese de que la capa del texto est por


debajo de la ilumInacin. y va tenemos el botn.
Slo queda aplicar una Sombra paralela.

I; .Yphque ahora una Sombra paralela verde a


la capa del botn.

207
Trucos Web

~S"'n,ar""

.,-Estrect.... :::JO

Modo de fusin IMuIIiDIic'"

o=~"

QpKldId

"9."IO~
Illst"ncla;

cabo COI1 unas cuantas variaciones intercaladas,


Las vanncioncs le permitirn aprender bastante
en el proceso creauvo r le demostrarn cmo los
resultados pueden cambiar drsncamenrc con
slo un Pi\[ de aJustes.

po

S-px

~xt.nsln: ...
I

l..-nlo: l1S

Uur luz global

ra---"
S-px

l. llna vez ms. cree un nuevo documento

modo RGB. Esta vez seleccione el negro COfiO


color de fondo. Restablezca los colores frontal y
de fondo por defecto pulsando la tecla D.

r ~viudo

ro--.:."

~
po

La ~

de

150x 150 pxeles a 72 puntos por pulgada. en

2. Cree una nueva capa y llmela textura. "Vamos


a rellenarla con metal bruido .. Aplique el degra
dado de cobre diagonalmente sobre esta capa.

N>re la sornln p;K"1kU

Con esto rcrrrunamos el botn. Puede usarlo en


sus pginas web y en sus trabajos destinados a
Impresin para conseguir efectos especiales.

3 -vjusrc despus el Tono/Saturacin (Control/


Comando-U) a un tono azulado rara conseguir
Ll Slgulcnte botn que crearemos es ms que un
botan personalizado. La creacin la llevaremos a
Tono/saturaCin
- Eda:tn

ITodos

T~

un efecto plateado.

El

208

4 Para conseguir la textura correcta, aada


ruido. En Filtro>Ruido>Aadir ruido ajuste la
configuracin al 5 por 100.

.5 \ada un desenfoque al ruido para terminar


la textura. Haga clic en Filtro>Desenfoque>
Desenfoque de movimiento con la sigiuentc
con figuracrn:

e)

\cme

la capa textura

~ haga Control/

Comando-che sobre la capa del hexgono.


Debera estar viendo algo as:

111.Queremos mover ahora la textura seleccionada a su propia capa, as <-uepulse Control/


Comando-Mays-]
para mover la seleccin a
una nueva capa.

Cree una nueva capa para hacer el botn.


Llmcla forma.

(l.

7 Escoja la herramienta POtigODO e introduzca


un valor de ( en Lados. Tambin active Crear
zona rellena en la barra de opciones.
El Dibuje un hexgono y suelte el ratn.
"
~

TRUCO SI MA~ENE

PULSADA LA TECLA MAYS LOS

ANGULOS SERAN MULTIPLOS DE 45 GRADOS

11 Esconda las capas forma y textura medianre


los Iconos de los ojos de la paleta Capas. Ahora
debera ver slo el hexgono y el fondo.

209
Trucos Web

12 Con objeto de conseguir proporcionar algo


de profundidad 3D. aplique a connnuacin un
Biscl r relieve. Como estilo escoja ahora Relieve
acolchado.

Variaciones
Como primera variacin, daremos relieve al
texto y haremos que el botn brille ms.
1. Haga Coorrol/Comando-die
sobre la capa
del texto con el fin de cargar el texto como una
seleccin.

SI mostrarnos ahora la capa de textura, deberamos ver al hexgono como esculpido en la placa
de metal.

Por ltimo, aada algo de texto al dibujo. Puede


dejarlo aqu o incluir unas vanaciones adicionales. Guarde el archivo ahora en caso de que
quiera volver a este punto ms tarde.

2. Con el texto seleccionado, destaque la nueva


capa y esconda la capa del texto. Debera ver la
Silueta como una seleccin con la forma del
texto.

3. Pulse la tecla Suprimir para conseguir un


bisel instanrneo para el texto. ~Qu ha ocurrido? Hemos borrado parte del hexgono y el
estilo de capa se ha aphcado automticamente a
los nuevos bordes.

=. Pulse sobre OK y aplique la curva una


segunda vez. utilice una configuracin que
complemente a la pnmera aplicacin de curvas.

.............. ~ ...... -,....i-,..,...-~"

4 Lo que sigue es realzar

el metal con un efecto

de brillo.

Imagen>Ajustar>

Haga die

sobre

Al
i f
,-/T'
..\_-i-~/~.

\~L ....

Curvas y cree una curva pareada a la de la

;anar _

AutanUco

1/1/11'1

captu ra de pan talla.


Enlrada

ji99

p~

fi9
--------

Salida
"--

(l.

Observe que se produce una cascada de color.

QUiz le guste el efecto. Si no es as, abra la


ventana de dilogo Tonoj'saruracin y acnve la
opcin Colorear. "-\,uste el tono al azul que c1igJ
ongtna1mente y roda ser como antes.
Tono/solu,ocln

Top.

TRUCO: EL ATAJO CONTROL/COMANDO-M


VENTANA DE DIALOGO CURVAS

ABRE LA

ElI

211

Xhora el botn tiene un aspecto bastante disunro, aunque en realidad es el mismo.

7 Esconda la capa de la textura y haremos otra


variacin.
vplique un Resplandor exterior de
color verde luna.
1- Ruplu40r

Aqu el botn se ha duplicado varias veces con


texto diferente y se ha utilizado para crear una

exterior

I~ Estnoct ....
Modo de fusi6t.: INorrNI

::J

QpacIdad.

o=='

1\,

~ o..-t

rs-"
-- "

~u

100

rl
I

T4cric.: M su.viudo

::J

[lCttnder .....

IomM\o ~

~"
m-px

- Calidad
Contorno;~
B~o:

mterfaz.

r iuovludo

=0===

'i)brocl6n:u

rso-"
~"

Si le da otro rcsphmdor alrededor de los bordes


de los hexgonos y despus coloca algo de. texto
sobre ellos, podr obtener su propia interfaz de
navegacin.

212
Captulo
Otra posible variacin sera utilizar la opcin
Perspectiva correspoudicnre al modo de
Transformacin libre para crear OWI in rerfaz.

\segIese bien de agrupar rodas las capas que


quiere que sean transformadas antes de aplicar
la transformacin.

Vamos a seguIr a continuaCIn las tres secciones


SIguientes:
Los roliorers son una pacre integral de cualquier
pgina web moderna y atracnva. Un rollo/u es un
evento que OClUIe cuando el puntero del ratn
pasa por una cierta rea de la pgina. El evenro
ms comn es que cuando pase por encima de
UD;I imagen. sta se cambie en otra diferente.
Esto da la impresrn de que se ha PUISldoo
t1umtnado un botn. Hace casi irrcsrstihlc para
el visitante pulsar r navegar por la pagina.
En este captulo no slo vamos a ensearle
cmo crealos, veremos tambin cmo hacerlos
rnluples. Estos son idnticos a los normales
solamente que otra parte de la imagen cambIar
al mismo tiempo. :\ veces se les llama tambin
remotos. Vamos a utilizar TmageReady para esto.
Lo que le va a sorprender es lo fcil que es hacer
esto con ImageReady 3.

Preparar las ungenes en Photoshop,


~(onraJe en TmagcReady.
Pruebas en lmageReady y exportar a un
navegador de Internet.
y

SIO

mas demora, vayamos a la tarea.

1. Cree un botn de gel como el <]ue hrcimos en


el principio del captulo pero esta vez que sea
verde en vez de azul. Que sea de un tamao que
ronde los 150x40 pxeles.

10

Trucos Web

~ Abra despus la Interfaz dl~pol1lble para


descarga desde la pgula web de [neuds o/ E O
(roliove r demo. psd). Se ha hecho con las
tcnicas que ha apreudulo en este libro. Consmuremos una mrerfaz desde ce ro en el primer
Proyecto de diseo, Si esconde la capa del

; .vhora dc.:bcremos aadrr tul poco de texto


que utilizaremos para nuestro rollorer remoto.
-\, t .rcc un nuevo grupo de Capas)

llmclo
grupO de rollover. Los grupos de capas son
geniales para mantener orgull7.adas todas sus
capas. llaga despus che sobre el icono Crear
un conjunto nuevo de la paleta de Capas, Estos
conjuntos son nuevos en Photoshop 6 y le
permluran mostrarlos o esconder1o~ en la paleta
de capas v agrupar capas para ms facilidad de
vrsron y navcgaon.
:; \ada ,1 connnuacion el texto a la 1Olagen,
en el botn gmnde llue esta vaco en la interfaz
(servrra de pantalla). Lo que apLCeCe en la figura
de 1,1 derecha es lo lllle ver en la paleta de
Capas:

botn. tendremos un botn de color neutral a


causa de la, capas de luz, Para conseguir UD
rollorer debe tener una capa que puede mostrar \
esconder. lo que ser la base del efecto, .xqui
est la inrcrfa> con todos los botones desacnvados y despus en estado activado,

214
Captulo

10

(J.

Siga incluvendo texto hasta que tenga un


mensaje para todos los botones que se coloque
en la pantalla. Cada linea de texto debe estar en

una capa separada. Es una buena idea esconder


cada capa a medida que las va creando, as ver
lo que est haciendo,

Observe que las capas mensaje 3, mensaje 2,


mensaje L r mensaje inicio estn desactivadas.

mensaje estn en la paleta de Capas. As es como


funcionan bsicamenre los rollorers. Para autornatizar el proceso, utilizaremos a continuacin
Image Rcady,

\qu est la misma imagen pero con todas las


capas mostrndose. Vea que todas las capas de

1>0
1>0
1>0

~ Guarde la imagen en su disco duro.


X En la parte inferior de Labarra de herramientas, hay un botn que ejecutar ImageReady y
cargar su Imagen automticamente.

I~

Haga che sobre l y a connnuacrn espere.


Podra tardar un rrunuro o dos en cargar r
construir el arcluvo,
'J.

215

Trucos Web

Si todo ha ido bien su imagen ya est cargada en


ImageReady y preparada para usarse en la Red.

Lo que sigue partir la imagen en distintas


piezas, como las de un puzzle. Se ensamblarn
en la pgina web mediante el uso de tablas
automticas que son invisibles. Esto le permitir
mostrar una imagen de forma eficiente, ya que
puede optimizar cada sector con independencia
de los dems.

Sin embargo, para que ImageReady sepa cul


es la parte de la imagen que se ver afectada
en cada caso, tenemos que partir la imagen en
sectores.

primer botn. Se parece mucho a la herramienta


Marco elptico.

1. Seleccione la herramienta Sector de la barra


de herramientas.

2. Empezando por la esquina superior izquierda,


arrastre la herramienta Sector alrededor del

3. Ver una cajita azul en la esquina con el


nmero 01. Esto indica que se ha definido un
sector para esa rea.

216

TRUCO: AJUSTE LOS liMITES DE LOS SECTORESEXAe


TAMENTE UNO AL LADO DEL OTRO O SE CREARN
SECTORES SIN SENTIDO QUE LO UNICO QUE HARN
SERA COMPLICAR LAS COSAS CUANDO HAYAQUEUNIR
TODAS LAS PIEZAS DE NUEVO

4. Siga aadiendo sectores para cada uno de los


botones. El ltimo sector siempre se generar
automticamente. Su imagen estar ahora
dividida en cinco trozos, uno para cada botn
y otro para la ventana de texto.

7. Seleccione cada botn y aada contactos a


todos.
8. Ahora seleccione el botn de Inicio y vaya a
la paleta Rollover. Dse cuenta de que pone
Normal, as es como est la imagen cuando no
hay actividad del ratn.
9. Haga die sobre el botn Crear un estado
rollover nuevo, el primer icono de la parte
inferior de la paleta de Capas.

de

5. Antes de hacer nada ms, esconda el texto


para el botn Inicio. Queremos que todo sea de
color neutro.
6. Ahora, vamos a determinar un contacto para
cada botn. Escoja la herramienta Seleccionar
sector y pulse sobre el sector 01. En la paleta de
Sector, escriba un contacto, inicio.htm.

Ahora deberemos aadir un nuevo estado que se


llame Sobre. La imagen se transformar en este
estado cuando el cursor est por encima del
sector.
Lo que se muestre en la paleta de Capas cuando
se selecciona el estado Sobre es lo que se ver
en el navegador cuando el cursor est en ese
sector. Es mucho ms fcil poner ambos estados
en la misma imagen (por medio de las capas) en
vez de tener dos imgenes para cada estado.

AnmKi6n ..,......

Yer~

s.....-

Normal

11

11iJ]

roloy.,. demo_ ....

217
Trucos Web

10. En la paleta Capas, haga visible el mensaje


para el botn Inicio. El texto se ver en la
ventana de texto.
En la barra de herramientas
hay un botn que nos permite
probar los roouers creados
con ImageReady. Pruebe este
botn.
11. Ahora mues tre tambin el botn coloreado
de verde. Tenemos color en el botn del mensaje.Acaba de crear WI rolloier; espero que lo
encuentre fcil y rpido.

Cuando ponga el cursor por encima de un sector


de la imagen ver que los botones interaccionan
con el cursor. Asegrese de que cada sector
cambia correctamente y de que se restablezcan
cuando el cursor se salga de su rea. Si las cosas
no van bien, vuelva a la paleta Sector y haga las
correcciones oportunas. Cuando haya acabado
de probar los rolloters, desactive la visin preliminar de roliorers pulsando de nuevo sobre el
botn.
Una vez que todos los rotioiers funcionen bien,
podremos continuar con el siguiente paso.
Vamos a exportar las imgenes. El cdigo
JavaScript y htm! lo escribir ImageReady. Esa
es la buena noticia, no tiene que saber nada de
programacin.

12. Seleccione el segundo sector. En la paleta


Sector aada un nuevo estado como antes.
Muestre el botn coloreado con su texto en
la ventana de texto. Compruebe los estados
Normal y Sobre en la paleta de Sector.
Repita estos pasos con los otros dos botones.
Estarnos preparados para probar nuestros
rolloiers y ver cmo funcionan.

Antes de exportar las imgenes, tendremos que


optimizarlas. La optimizacin es encontrar ese
punto medio ideal entre la calidad de imagen y
el tamaiio del archivo. Queremos que los archivos sean cuanto ms pequeos mejor para que la
descarga por la Red sea lo ms rpida posible,
pero la calidad de las imgenes no debe descuidarse tampoco.
1. Seleccione cada sector con la herramienta
Seleccionar sector y cambie la configuracin en
la paleta Optimizar. Cambie la imagen pulsando
sobre la casilla de verificacin Optimizada y si

218

la extensin
JPEG, experimentando con la barra deslizadora de Calidad hasta que
encuentre un buen equilibrio. Si quiere mejores
resul tados con G1 F, en lugar de lo anterior,
mejor aada y elimine colores de la imagen.
Repita este paso para cada sector.
est utilizando

NOTA: VEAMOS MS DETENIDAMENTE LAS OPCIONES


DE LA VENTANA DE DILOGO GUARDAR OPTIMIZADA
COMO:

EL CAMPO DE GUARDAR COMO ARCHIVOS DE TIPO TIENE

TRES OPCIONES DISPONIBLES:

HTML E IMGENES: ESTO GENERAR TANTO CDIGO COMO


IMGENES

SLO IMGENES: ESTA OPCiN GENERAR IMGENES PERO


NO AFECTAR AL CDIGO.

SLO HTML: SI ELIGE ESTA OPCiN, SE GENERAR EL CDI


GO PERO NO AFECTAR A LAS IMGENES.

Cuando la imagen tiene degradados y fotografas, los JPEG van mejor. Para reas de color
slidas, motivos que se repiten y texto, son los
G 1 F los que funcionan de forma ptima. Ver
el tamao de archivo en la parte inferior de la
ventana de imagen.

EL CAMPO DE SECTORES CUENTA CON DOS OPCIONES DlS

PONIBLES:

TODOS LOS SECTORES: ESTA OPCiN EXPORTAR LA IMA


GEN ENTERA COMO UNA SECUENCIA DE SECTORES.

SECTORES SELECCIONADOS: EN ESTE CASO SLO EXPOR

2. Cuando haya optimizado

cada sector ser


momento de exportar la pgina web.

TAR EL SECTOR SOBRE EL QUE EST TRABAJANDO, EL


RESTO NO SUFRIR CAMBIOS. ES LA MEJOR BAZA PARA HACER CAMBIOS A SU TRABAJO MS ADELANTE.

3. Haga despus clic sobre Archivo>Guardar


optimizada como y cree una carpeta en su
disco duro donde quiera exportar la imagen. En
el campo Guardar como archivos de tipo elija
Html e imgenes y en el campo Sectores
escoja Todos los sectores. Pulse a continuacin
sobre el botn Guardar y se generar su cdigo
e Imgenes.
Comprobar que ImageReady crea un documento en HTML y una carpeta llamada Images.
Dentro de esa carpeta estarn todas las imgenes
de los sectores del documento. Se trata de una
pequea pgina web en s misma, y totalmente
funcional.

4. avegue por el documento html en su disco


duro. Haga doble clic sobre el icono para
ejecutar su pgina en su navegador favorito.

lin.:.t:l:9.~.~j rollover-dem...
Su pgina se cargar en el navegador con todas
las imgenes y rollouers intactos. Pruebe a colocar
el cursor encima de los botones y vea a su
creacin tomar vida. Debera mostrarse tambin
el texto en la ventana de texto de debajo de los
botones.

219
Trucos Web

Felicidades!Acaba de crear una pgina web con

roUot'ers mltiple. Esto s que impresionar a sus


amigos y clientes y no fue tan difcil como crea
que iba a ser. Nos encanta ImageReady por su
funcionalidad. Incluso en el caso de que entienda de JavaScript, se ahorrar mucho tiempo si
dejaque ImageReady escriba el cdigo por
usted. El cdigo resulta fiable para distintos
navegadores y plataformas. De hecho, los rollorers
de www. photoshopcafe.
corn se crearon de
esta misma manera.

En este tutorial vamos a ir ms all del rolloter.


Incorporaremos lo que acaba de aprender pero
incluiremos tambin la atraccin adicional que

representa una animacin. Cuando el ratn pase


por encima de un botn, el botn cobrar vida y
las puertas se abrirn. Crearemos los sectores
y roliorers en ImageReady. Despus realizaremos
una animacin, tambin en la misma aplicacin.
Por ltimo le ensearemos un par de trucos para
cambiar una imagen de rolloter esttica en una
animada.
Los componentes de los que nos valdremos
sern la interfaz, una versin iluminada del
botn r dos puertas, cada una en su propia capa.
Comience abriendo ImageReady. El archivo con
el que trabajaremos est disponible para su
descarga en la pgina web de friends of ED, se
llama anirnated rollover
before. psd.
El rolloter terminado tambin se le proporcionar
para que juegue con l.

1. Con la herramienta Sector determine un


sector sobre el botn.

3. Con la herramienta Seleccionar sector, escoja


el sector del botn.

2. Haga un segundo sector sobre el rea de la


puerta. Compruebe que el resto de sectores se
adaptan automticamente.

-1-. En la paleta Sectores, asigne despus un


contacto de URL.

220

Captulo 10
5.. \hora es el momento de crear el rollol'er. Vaya
a la paleta de Rollover y haga clic sobre el nuevo
estado del botn. El estado Sobre se acaba de
aadir,

8. Con el nuevo cuadro seleccionado, escoja la


capa door Ieft.

6. Haga visible la capa burton lit; le dar la


impresin de que el botn est brillando.

1-----.. C::J9Io",
I-----"'t
1--"';"'--1

c:::::J shado",

C::J

background

C::J

highJight

C::J

button~t

~button

Importante:
En este momento, asegrese de
que est utilizando la herramienta Mover de la
barra de herramientas o se movern los Sectores
en lugar de las capas.
9. Con las teclas de Cursor de su teclado, desplace la capa hacia la izquierda hasta que la puerta
apenas se vea.

====;;;:
r> O

Este es el resultado:
TRUCO: MANTENIENDO PULSADA LA TECLA MAYS poDR EMPUJAR LA IMAGEN EN INCREMENTOS DE 10
piXELES EN VEZ DE INCREMENTOS DE 1 PiXEL PARA
AHORRAR TIEMPO.

10. Seleccione a continuacin


right.

En la paleta Capas, bar dos capas que se llaman


door right y door left. Son las puertas que
pronto animaremos.
7.. vbra la paleta .-\nimacin. Haga clic sobre el
icono Duplica el cuadro actual para aadir un
nuevo cuadro.

la capa door

11. Utilice la tecla de Cursor r mueva la puerta


hacia la derecha. Ya tenemos el cuadro final Con
las puertas abiertas.

221

Si se fija en la paleta Animacin podr observar


dos cuadros. El cuadro 1 tiene las puertas
totalmente cerradas, mientras que el cuadro 2 es
una imagen con las puertas totalmente abiertas.

13. Ver cmo se muestra esta ventana. Escoja ...


como nmero de cuadros a aadir. El resto de
valores estn bien por defecto. Haga luego dic
sobre OK.
Intercalar

capas; ..
r:

Usa' tooas las capas


C4pa selecclalada

e.rmtros IV PoiIcIn

OK
Cancelar

IV~1dad
IV Efectos
12. Para conseguir una animacin ms suave,
necesitamos crear unos cuantos cuadros de las
puertas en el proceso de abrirse. Lo mejor de
este pequeo problema es que rmageReady
puede hacer esto solo: se denomina Intercalar.
Pulse sobre la pequea tecla en la parte superior
derecha de la paleta Animacin y ejecute el
comando Intercalar.

.... Pulse sobre el botn Ejecuta la animacin


para probarla. Haga clic sobre Detiene la
animacin cuando haya terminado.
Quiz se haya dado cuenta de que la animacin
se repite una}' otra vez; describe una especie de
bucle sin fin. En muchos casos esto est mur
bien. Pero en este caso es contrario a nuestros

Los cuatro cuadros se generan automticamente.


Tenemos un total de seis cuadros como puede
ver en la imagen a continuacin y ello nos
proporciona una animacin de transicin muy
suave.

deseos. Queremos que las puertas se abran una


vez y se queden abiertas. Si su animacin se
repi te, pulse en el botn de la parte inferior y
elija Una vez en lugar de Infinito.
15. Haga clic sobre el botn Ejecuta la animacin para probar la animacin de nuevo. Las
puertas deberan abrirse r quedarse como estn.

222

_-\hora que la animacin funciona, es hora de


poner a punto la pgina.
1. Escoja en primer lugar un formato JPEG
para todos los sectores excepto para el de la
puerta.

2. Seleccione a continuacin
puerta.

3. En la paleta Optimizar, cmbielo despus a


GIF. Deber ser de este tipo de archivo puesto
que es el nico formato que funciona con
anunaclOnes.

IiiIO

Da.
Ajustes:
TGIF
IAdaptablo
"Sin tramado

I [Sn nombro J
~

3[
~

~~

generar todo el cdigo


sectores.

el sector de la

r las imgenes

de los

6. Ya estamos preparados para ejecutar nuestro


nuevo roorer animado. Vaya a su carpeta guardada )' busque el documento. Ejectelo a continuacin en el navegador de Internet que utilice
habitualmente.

Monos C.rod.d:~1tl
(olores; ~32

T;:;'.dO~f.Jj_

4. A continuacin vamos a optimizar el documento entero justo de la misma forma que en


el tutorial anterior, vaya a Archivo>Guardar

optimizada como.
S. Cree una nueva carpeta}' exporte la nueva
pgina a esa localizacin. Guarde el archivo
como HTML e imgenes y con la opcin
Todos los sectores. Haga clic en Guardar para

Cuando el ratn pase por encima del botn, ste


brillar y las puertas se abrirn. Es tamos seguros
de que est pensando en un montn de aplicaciones para lo que acaba de aprender. Puede
proporcionar mucho sabor adicional a sus
pginas con la utilizacin de los rollol'ers animados y estar un paso por delante del resto de
diseadores.

223
Trucos Web

Esperamos que haya disfrutado de este captulo.


Ha aprendido algunas tcnicas de interaccin
avanzadas para sus imgenes de Photoshop para
la Red f propsitos multimedia. Ha aprendido

tambin algunas caractersticas de TmageReady. que


le sern tiles. Las tcnicas no son tan difciles de
aprender y una vez que les coja el truco podr
producir pginas web sorprendentes.

227
Lneas

y tramas

CAPTULO 11. LNEAS y TRAMAS


ltimamente, la moda tecnolgica ha
entrado fuertemente en el mundillo
grfico. Vemos que en todos sitios
los grficos presumen de lneas de
alta tecnologa y diseos entramados. Estos
efectos son relativamente fciles de hacer y la
mayora se basan en el uso de motivos. Comenzaremos con las simples pero tiles lneas de la
televisin, despus las llevaremos a una trama y
la distorsionaremos, retorceremos y mapearemos.
Este captulo ser muy divertido en cuanto deje
estas palabras preliminares, sus imgenes Jams

\"neas de televisin
Este es un efecto muy popular y le gustar
aprenderlo. Es el efecto que crea unas lneas
paralelas que atraviesan la imagen y hacen que
parezca que son como las de la televisin.

3. Con la herramienta Marco


rectangular, seleccione la mitad
superior del documento y rellene
con negro.

.+. Seleccione ahora el documento


entero mediante el atajo Control/
Comando-A.

5. Gurdelo como un motivo, haga dic sobre


Edicin>Definir motivo. Se mostrar la
Siguiente ventana de dilogo. Llame al nuevo
motivo lneas TV. Con ello guardamos esta
seleccin en la galera de motivos de Photoshop
con el fin de que podamos acceder a ella en el
futuro. La utilizaremos como un motivo de
repeticin.

EJ,

Nombre de motivo

o v
1. Empiece un nuevo documento

con un fondo
blanco. Haga que sea de 2 pxeles de ancho y 6
de alto, con una resolucin de 72 puntos por
pulgada y color RGB. Si quiere lneas ms
gruesas, incremente la altura, ya que es la dimensin que determinar el grosor de la lnea.
Crearemos ahora nuestro motivo para las lneas.
2. Como el documento es muy
pequeo, haga zoom sobre l
(Control/Comando-+)
hasta que
sea lo suficientemente grande como
para trabajar sobre l.

tiOOUe:

IIIIil!!l'lIl'I

OK

canceJ.lr

6. Cierre a continuacin el documento. Acaba de


crear el motivo para usarlo cuando quiera.

228

2. Aplicar

el motivo

de Imea,;

-l. Seleccione ahora el motivo que creamos

el tutorial anterior. Para que se muestre el


selector, haga clic sobre el icono de
personalizado.

1. Abra una nueva imagen en Photoshop.

2. Cree una nueva capa y llmela lneas TV.

5. Pulse sobre OK y su documento se llenar


con las lneas, pues se le ha aplicado un
de repe ticin.

3. Haga dic sobre Edicin>Rellenar


para abrir
la ventana de dilogo Rellenar y escoja Motivo
en Contenido.
Rellena
OK
Cancelar

6. S, ya lo s. La imagen desaparece por el


momento. No tema, los modos de fusin de capa
nos sacarn las castaas del fuego. Cambie el
modo a Trama en la paleta de Capas.

Ereservar trNlSparencla

TRUCO: PULSE MAYS-RETROCESO/SUPRIMIR


ABRIR LA VENTANA DE DILOGO RELLENAR.

PARA

Lneas y tramas

Ahorapuede ver la imagen bajo las lneas. El


modo Trama convierte en transparentes las
lneas negras.

Otra manera de hacer este efecto es aplicando el


modo Superponer. Esto hace las lineas blancas
invisibles, pero mostrando las negras. Crea el
mismo efecto pero ms oscuro, funciona mejor
con imgenes de tonos claros.

7. Reduzca la Opacidad para que se vea parte


de la imagen por las lneas blancas y nos d un
resultado ms suavizado.

En la captura de pantalla vernos n;testra imagen


pero con el modo Superponer aplicado en vez de
con la Opacidad cambiada:

y con ello terminamos la imagen con las lneas

de televisin aplicadas.

Con esto, hemos terminado definitivamente,


No fue tan difcil como crey que sera. Ahora

230
Captulo II

empezar a ver lneas de TV por todas partes;


se utilizan en los anuncios de televisin, en las
revistas, videojuegos, pginas web y envoltorios
de productos, por nombrar unos cuantos.

La trama
Ahora que hemos aprendido los principios de los
motivos de lneas, crearemos una trama. Pueden
usarse de manera similar a las lneas e incluso
ambas pueden combinarse para conseguir un
determinado efecto. Haremos primeramente
la trama bsica y ms tarde veremos algunas
opciones avanzadas de creatividad que abrirn
nuevas perspectivas a su diseo.

-t. Lo que sigue es hacer un contorno para la


lnea. Haga clic en Edicin>Contornear. Como
Anchura, aplique un valor de 1 pixel, ajuste la
Posicin a Centro y el Color a blanco. Haga clic
sobre OK. Esto nos proporciona una fina lnea
que bordea el lienzo del documento. Va a ser
nuestro motivo de trama, as que no anule la
seleccin .
S. Vaya a Edicin>Definir motivo y denominelo trama.

1. Abra un nuevo documento que sea de 20x20


pxeles y tenga un fondo Transparente.
2. Haga zoom sobre l, (Control/Comando-+),
para ver bien lo que ocurre en el documento.
3. Seleccinelo todo mediante el atajo Control/
Comando-A o haga clic sobre Seleccin>
Todo. Ahora la seleccin debera cubrir todo el
espacio del documento.

6. Ya tenemos el motivo de la trama preparado


para su uso posterior. Puede cerrar el documento ya, hemos acabado con l. No necesitar
guardarlo, est ya en la galera de motivos.

1. Abra una imagen que quiera utilizar de fondo.


_-1. la fotografa que hemos utilizado le hemos

cambiado el color con un par de capas, algunas


nubes, un Desenfoque de movimiento, Tono/
saturacin r un Efecto ele iluminacin.

2. Cree una nueva capa y llmela trama


nombres tan originales!).

(qu

S. Cambie al modo Superponer r reduzca la


Opacidad al 65% para conseguir una fusin
mejor.

3. Haga dic sobre Edicin>Rellenar


y escoja
Motivo. Busque el nuevo motivo de trama.

Fusin =~~~~--..,-"...._"

Modo: Normal

:;:]

~idad:~"

r Ereservar tralS)arercia
-1. Con ello tenemos la imagen con la trama
aplicada.

La imagen mejora bastante. Siempre es importante asegurarse de que nuestros efectos se


fusionan bien con las imgenes r que no es tn
ahi porque s. Comprobar que hacemos un uso
bastante intensivo de los Modos de fusin de
capa porque son los que marcan la diferencia. Si
quiere aprender ms de ellos, hay una seccin y
dos captulos enteros de Capas en Foundation in
Pbotosbop, citado anteriormente.

Como primera variacin aplicaremos una trama


a una imagen que tiene perspectiva. Dentro de
esta seccin vamos a crear una trama de perspectiva que se desvanezca en la distancia. Este
efecto acenta mucho la profundidad de la
imagen.
1. Empiece un nuevo documento. Nosotros
utilizamos otra fotografa modificada. Esta vez
hemos duplicado la capa, la hemos invertido y
cambiamos el modo de fusin de capa para
conseguir el interesante resultado que se ve en
la figura.

Si lo considera oportuno, aada algo de texto,


podra utilizar esta imagen para un folleto
informativo o una cubierta publicitaria.

2. Cree una nueva capa)' llmela nuevamente


trama.

3. Vara a Edicin>Rellenar
de trama.

y utilice el motivo

233
Lneas y tramas
4. Reduzca a continuacin el zoom para que se
vea una buena parte de la zona gris, nosotros
hicimos una reduccin del 50%. La razn ser
obvia dentro un momento.

5. Utilice el atajo Control/Comando-T para


entrar en el modo de Trans formacin libre.
Haga clic con el botn derecho del ratn y elija
Perspectiva.

6. Arrastre las esquinas inferiores hasta que el


ngulo sea similar al de la perspectiva de la
imagen.

Captulo II

7. No aplique el efecto todava, haga dic con el


botn derecho del ratn de nuevo y a continuacin seleccione Escala.

8. Arrastre la lnea superior hacia abajo hasta


que se ajuste al horizonte. Quiz tenga que pasar
del modo Escala al de Perspectiva varias veces
para conseguir el ngulo correcto.

235
Lneas y tramas

9. Pulse ahora Jotro/Retorno


aplicar el efecto.

con el fin de

12. En la capa de la trama del cielo, aada una


Mscara de capa.

Esto es lo que debera aparecer en la paleta


Capas.

13. Con un Degradado Lineal, Negro, blanco,


empiece en la lnea de horizonte y siga hasta
cubrir la mitad del cielo. Observe cmo la trama
se difumina.
10. Ahora, para hacer el cielo, debemos duplicar
la capa de trama.
11. Vaya al modo de Transformacin libre
(Cootrol/Comaodo- 1'), haga clic con el botn
derecho del ratn y escoja la opcin Voltear
vertical. Arrastre la trama hasta que est en
posicin. De esta manera tiene dos tramas que
fluyen con una perspectiva clara y que se
encuentran en el horizonte de la imagen.

1-1-.Ahora aplique una Mscara de capa a la


trama inferior y arrastre el degradado hacia
abajo de igual matlera que antes.

236
Captulo II
De esta manera podemos comprobar cmo
las dos tramas se van desvaneciendo con la
dis rancia.

Podramos usar perfectamente


portada de un informe anual.

15. Reduzca a continuacin la Opacidad en un


50% con el fin de fusionar la trama mejor con la
Imagen.
16. Cambie ahora la trama superior al modo
Superponer.
Tras lo cual tenemos la trama de perspectiva
perdindose en la distancia y definitivamente
terminada.

la imagen como

lneas y tramas

Preparado para zambullirse en algo ms salvaje


y creativo? Realizaremos una trama ondulada.
Este efecto nos gusta mucho y tiene diversos
usos arts ticos.
1. En primer lugar, abra una nueva imagen.
sta la hicimos con filtros de nubes, focos,
desenfoque radial}' bastantes trucos de capas.
Es de 600x600 y tiene una resolucin de 72
puntos por pulgada.

4. Reduzca el zoom a un 50% de nuevo.


5. Con el modo de Trans formacin libre,
arrastre todos los lados del lienzo lo mximo
que pueda. Ello es para que al distorsionar la
trama, haya suficiente espacio para trabajar y no
se salga de los bordes de la imagen.

2. Cree a continuacin una nueva capa y denomnela (exacto, vemos que lo va entendiendo!)
trama.

6. Pulse Intro/Retorno
macin.

para aceptar la transfor-

.'

3. Haga die sobre Edicin>Rellenar


y rellene
con el motivo de trama que hemos utilizado
anteriormente.

238
Captulo II
7. Y ahora ha llegado el momento de aplicar el
efecto. Haga dic sobre Filtro>Distorsionar>
Onda. Aplique a continuacin la configuracin

Nmerode generadores:
Mn.

de la imagen. Lo importante es reducir las


escalas horizontal y vertical y el nmero de
generadores.

Ir-:

M6x.

m-- ~

Es~a:

8. Haga despus die sobre OK y tendr su


trama dis torsionada.

9. Cambie el modo de fusin de capa a Superponer y reduzca la Opacidad al 73% para que se
fusione con la imagen .. Aqu tenemos el resultado del ajuste de capa. Una diferencia abismal.

Los modos de fusin de capa le tienen que


gustar. A nosotros nos encantan!

10. Para terminar, vamos a difuminar parte de la


imagen. Afiada una Mscara de capa a la capa de
la trama y ejecute un degradado Lineal, Blanco,
negro diagonalmente. El resultado termina por
fusionar la trama con la imagen.

239
lneas y tramas

Trama desplazada
Este es el ltimo efecto que haremos con tramas
y no es slo el ms avanzado, sino tambin el
ms vistoso. Ajustaremos una trama sobre un
objeto, para que se adece a las curvas. Esto lo
haremos con un mapa de desplazamiento. Para
este ejercicio escogimos una imagen de un trozo
de tela.

Como ve a continuacin, la hemos transformado


en la portada de un CD con un poco de texto y
una imagen.

7. Crear el mapa
1. Abra la paleta de Canales

Puede probar distintos tipos de efectos sobre la


trama para conseguir resultados muy diferentes.
No se asuste a la hora de probar algo, as se
aprende.

2. chele un vistazo a cada canal y escoja el que


ms contraste ofrezca. En este caso concreto,
parece que el verde es el ms acertado.

Captulo

Aplicar

11

el mapa

1. Haga dic sobre RGB en la paleta Canales del


documento original para mostrar todos los
canales de nuevo.
2. Cree una nueva capa y denomnela trama.
3. Ejecute el comando Edicin>Rellenar
escoja nuestra trama. Reduzca el zoom.

3. Haga clic con el botn derecho del ratn


sobre el nombre del canal y elija la opcin
Duplicar canal del men emergente.
4. En el campo Documento, seleccione Nuevo.
Con ello se introduce el canal en un nuevo
documento.
5. Aada un ligero Desenfoque gaussiano para
suavizar los detalles un poco.
Desenfoque qaus sreno

!El

100"

El

'2SJ:

6. Ahora guarde esta imagen como. psd en el


disco duro. Llmela mapa. psd. Cierre a
continuacin el documento; lo utilizaremos
pos teriormen te.

4. Con el modo de Transformacin libre activo,


agrande la trama un poco.
5. Vamos a aplicar el efecto, seleccione la opcin
Filtro>Distorsionar>Desplazar,
se abrir una
ventana de dilogo. La configuracin por defecto
vendr bien para nuestros fines. Fjese en que
hay dos opciones llamadas Estirar y Segmentar.
Son tiles en caso de que el tamao del documento sea diferente del tamao del mapa de
desplazamiento. Con Estirar, se le dar al mapa
de desplazamiento el tamao de la imagen
actual. Si escoge Segmentar, entonces se mantendr el tamao del mapa y se repetir una y
otra vez sobre la imagen hasta que la cubra por
completo.

241
Lneas y tramas

6, Aparecer una ventana de dilogo para


seleccionar la imagen que servir de mapa de
desplazamiento, Utilice el archivo mapa. psd
que guardamos antes, Como por arte de magia,
la trama se ajus tar a la tela,

Puede aplicar algo de texto para acabarlo. Utilice


el mismo mapa de desplazamiento para el texto.

7. Invierta el color de la trama (Control /


Comando-I) para conseguir un efecto mejor
sobre el color de la tela,
'\ \J.

"

L:

"j

:\~

..
:,.

JII~

"'"
~Il
,

Este es uno de los efectos ms populares


actualmente. Parece que todo el mundo quiere
hacer sus propios cristales abstractos. Aqu tiene
el procedimiento a seguir:

......

t-

1, Comience una nueva imagen para que sirva


de fondo, una configuracin de 800x600 pxeles
y RGB ir bien. Cree una nueva capa y lImela
cristales, El fondo que hemos incluido en
nuestra imagen es de color azul claro, pero esto
es slo cuestin de gusto personal,

't,

U ~
Iii

:"'l ..

lJ..

---

2, Seleccione la herramienta Lazo poligonal


pues ser la columna vertebral de todo el efecto.
3. Empiece a dibujar los cristales, Cuando haya
dibujado todas las lneas pulse sobre el punto de
partida, ver un pequeo crculo que indica que
est en el punto de principio/fin,

Captulo II

5. A continuacin aadiremos algunas sombras.


Ejecute el comando Seleccin>Modificar>
Contraer con un valor de 5.
6. Ahora, haga c1ic sobre Seleccin>Calar e
introduzca un valor de 4. Ver una seleccin
interior.

Cuando CIerre la lnea se transformar en una


seleccin.

7. Escoja un color azul claro y rellene los


cris tales con ese color.
Selector de color
Seleccioneel cokr frootal:

4. Rellene con blanco.

fiJl

====-=="",=,.-;::::::-==-===1

Fusin avanzada

~;::;:;;=;;:::~:;;;;~

Qpaci. .relleno'.
Canales:
Cubrir:

';;=::---=-=--~:"'I,

Esta capa:

Capa subyacente:

255

10. Haga clic en OK y compruebe


relieve

lo que ha

conseguido.

11. Duplique la capa de los cristales y cambie el


modo de fusin de capa de la capa de cristales
superior a Luz suave.
12. i\juste el modo de fusin de la capa inferior
a Luz intensa.
9 En la seccin de Opciones de fusin de capa,
reduzca la Opacidad de relleno para darle un
aspecto semitransparente.

13. Vuelva a los Estilos de capa y aada un


Resplandor exterior a ambas capas tal y como
se muestra en la figura siguiente:

244
Captulo II

14. Vuelva a colocar las capas para que estn


exactamente una encima de la otra y obtendr
sus cris tales.
Pruebe distintas formas, tipos de bisel y tamaos
para obtener distintos resultados .-\ continuacin
le mostramos una imagen que realiz Colin
anteriormente.

Estamos seguros de que habr encontrado este


captulo abierto a todo tipo de conceptos
creativos para su diseo y arte. Empiece a
experimentar y aplique estos efectos a sus
creaciones y jams volver a hacer una imagen
aburrida. Este captulo le ha enseado a aplicar
efectos y motivos y a dar a sus imgenes un
aspecto de tecnologa punta.

247

Maravillas de diseo

CAPTULO

12.

MARAVILLAS DE DISEO

lgunas de las mejores canciones las


escribieron grupos que encontraron
una frmula mgica por casualidad y
produjeron un sil/gle que triunf, para
luego desaparecer sin dejar rastro. Si alguna vez
hicieron un lbum, ste tena aquella gra.n
cancin y un montn de relleno intragable. El
propsito de este libro es ir directo a la parte
buena y evitar el relleno intil. Este captulo
trata algunos efectos muy buenos que no necesitan un captulo por separado. Le presentaremos
estos efectos de uno en uno, le ensdaremos a
crearlos y a utilizarlos, pasaremos al siguiente y
despus podr utilizar su propia creatividad para
modificar y abusar de estas tcnicas todo lo que
quiera.

IG
Alguna vez quiso hacer una locura, como pintar
un eslogan en un monumento nacional? Tenga

t Convierta la capa de texto a una capa regular


haciendo clic con el botn derecho del ratn y
ejecutando el comando Rasterizar capa. Este
paso nos permitir aplicar un degradado a
nuestro texto.

por seguro que acabara en la crcel si lo hace .


Aqu tiene su oportunidad de aventura sin salir
de casa. Es seguro, fcil }",sobre todo, es legal.
Vamos a ensearle a aadir un efecto de graffiti
a u.n texto y despus fusionarlo con una imagen
para que sea realis tao
1. Cree un nuevo documento
pxeles en modo RGB.

de 600x200

2. Aada algo de texto que parezca un garabato


con graffiti. Nosotros utilizamos la fuente
TagsXtreme a 60 puntos. La fuente se puede
encontrar en www.pizzadude.dk.
otra
buena pgina para encontrar fuentes gratis es
www.lOOlfreefonts.com.
3. Tambin aumentamos el espacio entre caracteres (kerning) con un valor de 50 para darle un
poco de desahogo, estaban demasiado unidos los
unos a los otros.

NOTA: CUANDO EL TEXTO SE ENCUENTRA RASTER IZA


DO, PHOTOSHOP YA NO LO CONSIDERAR UNA FUEN.
TE, SINO UNA SERIE DE DIBUJOS, QUE SON, POR LO
TANTO, EDITABLES.

248
Captulo
5. Ahora tome la herramienta Degradado y abra
el Editor de degradado, pulsando en la ventana
de degradado en la barra de Opciones. Vamos a
crear un degradado personalizado como el que
se muestra en la imagen. Para ms informacin
sobre los degradados vea el captulo 6.
EdItor de degradado

I!I~EI

6. Cargue el texto como una seleccin. Haga,


por tanto, Control/Comando-die
sobre el
icono de capa para ello.
7. Seleccione un Degradado Lineal de la barra
de Opciones y aplique el degradado al texto de
arriba abajo. No anule la seleccin todava.
8. ~'illadimos despus un con torno gris claro al
texto. Cree a continuacin una nueva capa
(Control/Comando-N)
y llmela contorno.
9. Vaya a Edicin>Contornear y aplique una
configuracin de gris claro de 3 pxeles, con
una Posicin de Fuera.
10. Haga despus clic sobre OK y anule la
seleccin (Control/Comando-D).

11. El siguiente paso que tenemos que realizar


es suavizar el gris, con el fin de que el efecto
parezca hecho por un spray. Seleccione Filtro>

12

Desenfoque>Desenfoque gaussiano y
utilice una configuracin
un poco.

de 0,7 para suavizarlo

Maravillas de diseo

12. Ahora vamos a combinar el contorno y el


texto. Con la capa del contorno todava activa,
haga die sobre el cuadrado de la izquierda del
nombre de la capa de texto. Debera ver un
icono de una cadena. Esto significa que las capas
estn agrupadas.

~~_,.~
~~~~z/-.."':.~

;J ~_..~.~~:

15. Haga die sobre Edicin>Contornear


y
aada un contorno de 2 pxeles y una localizacin de Fuera.
16. Ahora contamos con un doble contorno
sobre nuestro texto. Deseleccione (Control/
Comando-D) y dispongmonos a darle una
sombra.
13. Haga clic sobre la flecha en la parte superior
derecha de la paleta de Capas y ejecute el
comando Combinar enlazadas del men
emergente. Las capas combinadas tomarn los
atributos y nombre de la capa situada por encima
de las dems . \hora la capa se llama contorno.
14. -\ continuacin le daremos otro contorno
ms, esta vez negro; comience por cargar la capa
como una seleccin, (Control/Comando-die).

TRUCO: UNA MANERA RPIDA DE RELLENAR CON NE.


GRO: PULSE D PARA RESTABLECER LOS COLORES POR
DEFECTO y DESPUES UTILICE EL ATAJO ALT/OPCINSUPRIMIR PARA RELLENAR CON EL COLOR FRONTAL.

17. Duplique la capa contorno. Cargue la capa


como una seleccin y rellene con negro.

18. Mueva la capa contorno copia debajo de


la capa contorno y despus desplcela hacia la
izquierda y abajo para que parezca una sombra.
Con ello hemos creado un efecto de estilo
graffiti. Lo que sigue es un par de maneras de
incluirlo en una imagen.

Captulo

12

19. _-\continuacin podemos comprobar el


efecto que se produce sobre un fondo. Hemos

combinado dos capas de graffiti para realizar


este efecto.

20. Experimente con los modos de fusin de


capa con el fin de encontrar la configuracin
que resulte mejor para su texto. En este caso

est en modo Luz intensa. Deber combinar dos


capas de graffiti antes de aplicar los modos de
fusin de capa.

251

21. Aqu tenemos otro ejemplo, esta vez sobre


unarejilla metlica. Puede encontrar esta imagen de
fondo,hecha con Photoshop, en el CD-ROt\I que
acompaa a este libro.

22. Esta vez el modo Superponer era el que nos


daba el resultado ms realista.

Divirtase con este efecto y recuerde: debe experimentar en casa con l.

Captulo

12

Continuamos otra vez ms con los reflejos.


Crearemos reflejos realistas sobre cristal yagua.
Esta tcnica es til para muchos casos, en
imgenes artsticas y manipulacin fotogrfica,
adems de ser un efecto que se puede hacer slo
por diversin. Hay dos maneras de llevarlo a
cabo. La primera es para una imagen sobre una
capa, la segunda es con una foto plana.
1. Empecemos con la esfera que creamos en
el ltimo captulo. Se puede aplicar el efecto a
cualquier imagen, por supuesto. Coloque la
es fera para que est por encima de la mitad de
la imagen.

L sphere

psd @ 60% (luz supenor.RGB)

IIIII'!I El
-l. Arrastre el degradado para que est debajo de
la esfera. Ahora estamos preparados para empezar el efecto del reflejo. Para conseguir una
reflexin convincente duplicaremos la esfera, la
voltearemos, la moveremos y la difuminaremos.

5. De modo que, lo primero que tenemos que


hacer, es duplicar la esfera. Arrastre el icono de
la esfera sobre el icono de Nueva capa en la
paleta Capas. Una nueva capa se crear, llamada
sphere copia. Ser nuestro reflejo.

1. Esta capa debe llamarse sphere

as que, si no
es el caso, vuelva a nombrar la capa en Capa>
Propiedades de capa o acceda a las propiedades de capa desde el men emergente de la
paleta de Capas.
3. Cree una nueva capa, denomnela color de
fondo y rellnela con un degradado.

253

Para voltear la esfera en el eje y, use la opcin

n>Transformar>Voltear

vertical,

TRUCO: SI MANTIENE PULSADA LA TECLA .MAYS EL

MOVIMIENTO SERA TOTALMENTE VERTICAL

pulse Control/Comando-dic
y haga clic con
botn derecho del ratn para acceder al men
de Transformacin libre y poder seleccionar
8. La imagen reflejada est bien; ahora queremos
difuminarla con el fin de conseguir una sensacin de profundidad. Para ello, necesitamos una
mscara de capa. Con la capa de la copia de la
esfera activa, haga clic sobre el icono Aadir
mscara de capa.

Sesgar
Distorsionar
Perspectiva
Rotar 160
Rotar90AC

7. Mueva la nueva capa hasta que la parte


superior toque la parte inferior de la esfera
originaL

9. Ahora ver una mscara de capa unida a la


capa del reflejo.

10. Seleccione un degradado Lineal, de Negro,


blanco y aplquelo sobre la mscara de capa.
Arrastre desde la parte superior de la esfera
reflejada a la parte inferior del documento.
(Compruebe si la casilla de verificacin Invertir
de la barra de Opciones est activa, en caso de
que los degradados se apliquen a! revs). Debera tener un efecto de desvanecimiento parecido
a! de la captura de pantalla.
NOTA: LA MSCARA DE CAPA ES UN INSTRUMENTO
REALMENTE TIL QUE AFECTA A LA TRANSPARENCIA
DE LA CAPA DE ESTA MANERA: CUANDO LA MSCARA
SE RELLENA DE BLANCO, LA CAPA ES OPACA; PERO
SI EST RELLENA CON NEGRO ES TRANSPARENTE. LOS DIFE
RENTES TONOS DE GRIS DARN ORIGEN A DISTINTAS TRANSPA
RENCIAS; ESA ES LA RAZN DE QUE EL DEGRADADO HAGA UNA
FUSiN DE TRANSPARENCIA TAN SUAVE.

Captulo

12

11. Vuelva a aplicar el degradado hasta que est


satisfecho con el resultado. Haga dic sobre el
icono de la capa para desactivar la edicin de
mscara, ahora el icono del pincel deber estar
en pantalla de nuevo. Es importante hacer esto
antes del siguiente paso; en caso contrario,
difuminaremos la mscara, )' no la imagen.
12. Haremos ahora un breve retoque y aadiremos a continuacin ese pequeo detalle que
transforma una buena imagen en una imagen
extraordinaria. Aplique un Desenfoque de
movimiento que tenga una Distancia de 10
pxeles y un ..Angulo de -90 grados, desde el
men Filtro>Desenfoque>Desenfoque
de
movimiento.

13. Tenemos una reflexin de cristal bastante


buena, pero qu pasa si queremos dar la sensacin de algo lquido en vez de cristal? .~s pues,
tomaremos la imagen r le aplicaremos algunas
ondas .. \ntes de esto, guarde su imagen como
reflej os. psd.

14. Para conseguir una onda consistente tendremos que combinar todas las capas que forman
el fondo. Con la copia de la capa de la esfera
seleccionada, agrpela con la capa de color
pulsando sobre el cuadrado de la paleta de
Capas. Ver cmo aparece el pequeo icono
de la cadena.

255

Maravillas de diseo

15. Haga clic sobre Combinar enlazadas


podr ver la figura de la derecha.

y
16. Arrastre a continuacin la capa de fondo
para que est por debajo de la esfera y sta
volver a aparecer.

256
Captulo 12
17. Para aplicar la onda, vayamos a Filtro>
Distorsionar>Ondas
marinas. Nosotros utilizamos un Tamao de 11 y una Magnitud de 16.

.-\qu tiene el resultado del efecto de agua en dos


etapas. Guarde la imagen, vamos a adaptarla un
poco para conseguir algo diferente.

1. La esfera est flotando sobre el agua. Qu


pasara si tocara ligeramente la superficie del
agua? Vaya a la paleta Historia y seleccione la
etapa en la que aplicamos la onda, ajuste el
Tamao a 13 y la Magnitud a 6. Con esto
tenemos un lago ms tranquilo.
2. Compruebe que la capa del fondo est activa,
dibuje un valo alrededor de la base de la esfera
con la herramienta Marco elptico.

18. Finalmente aplicaremos un desenfoque de


movimientoia la onda para acabar el efecto
de agua. ffaga clic sobre Filtro>Desenfoque>
Desenfoque de movimiento, ajuste el Angulo
a O grados y la Distancia a 30 pxeles.

3. Para suavizar el efecto calaremos despus la


seleccin. Haga clc sobre Seleccin>Calar
(AltfOpcin-Control/Comando-D)
y use una
configuracin de 10 pixcles.
4. Continuaremos usando el filtro Coordenadas
polares. Es un filtro bastante til para remapear

257
Maravillas de diseo

pxeles que estaban en lnea recta a circulares, y


viceversa. Tambin funciona sobre las selecciones como podr ver ahora. Haga die en Filtro>
Distorsionar>Coordenadas
polares; elija
Rectangular a polar y pulse sobre OK. Despus
anule la seleccin (Control/Comando-D).

13

Coordenadas polares
OK

Cancel",

5. Felicidades, acaba de aplicar una esplndida


onda. Resulta realmente sorprendente lo que un
par de ajustes con algo de imaginacin pueden
consegmr.
Hemos creado dos tipos de reflejos para un
objeto. Vamos a aproximarnos ahora a los
reflejos desde el punto de vista de su aplicacin
fotogrfica.

Captulo 12
un

foto

rafia

La base de lo que vamos a hacer es muy parecida


a lo visto anteriormente para las fotografas. Hay
una tcnica algo diferente, de modo que no nos
detendremos en lo que ya hemos tratado y
nos centraremos sobre todo en las diferencias
que hay entre ambas situaciones con detalle.

Tamao de lienzo

- -

-~

OK
[ C<n:elar

J600

Al1lra: ..l.....

Ancla:~

1. :\.bra una imagen fotogrfica de su eleccin.

ttfj

TRUCO: SI LA FOTOGRAFiA CONSISTE SLO EN UNA


CAPA DE FONDO ENTONCES PUEDE CONVERTIRLA EN
UNA CAPA REGULAR Y EDITABLE SI LE CAMBIA TAM.
BIEN EL NOMBRE COMO FONDO POR EJEMPLO. HA.
CIENDO CLlC CON EL BOTN DERECHO DEL RATN SOBRE LA
CAPA Y SELECCIONANDO PROPIEDADES DE CAPA PODR PO.
NERLE UN NUEVO NOMBRE.

2. Ahora tenemos que aumentar el espacio de


imagen, para que haya sitio para el efecto. Vaya
a Imagen>Tamao de lienzo. Doble la altura
original y en Ancla seleccione el cuadrado
superior central. Esto pondr el espacio nuevo
justo bajo la imagen original.

3. Duplique la capa de la imagen y voltee la


copia verticalmente. Se acuerda de cmo se
puede voltear verticalmente, no? Es mediante
Control/Comando- T para entrar en el modo
de Transformacin libre y despus haciendo
dic con el botn derecho del ratn/Control-die
para acceder al men.

4. Recoloque a continuacin la capa duplicada


para que sea como un espejo con respecto
a la capa original, y aplique un desenfoque de
movimiento. Nuestra configuracin: 10 pxeles
y ngulo de -90 grados.

Maravillas

de diseo

5. Utilice el atajo Control/Comando-T para


entrar en el modo de Transformacin libre. Con
los tiradores superior e inferior centrales, escale
la imagen verticalmente para que la imagen se
salga un poco del lienzo.
6. Mientras todava est en el modo de Transformacin libre, haga clic con el botn derecho del
ratn/Control-die y seleccione Perspectiva. El
efecto que intentamos crear es un reflejo que
se expanda ligeramente al entrar en el agua. Para
ello, empujaremos la parte inferior hacia fuera
un poco. Es un efecto sutil y no debe abusar
de l. Cuando est satisfecho con los resultados,
pulse Intro/Retorno con el fin de aplicar la
transformacin.

260
Captulo
7. Ahora vamos a difuminar, exactamente igual a
lo que hicimos con la esfera. Aplique una
mscara de capa a la capa duplicada pulsando
sobre el icono Aadir mscara en la parte
inferior de la paleta de Capas.

10. Escoja un color azul claro para el color


frontal y con la herramienta Bote de pintura
(G) rellene la capa de fondo con ese azul para
completar el efecto de reflejos de cristal.
Selector

8. Reduzca el zoom sobre la imagen para


cambiar el tamao del visor y poder ver ms
zonas del lienzo. Seleccione un degradado
Lineal, Color frontal/color de fondo. Recuerde
que se selecciona desde la ventana Degradado
de la barra de Opciones. Empezando por la
mitad superior de la capa reflejada, arrastre hasta
el final de la inferior para difuminar la imagen
con transparencias que se acentan cuanto ms
abajo vayamos.
9. Queremos rellenar tambin el rea transparente con algo de color para acabar el efecto. Cree
una nueva capa y llmela fondo. Arrastre la
nueva capa para que sea la ltima en la paleta de
Capas.

12

EJ

de color

Sell!cc_ el cou

frontal

(JI(

PersmaIU

~r.Hj236

'L:~

.s. 'a:r

('

8:fiOO- r 8.~
j2i4
c: zo-
G.j2i7
M: fi3 _

8:

r:

(' R;

r Slo coje-es Web

"'~

j255

Y:

K:P'"

11. Para que el reflejo sea de tipo lquido,


aplique el filtro de Rizo (Tamao: Medio,
Cantidad: 100 por 100) a la capa reflejada.
uestra imagen, terminada ya, debera ser algo
parecido a sta de aqu.

261

Maravillas de diseo

De nuevo, ha aprendido unos cuantos trucos


ms a lo largo de este captulo, adems de
realizar unos magnficos efectos; tambin hemos
incluido algunos consejos, como el de cun
efectivos pueden ser los modos de fusin de
capa para resolver problemas que algunos
podran intentar arreglar de una manera ms
complicada, por ejemplo intentando quitar el

color negro que hay alrededor de un rayo de


forma manual. Experimente con estos efectos y
cree los suyos propios. Puede que califique a
esto como de tcnicas maravillosas de diseo,
pero le demostrarn que son tiles una y otra
vez si les da la oportunidad. Haga combinaciones de efectos y se sorprender de sus propios
resul tados.

Secretos de collage

CAPTULO

13. SECRETOS

DE COLLAGE

n este captulo volveremos a tratar


muchos de los temas que hemos
estudiado en los ltimos seis captulos. Los juntaremos para producir
obras de arte. Vamos a construir una composicin de tipo de fondo. Este tipo de imgenes es
muy popular como pginas de inicio en pginas
web, fondos para imgenes y se utiliza mucho en
los psters. (La primera vez que le enseamos a
la gente cmo crear estos efectos en la pgina
www.photoshopcafe.
c om, la respuesta fue
impresionante.) Hacer collages es una de las cosas
ms divertidas que se pueden realizar en
Photoshop y podr conseguir excelentes resultados siguiendo slo unas cuantas tcnicas simples.
El ritmo de este captulo ser un poco ms
rpido que el de los anteriores porque no
queremos repetir lo mismo una y otra vez.
Muchas de las tcnicas que utilizaremos se han
explicado con detalle en captulos anteriores
del libro.

(I

de fondo
NOTA: SI UTILlZAELARCHIVO QUE LE RECOMENDAMOS,

1. Abra waterfall.

tif, lo encontrar en la
carpeta Samples que viene con Photoshop. Si no
puede localizarla no se preocupe, utilice cualquier otra imagen como punto de partida. De
todas maneras, vamos a alterar la imagen para
que sea irreconocible.

PUEDE QUE SE HAYA DADO CUENTA DE QUE ES UN AR


CHIVO DE 16 BITS POR CANAL ES UNA IMAGEN DE RE
SOLUCiN ALTA Y MUY POCOS FILTROS FUNCIONARN
SOBRE ELLA. TENDR QUE CONVERTIRLA

A 8 BITS, DESDE

IMAGEN>MODO>8 BITS/CANAL.

2. Lo primero que necesitamos hacer es reducir


mucho el nivel de detalle en la imagen. Aplquele
para ello un gran Desenfoque gaussiano.

Captulo

13

4. Ahora cambiaremos el color. Use el atajo


Control/Comando-U
para acceder al men
Tono/saturacin. Esta vez no active Colorear.
Mueva la barra deslizadora de Tono hasta que
tenga un color que le guste. El nuestro es de un
tono violeta.
~ wfiterffill tll @ 32.9% (R

I!I~EJI
El

Tonn/s eturacin
Edicin:

Todos

OK

Tono:

1-

5a!Jracin:

!.lJTlilOsldad:

3. Para obtener una sensacin de suavidad y


fluidez, vamos a utilizar un Desenfoque de
movimiento, Filtro>Desenfoque>Desenfoque
de movimiento. Ajuste el ngulo a 40 grados
y la Distancia a 166 pxeles.

Ya tenemos la base para el fondo de color.


Compruebe que no se parece en nada a la
imagen original.
5. Ahora crearemos algunas zonas de color
chilln con capas y modos de fusin. Duplique
primero la capa de fondo y a continuacin
aplique unos Efectos de iluminacin a la capa,

Fi Itro> Interpretar> Destello.

267
Secretos de collage
6. A continuacin suavizaremos la imagen un
poco, vaya a Filtro>Desenfoque>Desenfoque
radial, ajuste la Cantidad a 100 y el Mtodo
Zoom.

E1i

Desenfoque ,,,dl,,1

~ded

.--1

loo

_...;;O~K_....I
Cancelar

L::.

Celidad:
e_o,redor
ro BlIene
r time

r
Con todo ello obtenemos un resultado de
aspecto celestial.

268
Captulo
7. Cambie el modo de fusin a Trama para que
las dos capas se fusionen correctamente. El
color empieza a mostrarse, as como tambin
la profundidad.

8. Duplique la capa de nuevo, esta vez el modo


de fusin deber ser Sobreexponer color. Como
queremos un efecto sutil, aplicaremos entre diez
)' quince veces un Desenfoque radial.
TRUCO. PARA HACER ESTO RPIDAMENTE PULSE CONTROLlCOMANDO-F PARA APLICAR UNA Y OTRA VEZ EL
ULTIMO FILTRO

13

Vea cmo la imagen se hace ms y ms intensa a


medida que aplicamos nuevas capas.

9. El ltimo paso que tenemos que realizar para


este efecto de color de cuatro capas es duplicar
la capa de nuevo y cambiarla al modo Luz
suave.
10. La combinacin de estas cuatro capas da
unos resultados impresionantes. Combine por
ltimo las cuatro capas en una sola capa de
fondo.

269
Secretos de collage
3. Aplique un degradado Lineal, de Negro,
blanco a la mscara de capa para difuminar las
lneas de la parte central de la imagen.

1. Vamos a sacarnos de la manga algunos de los


efectos que aprendimos antes. Para empezar,
usaremos las lneas de televisin del captulo 11.
Cree una nueva capa de lneas y dle un nombre.
2. Rellene con el motivo de las lneas de TV.
Cambie al modo Superponer y reduzca la
Opacidad al 17%. Haga clic sobre el icono
Aadir mscara en la parte inferior de la paleta
de capas, para incluir una mscara de capa.

4. Cree una nueva capa y denomnela trama.


Rellene despus esta capa con el motivo de
trama que hicimos en el captulo 11. Ajuste el
modo de fusin a Superponer y reduzca la
Opacidad al 19%.
La imagen siguiente es el resultado que tenemos
hasta este momento.

Captulo 13

6. Aada una mscara de capa en la capa de la


trama y aplique el degradado de nuevo. Trace el
degradado diagonalmente para que la parte
inferior derecha se muestre ms que las dems.

Aadir

5. Ahora rotaremos la imagen 90 grados. Haga


dic en Imagen>Rotar lienzo>90 AC. Esto
cambiar la orientacin a una adecuada para el
escritorio del ordenador.

un punto

de enfoque

Cualquier buen diseo tiene un punto de enfoque.


Es la parte dominante de la imagen, lo que atrae al
ojo. Puede que, despus de hacer esto, quiera
aplicarlo a un producto si lo suyo es el diseo
publicitario. j osotros cogeremos la esfera del
captulo 10. El archivo est disponible en el CD-R01\1
que acompaa al libro. Se llama Sphere. psd.

271
Secretos de collage

Fuentes
Uno de los secretos de todo buen diseador es el
texto. Escoger una fuente de texto adecuada
mejorar o destrozar una imagen. Ver que
hemos utilizado una fuente sencilla que no
distrae la atencin dentro de la imagen, los
colores son los ms simples, blanco y negro, sin
ningn efecto. Esto crea un contraste con la
imagen a todo color. El contraste es crucial
tambin en un buen diseo.

mucho contraste. Si va a mezclar fuentes, mejor


que sean muy diferentes; la fuente extensa y
gruesa se complementa muy bien con la fuente
condensada y fina.
Ambas son de la familia Futura. Si no tiene esta
fuente, la Arial es muy parecida y en todos los
ordenadores se encuentra esta fuente cargada
por defecto.

NOTA: ESTE LIBRO EST DEDICADO POR COMPLETO A


LOS EFECTOS Y HEMOS CUBIERTO NUESTROS FAVO-

Ya que estamos usando


recortadas y un aspecto
en nuestro diseo, una
vendr muy bien. Aqu

curvas suaves, lneas


global limpio y moderno
fuente como la Futura
tenemos fuentes con

1. Ahora, debemos ondular la trama; este efecto lo


hicimos en el captulo 1L Seleccione primero la
capa de la trama y despus haga clic sobre

Filtro>Distorsionar>Onda.
2. La configuracin por defecto de la ventana de
dilogo de Onda estar bien, o experimente con
la suya propia si quiere.

RITOS EN EST~S PGINAS, PERO NO CAIGA ~N LA TENTACION DE ANADIR EFECTOS SOLO POR ANADIRLOS.

LAS IMGENES LIMPIAS SON MS ATRAYENTES PORQUE NO CONFUNDEN AL OJO

3. A continuacin se muestra la imagen con la


trama ondulada. Mueva la trama si necesita
esconder algn borde.

272
Captulo

Formas

geomerrrcas

En este caso se trata de un efecto que aporta


mucho a la composicin. Incluiremos unos
cuantos hexgonos en la imagen.
1. Cree una nueva capa y lImela hexgonos.
Elija el blanco como color frontal.
2. Escoja la herramienta Polgono (U). Ajuste
Lados a 6 y active Crear zona rellena.
1. Ar rastre y dibuje un pequeo hexgono. Tan
pronto como libere el botn del ratn, la forma
geomtrica se llenar de blanco. Mantenga
pulsado Mays mientras dibuja para que el
hexgono se cree correctamente.

4. Reduzca a continuacin la Opacidad al 32%.


Estamos incluyendo formas geomtricas semitransparentes con bordes slidos.
5. Cree una nueva capa y llmela contorno.
Cargue la seleccin de la capa hexgonos
haciendo Control/Comando-die
sobre el icono
de la capa.
6. Asegrese de que la capa del contorno est
activa y luego aplique un contorno de 1 pixel
(Edicin>Contornear) a la capa. Aqu est el
resultado deseado.

13

Secretos de collage

7. Combine despus ambas capas de hexgono

y contorno.

TRUCO: PARA HACER UNA REPLICA DE UNA CAPA, MANTENGA PULSADO ALT/OPCIN y ARRASTRE LA CAPA.

8. Duplique ahora la capa resultante y a continuacin colquela como ms le guste sobre la


composicin.

PRESTE ATENCiN A LA DOBLE FLECHA, ESTO SIGNI


FICA QUE EST ARRASTRANDO UNA COPIA.

9. Siga duplicando los hexgonos hasta que haya


construido un pequeo racimo de stos.

274
Captulo

13

Incluir Imeas
Vamos a introducir algunas lneas de un solo
pxel en la composicin. Las lneas son un truco
de diseo til, guan al ojo por la imagen.
Pueden ser creativas y estratgicas al mismo
tiempo.
1. Aada en primer lugar algo de texto ms
y rtelo.
2. Cree a continuacin
mnela lneas.

una nueva capa y deno-

3. Seleccione la herramienta Marco fila nica;


esta herramienta es magnfica para hacer lneas
finas porque slo selecciona zonas de una altura
de 1 pixel.

4. Arrastre la seleccin en la parte inferior del

texto. Rellene con blanco y anule la seleccin.


Vea cmo dibuja una lnea muy limpia.

___
BG

_
'I

J"."."

t.'

b ~ ~,ud,r",ccd.

5.. Aplique otra lnea en la


parte derecha, cambie a la
herramienta Marco columna nica que selecciona
reas que tienen una anchura de 1 pixel y rellene. El
nico problema de este
mtodo es que dibuja lneas
que atraviesan la pgina
entera. La solucin es hacer

selecciones sobre el rea que quiere suprimir


con la herramienta Marco rectangular.
6. Pulse Suprimir para limpiar
las partes de las lneas que no
desea.

Oy
--------r

2. Seleccione despus la herramienta Texto en


Photoshop y elija una fuente pequea y concentrada, como la Futura BT.

Texto minsculo
La ltima moda es coger una seccin de texto y
reducir su tamao hasta el punto en que es
demasiado pequeo para leerlo. Es una buena
tcnica que aporta mucho inters al diseo,
parece que ste es muy tcnico.
1. Abra un procesador de textos (como
Apple Text) o un navegador de Internet
algo de texto en l. Seleccione un trozo
y utilice el atajo ControljComando-C
copiarlo en el portapapeles.

Word, o
y cargue
del texto
para

3. En la paleta Prrafo, elija la opcin Justificar


ltima a la izquierda.

276
Captulo 13

-t. Dibuje una caja de texto, haciendo clic y


arrastrando con el ratn. Coloque el cursor en la
caja y copia el texto, ControJjComando- V.

5. Puede hacerlo ms pequeo si quiere, arrastrando la esquina

de la caja de texto.

Aqu se muestra el collage de fondo final. Las


posibilidades son ilimitadas. Una vez ms, mi
consejo es experimentar tanto como pueda.
Puede encontrar innumerables variaciones. El
propsito de este libro no es slo ensearle
ejemplos sino abrir nuevas puertas llenas de
posibilidades a su imaginacin.

277

Secretos de collage

colage.
psd y convierta la capa de fondo en una
capa regular haciendo dic con el botn derecho del
ratn sobre su nombre. En Propiedades de capa
llame a la nueva capa Escaleras .
.Acabamos de crear un collage de fondo .-\hora,
vamos a hacer algo un poco diferente, pero con
similares caracteristicas. Haremos un collage de alta
resolucin con fotografas. Estas fotografas estn
a 300 puntos por pulgada, una resolucin aceptable para impresin.
Las fotografas que utilizaremos para esta imagen
se pueden localizar en la pgina web de friends of
ED, son: Australia
l. tif, Australia
2.tifyAustralia
3.tif..-\bralastres
imgenes con Photoshop. Vamos
a hacer una composicin con ellas que podra
ponerse en una portada de un folleto de viajes
o en una tarjeta postal. Hemos llamado a esta
composicin City of dreams.
1. La imagen de las escaleras ser nuestra base
para el collage. Guarde el documento como

2. Arrastre la imagen de la Opera House hasta la


imagen de base. Ahora haga lo mismo con el
Sydney Harbour Bridge.
3. Deberia tener tres capas. Vuelva a nombrar las
dos ltimas, Puente y pera, respectivamente.
4. Ahora que todas las imgenes importantes
estn en un documento, cierre todos los otros
documentos de Photoshop, para optimizar el
trabajo. Empecemos, pues, con el colage.
5. Oculte las capas del puente y la pera.
Seleccione la capa de las escaleras .. -\plique un
Desenfoque radial con un valor de 100, localizado en Filtro>Desenfoque>Desenfoque
radial. Active el mtodo Zoom. Realmente nos
encanta lo que este filtro hace sobre la imagen.

Captulo

l. Haga visible y seleccione la capa de la pera.


Transforme la imagen (ControljComando- T).

2. Aada una mscara de capa)' haga dic sobre ella.


3. Con un Aergrafo suave de color
negro, pinte ahora sobre
la imagen. El negro har que la
imagen se esconda. sta es
la funcin de una mscara de
capa. Cuando pinte con el negro,
la imagen desaparece, cuando
pinta blanco, la imagen vuelve a
mostrarse.

Voltee horizontalmente, escale ya continuacin


coloque la imagen en la parte inferior derecha
de la imagen.

13

Secretos de collage

~. Siga pintando a continuacin


hasta que haya eliminado todo
el exceso de imagen y solamente
tenga la casa de la pera.

5. Para terminar el efecto de fusin, cambie el


modo de fusin de capa a Superponer y reduzca

6. El nico inconveniente es
que hemos perdido bastante
detalle de la imagen de la
casa de la pera. Podemos
realzar
los tonos de la imagen
para recuperar algo del
detalle. Haga dic en
Imagen> Ajustar> Niveles

(Control/ Comando-L).
Utilice la configuracin
la captura de pantalla.

de

la Opacidad al 80%. Vea cmo las dos imgenes se


fusionan perfectamente.

280
Captulo
7. Habr notado que hay bastante cielo blanco y
aburrido en la capa de las escaleras . Aplique una
mscara de capa, seleccione un degradado
Lineal, Negro, blanco y difumnelo hasta
hacerlo desaparecer.

8. \juste el color frontal a azul yel


color de fondo a blanco.

9. Cree una nueva capa, muvala para que est


por debajo de las dems y despus aplique el
filtro de las nubes (Filtro>lnterpretar>Nubes)
a la nueva capa.

13

La imagen debera parecerse a algo como lo que se


muestra a continuacin. Se trata ahora de rellenar
este espacio mediante algunos efectos
de cielo con el fin de ponerlo detrs de la
imagen.

Secretos de collage

10. Aada un gran desenfoque de movimiento a


las nubes, de manera que la textura complemente
a la de las escaleras. Haga en primer lugar clic
sobre Filtro>Desenfoque>Desenfoque
de
movimiento y a continuacin aplique una
configuracin de -1-26pxeles de Distancia y
un ngulo de -50 grados.

11. Haga visible y seleccione la capa del puente.


Pulse Control/ Comando- T para rotar y escalar

12. \hora fusionaremos el puente con el resto de


la imagen. Para ello usamos una combinacin de
degradados y mtodos de aergrafo. Aplique una
mscara de capa a la capa del puente.
13. Utilice un degradado para fusionar la parte
inferior del puente con la imagen. Es importante

el puente hasta que forme un ngulo. Pulse Intro/


Retorno para aceptar la transformacin.

aplicar el degradado antes y despus retocar


con el aergrafo, de otra manera el degradado
deshar el trabajo del aergrafo.
14. Tome un pincel suave y grande y pinte sobre
la parte superior del puente.

282
Captulo 13

15. Arrastre ahora la capa del puente para que se


coloque por debajo de la capa de las escaleras y
ajuste la capa al modo Luminosidad. Esto har
que el puente tome los atributos de color de la
capa azul de fondo y se fusione ms suavemente
sin cargar demasiado la composicin con ms
colores.

la (omp0<;lclon

1. Duplique la capa de las escaleras y arrstre!a para


que est por encima de las dems. Debe estar en
modo Superponer. Vamos a utilizarla como capa
de color para ayudar a la simplificacin de colores
de la composicin.

TRUCO: ESTA ES UNA DE LAS TRAMPAS POTENCIALES


DE LOS COLAGES; NO DEJE QUE LOS COLORES CHO
QUEN LOS UNOS CON LOS OTROS.

Aqu tiene e! resultado. Hemos acabado la


primera parte, la de fusin de las fotografias.
El siguiente paso es el color.

2. Vaya a Imagen>Ajustar> Tono/saturacin


(Control/Comando-U) y haga clic en la opcin
Colorear. Lleve la barra deslizadora de Saturacin has ta el mximo para que tenga toda la
profundidad posible, aumente la Iluminacin un
poco y cambie el Tono a un color naranja clido.
El contraste de! naranja con el azul del cielo va
muy bien.

283
Secretos

de collage

3. Ahora debemos intensificar el azul para que


contraste ms con el naranja. Haga primero dic
en Imagen>Ajustar>Niveles
(Control/
Comando-L). Mueva a continuacin el nivel

de sombra (el izquierdo) hacia la derecha, esto har


que se oscurezca el azul. Mueva el nivel central
hacia la derecha tambin, le dar ms profundidad.

284
Captulo

13

Ahora vamos a tomar todas las imgenes que


tenemos repartidas en distintas capas y las
uniremos en una sola capa sin quitar profundidad a la imagen. Se trata de conseguir una capa
compuesta.
l. Cree una nueva capa que est por encima de
las dems y denomnela capa compuesta.
:?. En el men Capa, seleccione Combinar
visibles pero primero pulse la tecla Ah/
Opcin antes y, en lugar de aplanar las capas, se
crear una capa compuesta manteniendo todas
las dems. Es un truco extraordinariamente til!

3. Aplique un Desenfoque gaussiano de 7 pxeles

(Filtro>Desenfoque>Desenfoque qaussianoj
a la capa compuesta l' despus reduzca la Opacidad
al 50%.

Aqu est nuestro collage, con la capa compuesta.


Para suavizarlo, vamos a difuminarlo r fusionarlo con la imagen de debajo.

Observe cmo esto ltimo ayuda a suavizar


la fusin sin necesidad de sacrificar nada del
detalle de la imagen.

285
Secretos de collage

Ajuste la capa al modo Trama


la Opacidad al 25%.
1. Cree primero una nueva capa que se llame
lneas de TV. Aplique el motivo de lneas
de TV que creamos antes en el captulo 11.

r luego

reduzca

2. Aada una mscara de capa)" use un degradado lineal para difuminar las lneas de la parte
derecha de la imagen.

286
Captulo

3. Aplicamos despus una trama. Cree otra capa


ms y llmela trama. Rellene la capa con el
motivo de la trama, cambie el modo de fusin
a Superponer y reduzca la Opacidad al 30%.

5. Ahora ya podemos introducir algo de texto.


Escriba AUS en letras negras y grandes, con una
fuente en negrita. Escriba Sydney en blanco con

13

4. Utilice otra mscara de capa ms y con otro


degradado lineal difumine la trama de la parte
izquierda de la imagen.

una fuente fina; hgala de manera que tenga


la misma anchura que el texto anterior y luego
colquela debajo.

Secretos de collage

6. Conecte a continuacin ambas capas de


texto.
7. Rote y, si lo considera
texto. Sitelo en la parte
Compruebe que, puesto
conectadas, ambas capas
trans formaciones.

necesario, escale el
izquierda de la imagen.
que se encuentran
sufren las mismas

9. Reduzca ahora la Opacidad de la capa de! texto


AUS al 65% para que se muestre un poco de la
imagen que hay detrs.

8. Cambie despus el texto Sydney al modo


Superponer. Esto permitir que el color traspase
por detrs la capa.

El ltimo toque para el texto es un estilo de capa


de Sombra paralela por defecto aplicado
a ambas capas de texto. Les dar legibilidad.

288
Captulo 13

1. Cree en primer lugar otra capa y dle el nombre


de lneas. Con la herramienta Marco
fila nica, seleccione y rellene a continuacin
con blanco, exactamente igual que hicimos en
el ltimo turorial, Seleccione las reas de las
lneas que no desee incluir en la composicin
r suprirnalas.
2. Como podr observar, las lneas aplicadas a la
imagen nos permiten dividirla efectivamente.

NOTA: UNA DE LAS MEJORES COSAS DE LAS CAPAS DE


AJUSTE ES QUE AFECTAN A TODAS LAS CAPAS QUE ESTEN POR DEBAJO DE ELLAS. DE MANERA QUE EL EFECTO DE COLOR SERA CONSISTENTE.

1. Haga una seleccin en la parte inferior de-

recha de la imagen. Le daremos un color nuevo.

289
Secretos de collage

2. En la paleta Capas, haga clic sobre el pequeo


icono que es un crculo mitad blanco, mitad
negro. ESCOFITono/ saturacin.

-t. Duplique la forma geomtrica varias veces y


organcelas para que sigan un patrn.

3. Active Colorear y cambie el Tono a un color


gris azulado. La configuracin que aplicamos fue
un Tono de 207, una Saturacin de 35 y una
Luminosidad de -5.
4. Ver que se ha creado la capa de ajuste.
Mueva esta capa bajo la capa lneas para que
el color de las lneas no sea alterado.

1. Cmo podra estar un collage completo sin


unas cuantas formas geomtricas? Cree una
nueva capa y llmela hexgonos.
2. Seleccione la herramienta Polgono, ajuste
Lados a 6 y utilice el modo Crear zona rellena.
3. Dibuje un pequeo hexgono y reduzca su
Opacidad al 60%.

1. Incluiremos ahora un poco ms de texto.


Escoja la misma fuente que utiliz para la
palabra Sydney. Esta vez que sea como unos 10
puntos ms pequea.
2. Escriba city of dreams en minsculas y
mueva el texto para que est por encima de la
lnea en la parte inferior derecha de la imagen.

290
Captulo

3. Nuestra ltima tarea ser aadir algunos trozos


de ese texto diminuto. Coja la misma fuente que
acabamos de usar pero reduzca el tamao a 1,5
puntos.

13

5. Si necesita ms texto, siga pegando el mismo.


Debera ser tan pequeo que nadie podr leerlo
de todas maneras, pero ya ver cmo todo el
mundo lo intenta! Es muy divertido.

4. Escriba un prrafo y cpielo al portapapeles.


Con la herramienta Texto seleccionada, dibuje
una caja de texto y copie el prrafo en ella.

y con es to hemos terminado por fin el collage.


Dse a s mismo una palmada en la espalda.
Espero que aprecien estas tcnicas que acaba de
aprender para sus futuros trabajos. Nos ha

llevado mucho tiempo desarrollarlas. Eso es lo


bonito de los libros: le proporcionan a uno la
oportunidad de asimilar el conocimiento de otra
persona en un espacio de tiempo que resultar
sorprendentemente corto.

291

Secretos de collage
En este captulo hemos tratado algunas tcnicas de
diseo realistas que van desde la composicin
hasta la tipografa, le hemos introducido en
lluevas modas como la del texto de letra pequea. Esperamos que considere los collages buenos
trampolines para sus propios diseos ~.seguiremos explorando ms temas de diseo realistas

en los prximos captulos. Uniremos fuerzas para


crear tres proyectos diferentes. Supongo que habr
reparado en que _\1y Colin tienen estilos diferentes. _\1est muy metido en los estilos de capa )'
esas cosas, mientras que Colin utiliza mucho las
capas r los canales. Va a ser divertido, le esperamos
en el prximo captulo.

295
Interfaz de pgina web

PROYECTO

l.

INTERFAZ DE PGINA WEB

a colaboracin es algo muy comn


en la comunidad del diseo y, a
menudo, conduce a resultados
innovadores, ya gue cada persona
ataja un problema de una manera distinta. ;\1 y
)'0 vamos a unir esfuerzos en los prximos tres
captulos y a trabajar con usted en algunos
proyectos reales. Ser interesante ver lo que
obtenemos al final. Aprender distintas maneras
de aplicar efectos gue ya sabe hacer y descubrir
otros nuevos. Tambin tendr la oportunidad
de ver cmo pensamos y cmo dos estilos de
diseo distintos se complementan en total
armona (o eso esperamos al menos).
El primer proyecto gue vamos a desarrollar es
una interfaz de pgina web. Vamos a ensearle
a construirla en Phoroshop. Si quiere aadir
algunas opciones de interaccin, consulte el
captulo 10.

El
nuestro fue de 12Ox800, con una resolucin
de 100 puntos por pulgada y color RGB. Es
mucho mayor gue lo gue se utilizara en una
pgina web normalmente, pero gueremos que
vea lo gue ocurre en cada momento. Cuando
hayamos acabado podr reducir el tamao a la
mitad si as lo desea. Esta tcnica la emplean
muchos diseadores porgue permite producir
imgenes con gran detalle.

TRUCO: LA PGINA FINAL TIENE QUE TENE~ ACOPLADAS LAS CAPAS ANTES DE DARLE UN TAMANO NUEVO.
PUESTO QUE LOS ESTILOS DE CAPA NO SE ESCALA
RN CON LA IMAGEN ASEGRESE BIEN DE GUARDAR
UNA COPIA ANTES DE ACOPLAR LA IMAGEN EN UNA SOLA CAPA.

2. Pulse ControljComando-R
para ver las
reglas y despu.s arrastre sobre ellas para sacar
algunas guas gue nos ayuden con el dibujo de
la interfaz, tal y como se muestra en la figura:
ce

'"

_Iolx
"")lOO ,"'"

-f'O

"'"

000

neo

-+

1. Empiece con un nuevo documento.

Vamos a crear un dibujo de base para la interfaz


con esquinas redondeadas.
1. Cree una nueva capa (Mays-Controlj
Comando-N) y denomnela base, ser la caja
sobre la gue construiremos.
2. Tome ahora la herramienta Rectngulo
redondeado y ajuste el radio a 40 pxeles.

296
Proyecto

3. Escoja el negro como color frontal, pulse D


para restablecer los colores por defecto. Dibujc
de manera que la seleccin se ajuste a las guas.
l Iaga Control/Comando-die
sobre el icono de
la capa para cargar el dibujo como una seleccin.

6, .-\.bra la paleta Canales)' pulse sobre el botn


Crear canal nuevo. Nuestra seleccin se cargar
en el canal Alfa 1. Rellene (Edicin>Rellenar)
con blanco.

-L Cree ahora otra capa y llmela base interior.


Ser una caja interior que mejorar la interfaz.
Tendr una forma distinta a la de la base que
acabamos de dibujar.
5. Con la nueva capa y la seleccin activa, haga
clic en Seleccin>Modificar>Contraer con
un valor de 25.

8. ,\ con tinuacin queremos conseguir que la


base abulte un poco. Vaya a Filtro>
Distorsionar>Esferizar. El valor de la Cantidad debe ser del 14 por 100.

TRUCO: UTILICE ELATAJO MAYS-RETROCESOISUPRI',


MIR PARA ABRIR LA VENTANA DE DIALOGO RELLENAR
Y ESCOJA EL COLOR BLANCO DESDE EL MEN USAR

7. Ya tenemos la forma principal cargada en el


canal. Anule despus la seleccin (Control/
Comando-D).

9. Haga despus clic sobre OK con el fin de


comprobar el aspecto que presenta nuestro
dibujo.

Interfaz de pgina web

10. Cargue el canal como una seleccin haciendo Control/Comando-cHc sobre el icono del
canal.

11. Vuelva a la paleta Capas y escoja la capa de


la base interior. Rellene (Mays-Retroceso/
Suprimir) con blanco y anule la seleccin.

Colocaremos ahora unos cuantos elementos ms


en el diseo que nos servirn para practicar
agujeros sobre la base de nuestra interfaz.
1. Cree una nueva capa que se llame recortes.
2. Dibuje un rectngulo con la herramienta
Marco rectangular y a continuacin rellene
(Edicin>Rellenar) con negro.

3. Tome ahora la herramienta Rectngulo


redondeado y elija una configuracin de 20.

298

Proyecto I

4. Dibuje un rectngulo redondeado en esta


misma capa. sta ser la pantalla.

NOTA: PARA USAR lA HERRAMIENTA lAZO, HAGA CLlC

y CUANDO PULSE DE NUEVO SE DIBUJAR UNA liNEA


ENTRE lOS DOS PUNTOS CUANDO HAGA ClIC SOBRE
El PUNTO DE PARTIDA SE MOSTRAR UN PEQUEO
CiRCULO QUE SIGNIFICA QUE lA SELECCiN EST TERMINADA.

8. Rellene (Edicin>Rellenar)
con negro.

la seleccin

5. Con la herramienta Marco elptico, dibuje


un crculo y rellene con negro.

6. Cree una copia de la manera ms fcil: sin


anular la seleccin, mantenga pulsada la tecla
Ah/Opcin y despus pulse y arrastre con la
herramienta Mover sobre el crculo,
7. Utilice la herramienta Lazo poligonal para
unir los crculos.

1. Cargue en primer lugar la capa entera corno


una seleccin haciendo Control/Comando-die
sobre el icono de la capa. Podr ver la lnea
discontinua mvil indicando que la seleccin
se ha activado.
2, Cree un nuevo canal en la paleta de Canales.
Se llamar Alfa 2 porque hay una seleccin. Las
reas seleccionadas se rellenan automticamente
con blanco. Haga Control/Comando-D para
anular la seleccin.

Interfaz de pgina web

3. _\pligue a continuacin un Desenfoque


gaussiano con la finalidad de suavizar los
bordes (Filtro>Desenfoque>
Desenfoque
qaussiano) con un valor de 10.
-t. "\hora remarcaremos los bordes otra vez,
con los Niveles (Imagen>Ajustar>Niveles).
I\Iueva los tres tringulos hasta que se encuentren juntos. Este efecto reduce la gama tonal
del canal.
TRUCO LA LOCALlZACION EXACTA DE LOS TRIANGULOS DESLIZANTES DETERMINA EL TAMAO DE LAS FORMAS CUANTO MAS A LA IZQUIERDA SE ENCUENTREN,
MAYORES SERA N ESTAS

5. El siguiente paso es combinar el dibujo con la


base interior, el canal "\lfa 1. Para ello, active
Alfa 1 y haga Control/Comando-die
sobre el
icono de Alfa 2. Deber mostrarse una seleccin
como sta:

r: - - - - - - - - - - - - - - - - - - - - - --,

',

,,

-,

----------~~-~----------------r-----------------~-----------------------------~
'
',

300
Proyecto I

6. Pulse la tecla Suprimir para cortar la seleccin y terminar la plantilla.

7. Anule la seleccin. Ahora crearemos un mapa


para producir efectos 3D junto con los efectos
de iluminacin. Como precaucin, deje intacto el
canal de la plantilla por si hay que usarlo luego.
Duplquelo para tener un canal con el que trabajar. El nuevo canal se llamar eopia de Alfa 1.
8. Si difumina el canal, los pxeles en escala de
grises se reorganizarn alrededor de los bordes
y nos darn la base para una textura 3D. Escoja

capa base.
11. Rellene (Mays-Retroeeso/Suprimir)
la
seleccin con un 50% de gris en la capa forma.
12. Anule despus la seleccin. Ahora realizaremos el efect03D con los efectos de iluminacin.
Ejecute el comando Filtro>lnterpretar>
Efectos de iluminacin. Cargue el canal Alfa 1
eopia para que sea el Canal de textura y aplique
la configuracin que se muestra en la imagen.

Filtro>Desenfoque>Desenfoque gaussiano
e introduzca una conftguracin

10. Cargue ahora la seleccin de la capa base.


Mientras que la capa forma est activa, haga
Control/Comando-die
sobre el icono de la

de 7,3.

9. Cree una nueva capa y Ilmela forma.

[EStila: por deledO

1'?5~
Tipo de luz:
~ Encendida
Fuerte

17

Brillante

100

Mef6lico

Positivo

Ms

Canal de textura:

P PrevisuoJizO!

l:;f.

r ResollO!blanco

"
IAlfa 1 copia

D
El

301
Interfaz de pgina web

A continuacin
la capa.

podemos ver el efecto aplicado a

13. Ahora terminaremos de recortar la placa.


Con la capa forma activa, cargue la seleccin
(Control/Comando-die)
desde la capa base
interior. Invierta despus la seleccin (Control/
Comando-Mays-I)
y pulse Suprimir.
14. Ahora sigamos los mismos pasos para cortar
las reas del interior. Con la capa forma todava
activada, cargue la seleccin de la capa recortes.
Pulse Suprimir para quitar las partes no deseadas de la placa (la capa forma) y anule la seleccin. Aqui se puede ver la placa terminada.

Vamos a pasarle el testigo a f\l, para ver lo que


hace con ella.

1. Para que esto empiece a funcionar, un bisel


ser lo mejor. Mire los bordes de la placa. La
mayora de las radios de coche tienen un filo
sencillo alrededor del permetro. m Estilo de
capa Bisel y relieve tiene una opcin llamada
Contorno que se encargar de esto de manera
efectiva.

Da la impresin de que Colin ha empezado con


buen pie y me ha pasado lo que parece ser una
radio de coche. Ya va siendo hora de lavar este
pedazo de metal. Cul es la mejor manera para
ello? Exacto, lo ha adivinado. Con los Estilos de
capa.

Co"torll.
r-E~mentH ~~--------~--~
Contorno:

8,'''90:

llB P'

~ovi .. do

===;::r= ~"

302

Proyecto

2. Cuando aplique el Contorno, utilice la opcin pre~


establecida Aro de entre ellas.
Ahora podemos ajustar el
resto de valores del bisel.

Bisel '1 relieye


Estructur.

~~-;;=:::::===::::;r.:'~--1
Estilo: 'Bisel interior

Tcnica: IRedondear
Profundidad:

RS "x_~

Direccin: Superior
~b(S;:~:::::::;;;:::::::;;;:::::::;;;:::::::;;;~

r_o:

:i.uaviz....:

Cmo podramos aumentar


placa? Quizs est pensando
de textura para superponerla
en realidad, slo necesitamos
dor interior.

el realismo de la
ya en una imagen
sobre la radio pero,
aplicar un Resplan-

Opa!jd.d:

Con ello los bordes de la interfaz estn resaltados, con un ligero brillo metlico gracias a la
aplicacin del Contorno Aro del Bisel.
3. Para darle algo de carcter a la cara de la base,
duplique la capa sobre la que estamos trabajando
(la capa forma). Llamemos a esta nueva capa
cara de textura.

-+. En pnmer lugar trabajararemos un poco la


configuracin de Bisel. Esta configuracin
podra cambiar de vez en cuando a medida que
aplicamos la configuracin, puesto que queremos que se fusionen correctamente y es difcil
conseguir esto de una vez.

Un resplandor interior? Cmo podra eso


ayudarnos a texturizar la imagen? Aqu puede
ver cmo.
5. Vaya a las opciones de Resplandor intenor de
los Estilos de capa. Escoja un color marrn
verdoso y ajuste el modo a Trama (posiblemente
est ya por defecto). Despus aumente el ruido y
el tamao y reduzca la opacidad.

303
Interfaz

de pgina web

~::=====~;=='1
ro

Resp..."dor "terior
Estructura

Modo d. fusin: JTrama


Qpacidad:
~uido:

'5~~~o;;:;;;;;a~~t1J~59
1"
~~::::::;;;~;;;;;=;;':;;.=i.'
.--"

IEl
Lo que me atrae de verdad es el doble anillo
alrededor del centro de la pantalla. Despus
de un nanosegundo pensndolo, me di cuenta de
que sera extremadamente fcil recrearlo en unos
cuantos pasos.
No quiero estropear la interfaz entera y todas
sus capas, as que para hacer el efecto lo har en
un documento nuevo y lo pegar despus sobre
la interfaz.
1. Primero, cree una nueva imagen (Control/
Comando-N)
que sea de 5x5 pulgadas, tenga
una resolucin de 100 puntos por pulgada, sea
RGB y Transparente.
10 necesitamos fondo,
todo nuestro trabajo se podr hacer en una sola

capa.
2. Tome la herramienta Marco rectangular. En
la barra de opciones, haga clic sobre Aadir a la
seleccin.
3. Cree dos selecciones largas y finas. La inferior
de be ser ligeramente ms ancha que la otra.
Rellene ambas selecciones con negro. Las
selecciones deben cubrir prcticamente todo el
Vamos a dejar la placa por un momento y
trabajemos con lo que ser nuestra pantalla.
Cuando a Colin se le ocurri este estilo de
interfaz, tan1bin busc un ejemplo de radio
real para inspirarse en ella. Esa radio tena una
pantalla muy interesante, como puede ver en la
captura de pantalla.

ancho de la nueva imagen.

304

Proyecto I
4. Haga luego una seleccin estrecha
y vertical que cruce ambas lneas
verticalmente. Elimine la seleccin
para que aparezca un espacio. Pulsando Mays-Cursor
derecho, mueva
la herramienta y repita. Haga esto hasta que
ambas lneas estn divididas completamente.
Esto se puede hacer as o mediante un motivo,
Colin prefiere este mtodo.
5. Queremos que las dos lneas estn justo por
encima de la lnea central del lienzo. Como si
fuera a dividir el documento verticalmente.
Coloque las lneas de manera que el 30 por 100
de la imagen est por encima y el 70 por 100
est por debajo.

6. Vaya a Filtro>Distorsionar>Coordenadas
polares. Seleccione Rectangular a polar y haga
clic sobre OK.
7. Vea la otra imagen. Si
el crculo parece muy
pequeo para la pantalla
(o muy grande) ejecute
el comando Edicin>

Transformar>Escalar
y dle un nuevo tamao.

8. Haga una seleccin que cubra todo el crculo


y cpielo (Control/Comando-C).
9. Vuelva a la imagen de la interfaz, Cree una
nueva capa por encima de la capa de la textura y
pegue el crculo en la interfaz.
10. l\Iueva el crculo en la pantalla. Vamos a
hacer que sea visible aplicando una simple
Superposicin de colores de los Estilos de
capa para esta capa.
t- Superposicin
Color

de colores
.-_-

Modo d. fusin: 'Normal


Qpacidad: !,..;

...,.,

dlO

-u'--"

11. Ahora corte el crculo


en dos. Con la herramienta
Marco rectangular, seleccione la mitad derecha de
la imagen. Vaya despus
a Capa>Nuevo>Capa
va Cortar (MaysControIj Comando-J).
12. Con las teclas de cursor, mueva la mitad
derecha hacia la izquierda, separando los dos
trozos para que podamos colocar el ecualizador
entre las dos mi tades.

305
Interfaz

de pgina web

Ver la pequea cadena indicando que las dos


capas estn conectadas.
3. En el men emergente de la paleta de Capas,
seleccione ahora Nuevo conjunto a partir de
enlazadas. Una caja de dilogo se mostrar
pidiendo un nombre para el nuevo conjunto.
Denomnelo pantalla. Haga die sobre OK y
ver la nueva carpeta en la paleta de Capas que
contiene las capas de los pilotos.

.-\hora volvamos a Coln y veamos qu mejoras


puede inventar!

Puede pulsar sobre la flechita para expandir o


contraer el conjunto.
-1-. Ahora hagamos los botones. Primero cree un
conjunto de capas nuevo y llmelo botones.
Introduciremos aqu todas las imgenes de los
botones.

Me encanta la textura y el comienzo de la


pantalla. Creo que har un par de cosas antes de
pasrselo otra vez a Al. Vamos a hacer una fila
de botones y un analizador de espectro en la
pantalla.
.Antes de nada, hagamos algo de limpieza. Vamos
a organizar las capas en conjuntos de capas para
ms facilidad de navegacin. Un amigo me dijo
una vez que la gente organizada es as porque
es demasiado perezosa para buscar las cosas. Es
una manera distinta de enfocarlo, pero vamos
a facilitar la bsqueda de nuestras capas en
cualquier caso.

5. Dentro del conjunto, cree una nueva capa y


nmbrela como botones inferiores. Aqu ser
donde hagamos el marco para los botones. Para
ello deberemos seleccionar el agujero de la parte
inferior de la placa .

I P"

Usar todas las capas

TRUCO: AQui HAY UN BUEN TRUCO PARA HACER LA


SELECCiN MUY RPIDO. CON LA CAPA TODAViA ACTIVA, ELIJA LA HERRAMIENTA VARITA MGICA. EN LA
BARRA DE HERRAMIENTAS, PULSE SOBRE USAR TODAS LAS CAPAS. ESTO HAR QUE LA VARITA MGICA TRATE AL
DOCUMENTO DE PHOTOSHOP COMO UN DOCUMENTO NICO E

l. Las dos capas de la pantalla se llamarn ahora


piloto izquierdo y piloto derecho. Vamos a
agruparlas en un conjunto de capas. Usaremos
el conjunto como subcarpeta para todas las
imgenes de la pantalla, de esta manera se
mantendrn unidas.
2. Con la capa izquierda activa, haga die sobre
la caja de enlace de capa de la capa derecha.

IGNORE LA CAPA ACTIVA EN ESE MOMENTO

Haga die en el interior del espacio del rea


inferior con la Varita mgica y ver cmo hace
la seleccin aunque la capa no est activa. Esto
ahorra bastante tiempo.

Proyecto I

Ahora vamos a aprovechar la flexibilidad de los


estilos de capa para crear nuestros botones.

6. Rellene la seleccin de los botones con un 50


por 100 de gris (Edicin>Rellenar>50% gris).
-\lI vamos; tenemos ya los cimientos de nuestros botones.

9. Duplique la capa de botones inferiores. La


modificaremos y la utilizaremos para nuestros
botones cortando un poco y usando un par de
estilos de capa .
10. Arrastre algunas guas para darnos algo de
idea sobre el sitio en el que deben ir los botones.
Vamos a crear cuatro de ellos.

Aplicaremos primeramente un estilo de capa al


rea. En vez de crear uno nuevo, utilicemos la
que AJ cre para la capa forma. Podemos
arrastrar y soltar un estilo de capa desde cualquier capa a otra y el efecto se duplicar en la
capa correspondiente.
7. Pulse sobre la palabra Efectos de la capa
forma.
8. Despus arrastre y suelte el ratn sobre la
capa botones inferiores y el estilo de capa se
reproducir.

11. Haga una seleccin con la herramienta


Marco rectangular, haga la seleccin para que
corte por encima del panel.

Este es el resultado:
12. Pulse Suprimir para cortar la parte superior
de la capa. Se dar cuenta de que el estilo de
capa se adapta automticamente al nuevo borde.
Esto es lo que queramos aprovechar.

307
Interfaz

de pgina web

13. Haga despus una seleccin que corte la


parte inferior de la capa y pulse Suprimir.

TRUCO: HAGA CLlC CON EL BOTON DERECHO DEL RATON EN EL SMBOLO DEL ESTILO DE CAPA DE LA PARTE
INFERIOR DE LA PALETA DE CAPAS Y VER UNA OP-

cio

LLAMADA ESCALAR EFECTOS DE CAPA. HAGA

CLlC EN ELLA. AHORA VER UNA NUEVA VENTANA DE DILOGO.


MIENTRAS CAMBIA LA CONFIGURACION, TODOS LOS EFECTOS

1-1.Haga lo mismo para los bordes izquierdo y


derecho.
NOTA: PODRAMOS HABER CONSEGUIDO EL MISMO
EFECTO ESCALANDO LA CAPA, PERO QUEREMOS QUE
PRACTIQUE CON EL METODO DE SELECCIONAR y SU-

APLICADOS SOBRE LA CAPA SE ESCALARN PROPORCIONALMENTE. ES UNA HERRAMIENTA QUE UTILIZO CONTINUAMENTE.

Reduzca la escala al 60 por 100 y ver la diferencia. El dibujo est muy bien, pero vamos a hacer
que parezcan realmente botones.

PRIMIR TAMBIEN.

15. \hora separaremos la barra fina en cuatro


segmentos: nuestros botones. Haga una seleccin
rectangular fina en medio de la segunda gua.

--1-'.

~..

_ ..

16. Pulse Suprimir para separar las dos secciones y no anule la seleccin todava. En vez de
eso, utilice los cursores para mover la seleccin
sobre la siguiente gua. Si tiene pulsada la tecla
Mays, la seleccin se mover ms rpido.
17. Cuando la seleccin est en la siguiente gua,
pulse la tecla Suprimir de nuevo.
18. Repita una vez ms para completar la
separacin de los botones.

19. No cree que los biseles son muy grandes


para los botones? Bien, aqu tiene un buen truco:

20. -\bra la ventana de dilogo de Estilos de


capa de la capa botones haciendo doble clic
sobre el smbolo de la paleta de Capas. Elija una
Superposicin de degradado y aplique un
degradado como el de la imagen.
Editor de- deqradedo

-------

1!Ieltl

308

Proyecto I
21. Utilice despus la configuracin que se
puede ver en la captura de pantalla que aparece

mostrada a continuacin.
del 64%.

La Escala tiene que ser

1'3

Estilo de capa
OK
Cancelar

oE"

0Q>cIcWJ:
Dt<rododo:
EsIlIo:

Fl r Rmt1r

I
ILI.. ~

::!JJ ~.n. ...

EstIIOW ...

P' Pr~lSUallzar

conCap.l

[!9UIo:C)~.
E~m:

22. Haga clic sobre OK para aplicar el estilo de


capa y vea cmo los botones toman vida.

==0== ,_-"

1. Cree primero una nueva capa y denomnela


analizador.
2. Con la herramienta Marco elptico, haga una
seleccin que sea un poco ms pequea que el
anillo.
Recuerde, puede pulsar la Barra espaciadora
mientras dibuja para mover la seleccin.

23. Para acabarlos, aada algo de texto. Asegrese de que todas estas nuevas capas estn creadas
dentro del conjunto de capas botones para
seguir con nues tra organizacin.

3. Rellene la seleccin con negro. No anule


todava la seleccin.
}J ha hecho un trabajo impecable con el crculo

de la pantalla. Acabemos pues esta parte de la


interfaz.

309
Interfaz

de pgina web

4. A continuacin haremos unos cuadraditos.


Abra la ventana de dilogo Rellenar de nuevo,
pero esta vez escoja la opcin Motivo y seleccione el motivo de Trama que creamos en el
capitulo 11. Haga clic sobre OK. Ver cmo se
rellena nuestra seleccin con la trama. Transformmosla en cuadrados.

....

11

~
.......
~
...........
.........
,.

...........

Canal:

IIGl

NlYelesdepada

::iJ ---=- I
1248

pj255'

...............

O(

~ carnl.r

f'c.arvar ... I
..

fAutomtk:o

I~

1/1/1/]1
F 'ier

NiYelesde:;.alldil:

...... .
...........

1:1
I
I

Niveles

~~~:.=:!:====~........

5. Use el atajo Controlj


_
~
Comando-I para invertir
:
.1
la seleccin. Si el resultado
'
.......
~!!!!,
....
no se parece a la imagen
y la trama desaparece, es
que se olvid de rellenar con negro antes de
aplicar la trama.

...

8. El siguiente paso es aadir un poco de color.


Pulse ControljComando-U para abrir la
ventana de dilogo de Tono/ saturacin. Haga
clic en Colorear y utilice una configuracin
similar a la que le mostramos. Para dar color
al blanco, tendr que reducir un poco la Luminosidad. El dominio de esta herramienta es saber
equilibrar las cosas. Anule la seleccin cuando
termine.

6. Recuerda cuando utilizbamos el desenfoque


y los niveles para suavizar las esquinas de la
interfaz en los canales? Vamos a utilizar ahora
la misma tcnica para transformar la trama en
cuadrados. Aplique un Desenfoque gaussiano de
2,4 pxeles (Filtro>DeSenfoque>Desenfoque

qaussiano).
7. Ahora debemos ajustar los niveles (Control!
Comando-L) para remarcar los bordes y crear
cuadrados.

Cancelar

~
~

...
..

310

Proyecto I
Tenemos todos los pequeos cuadrados y estn
bien, si exceptuamos el hecho de que todos
tienen el mismo color. Vamos a cambiar esto
para que parezca ms real.

12. Por l timo, para dar ms contraste, ejecute el


comando Imagen>Ajustar>Niveles. Mueva
el nivel de color claro a la izquierda un poco
para aclarar las luces. Tambin, debe mover un
poco el de color gris hacia la derecha para
compactar ms la imagen. Haga clic sobre OK.

9. Con la herramienta Marco rectangular,


seleccione las dos primeras filas de cuadrados.

El

NIveles
TRUCO: UNA VEZ HAYA HECHO LA SELECCION INICIAL,
SI MANTIENE PULSADA LA TECLA MAYS Y ARRASTRA
LA H~RRAMIENTA DE MARCO. LA NUEVA SELECCiN

~arQa'.

SE ANADIRA A LA ANTERIOR

10. Pulse la tecla Mays


y empiece a aadir cuadrados a la seleccin.

,----------

~,',

'

...
.
.,
..
'ii: -

' -.-,

- -

Nll/eles de ~11da:

'

------

..........

.....
" ........

,
..

- - ,j

r J2s5

11'1/1/1
p ~er

""

Deberamos acabar con


una seleccin que corte
la parte superior del
grfico ~.luego incluva
porciones de columnas
como las de la imagen:

,.-1.

(iJardar ...
Automtk:o

'iI.,t-

'

'

Aqu est la imagen. Ahora le toca a .-\1. Veamos


qu nuevas ideas se le han ocurrido.

""

11. . vbra Tono/ saturacin otra vez y oscurezca


los colores de los puntos seleccionados. Haga clic
en OK y deseleccione (Control/Comando-D).

Parece que Colin ha pasado algo por alto en


este trabajo. Toda radio necesita unos controles
de sintona r volumen. Vamos a hacer un par de
ruedas para que se encarguen de esta importante
tarea.

311
Interfaz

de pgina web

1. Para esta parte del trabajo, crearemos otra


capa ms, llamada rueda y, con el marco elptico,
haremos una seleccin circular en el sitio que,
segn mi opinin, se ha creado para albergar
estos controles.

Bisel y relieve
Estructura
Estilo: )SiseJ interior
Tcnica:

IRedondear

Profundldad: J;;;;;;;;;;;;;;;;;;;;;;;;;~

Contorno de resplandor:
Modo resaltado:
Qpaddad:
Modo de sombra:
TRUCO: PARA HACER

ciscutos

Opas.idad:
PERFECTOS, MAN-

TENGA PULSADA lA TECLA MAYS MIENTRAS DIBUJA


CON El MARCO ELipTICO.

2. Trabajaremos con los estilos de capa, as que


rellene (Mays-Retroceso/Suprimir)
la seleccin con un 50% de gris para tener informacin
de pxeles en la capa para aplicar los estilos.

Contorno
::;.Elementos

=========:.j

Contorno: ~
8.ongo:

2.uavizado

~!I:""~

Para los reflejos de una rueda radial, Photoshop


nos da la mitad de las herramientas que precisamos, pero para el efecto necesitaremos construir
un degradado (como vimos en el captulo 6).
-t. Vaya a Superposicin de degradado y cambie

el Estilo a Angula. Haga dic sobre la ventana


de Degradado, para que se muestre el Editor de
degradado y construir un degradado personalizado sobre las ruedas. Examine la mezcla de
blancos, grises y negros que hice en el ejemplo.
3. Por lo general, suelo empezar con un Bisel.
Como pudimos comprobar en varias ocasiones
en captulos previos, aplicar un bisel y luego un
contorno al bisel da como resultado un borde
excelente, especialmente en objetos metlicos.

Proyecto

5. Ahora, duplique la capa rueda y mueva la


copia a su sitio.

6. Para distinguir entre ambas ruedas, acceda a la


Superposicin de degradado de la capa copiada,
abra de nuevo el editor y mueva un poco los
puntos. Aada despus uno ms con un azul
tambin.

7. Ahora aadiremos un poco de color al rea


sobre la que estn montadas las ruedas. Para
hacer esto, vaya a la capa recorte y luego, con
la Varita mgica, seleccione la parte negra que
est detrs de las ruedas.

313
Interfaz

de pgina web

8. Cree ahora una nueva capa justo


por encima de sta y llmela fondo
de ruedas. _\hora cambie el color
frontal a azul oscuro, el color de
fondo a negro y rellene la seleccin con un
Degradado Lineal de Color frontal/ color de
fondo.

Ahora vamos a darle la imagen a Colin otra vez


para que realice los toques finales.

i Unas ruedas geniales, "-\I! Estn mu)' por encima


de mis botones. De todas maneras, ser mejor
que los realcemos un poco.

9. Aplique a la capa del degradado una Sombra


interior para que parezca que est empotrada.
10. o quiero forzar la situacin mucho ms,
quizs una Sombra paralela a las ruedas sea una
buena idea tambin.

1. Active la capa de botones inferiores que est


por encima de las dems.
2. Seguro que se acuerda de lo que ocurre
cuando cortamos selecciones de un estilo de
capa. Vamos a hacer ms de eso. Esta vez tome
la herramienta Polgono y haga selecciones
triangulares alrededor de los bordes de los
botones y pulse Suprimir.

3. Siga recortando los bordes para que los


botones tengan un aspecto angular. Haga una
seleccin circular en el medio.

314

4. Pulse Suprimir de nuevo para conseguir una


variacin realmente interesante. Los botones
estn mucho mejor ahora.
,

!flili.,.

:in"

:"tl?!'

,,ti""

'H

"'" ,

Proyecto

=tie:;

5. ~\ctive ahora la capa de botones inferiores,


es to es, la barra.
6. Abra despus la paleta de Estilo de capa r
aada una Superposicin de colores. Utilice un
color similar al de la placa.

La barra sobre la que descansan los botones


parece demasiado brillante, as que vamos a
cambiar el color.

de fusin: JNormal
Qpocld>d:

Como podr observar, la radio est mejor ahora.

7.. \hora que estamos con los estilos de capa,


aada una Sombra paralela a la capa base. Con
la configuracin por defecto ser suficiente,
exceptuando el Tamao que debe ser 38.

Es sorprendente lo que una pequea sombra


paralela puede hacer.
8. Incluyamos unos
cuantos toques finales.
Comience creando un
simple logotipo de
texto. Aada la letra
]\[ en un color dorado
y con una fuen te sans
serif. La ma es Futura
medium. La Arial
servir bien en caso
de que no tenga la
otra fuente.

315
Interfaz

1)

de pgina web

Duplique la capa de la ;\f. Rtela 180 grados

(Edicin>Transformar>Rotar 180) para que


sea una ,'C
lu, Cambie el color de
la ~r a .vzul.

I S.. vpliquc ms texto alrededor de la Interfaz


para adornarla. Lo dejo a su creatividad. Todas
las fuentes que utilic en la figura son de la
familia Futura. Es una fuente simple que se
parece a la .\rial o Helvtica.

11 Aada un contorno blanco de 1 pixel a


ambas capas mediante el Estilo de capa Trazo.
12... \rrastre el texto
para que las letras
reposen una encima de
la otra.

1 \ 'amos a aadir una reflexin suave a la


pantalla para hacer que parezca una cubierta de
cristal o plstico. Cargue la seleccin desde la
capa recorte.
Compruebe que hay ms rea seleccionada de la
que nos interesa. Podramos haber utilizado la
Varita mgica pari! esto, tal y como hicimos
antes, pero hagmoslo de manera distinta para
que aprenda algo nuevo.

11. Conecte las dos capas y esclelas un poco,


los logotipos no suelen ser enormes.

2. xlanrenga pulsada la tecla Alt/Opcin y


dibuje alrededor de las selecciones no deseadas
con la herramienta Marco rectangular. La tecla
Ah/Opcin provocar una sustraccin de la
seleccin.

14.. Aada ahora algo de texto ms con una


fuente limpia de color blanco para completar
el logotipo.

Ahora solamente el rea de la pantalla se encuentra activa.

3. Cree una nueva capa y dle el nombre de luz


de pantalla.
4. Escoja el blanco Como color frontal y aplique
un degradado Color fron tal/transparente a la
seleCCin, exactamente igual que Con los botones
de cris tal del captulo 12.

6. Suavice el degradado un poco ms aplicando


un desenfoque. Vaya a Filtro>Desenfoque>
Desenfoque gaussiano )' utilice un Radio
de 3 pxeles.
7. Finalmente, reduz ca la Opacidad al 56%.

8. La ltima cosa que haremos al proyecto ser


aplicar algunas luces ... \s pues, haga una capa
nueva y denomnela luz de placa.

5. Reduzca el degradado. Pulse Controlj


Comando- T para entrar en el modo de libre
transformacin y mueva la parte inferior hasta
los dos tercios de la pantalla. Empuje hacia
dentro los lados y la parte superior ligeramente
r pulse la tecla Retorno/rntro.

9. Con un pequeo "-\ergrafo blanco y suave


(10 pxcles y 50 por 100 de Presin) dibuje
algunas lucecitas en la placa, botones e incluso
en una esquina de la pantalla.

317
Interfaz

de pgina web

10. \plique a continuacin un Desenfoque


gaussiano (Filtro>Desenfoque>Desenfoque
qaussiano) a la capa luces de pantalla para
suavizarla.

Este es el producto final. Ya s que han sido


muchsimos pasos. Sin embargo, ha aprendido
muchas cosas en este captulo y realmente fue
divertido escribirlo.

Esperamos que lo haya pasado bien tambin


haciendo esto y que haya sacado un buen
montn de ideas de este proyecto. Puede modificar estas tcnicas y crear interfaces para pginas
web y CD-ROM o quizs por pura diversin
particular. Observe los trabajos que haya su
alrededor. Tome nota de estas cosas y extraiga

ideas de ellas que pueda aplicar a sus diseos. El


mundo entero es una galera, slo tiene que abrir
los ojos y mirar.
Con esto damos por finalizado nuestro primer
proyecto de diseo. Al va a comenzar con el
segundo proyecto, un cartel de pelcula.