You are on page 1of 88

PRCTICAS

Autor: Julin Moreno Alonso

Nivel: Bsico Medio


BY-NC-SA

Esta obra est sujeta salvo que se indique lo contrario a una licencia de
Reconocimiento No Comercial Compartir igual (BY-NC-SA) v.3.0 Espaa de Creative
Commons. Se podr modificar la obra, reproducirla, distribuirla o comunicarla
pblicamente, siempre que no sea para fines comerciales sin permiso expreso del autor y
siempre que se cite el autor y la fuente (Julin Moreno Alonso), adems, la obra derivada
estar sujeta a la misma licencia que el material original. La licencia completa se puede
consultar en:

http://creativecommons.org/licenses/by-nc-sa/3.0/es/

Algunas de las prcticas han sido seleccionadas de diferentes pginas web por ser
2
interesantes y se utilizan, nica y exclusivamente, a nivel docente.

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
NDICE

Crear un rayo.............................................................................................. 4
Texto en 3D ................................................................................................ 6
Efecto de nieve en texto ............................................................................. 8
Tutorial escena espacial ........................................................................... 12
Texto de caramelo .................................................................................... 21
Texto con efecto de oro ............................................................................ 29
Sombra paralela ..................................................................................... 29
Bisel y relieve ......................................................................................... 30
Contorno ............................................................................................... 31
Textura ................................................................................................. 31
Superposicin de colores .......................................................................... 32
Superposicin de motivo .......................................................................... 33
Trazo .................................................................................................... 34
De foto a pintura al leo ........................................................................... 37
Texto sobre metal biselado ....................................................................... 45
Collage de marcos .................................................................................... 55
Aplicar marco a una imagen ..................................................................... 64
Ejemplo 1: ............................................................................................. 66
Ejemplo 2: ............................................................................................. 68
Fusin de imgenes .................................................................................. 71
Aplicar efectos sepia, blanco y negro o con partes de color ...................... 72
Maquillaje ................................................................................................. 73
Restaurar foto Antigua ............................................................................. 83

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Crear un rayo

Creamos una nueva imagen del tamao que se quiera.


Definimos el color frontal como blanco y el color de fondo
negro.

Con la herramienta Degradado Radial (color frontal a


color de fondo) rellenaremos la imagen

Aplicamos:

Filtro/Interpretar/Nubes de diferencia

Invertiremos el color:

Imagen/Ajustar/Invertir o Ctrl + I

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora modificaremos los Niveles:

Imagen/Ajustes/Niveles.

Aqu deberemos ir moviendo los tringulos de la grfica


hacia la derecha hasta que consigamos un rayo marcado.

Finalmente, ajustaremos el equilibrio de color para


conseguir el color deseado.

Imagen/Ajustar/Equilibrio de color

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Texto en 3D

Crear una imagen nueva en modo RGB, con


fondo blanco. Esta imagen es de 250 x 150.
Creamos una nueva capa.

Capa Nueva Capa

Tomamos la herramienta de texto y


escribimos la palabra o frase en forma de
mscara de texto. El ejemplo es con una
letra tipo Impact de 120 pt. y un aa
Redondeado.

Activamos ahora la herramienta Degradado


y rellena la seleccin de arriba-abajo (haz
clic en la parte superior de la seleccin y sin
soltar baja el cursor, al llegar a la base de la
seleccin suelta el botn)

Este es el degradado usado para el ejemplo,


pero puedes utilizar cualquiera:

Crear una nueva Capa:

Capa Nueva Capa

Asegrate de activar la herramienta Mover.


Mueve la seleccin 6 pxeles hacia la derecha
presionando 6 ocasiones las flechas del
teclado.
6

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Rellena con el mismo Degradado pero esta
vez a la inversa de abajo a arriba

Deselecciona:

Seleccin Deseleccionar

Y listo: tu texto 3D

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Efecto de nieve en texto

