Practicas de Photoshop dosier

61
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) 1

Transcript of Practicas de Photoshop dosier

Page 1: Practicas de Photoshop dosier

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 = 60Saturación = 100Luminosidad = 0Opción colorear Activada  

  

 

1

Page 2: Practicas de Photoshop dosier

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   

 

2

Page 3: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.

 

 

 

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%   

 

 

 

3

Page 4: Practicas de Photoshop dosier

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 rellenamos de Blanco.

 

Aplicamos (Filter/Ruido/añadir Ruido)  Candidad=125  Gaussian=On  Monocromatico=On

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. 

4

Page 5: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

 

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. 

 

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

5

Page 6: Practicas de Photoshop dosier

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 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"

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

 

6

Page 7: Practicas de Photoshop dosier

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, nos vamos a la paleta de canales, creamos uno nuevo (Canal #4) y con la herramienta de texto escribimos lo que queramos. 

 

Vamos a la paleta de capas y creamos una nueva, que rellenamos de negro, cargamos la 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)

7

Page 8: Practicas de Photoshop dosier

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 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 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. 

8

Page 9: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.  

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.

9

Page 10: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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. 

  

 

 

 

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.

10

Page 11: Practicas de Photoshop dosier

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 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)

 

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

11

Page 12: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.

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.

12

Page 13: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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

Image Final, después de Ajust Equilibrio de Color y Brillo y Contraste.

 

 

 

13

Page 14: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.  

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).    

14

Page 15: Practicas de Photoshop dosier

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 nuestro ejemplo guardamos varias selecciones, Para la Cara, Las piernas, el vestido, el fondo, el cojín, y la manta, etc.    

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.  

 

  

 

15

Page 16: Practicas de Photoshop dosier

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 que teemos en la capa Fondo

Image que tenemos en la Capa 1

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

16

Page 17: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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)

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.

17

Page 18: Practicas de Photoshop dosier

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 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)

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

18

Page 19: Practicas de Photoshop dosier

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/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.

   

 

 

19

Page 20: Practicas de Photoshop dosier

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

 

20

Page 21: Practicas de Photoshop dosier

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

 

 

21

Page 22: Practicas de Photoshop dosier

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)

22

Page 23: Practicas de Photoshop dosier

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.

23

Page 24: Practicas de Photoshop dosier

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.

24

Page 25: Practicas de Photoshop dosier

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, la cual después de pulsar "OK", grabaremos en formato Gif.

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.

25

Page 26: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.

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.

26

Page 27: Practicas de Photoshop dosier

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 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)

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.   

 

 

 

27

Page 28: Practicas de Photoshop dosier

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. 

 

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

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

28

Page 29: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

el degrado dos o más veces.

Volvemos a cargar el canal 4 y pulsamos Suprimir.

 

 

Creamos una Imagen en modo RGB.

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

29

Page 30: Practicas de Photoshop dosier

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 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 de Destello.

  

30

Page 31: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

 

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.

31

Page 32: Practicas de Photoshop dosier

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.

32

Page 33: Practicas de Photoshop dosier

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.

 

 

 

 

 

 

 

 

33

Page 34: Practicas de Photoshop dosier

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).

34

Page 35: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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

  

 

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

35

Page 36: Practicas de Photoshop dosier

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 (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"

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............

36

Page 37: Practicas de Photoshop dosier

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 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)

 

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)

      

37

Page 38: Practicas de Photoshop dosier

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 nos hace falta es una Image que contega un "Trocio de cielo"

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

38

Page 39: Practicas de Photoshop dosier

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 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.

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

39

Page 40: Practicas de Photoshop dosier

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 ultima capa (Capa 3) que rellenamos de negro y aplicamos el Filter destello. (Filter/Interpretar/Destello), y la cual ponemos en Mode Dividir.

Todas las capas del ejemplo.

40

Page 41: Practicas de Photoshop dosier

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

  

 

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.  (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   

41

Page 42: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

Orden de las capas.

Duplicamos la capa y creamos un destello en el borde del supuesto planeta.(Filter/Interpertar/Destello) 

Prime 35mm  Brillo =100

  

 

Image original. 

 

42

Page 43: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.

Image con el Blur Radial aplicado.

43

Page 44: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

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.

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

44

Page 45: Practicas de Photoshop dosier

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 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. 

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

45

Page 46: Practicas de Photoshop dosier

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 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.

Ahora activamos todas las capas.

46

Page 47: Practicas de Photoshop dosier

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 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) 

47

Page 48: Practicas de Photoshop dosier

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. 

48

Page 49: Practicas de Photoshop dosier

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

49

Page 50: Practicas de Photoshop dosier

CURSO DE DISEÑO GRÁFICO-PHOTOSHOP DOSSIER

EJERCICIOSALUMNOS.BLOGSPOT.COM

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

Los parámetros de degradado utilizados fueron los siguientes...

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

50

Page 51: Practicas de Photoshop dosier

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 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.

Si colocamos la textura de madera en la segunda capa.

Mismo ejemplo con una Foto de Hong Kong

  

51