0% encontró este documento útil (0 votos)
158 vistas89 páginas

Tutoriales Photoshop: Texto, Portada, Cabello, Marco

Este documento presenta tres ejercicios prácticos para usar Adobe Photoshop. El primer ejercicio muestra cómo crear texto de fuego con efectos de viento y ondas. El segundo ejercicio enseña cómo hacer una portada de película fusionando dos fotos. El tercer ejercicio explica los pasos para cambiar el color del cabello en una foto mediante el uso de máscaras y capas de relleno.

Cargado por

Julian Bertua
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
158 vistas89 páginas

Tutoriales Photoshop: Texto, Portada, Cabello, Marco

Este documento presenta tres ejercicios prácticos para usar Adobe Photoshop. El primer ejercicio muestra cómo crear texto de fuego con efectos de viento y ondas. El segundo ejercicio enseña cómo hacer una portada de película fusionando dos fotos. El tercer ejercicio explica los pasos para cambiar el color del cabello en una foto mediante el uso de máscaras y capas de relleno.

Cargado por

Julian Bertua
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Ejercicios Prácticos de

Adobe PhotoShop
Informática Aplicada II

Apunte de la materia Informatica Aplicada II,


Instituto Tecnico La Falda 1
Ejercicios Prácticos de Adobe PhotoShop

1- TEXTO DE FUEGO.
1. Comenzamos con una imagen nueva de 3OOx15O píxeles de tamaño, aproximadamente. Color de
fondo blanco y modo en escala de grises. En la foto de abajo se enseña como debe ponerse.
Advertencia: Es importante poner el modo en Escala de grises Grayscale o no funcionará el tutorial.

2. Rellenamos la imagen de negro y después con la


herramienta de texto escribimos nuestro texto usando color blanco y un tamaño de letra grande (pues es
un efecto que sale mejor en texto ancho). Luego vamos a Capa>Rasterizar>Texto
Layer>Rasterize>Text y a Capa>Acoplar imagen Layer>Flatten image

3. Seguidamente vamos a Imagen>Rotar lienzo>9O° ACD Image>Rotate canvas>90°ACD, tras lo


cual vamos a Imagen>Ajustes>Invertir Image>Adjust>Invert. Le aplicamos ahora el filtro de viento:
Filtro>Estilizar>Viento Filter>Stylize>Wind y en la opciones elegir desde la derecha. De nuevo
vamos a Imagen>Ajustes>Invertir Image>Adjust>Invert

Informatica Aplicada II Página 1


Instituto Tecnico La Falda 2
Ejercicios Prácticos de Adobe PhotoShop

4. Aplicamos 2 veces más el efecto de viento Filtro>Estilizar>Viento Filter>Stylize>Wind. Y rotamos


la imagen a su posición original Imagen>Rotar lienzo>90°AC Image>Rotate canvas>90°AC

5. A continuación vamos a Filtro>Distorsionar>Rizo Filter>Distort>Ripple y le asignamos un valor de


1OO (este valor es opcional podéis experimentar con otros)

6. Para terminar vamos a Imagen>Modo>Color indexado Image>Mode>Indexed colors y después a


Imagen>Modo>Tabla de color Image>Mode>Color table y elegimos la tabla Cuerpo negro Black
body.

Informatica Aplicada II Página 2


Instituto Tecnico La Falda 3
Ejercicios Prácticos de Adobe PhotoShop

2 -PORTADA DE PELICULA.
Este es un tutorial simple, con el cual obtenemos excelentes resultados en el trabajo final. Siempre es
lindo sorprender a tu pareja, novio, novia, esposo, esposa o el título que lleve con algo hecho por
uno. Y esa es la idea de este tutorial… así que vayan comprando un portarretratos para poner este
trabajo y regalarle algo novedoso.
Primero viene la tarea mas complicada. Esta es la selección de las fotografías a utilizar. No siempre
tenemos imágenes posando para cualquier ocasión, por lo que nos podemos ayudar con algún banco de
imágenes para una de ellas. Explicaré este tutorial siguiendo puntualmente este ejemplo, pero la idea es
que aprendan el concepto y luego sean libres para realizar la composición a su manera. En este caso,
tomé una fotografía en donde estoy con mi novia y la otra es de un banco fotográfico.

Informatica Aplicada II Página 3


Instituto Tecnico La Falda 4
Ejercicios Prácticos de Adobe PhotoShop

1º Paso. Abro un documento de 10cm. x 15cm. (o el tamaño de fotografía que deseo según el
portarretratos). El mismo deberá ser con fondo negro. Luego creo una nueva capa (Ctrl+J) y la llamo
“original1". En ella coloco la imagen horizontal. Acto siguiente, repito el proceso de creación de capa, la
llamo “original2" y coloco la imagen vertical.
2º Paso. Lo que hago a continuación es “Añadir una máscara vectorial” a la capa “original2". Como?
Tal como se ve en la imagen siguiente:

3º Paso. Lo que hago a continuación es seleccionar la herramienta de degradado. Una vez hecho
esto, voy al panel de propiedades del degradado (ubicado en la parte superior) y selecciono un
degradado lineal, el cual de la punta izquierda lleva negro al 100% de opacidad y del lado derecho,
negro al 0% de opacidad. Ya teniendo lista la herramienta para utilizarla, trazo una línea de arriba hacia
abajo sobre la capa “original2" como
lo muestra la siguiente imagen (para
tener una noción de ubicación de la
fotografía que se encuentra debajo,
podemos variar momentáneamente
la opacidad de la capa “original2" a
un 50%):