Inicia un nuevo documento de 320 x 180 px, con un color de fondo: AA732A. Despus
escribe el texto en l. La fuente utilizada para el ejemplo es:

Comic Sans MS
Negrita
Tamao 120 pt.
AA: Redondeado
Color C2C2C2

Haz doble clic sobre la capa de texto para abrir los estilos de capa. Usa Bisel y Relieve y
Trazo como se muestra en las imgenes abajo:

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
9
Ahora debes tener algo as:

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Crea una nueva capa, y haz doble clic sobre esta para abrir los estilos de capa. Agrega
Resplandor Interior y Bisel y relieve como se muestra en las imgenes de a continuacin:

10

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Finalmente utilizando la herramienta pincel con una dureza de 100% de entre 6 y 10 px. de
grosor para dibujar la nieve. Asegrate de que tienes el color blanco como color frontal.
Dibuja encima del texto acorde a lo que necesites. Obtendrs algo as:

11

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Tutorial escena espacial

Empezamos con un documento de 1024 x 768 px y de color negro de fondo

A esta capa le aplicamos un filtro ruido aadir ruido con los siguientes valores:

Ahora vamos a Imagen ajustes niveles y colocamos los siguientes valores:

12

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y a continuacin aplicamos un par de veces el filtro enfocar enfocar:

Creamos una nueva capa y con los colores de primer plano y fondo en Negro y blanco,
aplicamos un Filtro interpretar nubes y a esta capa le cambiamos el modo de fusin a
trama.

A continuacin vamos a imagen ajustes niveles y colocamos los siguientes valores:

13

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
A continuacin Imagen ajustes equilibrio de color y dejamos el cuadro de la
siguiente forma:

Debera quedar ms o menos as:

A continuacin aadimos un destello en la misma capa


14

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Filtro Interpretar destello

Ahora crearemos una nebulosa,

Para ello, primero crearemos un documento nuevo de 800 x 600 px Igual que el otro con
fondo negro. Seleccionamos la herramienta pincel con estos valores:

15

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y con un color azul, pintamos algo parecido a la siguiente imagen:

Con el rojo, algo parecido a esto:


16

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Con el amarillo:

17

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y con el blanco y con un pincel ms fino (20 px Por ejemplo):

18

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora aplicaremos Filtro desenfoque desenfoque gausiano con los siguientes
valores:

19

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Solo nos falta combinar las capas (si lo hubiramos hecho en capas diferentes) y copiar el
resultado en la imagen espacio que hemos creado anteriormente, colocando el modo de
fusin de la capa en trama.

Resultado final:

20

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Texto de caramelo

Creamos un documento de 100 x 100 px con el fondo blanco.

Colocamos una gua horizontal cada 25 px. Vista Gua nueva:

De manera que nos quede el documento de la siguiente forma.

Con la herramienta de seleccin marco rectangular y ayudndonos de las guas, creamos dos
franjas rojas, de esta forma:

Deseleccionamos con Seleccin Deseleccionar o utilizando la combinacin Ctrl + D

Aplicamos el filtro:

Filtro Distorsionar Encoger


21

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Con una cantidad de un 70%

El documento nos habr quedado de la siguiente forma:

Ahora vamos a guardar esta pequea imagen como un motivo para utilizarlo posteriormente
en nuestro texto caramelizado, para ello, primero tendremos que definir el motivo:

Edicin Definir motivo

Y le pondremos como nombre Caramelo

22

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Cabe decir que los motivos quedan guardados para poder utilizarlo desde cualquier
documento.

Una vez acabado nuestro motivo, crearemos un documento en blanco con la medidas 500 x
200 px y con fondo blanco, donde escribiremos un texto, en el ejemplo se han utilizado las
siguientes caractersticas:

Tipo de fuente: Verdana


Tamao: 72 pt
Color: negro
aa: Redondeado
Negrita

Aplicamos el estilo de capa Superposicin de motivo, utilizando el estilo creado con las
siguientes caractersticas:

23

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y a continuacin el de sombra paralela como en el cuadro siguiente:

24

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y adems el de Bisel y relieve

25

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Una vez aplicados los estilos de capa definidos, rotaremos el lienzo pero veremos que el
estilo del motivo no rota con la imagen.

Imagen Rotar lienzo

Con la opcin arbitrario activada a 45 AC

Fijmonos que la posicin del motivo no la ha movido, sigue en horizontal, en lugar de


haberse colocado en diagonal como el texto.

26

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Una vez realizada la rotacin, combinaremos la imagen, con la opcin Combinar hacia
abajo. De manera que nicamente nos quedar una capa y los estilos de capa habrn
desaparecido con la combinacin.

Posteriormente, volveremos a rotar la imagen, pero esta vez al contrario del anterior. Como
en este caso tendremos combinadas las capas y no estarn los motivos separados, veremos
que el texto gira por completo, quedando las franjas rojas en diagonal.

Imagen Rotar arbitrario


27
Tambin 45 pero esta vez ACD (Al contrario de las agujas del reloj)

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Tendremos el texto finalizado, como si fueran barritas de caramelo

nicamente nos quedar reducir el tamao del documento con la herramienta recortar

28

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Texto con efecto de oro

Vamos a elaborar un efecto de oro con textura e ir mostrando las imgenes de cada uno de
los distintos estilos de capa usados. Recuerda que para abrir los estilos de capa basta con
dar doble clic sobre la capa que de tu inters sobre la paleta de capas.

Creamos una imagen de 700 x 300 px con el fondo blanco

Escribimos un texto, utilizando la fuente:

Fuente: Century Schoolbook


Negrita
Tamao: 300 pt
Aa Redondeado

A continuacin, nicamente falta, empezar a crear los estilos de capa, recuerda que lo
podemos hacer haciendo doble clic sobre la propia capa:

Sombra paralela

29

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Bisel y relieve

Color Modo Resaltado: F5F1C4


Color Multiplicar: 4B2B01

30

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Contorno

Textura

En este, escogeremos Superficies artsticas

31

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y cogeremos el motivo, Pluma de pincel sobre lienzo

Colocando en escala y profundidad los siguientes valores

Superposicin de colores

El color utilizado es el cc9900


32

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Superposicin de motivo

Escogeremos el motivo con el nombre pergamino y ademas colocaremos los siguientes


valores

33

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Trazo

El color usado para el trazo es el C69E43

34

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y conseguiremos esto, con dos fondos de distinto color

En blanco:

En negro:
35

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
36

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
De foto a pintura al leo

Abrimos la foto a la que queremos aplicar el efecto.

37

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Seleccionamos la opcin Imagen Ajustes Tono / Saturacin. En el cuadro,
aumentamos a 50 el valor de la Saturacin y hacemos OK, para avivar los colores de la
foto.

En el men Filtro, seleccionamos Galera de filtros y, en el cuadro seleccionamos el


conjunto Distorsionar y haremos clic en la miniatura cristal. Ajustamos Distorsin a 3,
Suavizar a 3 y despus seleccionamos Lienzo en el cuadro de lista desplegable Textura.
Despus, ajustamos el valor Escalado al 79%.

38

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Hacemos clic en el icono Nueva capa de efecto, en la parte inferior del cuadro de dilogo.
Despus seleccionamos el Conjunto Artstico y haga clic en la miniatura Pinceladas. Ajuste
el Tamao de pincel a 4, el Enfoque a 1 y seleccionamos Sencillo como Tipo de pincel.

39

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Volveremos hacer clic en el icono Nueva capa de ajuste, en la parte inferior del cuadro de
dilogo. Despus, seleccionaremos el conjunto Trazos de pincel y a continuacin la
miniatura Trazos angulares. Ajustamos el Equilibrio de direccin a 46, la longitud de
trazo a 3 y el Enfoque a 1:

40

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Volveremos hacer clic en el icono Nueva capa de efecto. Para dar a la imagen el aspecto
de un lienzo, seleccionaremos el conjunto Textura y haremos clic en la miniatura
Texturizar. Seleccionamos Lienzo en el cuadro de lista Textura, ajustamos el Escalado al
65%, el Relieve a 2 y, como Luz, seleccionamos la opcin Superior izquierda. Por ltimo
hacemos clic en Ok para aplicar todos los filtros a la foto.

41

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
A continuacin duplicaremos esta capa pulsando Ctrl + J. Despus desaturaremos la capa
pulsando la combinacin Ctrl + Mayscula + U. En la paleta Capas cambiaremos el modo
fusin de la capa de Normal a Superponer.

Seleccionamos Filtro Estilizar y hacemos clic en Relieve. En el cuadro de dilogo


ajustamos el ngulo a 135, la altura a 1, la cantidad al 500% y hacemos clic en Ok. Por
ltimo, en la paleta Capas, reducimos la Opacidad de esta capa al 40% para lograr el
efecto final de pintura al leo.

42

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y veremos lo siguiente:

43

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
44

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Texto sobre metal biselado

Es un efecto de texto que EA Sports ha hecho popular en sus juegos. Por s solo ya destaca
como efecto de biselado metlico, pero EA Sports lo ha mejorado combinndolo con un
efecto que lo hace nico. A continuacin vamos a ver como realizarlo.

Abrimos un documento nuevo en modo RGB (18 x 13 cm a 200ppp). Configuraremos el color


frontal con un color azul grisceo, por ejemplo: R=153, G=153, B=171. Y rellenamos con
este color la capa fondo.

A continuacin creamos una nueva capa. Sobre ella, utilizando el marco elptico y
ayudndonos con la tecla Mayscula, seleccionamos el rea de un crculo y lo rellenamos de
color blanco. Como en la figura siguiente:

Aadiremos un estilo de capa, utilizando el icono de la parte inferior de la paleta capas,


seleccionamos Superposicin de degradado:
45

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Con el cuadro de dilogo delante, haremos clic en la flecha de la miniatura de degradado
para abrir el selector del degradado.

Desde el men desplegable del selector cargaremos el conjunto metales haciendo clic en
Aadir en el cuadro de confirmacin.

46

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Una vez tenemos los nuevos degradados seleccionaremos el degradado plateado y haremos
Ok.

Con la seleccin del crculo todava activa, iremos al men Seleccin Modificar
Contraer, ajustando el valor de contraccin a 20 px, para reducir el tamao de la seleccin:

47

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Crearemos una capa nueva y volveremos a rellenar de blanco la seleccin activa. Quitaremos
la seleccin.

A continuacin aadiremos el estilo de capa Resplandor interior y dejaremos las


caractersticas de la siguiente forma:

48

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
A continuacin aadiremos el texto, pulsando la herramienta T. Pulsamos la tecla D para
configurar los colores negro y blanco como frontal y fondo. Seguidamente introduciremos el
texto que nos interese.

Nosotros hemos introducido este con las caractersticas que se muestran:

49

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Vamos a aadir un degradado utilizando los efectos de capa: Escogemos Superposicin de
degradado y utilizamos el miso degradado (plateado) que para el crculo anterior.

A continuacin biselaremos el texto. Aadimos el estilo de capa Bisel y relieve y


configuramos el cuadro de la siguiente forma:

50

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Una vez realizado este estilo de capa, con la ayuda de la tecla control, haremos clic en la
capa del texto, para que se nos seleccione. Y una vez hecho esto, contraeremos la seleccin
6 px.

Seleccin Modificar Contraer

Creamos una nueva capa y rellenaremos la seleccin con el color negro.

Una vez esto tendremos:

51

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Si adems queremos darle un efecto tridimensional, podremos realizar los siguientes pasos:

Ocultaremos la capa Fondo para combinar el resto de las capas, con la opcin Combinar
visibles.

Despus pulsamos la combinacin de teclas ctrl. + T, para transformar la seleccin, con la


