Está en la página 1de 48

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Practicas de Photoshop

Creamos una nueva Image en modo RGB,


con la herramienta de texto escribimos lo
que queramos, y aplicamos Acoplar Image,
para tener el fondo y el texto en una sola
capa.

Duplicamos la capa y sobre la nueva


aplicamos (Filter/Blur/Blur Gaussian) con un
parámetro de 1,5 Pixel fue suficiente para
esta Image

Ahora invertimos la Image


(Image/Ajust/Invert)

Rotamos el lienzo 90 ;AC (Image/Rotate


Canvas/90 ;AC)
y Filter/Stylize/Wind)
Wind de la izquierda
y volvemos a rotar el lienzo (Image/Rotate
Canvas/90 ;ACD)

Ahora (Filter/Stylize/Solarize)

(Image/Ajust/Tono-Saturación)
Tono = 60
Saturación = 100
Luminosidad = 0
Opción colorear Activada

1
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Tenemos una Image en Mode Escala de grises que


pasamos a Mode RGB (Image/Mode/RGB)

Con la Herramienta de Lazo creamos una selección


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

Cargamos la selección del canal 4, Calamos la


selección 2 pixels (Selección/Calar) y aplicamos
(Image/Ajust/Tono-Saturación)

En este caso fue necesario aplicar también


(Filter/Enfocar) y volver a retocar las flores
cargando de nuevo la selección del canal 4,
seleccionando gama de colores y volviendo a Ajust
Tono-Saturación

Debemos tener en cuenta que tendrá mayor calidad si tenemos la Image


ya en color, ya que simplemente tendremos que hacer una copia en Mode
Escala de grises y pegarla como un canal nuevo que situaremos debajo del
de la foto en color para posteriormente cargar la selección del Canal-4
aplicar un Calado y pulsar Suprimir.

2
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Creamos una nueva Capa que rellenamos de blanco y


aplicamos (Filter/Stylize/Nubes de diferencia)

Aplicamos (Filter/Distorsionar/Cristal)
Distorsión = 18
Suavizar = 4
Textura = Deslustrado
Escala = 100%

Modificamos el Equilibrio de color


(Image/Ajust/Equilibrio de Color)
Sombra = -70,0,+35
Medios Tonos = -70,0,+30
Luces = 0,0,+40

(Image/Ajust/Brillo-contraste)
Brillo = 0
Contraste = +20

Cambiando los parametros del paso dos.


(Filter/Distorsionar/Cristal)
Distorsión = 5
Suavizar = 2
Textura = Deslustrado
Escala = 100%

Creamos una nueva Image que


rellenamos de Blanco.
Aplicamos (Filter/Ruido/añadir Ruido)
Candidad=125
Gaussian=On
Monocromatico=On

3
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Aplicamos (Filter/Stylize/Relieve)
Angulo=145
Altura=3
Cantidad=25

Modificamos (Image/Ajust/Tono-
Saturación)

En una Image de 540x16,