Informatica Aplicada II Página 4


Instituto Tecnico La Falda 5
Ejercicios Prácticos de Adobe PhotoShop

Si volvemos a 100% de opacidad la capa “original2", obtendremos como resultado la fusión de las 2
imágenes.

Informatica Aplicada II Página 5


Instituto Tecnico La Falda 6
Ejercicios Prácticos de Adobe PhotoShop

Espero haber sido claro hasta el momento. Esto es lo que se llama fusión o montaje de 2 imágenes.
Y tenemos gran parte del trabajo realizado.
4º Paso. Lo que haré ahora es darle un toque artístico a esta imagen. Para esto, me dirijo al menu
superior, en Capas > Nueva Capa de Ajuste > Tono/Saturación. Me abre una ventana a la que le
doy aceptar y luego aparece una nueva ventana en donde puedo ajustar los valores de tono, saturación
y luminosidad sin afectar a las capas originales. Aquí mismo marco la casilla “Colorear” y puedo
comenzar a jugar con los valores de tono y saturación (Luminosidad lo dejo como está).
Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena
romántica siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición

5º Paso. Como siempre me entusiasmo y busco agregar algo mas (gran defecto), decidí darle un aspecto de poster
cinematográfico. El resultado fue el siguiente:
Ya podemos decir que tenemos el trabajo terminado. Es un excelente fotomontaje de una escena romántica
siendo nosotros mismos los protagonistas. Y si lo dejamos así, ya es una buena composición.
Ahora, darle un aspecto de poster cinematográfico. El resultado fue el siguiente:

Informatica Aplicada II Página 6


Instituto Tecnico La Falda 7
Ejercicios Prácticos de Adobe PhotoShop

Los agregados fueron un poco de texto, un pincel para las letras manuscritas, pájaros, rejas y formas y un recorte
final de otro poster cinematográfico para el pie .

Informatica Aplicada II Página 7


Instituto Tecnico La Falda 8
Ejercicios Prácticos de Adobe PhotoShop

3- CAMBIAR COLOR DEL CABELLO.

Abrimos la imagen. Lo mas recomendable es que duplicamos la capa de fondo

Toma un pincel de bordes suaves acorde al tamaño de tu imagen.

Informatica Aplicada II Página 8


Instituto Tecnico La Falda 9
Ejercicios Prácticos de Adobe PhotoShop

Presiona la letra “Q” para entrar en Modo Mascara Rápida (quick mask mode). Marca toda el
área cubierta por el cabello, si tienes problemas y te pasas en algún ligar usar el borrador para
corregir.

Informatica Aplicada II Página 9


Instituto Tecnico La Falda 10
Ejercicios Prácticos de Adobe PhotoShop

Empieza por los bordes como vemos arriba y termina rellenando como vemos a continuación:

Informatica Aplicada II Página 10


Instituto Tecnico La Falda 11
Ejercicios Prácticos de Adobe PhotoShop

Presiona nuevamente la letra “Q” para salir del modo mascara rápida.

Con esto resulta una selección alrededor del cabello, pero lo que necesitamos es la selección en el
cabello, por lo que hay que invertir la selección: Selección > Invertir (Select > Inverse)

Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva
Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las
propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave
(Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar.

A continuación

Informatica Aplicada II Página 11


Instituto Tecnico La Falda 12
Ejercicios Prácticos de Adobe PhotoShop

Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva
Capa de Relleno > Color Sólido (layer > New Fill Layer > Solid Color) Nos aparecerá un cuadro con las
propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave
(Soft Light) y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en aceptar.

A continuación aparece el selector de color (color picker) y desde ahí tomamos distintos colores

y podemos ver como va cambiando el color del cabello.

Informatica Aplicada II Página 12


Instituto Tecnico La Falda 13
Ejercicios Prácticos de Adobe PhotoShop

Selecciona el que mas te agrade y listo.

Informatica Aplicada II Página 13


Instituto Tecnico La Falda 14
Ejercicios Prácticos de Adobe PhotoShop

Informatica Aplicada II Página 14


Instituto Tecnico La Falda 15
Ejercicios Prácticos de Adobe PhotoShop

4- COMO HACER UN MARCO GLASEADO TIPO MARCONEO.

1)Aquí les presento la foto a enmarcar. Tiene una dimensión de 506px por 338px. Recuerden que los
pasos a seguir pueden variar según el tamaño de la imagen, los colores de la misma y, más importante
aún, lo que finalmente nos gustaría crear.

Informatica Aplicada II Página 15


Instituto Tecnico La Falda 16
Ejercicios Prácticos de Adobe PhotoShop

2) Seleccionamos el área a enmarcar y luego invertimos dicha selección (Ctrl+Shift+i).


Ahora tenemos seleccionado el área que ocupará nuestro marco.

Informatica Aplicada II Página 16


Instituto Tecnico La Falda 17
Ejercicios Prácticos de Adobe PhotoShop