ayuda de las teclas Ctrl + Mays + Alt, arrastramos hacia arriba el vrtice interior derecho,
tambin arrastramos hacia abajo el vrtice inferior izquierdo, consiguiendo, algo parecido al
de la imagen:

52

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Encogeremos un poco, con el vrtice izquierdo central, pues los efectos anteriores
acostumbran a distorsionar un poco la imagen, consiguiendo:

53

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
54

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Collage de marcos

Lo genial de esta tcnica es que la fotografa original no se mueve ni un milmetro y solo se


utiliza una imagen.

Empezamos abriendo la foto a la que queremos aplicar el efecto y la dejaremos a un lado de


momento, puesto que primero se tendr que crear la plantilla del marco deshilachado que
vamos a utilizar para toda la tcnica. Abrimos un documento nuevo de 8 cm de ancho por 3
cm de alto y con la misma resolucin que la foto que habamos abierto con anterioridad. No
te preocupes si es muy grande, despus lo ajustaremos.

En este documento nuevo, vamos a crear nuestra plantilla, empezaremos creando una capa
nueva. A continuacin configuraremos los colores frontal y fondo a los colores por defecto,
esto lo podemos hacer pulsando la tecla D, y rellenaremos en negro esta capa

Con la herramienta marco rectangular, crearemos una seleccin aproximadamente del 75%
del documento, segn la siguiente imagen:

55

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
A continuacin activaremos el modo mscara rpida, clicando sobre el botn destinado a ello
o bien pulsando la tecla Q, y desde esta, aplicar un filtro a la seleccin.

Fjate que la zona no seleccionada, se volver roja:

En el men Filtro, hacemos clic en Bosquejar y seleccionamos la opcin Cont Crayon,


conservaremos los ajustes predeterminados y haremos clic en OK.

56

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Una sola aplicacin de este filtro, no es suficiente para que los bordes queden tan
desgarrados como queremos, de manera que la repetiremos cinco veces seguidas con la
ayuda de la combinacin de tecla Ctrl + F, recordemos que esta combinacin repite el ltimo
filtro aplicado.

57

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Al aplicar el efecto tantas veces, el efecto se aprecia no solo en los bordes, sino tambin en
el centro de la seleccin. Podremos arreglarlo, para ello, crearemos una seleccin con la
ayuda del marco rectangular, ligeramente por debajo de los bordes deshilachados. A
continuacin rellenaremos de negro el rea seleccionada, Supr, ya podremos quitar la
seleccin.

Solo nos faltar salir de la mscara rpida para poder ver nuestra seleccin con bordes
deshilachados.

Seguidamente tendremos que eliminar la zona que rodea el rea seleccionada, para ello,
invertiremos la seleccin para seleccionar todo menos la zona central. Pulsaremos la tecla
Supr y deseleccionaremos la imagen.

Una vez quitada la seleccin, ocultaremos la capa fondo, para ello haremos clic en la
miniatura del ojo de dicha capa.

Con la tecla Ctrl pulsada, haremos clic en el icono de crear una capa nueva, con el fin de
aadir una capa, justo debajo de la del borde negro.

Con el marco rectangular, trazaremos una seleccin algo mayor que la del rea del borde
negro. Pulsamos la tecla X para configurar como blanco el color frontal, y rellenamos la
seleccin pulsando la combinacin Alt + Retroceso. Despus quitaremos la seleccin y
Combinaremos las capas visibles utilizando la opcin Combinar visibles, del men
desplegable de la paleta capas.

A continuacin vamos a abrir una ventana en el centro. Activamos la herramienta Marco


Rectangular y creamos una seleccin que quede justo por debajo del borde negro. Pulsamos
supr y quitamos la seleccin, tendremos algo as:
58

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Solo nos falta trasladar nuestra imagen a la foto donde queremos realizar el collage, para
ello, podremos arrastrar la capa con nuestra composicin del marco al otro documento.