creamos una capa que rellenamos del color que queramos, a continuación vamos a la
Paleta de Canales y creamos uno nuevo (Canal #4) con negro como color de fondo, y
creamos una selección de tamaño fijo de 510x4 pixels.

Pulsamos suprimir.

Vamos a la capa que hemos rellenado de color y cargamos la selección del canal #4,
movemos la selección, 1 pixel a la derecha y dos hacia abajo y aplicamos
(Image/Ajust/Brillo contraste) y aumentamos el nivel de Brillo a +90.

Volvemos a cargar la selección del canal #4 y la movemos, 1 pixel a la izquierda y dos


hacia arriba, y aplicamos (Image/Ajust/Brillo y Contraste) y disminuimos el Brillo de la
selección -90.
4
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora Volvemos a cargar la Selección del canal #4 y la rellenamos de negro.

Creamos una Image, en


nuestro caso de
150x150 pixels Mode
RGB.

Creamos un nuevo
Canal (Canal #4) y
ponemos el texto que
queramos
Ahora vamos a la paleta
de Capas y creamos
una nueva Capa (Capa
1) que rellenamos de
blanco, y en ella
cargamos la selección
del canal #4, que
rellenaremos de negro.
Duplicamos la capa a
"Capa 2"

5
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

En la capa 2 (Aplicamos
Filter/Stylize/Bordes
iluminados) y
duplicamos la Capa a
"Capa 3"

Y en la "Capa 3"
(Filter/Interpretar/Efectos
de iluminación), con el
canal #4 como canal de
textura y jugando con
los colores de Tipo de
Luz y Propiedades
obtendremos un
resultado u otro.

Image final

Creamos una nueva Image en


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

6
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Vamos a la paleta de capas y
creamos una nueva, que
rellenamos de negro, cargamos
la selección del canal #4
(Selección/Cargar selección) y
rellenamos la selección de
blanco.

Ahora Expandimos la selección


(Selección/Modificar/Expandir)
con 1 Pixel.
Invertimos la selección y
rellenamos la selección de
blanco.

Aplicamos
(Filter/Interpretar/Efectos de
Iluminación)

Y ya tenemos texto biselado.

Ahora podemos cargar la


selección #4, Expandir 2 Pixels,
Invert y rellenar de Blanco en
nuestro caso.

Creamos una Image en Mode

7
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


RGB.

Elegimos la herramienta de
selección y creamos un
cuadrado de 70x70 pixels.

Rellenamos la selección con la


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

Contraemos la selección,
(Selección/Modificar/Contraer)
6 pixels.

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

Volvemos a contraer la ultima


selección, en este caso 3
pixels y volvemos a aplicar
(Capa/Transformar/Rotar 180
;)

Creamos una Image en Mode


RGB.

8
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Elegimos la herramienta de
selección y creamos un circulo
de 80x80 pixels.

Rellenamos la selección con la


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

Contraemos la selección,
(Selección/Modificar/Contraer)
8 pixels, y volvemos a plicar
Degradado, esta vex desde la
parte inferior derecha a la
superior izquierda.

Volvemos a contraer la ultima


selección, en este caso 3 pixels
y volvemos a aplicar
Degradado, desde la parte
superior izquierda la inferior
derecha..

Botón Final.

9
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Lo primero que necesitamos es una textura como Fondo.

Con la ayuda de las lineas guía, y con la herramienta de


selección creamos un circulo de tamaño fijo de 70x70
pixels. y lo guardamos en un nuevo canal
(Selecion/Guardar selección)

Invertimos la selección, pulsamos Suprimir, y volvemos a


Invert.

Creamos una nueva Capa, seleccionamos blanco como


color Frontal y Elegimos la Herramienta de degradado
(Color Frontal a Transparente) de Tipo: Radial, y
aplicamos según indica la flecha

Y ahora la misma Capa seleccionamos negro como color


frontal y aplicamos el Degradado como indica la flecha.

Ahora en la misma Capa cargamos la selección que


habíamos guardado antes y contraemos 6 pixels,
rotamos la selección con (Capa/Transformar/Rotar 180).
Quitamos la selección y ocultamos las lineas guía.

Tenemos dos imágenes


una frontal y otra de fondo
que hemos creado a partir
de un motivo (Ver Creación
de motivos)

10
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Con la herramienta lazo


creamos una selección
alrededor del cuerpo, que
guardaremos como un
nuevo canal
(Selección/Guardar
selección) Canal #4

Sobre la Image de la Chica


cargamos la selección del
canal #4 y aplicamos
(Selección/Expandir/2) y
luego (Selección/Calcar/3)
y pulsamos la Suprimir.

11
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora vamos a la capa


donde tenemos el Fondo
de la Image y Cargamos de
nuevo la selección del
canal 4 invertida, y
aplicamos
(Filter/Distorsionar/Onda)
con los valores que nos
parezcan mas correctos
para el efecto que
deseemos.

A la capa de la chica la
asignamos una opacidad
del 40%.

12
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image Final, después de


Ajust Equilibrio de Color y
Brillo y Contraste.

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


vamos a utilizar, pues según he visto por la Red existen varios.

13
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Como es lógico lo primero que necesitamos es una Image en


blanco y negro, recuerda que primero tienes que restaurar la
Image, suponiendo que tenga defectos.

Tenemos que ir coloreando la Image por selecciones, así que ya


sabes, ves seleccionando las diferentes partes que van a tener un
color similar y guardalas en un nuevo canal (Selección/Guardar
selección).

En nuestro ejemplo guardamos varias selecciones, Para la Cara,


Las piernas, el vestido, el fondo, el cojín, y la manta, etc.

14
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora vamos cargando las selecciones y aplicamos


(Image/Ajust/Variaciones) y aquí buscamos el color que queremos
para nuestra selección, jugando con luces, color, sombras y brillo.

Image que teemos en la


capa Fondo

Image que tenemos en la


Capa 1

15
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Creamos un nuevo canal


(Canal 4) y aplicamos un
degradado

Duplicamos la Capa 1,
cargamos la seleción del
Canal 4, y pulsamos
suprimir.

Sencillo, jeje

Orden de las capas.

Creamos una nueva Image en


Mode RGB, nos vamos a la
paleta de canales, creamos
uno nuevo (Canal #4) y con la
herramienta de texto
escribimos lo que queramos.
Duplicamos el canal #4 y
creamos el #5, en este
aplicamos
(Flitro/Desenfocar/Blur
Gaussian) 3 pixels.

Duplicamos el canal #5 y
obtenemos #6, en esta
aplicamos (Filter/Stylize/Hallar
Bordes)

16
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Y en este mismo canal #5
cargamos la selección del #4
(Selección/Cargar Selección) y
hacemos un Copy
(Edición/Copiar)

Vamos a la Paleta de Capas,


creamos una nueva capa
(Capa 1)Y hacemos un Paste
(Edición/Pegar)

Duplicamos la capa y sobre el


duplicado aplicamos
(Image/Ajust/Tono/Saturación)
T=-180
S=50
L=10
Opción Colorear activada.

Ahora podemos aplicar un efecto


de Sombra para obtener un mejor
realismo.

Sobre fondo negro escribimos un


texto y acoplamos la Image.

Aplicamos (Filter/Desenfocar/Blur
Gaussian) 2 Pixels

(Filter/Stylize/Solarize)

(Image/Ajust/Niveles Automáticos)

17
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

(Filter/Distorsinar/Coordenadas
Polares)
Polar a Rectangular.

(Image/Rotate Canvas/90ª
AD)

(Filter/Stylize/Wind)
Wind de la Izquierda

(Image/Rotate Canvas/90 ;ACD)

(Filter/Distorsionar/Coordenada
Polares)
Rectangular a Polar

A partir de aquí tenemos múltiples


posibilidades ajustando Tono-
Saturación u otras herramientas de
color.
Si Ajustamos Tono-Saturación

y con la herramienta de Selección


Gama de colores seleccionamos el
texto y volvemos a plicar Tono-
Saturación a un tono amarillo.

18
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Cargamos la Image que queramos


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

Ahora Aumentamos el tamaño del


lienzo a 160x160 dejando asi ek
Ancla..

Duplicamos la Capa 1 tres veces, y


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

Ahora aplicamos sobre cada capa


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

Orden final de las capas

19
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Creamos una Image en
formato RGB, y creamos
una nueva Capa "Capa
1" que rellenamos de
blanco, y a la que
aplicamos
(Filter/Pixelizar/Puntillista)
con un tamaño de celda
=3 .

Teniendo visible la capa 1


vamos a la paleta de
canales y sacamos un
duplicado del canal Azul
(Canal #4)

Ahora tenemos que


aplicar
(Filter/Interpretar/efectos
de iluminación) con el
canal #4 cargado en
Canal de textura.

Jugando con los colores


de Tipo de luz y
Propiedades
obtendremos el color
deseado para nuestra
textura.

Textura Final

20
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image original.

Con la Herramienta de lazo


creamos una selección del
contorno del Perro, Recuerda que
si te equivocas no tienes que
volver a empezar, pulsando la
tecla (Mayúsculas) Sumas a la
Selección y con (Alt) Restas a la
Selección. Es cuestión de
practica. :)

Una vez tengamos el contorno


seleccionado, salvamos la
selección el un nuevo canal
(Canal 4) (Selección/Guardar
Selección)

21
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora creamos una copia de la


capa Fondo donde tenemos la
Foto y trabajamos sobre ella,
cargamos la selección que
previamente habíamos salvado
en el canal 4 y aplicamos
(Selección/Calar) 2 pixels.y
pulsamos suprimir. dejando visible
solo la capa 1

Ya hemos conseguido eliminar el


fondo, pero Ahora podemos poner
otro mas guai, pegamos una foto
cualquiera en un canal previo. le
aplicamos Blur gausiano de 1
pixel y .......

Vamos a tratar de eliminar el fondo


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

22
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Lo primero que hacemos es pasar
la Image a Color Indexado
(Image/Mode/Color Indexado), en la
opción colores podemos bajar el
numero, a fin de que la Image no
ocupe tanto espacio en disco y
cargue mas rápido en el navegador,
teniendo en cuenta que a menor
número de colores, también es
menor la calidad.

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

Podemos ampliar la Image y


moverla, a fin de que la selección
se mas precisa, no es necesario ir
escogiendo los colores uno a uno,
mantén pulsado el botón izquierdo
del ratón y ves pasando sobre los
colores que quieras.

Image final, la cual después de


pulsar "OK", grabaremos en
formato Gif.

23
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image final colocado en el


navegador Netscape.

Creamos una Image en este


caso de 200x80 pixels, y
creamos un nuevo canal, donde
colocaremos un texto.
Vamos a la paleta de capas, y
la capa fondo la rellenamos de
negro, y creamos una nueva
capa "Capa 1", en esta
cargamos la selección del canal
#4 (Selección/Cargar
Selección) y la expandimos con
un radio de 3 pixels
(Selección/Modificar/Expandir)
la rellenamos del color que
queramos y pulsamos la tecla
suprimir
Deseleccionamos todo
(Selección/Nada) y duplicamos
la "Capa 1" en "Capa 1 copia" y
aplicamos
(Filter/Desenfocar/Blur
Gaussian) con un radio de 4
pixels.

Por ultimo volvemos a cargar la


selección del canal #4 sobre la
"Capa 1 copia" y pulsamos
suprimir, luego pulsamos sobre
el ojo que se encuentra en la
capa 1, a fin de dejar invisible la
capa.

24
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image final.

Si duplicamos la capa 1

Si aplicamos Mode disolver a la


de este duplicado.

Creamos un nuevo canal


(Canal #4) y escribimos un
texto.

Vamos a la Paleta de Capas


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

Aplicamos un degradado lineal


de izquierda a derecha.

Cargamos de nuevo la
selección del canal #4 y
pulsamos Suprimir.
Ya tenemos Glow.

Aunque se puede mejorar,


modificando Equilibrio de
Color.(Image/Ajust/Equilibrio
de Color)

25
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


aplicando......
(Image/Ajust/Tono-Saturación)

T=-180
S=100
L=0
Opción colorear Activada.

aplicando......
(Image/Ajust/Tono-Saturación)

T=0
S=100
L=0
Opción colorear Activada.

aplicando......
(Image/Ajust/Tono-Saturación)

T=60
S=100
L=0
Opción colorear Activada.

Image original.

Creamos un
nuevo canal
(Canal 4) en el
que escribimos
el texto deseado.

26
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Vamos a la
Paleta de Capas
y creamos una
nueva Capa
(Capa 1) en la
que cargamos la
selección del
canal 4 y a la
que aplicamos
(Selección/Calar)
con un radio de
3 pixels.

Con la
Herramienta de
Degradado,
aplicamos de
izquierda a
derecha un
degradado de
tipo lineal, el
degradado
utilizado en
nuestro caso fue
el Espectro.
En caso de no
obtener el efecto
deseado, aplica
el degrado dos o
más veces.

Volvemos a
cargar el canal 4
y pulsamos
Suprimir.

Creamos una Imagen en modo


RGB.

27
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

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

Ahora se trata de Ajust las curvas


de la Imagen
(Image/Ajust/CuRGBs), y lo deja
mas o menos como...

Con lo que obtendremos...

Rotamos 90 ; (Image/Rotate
Canvas/90 ;AD), y aplicamos
(Filter/Stylize/Wind) marcamos
Wind y Desde la Izquierda y
volvemos a rotar el lienzo
(Image/Rotate Canvas/90 ;ACD

Aplicamos (Image/Ajust/Tono-
Saturación
Tono: -180
Saturación: 50
Luminosidad: 0
con la casilla colorear activada.

Por ultimo en la ventana de


Pinceles cargamos los tipos de
pinceles assorted.abr y
escogemos uno que tiene forma
de estrella, y con la herramienta
de Pincel aplicamos a las partes
de la Image que mas nos guste,
con lo que conseguimos un efecto
28
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


de Destello.

Sobre la textura que hemos


conseguido en el efecto de
fondos, vamos a crear un
efecto de texto Hundido muy
sencillo.

Creamos un nuevo canal


(Canal #4), sobre el que
colocamos un texto

Creamos una nueva capa


(Capa 1) (Recuerda que como
fondo tenemos la Imagen del
Efecto de Fondo), rellenamos
la capa de blanco y aplicamos
(Filter/Interpretar efectos de
iluminación) Con el canal #4
como canal de textura y,
OJO!!! Con la opción de
Abundancia de Blanco
desactivada.

Tal y como quedan las capas.

29
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora cargamos la selección


del canal 4 Invertida y
contraemos 1 Pixel
(Selección/Modificar/Contraer)
y pulsamos suprimir.

Aquí tenemos nuestro Logo en la


capa Fondo.

La duplicamos y aplicamos
(Filter/Stylize/Relieve)
Angulo = -45 ;
Altura = 3
Cantidad = 25%

Duplicamos la ultima capa y


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

Ahora modificamos el tamaño del


lienzo (Image/Tamaño del
Lienzo)
duplicando la altura del tamaño
Actual y dejando el Ancla como
se indica.

30
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Hemos indicado al Ancla que


estirase el Lienzo hacia abajo.

Ahora sobre esa ultima capa


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

Ya tienes un fondo con tu Logo


para tu Web.

31
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Creamos una nueva Image que
rellenaos de color Marrón, o
similar.

Aplicamos (Filter/Ruido/añadir
Ruido)
Candidad=30
Gaussian=On
Monocromatico=On
Aplicamos (Filter/Desenfocar/Blur
de Movimiento)
Angulo= -10
distancia = 25

Tenemos y una Image, en


nuestro caso un fondo de
madera de 91x50 pixels.

Creamos una nueva Image (en


nuestro caso de 200x200 pixels)
vamos a la Image de la madera,
y selecionamos todo
(Selección/Todo) y luego
(Edición/Definir Motivo).

Volvemos a la Image de
200x200 y aplicamos
(Edición/Rellenar)

32
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Creamos una nueva Image en


Mode RGB, y con la
herramienta de texto
escribimos lo que queramos.

Duplicamos la Image (Image/


Duplicar) y aplicamos a la
nueva Image (Filto/Blur/Blur
Gaussian), en el ejemplo
hemos puesto un Blur de 4
pixel

Ahora vamos a
(Image/Calcular) y dejamos los
parámetros como indica la
Image. Ten en cuenta que en
las opciones de capa debes
indicar la ultima capa de cada
archivo, ósea las que
queremos combinar.

Ahora tenemos las dos


imágenes combinadas con el
método "Superponer"

33
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Y vamos a
(Image/Ajust/Tono/Saturacion)
y dejamos los parámetros
como indica la Image. Aunque
podemos jugar con estos,
según nos guste mas o menos
el efecto conseguido.

Ya tenemos rótulos de Neón.


Yupi, Yupi............

Creamos un Canal nuevo


(#4) y escribimos un texto.

Aplicamos
(Filter/Stylize/Bordes
Iluminados)
Anchura Borde = 2
Brillo Borde = 6
Suavizar = 5

Aplicamos
(Filter/Desenfocar/Blur
Gaussian), Radio =1,1

Ahora seleccionamos todo


(Selección/Todo) y
(Edición/Copiar), abrimos la
paleta de Capas y Pegamos
en una nueva capa
(Edición/Pegar)

34
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Y Ahora (Image/Ajust/Tono-
Saturación)
T = - 130
S = 100
L=0
Opción colorear Activada.

Si despues del Blur Gaussian


aplicamos (Filter/Stylize/Hallar
Bordes)

Y Luego (Image/Ajust/Tono-
Saturacón)

Lo primero que nos hace


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

35
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Y otra con unas cuantas


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

Ahora creamos una capa


(Capa 1) y la rellenamos
de negro, con una opcidad
del 60%.
Vamos a la Image del
Poblado, que habremos
colocado como Capa 2, se
trata de eliminar el cielo de
esta Image y dejar
unicamente el Poblado,
para lo cual
selecionaremos el cielo
con la herramienta
(Selección/Gama de
colores)

Y pulsamos Suprimir.

36
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Duplicamos la capa 2 a
Capa 2 copia, y
cambiamos el Mode de
este duplicado a
Multiplicar.

Creamos una ultima capa


(Capa 3) que rellenamos
de negro y aplicamos el
Filter destello.
(Filter/Interpretar/Destello),
y la cual ponemos en
Mode Dividir.

37
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Todas las capas del


ejemplo.

Image final

Creamos un nuevo canal #4 y creamos


un circulo blanco sobre fondo negro..

Vamos a la paleta de capas y


rellenamos la capa Fondo de negro.
Creamos una nueva capa, cargamos la
selección del canal #4, y aplicamos un
Degradado de frontal a color de fondo.

38
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


(Frontal Blanco/fondo Negro)
Duplicamos la capa
Aplicamos (Filter/Interpretar/nubes de
diferencia) en esta opción deberemos ir
creando y deshaciendo hasta que
tengamos un aspecto adecuado.
Duplicamos la capa y cargamos la
selección del canal #4 invertida y
rellenamos la selección de negro,
deselecionamos todo y aplicamos
(Filter/Artistico/Bordes Añadidos)
Anchura = 7
Intensidad = 1
Posterización = 4

Orden de las capas.

Duplicamos la capa y creamos un


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

Prime 35mm
Brillo =100

39
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image original.

Sobre la Image a
tratar creamos un
circulo con la
Herramienta de
Selección, el cual
invertimos. y al que
aplicamos
(Selección/Calar) con
un radio de 32 pixels.

Ahora aplicamos
(Filter/Desenfocar/Blur
Radial) con los
parámetros
siguientes, o según el
efecto deseado.

40
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Image con el Blur


Radial aplicado.

Sobre la Image final


podemos aplicar el
Filter de enfoque para
obtener una mayor
calidad.

Creamos una Image, en nuestro caso de


200x80 RGB, y en ella un nuevo canal
(Cana #4), donde escribimos un texto.

Vamos a la paleta de capas, rellenamos


la Capa "Fondo" de blanco y creamos
una nueva (Capa1) que rellenamos de
negro, cargamos la selección del canal
#4 (Selección/Cargar selección) y
pulsamos Suprimir.

Deseleccionamos todo (Selección/Nada)


y aplicamos (Filter/Blur/Desenfoqe
Gaussian) con un valor de 1.5 pixels.

41
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora aplicamos
(Filter/Otro/Desplazamiento) y lo
dejamos como indica la Image

Creamos otra capa (Capa 2) que


podemos rellenar de cualquier color o
textura, cargamos la selección del canal
#4 y pulsamos suprimir.

Creamos una nueva Image en


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

Ahora enlazamos la Capa


1copia.

42
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

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

Ahora haciendo un Copiar-


Pegar de otra Image añadimos
dos texturas, una para el cielo y
otra para el suelo donde se
reflejara el texto, y los
colocamos en capas inferiores.

Una de las capas, en nuestro


caso la Capa 2, tendremos que
recortarla, para que coincida en
el horizonte con el final del
texto.

Por ultimo a la Capa 1copia la


dejamos con una opacidad del
50%.

Creamos un nuevo canal (4) y escribimos un


texto.

Ahora creamos una nueva capa, cargamos la


selección del canal (4) y la rellenamos de negro,
Deseleccionamos todo y aplicamos
(Filter/Desenfocar/Blur Gaussian), aquí eliges
Radio=2,

Ahora aplica (Filter/Otro/Movimiento) 2 Horiz. 2


Vert. con la opción repetir pixel de borde
activada.

Creamos otra nueva capa, cargamos la


selección del canal (4) ,la rellenamos de rojo y
deseleccionamos todo.

43
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora activamos todas las capas.

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

Pasamos al menú de Capas y creamos una nueva Capa (Capa 1), cargamos la
selección del canal #4 y la rellenamos de negro.

Creamos otra nueva Capa (Capa 2), volvemos a cargar la selección del canal
#4 y la rellenamos de rojo.

Sobre la capa 1 aplicamos (Filter/Desenfocar/Blur Gaussian)

44
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Ahora con la Herramienta de selección seleccionamos según indica la Image,


pusamos el botón derecho del ratón sobre la selección y elegimos
(Transformación Libre)

Volvemos a pulsar el botón derecho del ratón y elegimos distorsionar.

Con distorsionar y pulsando sobre las esquinas de la selección la modificamos


como indica la Image.

45
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Efecto de Sombra final.

Quitamos la linea guia y activamos todas las Capas.

Creamos una Image RGB y creamos un canal "Canal #4",


color frontal blanco y fondo negro, con la herramienta de
texto colocamos el texto deseado

Nos vamos la paleta de capas, rellenamos de blanco la


capa Fondo y creamos una nueva capa "Capa 1".
En la Capa 1 cargamos la selección del canal#4
(Selección/Cargar Selección) invertida y la rellenamos la
selección de negro, deseleccioonamos (Seleccion/Nada) y
aplicamos (Filter/Blur/Blur Gaussian) de 2 pixel. Ahora
movemos la Image con (Filter/Otro/Desplazamiento)
Horiz.5 Vert.5 y Repetir pixel del borde activado..

Creamos una nueva capa "Capa 2", cargamos la selección


del Canal #4 invertida, y rellenamos con la herramienta de
Degradado

Los parámetros de degradado utilizados fueron los


siguientes...

46
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm


Creamos una nueva capa "Capa 3", cargamos la selección
del Canal #4 sin Invertla, y rellenamos de color negro.
Deselecionamos todo (Selección/Nada) y aplicamos
(Filter/Blur/Blur Gaussian) de 2 pixel.
Ahora movemos la Image con (Filter/Otro/Desplazamiento)
Horiz.2 Vert.2 y Repetir pixel del borde. Cargamos
nuevamente la selección del canal #4 sin Invertla y
pulsamos la tecla suprimir.

Creamos una nueva capa "Capa 4", cargamos la selección


del canal#4 Sin Invertla, y rellenamos de color amarillo. nos
vamos a (Selección/Modificar/Contraer) 3 pixel y pulsamos
Suprimir.

Image final con todas las capas visibles.

Creamos un nuevo canal (Canal 4),


escribimos un texto, y le aplicamos Blur
Gaussian 0,5 Pixels

En la paleta de capas rellenamos la capa


Fondo de gris, creamos una nueva que
rellenamos de blanco, en la que
cargamos la selección del Canal-4
invertida, pulsamos Suprimir, y movemos
la capa 2 pixels a la derecha y 2 hacia
abajo
Creamos otra capa que rellenamos de
negro y en la que también cargamos la
selección del Canal-4 invertida,
pulsamos suprimir, y también movemos,
pero en este caso 2 pixels hacia arriba y
2 hacia la izquierda
Ahora haciendo un Copiar-Pegar
insertamos una textura que nos guste,
en nuestro caso una de Madera,
cargamos la selección del canal 4
invertida y pulsamos suprimir.

47
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm

Si colocamos la textura de madera en la


segunda capa.

Mismo ejemplo con una Foto de Hong


Kong

48