3)Teniendo la selección activa, creamos dos nuevas capas (2 veces Ctrl+J). La primera capa se
autonombra Capa 1. A la segunda le ponemos Capa 2.

4)En la paleta capas, seleccionamos la Capa2 y en la opción Relleno le damos 0% (Esto la hace
totalmente transparente). Luego nos vamos a propiedades de capa y le damos click en la opción
Trazo. Para el tamaño de mi imagen un trazo de 2 px va bien, sin embargo como les dije al inicio
esto puede variar según las dimensiones de nuestra foto. Si es mas pequeña entonces con 1 px
va, pero si es una imagen de mayor tamaño entonces juguemos con más de 2 px. Cambiemos el
color de trazo a blanco y listo, aceptamos

Informatica Aplicada II Página 17


Instituto Tecnico La Falda 18
Ejercicios Prácticos de Adobe PhotoShop

4)Ahora seleccionamos la Capa1 y le damos "Desenfoque de Lente"


(Filtro/Desenfocar). Para esta imagen es suficiente 20 de radio, en Forma
seleccionamos Triángulo (3) y 254 de Umbral. Lo demás queda en 0.
Obviamente ustedes pueden jugar y lograr resultados personalizados más
acorde con lo que finalmente busca crear.

Informatica Aplicada II Página 18


Instituto Tecnico La Falda 19
Ejercicios Prácticos de Adobe PhotoShop

Luego de haber desenfocado la Capa1 nos vamos al cuadro de Niveles (Ctrl+L) y le damos 0.70 en la
caja de Medios Tonos en "Niveles de Entrada" (El cuadro central). Pulsamos Aceptar.

Informatica Aplicada II Página 19


Instituto Tecnico La Falda 20
Ejercicios Prácticos de Adobe PhotoShop

Siempre en la Capa1, al cuadro de


nos vamos

Tono/Saturación 10 puntos de
(Ctrl+U) y le quitamos

Informatica Aplicada II Página 20


Instituto Tecnico La Falda 21
Ejercicios Prácticos de Adobe PhotoShop

Informatica Aplicada II Página 21


Instituto Tecnico La Falda 22
Ejercicios Prácticos de Adobe PhotoShop

5.- EFECTO DE LUZ EN TEXTO.

1º. Coloca el texto Ponemos el texto en la fuente que queramos y en un tamaño


medio, eso si, siempre con color RGB 8 Bits a 72 píxeles/pulgada.

Informatica Aplicada II Página 22


Instituto Tecnico La Falda 23
Ejercicios Prácticos de Adobe PhotoShop

2º. Duplica el texto

Elije Capa>Duplicar Capa. Con el nombre "Luz 1"

3º. Efecto Luz

En la capa duplicada utilice el filtro radial (Filtro>Desenfocar>Desenfoque Radial) en cantidad 100%, el


método Zoom y una calidad Buena.

4º. Rellénala

Carga los colores por defecto pulsando D, cámbialos de orden (Blanco/Negro) y carga la capa
denominada "Luz 1" manteniendo pulsada la tecla Control (Windows) o Comando (Mac OS) y haciendo
clic en su miniatura de la paleta de capas. Rellena la selección manteniendo pulsado Control+Supr.
Deselecciona la capa seleccionando Selección>Deseleccionar.

5º. Repítelo

Repite los pasos 3 y 4 hasta que los rayos alcancen la longitud deseada.

6º. Dale Color Aplica el estilo "superposición de color" pinchando dos veces sobre la miniatura en la
paleta de capas.

Informatica Aplicada II Página 23


Instituto Tecnico La Falda 24
Ejercicios Prácticos de Adobe PhotoShop

7º. Mueve las capas Mueve la capa "Luz 1" detrás de la capa de texto. Después, si quieres le puedes
poner una imagen de fondo (como las estrellas) para darle un efecto más real:

Informatica Aplicada II Página 24


Instituto Tecnico La Falda 25
Ejercicios Prácticos de Adobe PhotoShop

Para hacer las estrellas he usado el filtro Glitterato, como también para las nubes.

6.- EFECTO MATRIX.

1. Abrimos el documento del tamaño que quieras. En este caso yo usare el tamaño para las firmas de
este foro (500*125)

2. Abrimos el menú de colores (doble clic sobre un color) y ponemos los valores como se indica en la
imagen... #05FB28

Informatica Aplicada II Página 25


Instituto Tecnico La Falda 26
Ejercicios Prácticos de Adobe PhotoShop

En el color de segundo plano escogemos negro .

Informatica Aplicada II Página 26


Instituto Tecnico La Falda 27
Ejercicios Prácticos de Adobe PhotoShop

3. Luego vamos a Filter --> Texture --> Grain Y les damos valores de Intensidad:100 Contraste: 100 Y
Grain Type: Vertical

Informatica Aplicada II Página 27


Instituto Tecnico La Falda 28
Ejercicios Prácticos de Adobe PhotoShop

4. Luego vamos a Filter ---> artistic ----> Neon Glow Ponemos en Glow Size:5 Glow Brightness: 15 Y el
color debe ser el mismo al que escojimos al principio.. #05FB28

5.

Informatica Aplicada II Página 28


Instituto Tecnico La Falda 29
Ejercicios Prácticos de Adobe PhotoShop