Tambin tendremos que cambiar el tamao para ajustarlo al documento donde queremos
realizar el efecto. Podemos utilizar la herramienta de transformacin libre, pulsando la
combinacin Ctrl + T.

Cambia el nombre de la nueva capa a Plantilla.

59

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Y crea un duplicado de la capa plantilla justo por encima de la capa Fondo.

En la paleta capas, hacemos un clic en la capa fondo para convertirla en la capa activa y
utilizando la herramienta de seleccin marco rectangular, trazamos una seleccin que coja
la mitad de la parte negra del marco, parecido a los siguiente:

Sin movernos de la capa fondo, pulsamos la combinacin de teclas Ctrl + J para duplicar la
60
zona seleccionada y trasladarla a otra capa en su misma posicin. Haremos clic en la capa

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Plantilla copia y pulsaremos la combinacin de teclas Ctrl + E, para combinar hacia abajo el
marco y la parte de la copia en una sola capa. Tendremos algo as:

A continuacin volveremos a duplicar la capa plantilla, situndola a continuacin justo por


encima de la capa fondo, igual que antes.

Cada vez que hagamos una copia de la capa plantilla, esta aparecer siempre en la misma
posicin, habr que desplazarla a nueva posicin y rotarla para darle este efecto de collage.

61

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Seguidamente, utilizando la herramienta lazo poligonal, trazaremos una seleccin del interior
del marco, recuerda coger una parte de la zona negra.. y volveremos a hacer clic en la capa
fondo para pulsar Ctrl + J y se vuelva a copiar la imagen en su capa. Iremos repitiendo
todos estos pasos hasta conseguir nuestro propsito.

Si ocultamos la capa fondo y mostramos todas las dems, tendremos algo parecido a esto:

62

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Solo nos faltara crear una capa por encima de la capa fondo y rellenarla de blanco o de
negro para conseguir nuestro propsito.

63

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Aplicar marco a una imagen

1.- Abrimos la imagen a la que queremos aplicar el marco. Yo para este ejemplo he puesto
una imagen de tamao 700 por el lado ms grande lo digo para que os hagais una idea de
las proporciones y cantidades a la hora de aplicar los filtros.

2.- Nos aseguramos de que la imagen est en RGB y si no lo est lo cambiamos en


Imagen/modo/color RGB.

3.- Ponemos el color blanco como color frontal.

4.- Hacemos clic en la herramienta marco rectangular

y hacemos un rectngulo en la imagen dejando un espacio para el borde o marco. Podeis


ayudaros con la regla o con las lneas gua o hacerlo a ojo de buen cubero como he hecho
yo.

64

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
5.- Creamos una mscara rpida haciendo click en el botn que os sealo en la imagen

Al crear una mscara rpida nuestra imagen ha de verse as

65

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
6.- Y ahora lleg el momento de dar rienda suelta a la imaginacin. Podeis aplicar todo tipo
de filtros que querais y probar resultados. Yo os pongo aqu dos ejemplos

Ejemplo 1:

- Aplicar Filtro/Trazos de Pincel/Salpicaduras (el valor a poner depender del marco a


realizar, yo en este caso los valores que he utilizado son:

66

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
- salimos de la mscara rpida pulsando el boton que hay justo al lado del que le dimos para
crear la capa.

- Invertimos la seleccin (seleccin/invertir)

- rellenamos de blanco (edicin/rellenar/color frontal)

- y este es el resultado

67

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ejemplo 2:

- Aplicar Filtro/Distorsionar/Rizo (el valor a poner depender del marco a realizar, como
ejemplo os pongo la imagen que muestra los valores que yo he utilizado para esta imagen)

68

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
- salimos de la mscara rpida pulsando el boton que hay justo al lado del que le dimos para
crear la capa.

- Invertimos la seleccin (seleccin/invertir)

- rellenamos de blanco (edicin/rellenar/color frontal)

- y este es el resultado

69

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
70

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Fusin de imgenes

1) Abrir las dos imgenes, con la cual vas a trabajar

