CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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) 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) (Filter/Stylize/Solarize)
(Image/Ajust/Tono-Saturación) Tono = 60 Saturación = 100 Luminosidad = 0 Opción colorear Activada
1
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Tenemos una Image en Mode Escala de grises que pasamos a Mode RGB (Image/Mode/RGB)
Con la Herramienta de Lazo creamos una selección alrededor de las flores que guardamos en un nuevo canal (Canal 4)
Cargamos la selección del canal 4, Calamos la selección 2 pixels (Selección/Calar) y aplicamos (Image/Ajust/Tono-Saturación) En este caso fue necesario aplicar también (Filter/Enfocar) y volver a retocar las flores cargando de nuevo la selección del canal 4, seleccionando gama de colores y volviendo a Ajust Tono-Saturación
Debemos tener en cuenta que tendrá mayor calidad si tenemos la Image ya en color, color, ya que simplemente tendremos tendremo s que hacer una copia en Mode Escala de grises y pegarla como un canal nuevo que situaremos debajo del de la foto en color para posteriormente cargar la selección del Canal-4 aplicar un Calado y pulsar Suprimir.
2
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Creamos una nueva Capa que rellenamos de blanco y aplicamos (Filter/Stylize/Nubes de diferencia)
Aplicamos (Filter/Distorsionar/Crista (Filter/Distorsionar/Cristal) l) Distorsión = 18 Suavizar = 4 Textura = Deslustrado Escala = 100% Modificamos el Equilibrio de color (Image/Ajust/Equilibrio (Image/Ajust/Equilibrio de Color) Sombra = -70,0,+35 Medios Tonos = -70,0,+30 Luces = 0,0,+40
(Image/Ajust/Brillo-contraste) Brillo = 0 Contraste = +20 Cambiando los parametros del paso dos. (Filter/Distorsionar/Cristal) Distorsión = 5 Suavizar = 2 Textura = Deslustrado Escala = 100%
Creamos una nueva Image que rellenamos de Blanco. Aplicamos (Filter/Ruido/añadir Ruido) Candidad=125 Gaussian=On Monocromatico=On
3
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Aplicamos (Filter/Stylize/Relieve) (Filter/Stylize/Relieve) Angulo=145 Altura=3 Cantidad=25 Modificamos (Image/Ajust/TonoSaturació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) contraste) y aumentamos aumentamos el nivel de Brillo a +90.
Volvemos a cargar la selección del canal #4 y la movemos, 1 pixel a la izquierda y dos hacia arriba, y aplicamos (Image/Ajust/Brillo y Contraste) y disminuimos el Brillo de la selección -90.
4
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Ahora Volvemos a cargar la Selección del canal #4 y la rellenamos de negro.
Creamos una Image, en nuestro caso de 150x150 pixels Mode RGB. Creamos un nuevo Canal (Canal #4) y ponemos el texto que queramos Ahora vamos a la paleta de Capas y creamos una nueva Capa (Capa 1) que rellenamos de blanco, y en ella cargamos la selección del canal #4, que rellenaremos de negro. Duplicamos la capa a "Capa 2"
5
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
En la capa 2 (Aplicamos Filter/Stylize/Bordes iluminados) iluminados) y duplicamos la Capa a "Capa 3"
Y en la "Capa 3" (Filter/Interpretar/Efectos de iluminación), con el canal #4 como canal de textura y jugando con los colores de Tipo de Luz y Propiedades obtendremos un resultado u otro.
Image final
Creamos una nueva Image en Mode RGB, nos vamos a la paleta de canales, creamos uno nuevo (Canal #4) y con la herramienta de texto escribimos lo que queramos.
6
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Vamos a la paleta de capas y creamos una nueva, que rellenamos de negro, cargamos la selección del canal #4 (Selección/Cargar (Selección/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 (Filter/Interpretar/Efectos de Iluminación)
Y ya tenemos texto biselado.
Ahora podemos cargar la selección #4, Expandir 2 Pixels, Invert y rellenar de Blanco en nuestro caso.
Creamos una Image en Mode
7
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm RGB.
Elegimos la herramienta de selección y creamos un cuadrado de 70x70 pixels.
Rellenamos la selección con la herramienta de Degradado de tipo Lineal, desde la parte superior derecha a la parte inferior izquierda.
Contraemos la selección, (Selección/Modificar/Contraer) 6 pixels.
Vamos a (Capa/Transformar/Rotar 180 ;) El efecto conseguido ya es bastante logrado, pero se puede mejorar.
Volvemos a contraer la ultima selección, en este caso 3 pixels y volvemos a aplicar (Capa/Transformar/Rotar 180 ;)
Creamos una Image en Mode RGB.
8
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Elegimos la herramienta de selección y creamos un circulo de 80x80 pixels.
Rellenamos la selección con la herramienta de Degradado de tipo Radial, desde la parte superior izquierda la inferior derecha.
Contraemos la selección, (Selección/Modificar/Contraer) 8 pixels, y volvemos a plicar Degradado, esta vex desde la parte inferior derecha a la superior izquierda. Volvemos a contraer la ultima selección, en este caso 3 pixels y volvemos a aplicar Degradado, desde la parte superior izquierda la inferior derecha..
Botón Final.
9
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Lo primero que necesitamos es una textura como Fondo. Con la ayuda de las lineas guía, y con la herramienta de selección creamos un circulo de tamaño fijo de 70x70 pixels. y lo guardamos en un nuevo canal (Selecion/Guardar (Selecion/Guardar selección)
Invertimos la selección, pulsamos Suprimir, y volvemos a Invert.
Creamos una nueva Capa, seleccionamos blanco como color Frontal y Elegimos la Herramienta de degradado (Color Frontal a Transparente) de Tipo: Radial, y aplicamos según indica la flecha
Y ahora la misma Capa seleccionamos negro como color frontal y aplicamos el Degradado como indica la flecha.
Ahora en la misma Capa cargamos la selección que habíamos guardado antes y contraemos 6 pixels, rotamos la selección con (Capa/Transformar/Rotar (Capa/Transformar/Rotar 180). Quitamos la selección y ocultamos las lineas guía.
Tenemos dos imágenes una frontal y otra de fondo que hemos creado a partir de un motivo (Ver Creación de motivos)
10
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Con la herramienta lazo creamos una selección alrededor del cuerpo, que guardaremos como un nuevo canal (Selección/Guardar selección) Canal #4
Sobre la Image de la Chica cargamos la selección del canal #4 y aplicamos (Selección/Expandir/2) (Selección/Expandir/2) y luego (Selección/Calcar/3) (Selección/Calcar/3) y pulsamos la Suprimir.
11
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Ahora vamos a la capa donde tenemos el Fondo de la Image y Cargamos de nuevo la selección del canal 4 invertida, y aplicamos (Filter/Distorsionar/Onda) con los valores que nos parezcan mas correctos para el efecto que deseemos.
A la capa de la chica la asignamos una opacidad del 40%.
12
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Image Final, después de Ajust Equilibrio de Color y Brillo y Contraste.
El coloreado de fotos es bastante sencillo, al menos el sistema que vamos a utilizar, pues según he visto por la Red existen varios.
13
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Como es lógico lo primero que necesitamos es una Image en blanco y negro, recuerda recuerda que primero tienes tienes que restaurar la Image, suponiendo que tenga defectos.
Tenemos que ir coloreando la Image por selecciones, así que ya sabes, ves seleccionando las diferentes partes que van a tener un color similar y guardalas en un nuevo canal (Selección/Guardar selección).
En nuestro ejemplo guardamos varias selecciones, Para la Cara, Las piernas, el vestido, el fondo, el cojín, y la manta, etc.
14
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Ahora vamos cargando las selecciones y aplicamos (Image/Ajust/Variaciones) y aquí buscamos el color que queremos para nuestra selección, jugando con luces, color, sombras y brillo.
Image que teemos en la capa Fondo
Image que tenemos en la Capa 1
15
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Creamos un nuevo canal (Canal 4) y aplicamos aplicamos un degradado
Duplicamos la Capa 1, cargamos la seleción del Canal 4, y pulsamos suprimir. Sencillo, jeje
Orden de las capas.
Creamos una nueva Image en Mode RGB, nos vamos a la paleta de canales, creamos uno nuevo (Canal #4) y con la herramienta de texto escribimos lo que queramos. Duplicamos el canal #4 y creamos el #5, en este aplicamos (Flitro/Desenfocar/Blur Gaussian) 3 pixels. Duplicamos el canal #5 y obtenemos #6, en esta aplicamos (Filter/Stylize/Hallar Bordes)
16
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Y en este mismo canal #5 cargamos la selección del #4 (Selección/Cargar (Selección/Cargar Selección) y hacemos un Copy (Edición/Copiar) Vamos a la Paleta de Capas, creamos una nueva capa (Capa 1)Y hacemos un Paste (Edición/Pegar) Duplicamos la capa y sobre el duplicado aplicamos (Image/Ajust/Tono/Saturación) T=-180 S=50 L=10 Opción Colorear activada. Ahora podemos aplicar un efecto de Sombra para obtener un mejor realismo.
Sobre fondo negro escribimos un texto y acoplamos la Image.
Aplicamos (Filter/Desenfocar/Blur (Filter/Desenfocar/Blur Gaussian) 2 Pixels
(Filter/Stylize/Solarize)
(Image/Ajust/Niveles (Image/Ajust/Niveles Automáticos) Automáticos)
17
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm (Filter/Distorsinar/Coordenadas Polares) Polar a Rectangular.
(Image/Rotate (Image/Rotate Canvas/90ª Canvas/90ª AD)
(Filter/Stylize/Wind) Wind de la Izquierda
(Image/Rotate (Image/Rotate Canvas/90 ;ACD)
(Filter/Distorsionar/Coordenada Polares) Rectangular Rectangular a Polar
A partir de aquí tenemos múltiples posibilidades ajustando TonoSaturació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 TonoSaturación a un tono amarillo.
18
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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. transparencia.
Ahora Aumentamos el tamaño del lienzo a 160x160 dejando asi ek Ancla.. Duplicamos la Capa 1 tres veces, y renombramos cada una de las copias con capa 2,3 y 4. Ahora aplicamos sobre cada capa (Filter/Otro/Desplazamiento) sobre Capa 2: Horiz.=80 Vert.=0 sobre Capa 3: Horiz.=0 Vert.=80 sobre Capa 4 Horiz.=80 Vert.=80 siempre con la opción Dar la Vuelta activada.
Ahora aplicamos sobre cada capa (Capa/Transformar) sobre Capa 2: Voltear Horiz. sobre Capa 3: Voltear Vert. sobre Capa 4: Voltear Horiz. y Vert.
Orden final de las capas
19
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Creamos una Image en formato RGB, y creamos una nueva Capa "Capa 1" que rellenamos de blanco, y a la que aplicamos (Filter/Pixelizar/Puntillista) con un tamaño de celda =3 . Teniendo visible la capa 1 vamos a la paleta de canales y sacamos un duplicado del canal Azul (Canal #4)
Ahora tenemos que aplicar (Filter/Interpretar/efectos de iluminación) con el canal #4 cargado en Canal de textura. Jugando con los colores de Tipo de luz y Propiedades obtendremos el color deseado para nuestra textura.
Textura Final
20
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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, seleccionado, salvamos la selección el un nuevo canal (Canal 4) (Selección/Guardar (Selección/Guardar Selección)
21
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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) (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 únicamente sea visible el texto en nuestra pagina Web.
22
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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 (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 (Archivo/Exportar/Gif 89a Export) y con la herramienta de Cuentagotas, vamos seleccionando en la Image los colores que queremos que sean transparentes
Podemos ampliar la Image y moverla, a fin de que la selección se mas precisa, no es necesario ir escogiendo los colores uno a uno, mantén pulsado el botón izquierdo del ratón y ves pasando sobre los colores que quieras.
Image final, la cual después de pulsar "OK", grabaremos en formato Gif.
23
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Image final colocado en el navegador Netscape.
Creamos una Image en este caso de 200x80 pixels, y creamos un nuevo canal, donde colocaremos 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/Cargar Selección) y la expandimos 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) (Selección/Nada) y duplicamos duplicamos la "Capa 1" en "Capa 1 copia" y aplicamos (Filter/Desenfocar/Blur Gaussian) con un radio de 4 pixels.
Por ultimo volvemos a cargar la selección del canal #4 sobre la "Capa 1 copia" y pulsamos suprimir, luego pulsamos sobre el ojo que se encuentra en la capa 1, a fin de dejar invisible la capa.
24
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Image final.
Si duplicamos la capa 1
Si aplicamos Mode disolver a la de este duplicado.
Creamos un nuevo canal (Canal #4) y escribimos un texto.
Vamos a la Paleta de Capas y creamos una nueva (Capa 1) que rellenamos de Negro, y la duplicamos (Capa 1 copia), cargamos la selección del canal #4 (Selección/Cargar Selección) y aplicamos (Selección/Calar) (Selección/Calar) 2 pixels.
Aplicamos un degradado lineal de izquierda a derecha.
Cargamos de nuevo la selección del canal #4 y pulsamos Suprimir. Ya tenemos Glow. Aunque se puede mejorar, modificando Equilibrio de Color.(Image/Ajust/Equilibrio de Color)
25
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm aplicando...... (Image/Ajust/Tono-Saturación) T=-180 S=100 L=0 Opción colorear Activada. aplicando...... (Image/Ajust/Tono-Saturación) T=0 S=100 L=0 Opción colorear Activada. aplicando...... (Image/Ajust/Tono-Saturación) T=60 S=100 L=0 Opción colorear Activada.
Image original.
Creamos un nuevo canal (Canal 4) en el que escribimos el texto deseado.
26
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Vamos a la Paleta de Capas y creamos una nueva Capa (Capa 1) en la que cargamos la selección del canal 4 y a la que aplicamos (Selección/Calar) con un radio de 3 pixels. Con la Herramienta de Degradado, aplicamos de izquierda a derecha un degradado de tipo lineal, el degradado utilizado en nuestro caso fue el Espectro. En caso de no obtener el efecto deseado, aplica el degrado dos o más veces.
Volvemos a cargar el canal 4 y pulsamos Suprimir.
Creamos una Imagen en modo RGB.
27
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Aplicamos (Filter/Pixelizar/Cristalizar) (Filter/Pixelizar/Cristaliza r) con 7 fue suficiente para este ejemplo.
Ahora se trata de Ajust las curvas de la Imagen (Image/Ajust/CuRGBs), (Image/Ajust/CuRGBs), y lo deja mas o menos como...
Con lo que obtendremos...
Rotamos 90 ; (Image/Rotate Canvas/90 ;AD), y aplicamos aplicamos (Filter/Stylize/Wind) (Filter/Stylize/Wind) marcamos Wind y Desde la I zquierda y volvemos a rotar el lienzo (Image/Rotate (Image/Rotate Canvas/90 ;ACD Aplicamos (Image/Ajust/TonoSaturación Tono: -180 Saturación: 50 Luminosidad: 0 con la casilla colorear activada. Por ultimo en la ventana de Pinceles cargamos los tipos de pinceles assorted.abr y escogemos uno que tiene forma de estrella, y con la herramienta de Pincel aplicamos a las partes de la Image que mas nos guste, con lo que conseguimos un efecto
28
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm de Destello.
Sobre la textura que hemos conseguido en el efecto de fondos, vamos a crear un efecto de texto Hundido muy sencillo.
Creamos un nuevo canal (Canal #4), sobre el que colocamos un texto
Creamos una nueva capa (Capa 1) (Recuerda que como fondo tenemos la Imagen del Efecto de Fondo), rellenamos la capa de blanco y aplicamos (Filter/Interpretar (Filter/Interpretar efectos de iluminación) Con el canal #4 como canal de textura y, OJO!!! Con la opción de Abundancia de Blanco desactivada.
Tal y como quedan las capas.
29
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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 modificamos los Niveles, el Brillo y el Contraste, o lo que queramos, con el fin de obtener un tono que nos guste para nuestro Fondo. Y Duplicamos la Capa
Ahora modificamos el tamaño del lienzo (Image/Tamaño del Lienzo) duplicando la altura del tamaño Actual y dejando el Ancla como se indica.
30
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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), (Filter/Otro/Desplazamiento), se trata de desplazar la capa horizontalmente exactamente la mitad de su anchura y verticalmente toda su altura, con la opción dar la vuelta activada.
Ya tienes un fondo con tu Logo para tu Web.
31
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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 (Filter/Ruido/añadir Ruido) Candidad=30 Gaussian=On Monocromatico=On Aplicamos (Filter/Desenfocar/Blur (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/T (Selección/ Todo) y luego (Edición/Definir (Edición/Definir Motivo).
Volvemos a la Image de 200x200 y aplicamos (Edición/Rellenar)
32
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Creamos una nueva Image en Mode RGB, y con la herramienta de texto escribimos lo que queramos.
Duplicamos la Image (Image/ Duplicar) y aplicamos a la nueva Image (Filto/Blur/Blur Gaussian), en el ejemplo hemos puesto un Blur de 4 pixel
Ahora vamos a (Image/Calcular) (Image/Calcular) y dejamos los parámetros como indica la Image. Ten en cuenta que en las opciones de capa debes indicar la ultima capa de cada archivo, ósea las que queremos combinar.
Ahora tenemos las dos imágenes combinadas con el método "Superponer"
33
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Y vamos a (Image/Ajust/Tono/Saturacion) y dejamos los parámetros como indica la Image. Aunque podemos jugar con estos, según nos guste mas o menos el efecto conseguido.
Ya tenemos rótulos de Neón. Yupi, Yupi............
Creamos un Canal nuevo (#4) y escribimos un texto.
Aplicamos (Filter/Stylize/Bordes Iluminados) Anchura Borde = 2 Brillo Borde = 6 Suavizar = 5 Aplicamos (Filter/Desenfocar/Blur Gaussian), Radio =1,1 Ahora seleccionamos todo (Selección/Todo) y (Edición/Copiar), (Edición/Copiar), abrimos la paleta de Capas y Pegamos en una nueva capa (Edición/Pegar)
34
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Y Ahora (Image/Ajust/TonoSaturació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/TonoSaturacón)
Lo primero que nos hace falta es una Image que contega un "Trocio de cielo"
35
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Y otra con unas cuantas nubes, en este caso hemos usado la que biene Windows, y que podemos encontrar en el directorio donde se instale. Esta Image la colocaremos como Fondo.
Ahora creamos una capa (Capa 1) y la rellenamos de negro, con una opcidad del 60%. Vamos a la Image del Poblado, que habremos colocado como Capa 2, se trata de eliminar el cielo de esta Image y dejar unicamente el Poblado, para lo cual selecionaremos selecionaremos el cielo con la herramienta (Selección/Gama de colores)
Y pulsamos Suprimir.
36
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Duplicamos la capa 2 a Capa 2 copia, y cambiamos el Mode de este duplicado a Multiplicar.
Creamos una ultima capa (Capa 3) que rellenamos de negro y aplicamos el Filter destello. (Filter/Interpretar/Destello), y la cual ponemos en Mode Dividir.
37
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Todas las capas del ejemplo.
Image final
Creamos un nuevo canal #4 y creamos un circulo blanco sobre fondo negro..
Vamos a la paleta de capas y rellenamos la capa Fondo de negro. Creamos una nueva capa, cargamos la selección del canal #4, y aplicamos un Degradado de frontal a color de fondo.
38
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm (Frontal Blanco/fondo Negro) Duplicamos la capa Aplicamos (Filter/Interpretar/nubes (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 (Filter/Artistico/Bordes Añadidos) Añadidos) Anchura = 7 Intensidad = 1 Posterización = 4
Orden de las capas.
Duplicamos la capa y creamos un destello en el borde del supuesto planeta.(Filter/Interpertar/Destello) Prime 35mm Brillo =100
39
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Image original.
Sobre la Image a tratar creamos un circulo con la Herramienta de Selección, el cual invertimos. y al que aplicamos (Selección/Calar) (Selección/Calar) con un radio de 32 pixels.
Ahora aplicamos (Filter/Desenfocar/Blur Radial) con los parámetros siguientes, o según el efecto deseado.
40
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Image con el Blur Radial aplicado.
Sobre la Image final podemos aplicar el Filter de enfoque para obtener una mayor calidad.
Creamos una Image, en nuestro caso de 200x80 RGB, y en ella un nuevo canal (Cana #4), donde escribimos un texto. Vamos a la paleta de capas, rellenamos la Capa "Fondo" de blanco y creamos una nueva (Capa1) que rellenamos de negro, cargamos la selección del canal #4 (Selección/Cargar selección) y pulsamos Suprimir. Deseleccionamos todo (Selección/Nada) y aplicamos (Filter/Blur/Desenfoqe (Filter/Blur/Desenfoqe Gaussian) con un valor de 1.5 pixels.
41
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Ahora aplicamos (Filter/Otro/Desplazamiento) (Filter/Otro/Desplazamiento) y lo dejamos como indica la Image
Creamos otra capa (Capa 2) que podemos rellenar de cualquier color o textura, cargamos la selección del canal #4 y pulsamos suprimir.
Creamos una nueva Image en Mode RGB, con la herramienta de texto escribimos lo que queramos, duplicamos la capa y aplicamos (Capa/Transformar/Voltear Vertical) y la movemos hacia abajo con la Herramienta de Desplazar.
Ahora enlazamos la Capa 1copia.
42
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Aplicamos (Capa/Transformar/Distorsionar) y distorsionamos el texto.
Ahora haciendo un CopiarPegar 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 (Filter/Desenfocar/Blur Gaussian), aquí eliges Radio=2, Ahora aplica (Filter/Otro/Movimiento) (Filter/Otro/Movimiento) 2 Horiz. 2 Vert. con la opción repetir pixel de borde activada. Creamos otra nueva capa, cargamos la selección del canal (4) ,la rellenamos de rojo y deseleccionamos todo.
43
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Ahora activamos todas las capas.
Creamos un nuevo Canal (Canal #4) y escribimos el texto.
Pasamos al menú de Capas y creamos una nueva Capa (Capa 1), cargamos la selección del canal #4 y la rellenamos de negro.
Creamos otra nueva Capa (Capa 2), volvemos a cargar la selección del canal #4 y la rellenamos de rojo.
Sobre la capa 1 aplicamos (Filter/Desenfocar/Blur Gaussian)
44
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm
Ahora con la Herramienta de selección seleccionamos según indica la Image, pusamos el botón derecho del ratón sobre la selección y elegimos (Transformación Libre)
Volvemos a pulsar el botón derecho del ratón y elegimos distorsionar.
Con distorsionar y pulsando sobre las esquinas de la selección la modificamos como indica la Image.
45
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP 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/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) (Filter/Otro/Desplazamiento) Horiz.5 Vert.5 y Repetir pixel del borde activado..
Creamos una nueva capa "Capa 2", cargamos la selección del Canal #4 invertida, y rellenamos con la herramienta de Degradado
Los parámetros de degradado utilizados fueron los siguientes...
46
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Creamos una nueva capa "Capa 3", cargamos la selección del Canal #4 sin Invertla, y rellenamos rellenamos de color negro. Deselecionamos todo (Selección/Nada) y aplicamos (Filter/Blur/Blur Gaussian) Gaussian) de 2 pixel. Ahora movemos la Image con (Filter/Otro/Desplazamiento) Horiz.2 Vert.2 y Repetir pixel del borde. Cargamos nuevamente 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) (Selección/Modificar/Contraer) 3 pixel y pulsamos Suprimir.
Image final con todas las capas visibles.
Creamos un nuevo canal (Canal 4), escribimos un texto, y le aplicamos Blur Gaussian 0,5 Pixels En la paleta de capas rellenamos la capa Fondo de gris, creamos una nueva que rellenamos de blanco, en la que cargamos la selección del Canal-4 invertida, pulsamos Suprimir, y movemos la capa 2 pixels a la derecha y 2 hacia abajo Creamos otra capa que rellenamos de negro y en la que también cargamos la selección del Canal-4 invertida, pulsamos suprimir, y también movemos, pero en este caso 2 pixels hacia arriba y 2 hacia la izquierda Ahora haciendo un Copiar-Pegar insertamos una textura que nos guste, en nuestro caso una de Madera, cargamos la selección del canal 4 invertida y pulsamos suprimir.
47
CURSO DE DISEÑO GRÁFICO-PHOTOSHOP GRÁFICO-PHOTOSHOP DOSSIER EJERCICIOSALUMNOS.BLOGSPOT.COM IMÁGENES EXTRAIDAS DE http://www.itnl.edu.mx/armando/tutorials/Practpsht.htm Si colocamos la textura de madera en la segunda capa.
Mismo ejemplo con una Foto de Hong Kong
48