5. Ahora vamos a Filter-->Stylize-->Glowing edges Podemos Poner los siguientes Valores... Edge Widht:
1 Edge Brigthness: 14 Smoothness:1... Aunque podemos jugar con estos valores y darle un acabado a
nuestro gusto...

7- RECORTAR PERSONAS, ELIMINAR EL FONDO CON PHOTOSHOP.


Hay varias técnicas para sacar un objeto de su fondo, con el fin de sustituir el fondo original, hacer un
montaje, etc. Comenzaremos con la forma más sencilla, el filtro extraer. Combinaremos un retrato
femenino con un atardecer:

Informatica Aplicada II Página 29


Instituto Tecnico La Falda 30
Ejercicios Prácticos de Adobe PhotoShop

1.- Abre la imagen que quieres recortar, y pulsa Control-j para duplicarla y poder volver al estado inicial
en cualquier momento.

2.- En el menú superior, elige Filtro-->Extraer

3.- Coge la herramienta Resaltador de Bordes y dibuja con ella el borde de la figura que quieres
recortar. Ajusta el tamaño de la herramienta para que el

trazo cubra suficientemente el borde.

4.- Coge la herramienta Relleno y haz click en el interior de la zona resaltada, para indicarle a
Photoshop cuál es la zona que quieres conservar.

Si se pinta de azul toda la fotografía, en lugar del interior, significa que el trazo verde no es continuo,
tiene algún "agujero". Vuelve a hacer click con la herramienta relleno, para deshacerlo, y coge de nuevo
el Resaltador de Bordes para tapar cualquier "agujero" del contorno verde resaltado.

Informatica Aplicada II Página 30


Instituto Tecnico La Falda 31
Ejercicios Prácticos de Adobe PhotoShop

5.- Haz click en el botón Ver y aparecerá el resultado de la extracción.

El resultado no es perfecto, quedan restos del fondo que es necesario eliminar con la herramienta
Limpiar Selecciona esta herramienta, y pásala sobre los restos del fondo que han quedado para
borrarlos.

Si borras accidentalmente alguna parte de la imagen que quieres conservar, pasa la

herramienta con la tecla Alt pulsada para recuperar la parte borrada.

6.- Una vez borrados los restos de fondo, puedes pasar la herramienta por todo el

borde para que sea más definido, más duro.

7.- Por último, pulsa OK para salir del filtro extraer y obtener la imagen recortada.

8.- Para copiar la imagen recortada sobre otro fondo, pulsa Control-a para seleccionar toda la imagen,
y después Control-c para copiarla.

Abre la imagen que quieres como fondo (Archivo-->Abrir) y pulsa Control-v para pegar la imagen
recortada.

Puedes moverla para colocarla en el lugar adecuado con la herramienta Mover

Informatica Aplicada II Página 31


Instituto Tecnico La Falda 32
Ejercicios Prácticos de Adobe PhotoShop

8- CREAR IMAGEN DE ASPECTO IMPRESO CON PHOTOSHOP.


Vamos a utilizar la imagen de abajo. Antes de nada guardamos la foto, luego abrimos Photoshop, esta
imagen y la copiamos, para ello haremos lo siguiente:

Para guardar esta imagen haz "clic" sobre la imagen con el botón derecho del ratón y elige "guardar
imagen como"

1.- Abrimos la imagen "Selección/Todo", "Edición/Copiar"

2.-Creamos un "Archivo/Nuevo" de 300 píxeles x 300 píxeles, con el Fondo Tranparente.

Creamos una capa nueva ("Capa/Nueva/Capa"), pegamos la imagen: "Edición/Pegar"

Informatica Aplicada II Página 32


Instituto Tecnico La Falda 33
Ejercicios Prácticos de Adobe PhotoShop

3.- "Imagen/Rotar Lienzo/9Oº ACD ".

4.- Ahora vamos a curvar un poco la imagen: "Filtro/Distorsionar/Proyectar". Procura que te quede
igual que en la imagen de abajo.

Informatica Aplicada II Página 33


Instituto Tecnico La Falda 34
Ejercicios Prácticos de Adobe PhotoShop

5.-Vamos a colocar la imagen en su posición original:

"Imagen/Rotar Lienzo/ 9OºAC".

Informatica Aplicada II Página 34


Instituto Tecnico La Falda 35
Ejercicios Prácticos de Adobe PhotoShop

6.- Para dar un poco de dinamismo a nuestro impreso:

"Edición/Transformar/Distorsionar". Pincha en los tiradores de las esquinas y defórmalo un poco,


luego recuerda que debes hacer doble clic, para fijar la transformación. Fíjate en la imagen de abajo.

Creación de sombra para nuestro impreso.

A veces necesitamos crear sombras perpendiculares o como en este caso oblicuas , este es un truco para
crear este tipo de sombras.

7.- Sobre la imagen , creamos con la herramienta "Selección Rectangular ", un rectángulo, tal y como
muestra la imagen de abajo.

Informatica Aplicada II Página 35


Instituto Tecnico La Falda 36
Ejercicios Prácticos de Adobe PhotoShop

8.-"Selección/Calar/1O px

9.-A continuación creamos una nueva capa:

"Capa/Nueva/Capa".

1O.- "Edición/Rellenar"

- Negro

- Opacidad: 75%