2) Copiar una de las imgenes en la otra imagen, de manera que se crear una capa
con el contenido (para ir bien, las imgenes tendran que ser del mismo tamao.)

3) A la imagen que est encima de todo en las capas , vas a la herramienta de seleccin
rectangular y haces un rectngulo como lo muestra el ejemplo

4) Una vez realizado el rectngulo vas a Seleccin Perfeccionar borde y dentro de la


opcin calar darle un valor alto, por ejemplo 25. En alguna versin anterior a CS5 la
opcin calar estar directamente en el men Seleccin, y la opcin perfeccionar
borde no existe.

5) Ahora solo pulsa la tecla suprimir y tendrs el resultado del

71

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Aplicar efectos sepia, blanco y negro o con
partes de color

1- Primero de todo, abrimos nuestra imagen

2- Iremos a la opcin Imagen ajustes desaturar.

3- Creamos una nueva capa encima de la imagen de fondo

4- Cogemos el bote de pintura y con un color de amarillo a anaranjado como color


frontal, rellenamos esa capa del color escogido.

5- Cambiamos el modo de fusin a color.

6- Si quisiramos convertirla en blanco y negro, solo tendramos que escoger el color


negro.

7- Si una vez la tenemos pasada a blanco y negro queremos que una parte de la
imagen sea en color podramos ir destapando zonas de la imagen con el pincel de
historia, vamos pasndolo por las zonas que NO queramos que estn desaturadas.

72

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Maquillaje

Lo primero es abrir la imagen en Photoshop:

Aplicaremos un poco de Efecto Luz suave, para darle un aire ms glamuroso a la imagen, a
la vez que conseguimos enfocar un poquito tambin. Para eso duplicamos la capa de fondo,
aplicamos un desenfoque gaussiano de aproximadamente un radio 3 y ponemos el modo de
fusin de esta capa en luz suave. La opacidad, la bajamos un poco pero tampoco demasiado
ya que no queremos enfocar, si no ms bien darle ese aire tan suave que solo este efecto
consigue sobre la fotografa. Para ello seleccionamos un valor de aproximadamente un 87%,
pero ya sabis que cada foto requiere de unos porcentajes determinados...
73

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora vamos a empezar a maquillar la zona de los prpados de los ojos, con un tono rosado.
Para eso, creamos una capa nueva vaca, la ponemos en modo de fusin luz
suave, seleccionamos el color en el selector de color frontal de la ventana de
herramientas, elegimos un pincel pequeo y hmedo y comenzamos a pintar sobre los
prpados. Bajamos la opacidad de la capa hasta que el efecto que de real. Por ejemplo, yo la
puse en un 40%:

74

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora pintaremos los labios de la misma manera. Creamos una nueva capa vaca, la
nombramos, elegimos un color marrn oscuro, seleccionamos el pincel, bajamos opacidad de
la capa y cambiamos su modo de fusin a luz suave y a pintar sobre los labios...

75

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Pintamos las cejas ahora con un marrn bastante oscuro de la misma forma de antes, y
ajustamos la opacidad de la capa y el modo de fusin hasta que el efecto sea muy real:

76

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora es tiempo para pintar de blanco, los dientes y el blanco de los ojos de la misma forma:

77

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Con el mismo color blanco, pintamos unas lneas en el pelo para que parezcan mechas o
brillos, en una nueva capa y siguiendo la misma tcnica que usamos en los pasos anteriores:

78

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Acoplamos la imagen. Capa----> Acoplar Imagen

Tiempo para enfocar la imagen. Usamos la mscara de enfoque, con un radio de 2, Umbral a
cero y varias pasadas si fuera necesario. La primera con una Cantidad del 500% y la
segunda bastante menos. Yo por ejemplo us un 195% para la segunda repeticin:

79

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Ahora ya podemos comparar como ha cambiado nuestra imagen siguiendo estos sencillos
pasos:

80

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
81

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
82

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Restaurar foto Antigua

Para ello, lo primero es abrir la imagen en Photoshop:

Seleccionamos la herramienta Tampn de clonar desde la ventana de Herramientas y es


importante que escojamos un pincel de punta hmeda para aplicarlo. Para eso disminuimos
la dureza del mismo, aproximadamente al 60% o el 50%. Recordad que siempre lo
aplicaremos sobre capas vacas encima de nuestra imagen original. Podis ir creando nuevas
capas vacas contnuamente a medida que progresamos en el trabajo en vez de hacer toda la
clonacin de las manchas en una sla capa... 83

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Antes de empezar a aplicar el tampn de clonar, yo ilumin un poquito la imagen uyilizando
la tcnica que os expliqu en este post:

http://www.photoshop-designs.com/foro/viewtopic.php?t=56
Es muy sencillo. nicamente se trata de hacer una capa vaca, rellenarla de blanco y poner el
modo de fusin en luz suave...

Esto me ayuda a hacer ms evidentes todos los problemas de la imagen y a trabajar sobre
ellos con ms precisin.

Para aplicar el tampn de clonar, tenis que ir mancha por mancha. Elegid un tamao de
84
pincel adecuado al tamao de cada mancha. Situarlo a escasos milmetros de la mancha a

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
clonar, donde la fotografa est en perfecto estado y pulsad la tecla "Alt". Con un toque en el
botn izquierdo del ratn ya habris seleccionado esa zona de fotografa que luego
sustituiremos en la mancha con slo llevar el pincel a esa mancha y pulsando sobre ella el
botn izquierdo del ratn de nuevo...

As con muchsima paciencia tendris que eliminar todas y cada una de las manchas. Es un
trabajo muy sencillo pero laborioso.

En el ojo derecho tuve que pintar de blanco el reflejo y un poquito la conjuntiva con un
pincel muy pequeo. Me pareca ms sencillo de esta forma que clonar esas zonas del otro
ojo...

A continuacin, os pongo como me qued a m la restauracin que hice con el Tampn de


clonar y el pequesimo arreglo en el ojo derecho casi imperceptible, pero que se har mas
patente al enfocar la imagen despus...

85

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
Vamos a intentar mejorar simplemente un poquito el fondo y toda la zona inferior de la
imagen anterior ya que an se encuentra muy deteriorada. Si ponis a tope el brillo y el
contraste del monitor, en la captura de imagen anterior observaris que hay muchos puntitos
blancos en esas zonas. Es casi imposible ir con el tampn de clonar una por una para
arreglarlas y lo que haremos ser otra cosa ms sencilla. Vamos a coger el pincel, y sobre
una nueva capa vamos a ir pintando esas zonas. A medida que pintamos, esas puntos
blancos sern cubiertos por la capa de pintura y parecer que los hemos arreglado. Con la
herramienta cuentagotas, vamos seleccionando los colores de cada una de esas zonas,
tomamos un pincel de punta hmeda y vamos trabajando esas zonas pero sin ser demasiado
precisos ya que luego podemos usar algn plugin como el Neat image para eliminar esas

86

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
pequeas imperfecciones o el Filtro Destramar del Photoshop que tambin nos har este
trabajo perfectamente...

Por ltimo, ya podemos dar rienda suelta a nuestra imaginacin para presentar la imagen ya
restaurada. Por ejemplo, yo he pasado un poquito el Neat image para terminar de eliminar
esas pequeas impurezas que quedaban an en algunas partes de la imagen. he pintado de
negro todo el fondo para hacer destacar ms al cro, he enfocado un poquito con la tcnica
del paso alto y efecto soft y he pintado en modo de luz suave algunas zonas de la imagen.
Ajustamos los niveles, el brillo y contraste, le ponemos un pequeo marco y ya tenemos
nuestra imagen restaurada...

87

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web
88

Professionalscat - Assessors informtics - info@professionalscat.net - 616 783 662 - www.professionalscat.net


Serveis Informtics - Arquitectura de la Informaci - Desenvolupament Web

You might also like