Informatica Aplicada II Página 36


Instituto Tecnico La Falda 37
Ejercicios Prácticos de Adobe PhotoShop

11.- Solo queda Rellenar la capa del fondo de color blanco.

Nos posicionamos en la capa del fondo y rellenamos:

"Edición/Rellenar" Color: Blanco Opacidad:1OO%

Informatica Aplicada II Página 37


Instituto Tecnico La Falda 38
Ejercicios Prácticos de Adobe PhotoShop

9 -CÓMO CREAR UN EFECTO DE ESTAMPADO EN LA ROPA CON


PHOTOSHOP.

Partamos de dos imágenes: Vamos a usar a Angela Lindvall

Y este

Informatica Aplicada II Página 38


Instituto Tecnico La Falda 39
Ejercicios Prácticos de Adobe PhotoShop

Y este hermoso logo que encontré por ahí:

En primer lugar pasamos nuestra imagen a escala de grises:

Informatica Aplicada II Página 39


Instituto Tecnico La Falda 40
Ejercicios Prácticos de Adobe PhotoShop

Luego le aplicamos un desenfoque gaussiano: Filtros > Desenfocar > Desenfoque gaussiano:

Tal como está ahora, lo guardamos como filtro.psd.

Informatica Aplicada II Página 40


Instituto Tecnico La Falda 41
Ejercicios Prácticos de Adobe PhotoShop

Después volvemos a abrir el original. Traemos el logo al archivo, y, vamos Edicion > Transformar >
Distorsionar o Ctrl + T y con nuestro mejor sentido de la perspectiva ubicamos el logo:

Una vez ubicado, vamos a usar el filtro desplazar: Filtros > Distorsionar > Desplazar:

Informatica Aplicada II Página 41


Instituto Tecnico La Falda 42
Ejercicios Prácticos de Adobe PhotoShop

Como la imagen es relativamente pequeña, usaremos solo un desplazamiento de 5px:

Informatica Aplicada II Página 42


Instituto Tecnico La Falda 43
Ejercicios Prácticos de Adobe PhotoShop

Cuando pulsemos OK, se nos abrirá un panel de inspección para que busquemos nuestro filtro

Luego de esto, tomamos la capa donde se encuentra el logo, y le cambiamos el modo a Multiplicar:

Informatica Aplicada II Página 43


Instituto Tecnico La Falda 44
Ejercicios Prácticos de Adobe PhotoShop

Y el resultado final es algo así

Informatica Aplicada II Página 44


Instituto Tecnico La Falda 45
Ejercicios Prácticos de Adobe PhotoShop

10- CREAR EFECTO DE IMAGEN REFLEJADA EN UN OJO CON


PHOTOSHOP.

Voy a usar esta Imagen:

Informatica Aplicada II Página 45


Instituto Tecnico La Falda 46
Ejercicios Prácticos de Adobe PhotoShop

Y ésta como reflejo:

Primero tenemos que seleccionar el iris del ojo (con pupila por supuesto ) Yo use el lazo poligonal, y
después con el click secundario le puse calar 1 px

Cuando tengamos seleccionado el ojo, apretamos Ctrl + J, y hace la función Capa Vía Copiar.

Debería quedar algo así:

Informatica Aplicada II Página 46


Instituto Tecnico La Falda 47
Ejercicios Prácticos de Adobe PhotoShop

A la capa nueva la pueden llamar Ojo o como quieran. Ahora pasamos a la foto de la ciudad.

Con la herramienta de selección circular, hacemos un círculo parecido a éste:

Informatica Aplicada II Página 47


Instituto Tecnico La Falda 48
Ejercicios Prácticos de Adobe PhotoShop

Ahora vamos a Filtro/Distorsionar/Esferizar. (Filter/Distort/Spherize para los que lo tienen en inlgés como
yo )

Lo dejan como está: Sin deseleccionar, van a Selección Invertir o Inverse para mi.

Luego hay que borrarlo, y quedaría algo como esto (con la selección normal)

Informatica Aplicada II Página 48


Instituto Tecnico La Falda 49
Ejercicios Prácticos de Adobe PhotoShop

Ahora en el Ojo hacemos una nueva capa apretando Shift + Ctrl + N

Copiamos la esfera de la ciudad y la pegamos en esta capa, y leugo con la Transformación Libre lo
adaptamos mas o menos al ojo. Así se vería

Después hacemos lo mismo que hicimos con la esfera pero con el ojo (lo de seleccionar, y después
seleccionar a la inversa, etc)Per hay que situarse en la esfera y apretar el ojo con el click y mateniendo
presionado Ctrl.

A la capa de la esfera de ciudad le ponemos como modo de fusion Trama

Y quedaría así:

Informatica Aplicada II Página 49


Instituto Tecnico La Falda 50
Ejercicios Prácticos de Adobe PhotoShop

Le bajamos un poco la opacidad, y después en Imagen/Ajustes/Brillo-Contraste jugamos un poco, pero


tendiendo a bajar siempre el brillo; la cantidad de contraste ya verán ustedes.

Yo diría que en cuanto a la opacidad de la capa de la esfera no le bajen más de 80%

Este sería el resultado:

Una alternativa para que quede más realista es, con el pincel, el trazado "Pasto"
por decirle, poniendo el color de fondo y el frontal en negro, y pintarle el reflejo
de las pestañas, que todavía no lo hice, pero voy a probar.

Informatica Aplicada II Página 50


Instituto Tecnico La Falda 51
Ejercicios Prácticos de Adobe PhotoShop

11.- TEXTO COLORFULL.

1-Hacer una nueva capa, yo lo hice de 500x500 2-Llenar el fondo de negro y escribir el
texto en blanco ; el

tamaño del texto va a depender del tamaño que crearon el documento, siempre y
cuando te tiene que quedar bastante espacio para poder realizar el efecto.

3- Ir a Layer>Layer Style>Blending Options>Gradient

Informatica Aplicada II Página 51


Instituto Tecnico La Falda 52
Ejercicios Prácticos de Adobe PhotoShop

4- Duplicar la capa e ir a Filter>Distort>Polar Coordinates. Y luego elegir polar to rectangular.

Informatica Aplicada II Página 52


Instituto Tecnico La Falda 53
Ejercicios Prácticos de Adobe PhotoShop

5- Luego ir a Filter>Stylize>Wind. En Method elegir “Wind” y en Direction “From the Right” (derecha)
Repetir este paso todas las veces que te parezca con Crtl+F (yo lo hice 3 veces), luego hacer todo lo
mismo nada más que de la izquierda (en este caso lo repeti 5 veces) Les quedara esto:

Informatica Aplicada II Página 53


Instituto Tecnico La Falda 54
Ejercicios Prácticos de Adobe PhotoShop

6- Ir a Filter>Distor>Polar Coordinates. Selecciónar “Rectangular to Polar Mode”.

Informatica Aplicada II Página 54


Instituto Tecnico La Falda 55
Ejercicios Prácticos de Adobe PhotoShop

7- Ir a Filter>Blur>Radial Blur.

Informatica Aplicada II Página 55


Instituto Tecnico La Falda 56
Ejercicios Prácticos de Adobe PhotoShop

8- Poner la capa del texto encima de todas las otras capas.

Informatica Aplicada II Página 56


Instituto Tecnico La Falda 57
Ejercicios Prácticos de Adobe PhotoShop

9- Por ultimo ir a Layer>Layer Style>Blending Options>Strokes.. y darle un marco como prefieras para
que se note más el texto.

Este es el resultado final:

12- AVATAR CON EFECTO CRISTAL Y MARCO SEMI-METALICO.

Abrir un documento de Transparente150 x 150 Px,

Luego usamos la herramienta marco eliptico, y presionando Shitf trazamos un Círculo.

Informatica Aplicada II Página 57


Instituto Tecnico La Falda 58
Ejercicios Prácticos de Adobe PhotoShop

Luego vamos a Edición / Rellenar, seleccionamos Color, como muestra en la imagen

Colocamos el color c6c6c6, luego que quede de color gris el Círculo, Trazamos un nuevo círculo
presionando Shift también, tienes que tratar que quede totalmente alineado por todo lados con el
anterior

Luego de eso presionamos Supr, queda así:

Informatica Aplicada II Página 58


Instituto Tecnico La Falda 59
Ejercicios Prácticos de Adobe PhotoShop

Ahora presionado ctrl le damos click a la capa.

Esto hace que quede seleccionado el Trabajo que llevamos hecho

Informatica Aplicada II Página 59


Instituto Tecnico La Falda 60
Ejercicios Prácticos de Adobe PhotoShop

Sin mover nada vamos a Selección / Modificar / Contraer, y le damos contraer 2 px, ahora creamos una
nueva capa sin Eliminar la selección.

Ahora vamos a Edición / rellenar, y le colocamos color 949494.

Queda así:

Ahora vamos a: Filtro / desenfocar / Desenfoque gaussiano, y colocamos un radio de 3 px

Informatica Aplicada II Página 60


Instituto Tecnico La Falda 61
Ejercicios Prácticos de Adobe PhotoShop

Ahora vamos a opciones de fusión. Y colocamos satinado:

Por ahora tenemos el marco listo:

Informatica Aplicada II Página 61


Instituto Tecnico La Falda 62
Ejercicios Prácticos de Adobe PhotoShop

Luego hacemos una nueva capa, y nos vamos a Imagen / Aplicar Imagen.

Ahora colocaremos el fondo, solo arastra una imagen hasta el trabajo que estamos haciendo, pero la
capa dede quedar debajo de los demás:

Hacemos una selección Circular en lo que quedará de fondo:

Informatica Aplicada II Página 62


Instituto Tecnico La Falda 63
Ejercicios Prácticos de Adobe PhotoShop

Sin mover mas nada presionamos ctrl + J, así hemos multiplicado lo seleccionado, en la ventana de
capas se ve así:

Lo que hay que hacer es eliminar la capa 8

Informatica Aplicada II Página 63


Instituto Tecnico La Falda 64
Ejercicios Prácticos de Adobe PhotoShop

Hacemos una nueva capa sobre el trabajo, hacemos una selección rectangular:

Rellenamos la selección de color negro, y presionamos ctrl + G, y cambiamos el estilo de capa a Luz
Suave.

Queda algo así:

Informatica Aplicada II Página 64


Instituto Tecnico La Falda 65
Ejercicios Prácticos de Adobe PhotoShop

Ahora le haremos un Estilo de Cristal, haciendo una nueva capa, y trazamos un Ovalo:

Ahora usaremos la herramienta de degradado, pero tienes configurar para que quede así:

Trazamos de arriba hacia abajo en el Ovalo:

Informatica Aplicada II Página 65


Instituto Tecnico La Falda 66
Ejercicios Prácticos de Adobe PhotoShop

Ahora le cambiamos la opacidad a 70 a el Ovalo.

Solo le colocamos el texto, y puedes seguir haciéndole lo que quieras

Este es nuestro resultado:

Informatica Aplicada II Página 66


Instituto Tecnico La Falda 67
Ejercicios Prácticos de Adobe PhotoShop

13.- CREAR UN BOTÓN USANDO LA VENTANA DE ESTILO DE CAPA.

Abrimos un documento nuevo con fondo blanco adecuado al tamaño de nuestro botón que crearemos.
Creamos una nueva capa vacía y con la herramienta marco elíptico, vamos a hacer un círculo. Para eso a
medida que usamos la herramienta sobre el documento, mantenemos pulsada la tecla "Shift". A
continuación, rellenamos la selección de negro. Edición----> Rellenar-----> Negro

Deseleccionamos la selección. Selección----> Deseleccionar. Pulsamos dos veces seguidas con el botón
izquierdo del ratón sobre la capa que habéis creado, la del círculo negro, y se abrirá la ventana de Estilo
de Capa. Veréis como a mano izquierda aparecen muchas opciones, que nosotros iremos
modificando poco a poco.

Primero pulsamos sobre la Sombra paralela y en la ventana que se abre, vamos a ir introduciendo estos
valores o cualquiera otros que consideréis oportuno para conseguir un resultado acorde con vuestras
necesidades.

Informatica Aplicada II Página 67


Instituto Tecnico La Falda 68
Ejercicios Prácticos de Adobe PhotoShop

Con la casilla de previsualizar activada, podéis ir viendo en tiempo real como cambia vuestro diseño...
Recordar de cambiar todos y cada uno de los valores que vemos en la siguiente captura de imagen hasta
que coincidan todos...

El resultado hasta aquí, sería este:

Informatica Aplicada II Página 68


Instituto Tecnico La Falda 69
Ejercicios Prácticos de Adobe PhotoShop

Pulsamos ahora sobre la casilla de Superposición de colores, seleccionamos el


color blanco y modificamos los valores de esta manera aproximadamente:

Informatica Aplicada II Página 69


Instituto Tecnico La Falda 70
Ejercicios Prácticos de Adobe PhotoShop

Y veremos esto:

Informatica Aplicada II Página 70


Instituto Tecnico La Falda 71
Ejercicios Prácticos de Adobe PhotoShop

Vamos a darle un aspecto más profesional. Para eso nos vamos a la casilla de Satinado, usamos el color
blanco de nuevo y cambiamos los valores de la siguiente manera, incluido el Contorno, tal y como vemos
aquí:

Informatica Aplicada II Página 71


Instituto Tecnico La Falda 72
Ejercicios Prácticos de Adobe PhotoShop

Y de nuevo, veremos esto:

Informatica Aplicada II Página 72


Instituto Tecnico La Falda 73
Ejercicios Prácticos de Adobe PhotoShop

Vamos ahora a modificar tres cosas llegado este momento. El Bisel y relieve y dentro de él, su Contorno.
Después la Sombra interior, con estos valores para cada opción:

Informatica Aplicada II Página 73


Instituto Tecnico La Falda 74
Ejercicios Prácticos de Adobe PhotoShop

Informatica Aplicada II Página 74


Instituto Tecnico La Falda 75
Ejercicios Prácticos de Adobe PhotoShop

Llegados a este punto, este el resultado final de nuestro botón:

Informatica Aplicada II Página 75


Instituto Tecnico La Falda 76
Ejercicios Prácticos de Adobe PhotoShop

Pueden modificar todos los valores hasta que el resultado se adapte a sus necesidades o añadir más
opciones, como texturas, degrados, motivos...

A modo de ejemplo, yo he cambiado en la opción Superposición de colores, el color blanco que habíamos
usado anteriormente por el rojo, siendo este el resultado:

Informatica Aplicada II Página 76


Instituto Tecnico La Falda 77
Ejercicios Prácticos de Adobe PhotoShop

14.- CREAR UNA CAJA DE SOFTWARE.


Primero dibujamos dos rectángulos en blanco, uno junto al otro de la misma altura de esta manera:

Ahora le aplicamos a cada uno desde “Opciones de Fusión” una gradiente:

Informatica Aplicada II Página 77


Instituto Tecnico La Falda 78
Ejercicios Prácticos de Adobe PhotoShop

Que quede de la siguiente manera:

Informatica Aplicada II Página 78


Instituto Tecnico La Falda 79
Ejercicios Prácticos de Adobe PhotoShop

Ahora le ponemos los efectos y las imágenes que queramos, yo la voy a hacer sencilla porque el objetivo
es la caja: (nótese que tengo las imágenes con su rectángulo respectivo ya acomodadas)

Ahora agrupamos cada rectángulo con sus respectivas imágenes de modo que nos queden solo dos
capas: esto se hace seleccionando las capas que queremos agrupar, por ejemplo el rectángulo grande
con su imagen y damos clic derecho sobre alguna de estas luego escogemos la opción “Agrupar en
objeto inteligente nuevo” y luego volvemos a hacer lo mismo pero esta vez escogemos la opción
“Rasterizar capa”, para que nos quede así:

Informatica Aplicada II Página 79


Instituto Tecnico La Falda 80
Ejercicios Prácticos de Adobe PhotoShop

Ahora duplicamos el rectángulo pequeño y en opciones de fusión vamos a “Superposición de colores” y


le damos un tono negro, ahora le bajamos la transparencia a un 20 %.

Ahora agrupamos estas dos últimas capas (la del rectángulo pequeño y la copia en negro).

Informatica Aplicada II Página 80


Instituto Tecnico La Falda 81
Ejercicios Prácticos de Adobe PhotoShop

De nuevo volvemos a tener solo dos capas, vamos a la del rectángulo grande y vamos a Archivoà
TransformaciónàDistorsionar y alargamos las puntas derechas y encogemos el ancho desde el lado
izquierdo para que nos quede algo así:

Ahora vamos al rectángulo pequeño y lo juntamos con el grande y vamos de nuevo a Archivoà
TransformaciónàDistorsionar y alargamos las puntas izquierdas y encogemos el ancho desde el lado
derecho para que nos quede algo así:

Informatica Aplicada II Página 81


Instituto Tecnico La Falda 82
Ejercicios Prácticos de Adobe PhotoShop

Ahora solo agregamos una sombra suave y un fondo blanco para apreciar lo que hicimos y obtenemos
algo como esto:

Informatica Aplicada II Página 82


Instituto Tecnico La Falda 83
Ejercicios Prácticos de Adobe PhotoShop

15.- EFECTOS EN PHOTOSHOP: REFLEJO.

Lo primero es tener la imagen u objeto a aplicarle el efecto, debidamente recortado; a este layer le
nombraremos "objeto". En este caso utilizare una flor:

Ahora crearemos el reflejo del objeto, así que seleccionamos el layer objeto y lo duplicamos [Layer-
>Duplicate Layer....]; al cual nombraremos "reflejo".

Informatica Aplicada II Página 83


Instituto Tecnico La Falda 84
Ejercicios Prácticos de Adobe PhotoShop

La ventana "layers" del panel derecho, ahora, debe quedarnos algo así:

Aquí viene lo mas importarte para que esto resulte, rotar el objeto. Seleccionamos el layer "reflejo" y lo
rotamos verticalmente [Edit->Transform->Flip Vertical....]

Informatica Aplicada II Página 84


Instituto Tecnico La Falda 85
Ejercicios Prácticos de Adobe PhotoShop

Ahora debemos asegurarnos que las dos figuras ("objeto" y "reflejo") coincidan, esto es, que la parte de
abajo del layer objeto coincida con la parte de arriba del layer "reflejo". Si fuera necesario podemos rotar
el layer "reflejo", para eso, seleccionamos el layer "reflejo" y lo rotamos[Edit->Free Transform...].

Antes:

Después:

Informatica Aplicada II Página 85


Instituto Tecnico La Falda 86
Ejercicios Prácticos de Adobe PhotoShop

En este ejemplo simularemos el reflejo que se produce, cuando un objeto esta recargado sobre una
superficie plana. Así que debemos degradar la imagen para que se logre el efecto. Para esto haremos
uso de mascaras, seleccionamos el layer "reflejo" y entramos en modo editar mascara[Dar click en el
botón"Edit in Quick Mask Mode", El cuadrado rojo con el circulo blanco que se encuentra en el panel
izquierdo]:

Ahora seleccionamos el botón Gradient Tool [Dar click en el botón Gradient Tool, se encuentra en el
panel izquierdo] :

Ahora solo tenemos que trazar una línea, de arriba abajo. Comenzando un poco arriba del layer "reflejo"
y terminando un 15% antes de que la figura del objeto termine:

Una vez que soltemos el click del trazo, la parte de arriba de todo el layer se coloreara de
rojo(recuerden, estamos en modo editar mascara; si no te sale así vuelve a comenzar; algo hiciste mal).
Así que ahora volveremos al Modo Standard[Hacemos click en el botón Edit Standard Mode, el cuadro
blanco con el circulo blanco del panel izquierdo]:

Informatica Aplicada II Página 86


Instituto Tecnico La Falda 87
Ejercicios Prácticos de Adobe PhotoShop

Lo que acabamos de hacer, es una selección degradada, por eso nos aparece una parte del layer
"reflejo" encerrada en un cuadro de selección(si, las hormiguitas esas que caminan alrededor de esa
parte del objeto XD). Así que solo oprimimos la tecla "delete" del teclado(ya se que es redundante, pero
no quiero confusiones). Dependiendo desde donde comenzaron el degradado en modo Mascara, serán
los resultados que tendrán, pero debe quedarles algo así:

En mi caso, necesitare bajar el Fill de mi layer

Ahora solo falta poner la superficie plana del objeto, y listo:

Informatica Aplicada II Página 87


Instituto Tecnico La Falda 88
Ejercicios Prácticos de Adobe PhotoShop

Informatica Aplicada II Página 88

También podría gustarte