domingo, 14 de diciembre de 2014

RESOLUCIÓN DE IMAGENES

En esta práctica vamos a crear un cartel de una agencia de viajes, con dos imágenes.

La primera imagen




Nos dan una imagen, de tamaño 35 x 56 cm y de resolución 300 ppp y tenemos que pasarla a 14 x 28 cm y averiguar la resolución.
Los pasos son los siguientes:
                                                                                               

Primero pasamos las medidas de la imagen original a pulgadas, como está en cm se divide con 2,54.                                 Ancho > 35 : 2,54 = 13,78 pulgadas
Alto    > 56 : 2,54 = 22.05 pulgadas
Lo segundo se pasan igual las medidas a pulgadas, pero a la que los queremos poner como resultado final.                    Ancho > 14 : 2,54 = 5,51 pulgadas
Alto    > 28 : 2,54 = 11,02 pulgadas
Lo tercero multiplicamos las pulgadas de la medida original por la resolución que nos da.
Ancho > 13,78 x 300 = 4.134 pixeles
Alto     > 22,05 x 300 = 6.615 pixeles
Y por último, resolvemos la resolución dividiendo los pixeles de anchura entre pulgadas de anchura (de la medida a la que lo tenemos que pasar) y lo mismo con el alto.
Ancho > 4.134 : 5,51 = 750 Resolución
Alto    > 6.615 : 11,02 = 600 Resolución


La primera quedaría:
Ancho: 14 cm
Alto: 28 cm
Resolución: 750 (se coge la mayor resolución porque es para imprimir).

La segunda imagen
Nos dan una imagen, de tamaño 9 x 14 cm y de resolución 150 ppp y tenemos que pasarla a 17 x 27 cm y averiaguar la resolución como antes.
Los pasos son los mismos que antes:



- Primero                                Ancho > 9 : 2,54 = 3,54 pulgadas
                                               Alto > 14 : 2,54 = 5,51 pulgadas

- Segundo                               Ancho > 17 : 2,54 = 6,69 pulgadas
                                               Alto     > 27 : 2, 54 = 10,63 pulgadas

- Tercero                                Ancho > 3, 54 x 150 = 531 pixeles
                                               Alto    > 5,51 x 150 =  826,5 pixeles

- Por último                            Ancho > 531 : 6,69 = 79,37 Resolución
                                                Alto    > 826,5 ; 10,63 = 77,75 Resolución           

La segunda quedaría:
Ancho: 17 cm
Alto: 27 cm
Resolución: 79,37 


Cartel de la agencia de viajes y el logotipo



sábado, 13 de diciembre de 2014

BOTONES Y EFECTOS

A partir de la página web Todo Photoshop he creado dos botones y dos efectos.

Botón de Metal



  • Para hacer el botón de metal lo primero creamos un documento nuevo en Photoshop de 240 x 70 píxeles.
  • En una nueva capa y usando la herramienta de selección rectangular creamos una selección que rellenamos con la herramienta de degradado con blanco y negro.
  • Luego creamos un rectángulo más pequeño en el medio con la herramienta de selección y creamos un nuevo "canal alfa" pintamos esta selección de color blanco, a este canal le aplicamos un desenfoque gaussiano y luego modificamos los niveles.
  • Seleccionamos el "canal alfa", creamos una nueva capa y rellenamos la selección con un degradado con blanco y negro.
  • Creamos una nueva capa y modificamos la selección anterior con contraer a 2px y rellenamos esta selección con otro degradado con el color frontal que queramos y blanco de color de fondo. A esta selección le agregamos un contorno interior negro.
  • Por último hacemos una nueva capa y usando la selección anterior la   recortamos con la herramienta de selección rectangular (+Alt), eliminando   así la parte inferior. Contraemos la selección 2px y rellenamos con degradado y duplicamos la capa para rotarla 180º y posicionarla debajo. 
Botón Web


  • Para este botón creamos un documento y rellenamos el fondo de color gris claro. En una nueva capa creamos un óvalo con con la herramienta elipse y lo llenamos con un color gris algo más oscuro que el fondo anterior.

  • Con la selección de la capa anterior calamos aplicando 4px de valor. Luego contraemos la selección otros 4px. Invertimos la selección y la rellenamos de color negro. Cargamos la seleeción de la capa del elipse, la invertimos y borramos con esa selección la capa que rellenamos de negro. Bajamos la opacidad de la capa un 70%.

  • Creamos una nueva capa y cargamos la selección del óvalo, movemos la selección 10px hacia abajo y 10px a la derecha e invertimos la selección. Con esa selección mientras mantenemos presionadas las teclas Shift+Ctrl+Alt hacemos clic en la capa del óvalo y obtendremos la intersección, luego contraemos la selección 4px y calamos con un valor de 2px. Rellenamos con color blanco.

  • Creamos otra capa y vamos a Filtro - Interpretar - Nubes y luego a Filtro - Interpretar - Nubes de diferencia. Cambiamos el modo de la capa a sobre exponer color. 

  • Cargamos la selección del óvalo, invertimos y borramos lo que sobra.

  • Cargamos la selección del óvalo y elegimos el color frontal blanco  y contorneamos por fuera a 2px. Modificamos el tono y  saturación con la casilla colorear activa.
        Para terminar le añadimos una sombra paralela.

Efecto Abstracto

  • Lo primero creamos un documento de 400 x 400 px y aplicamos un degradado circular con los colores que queramos.
  • Podemos crear en la imagen unos cuantos destellos.
  • Vamos a Filtro-Relieve y ponemos de altura 25 y de cantidad 500.
  • Podemos jugar con la saturación de la imagen hasta que quede como nosotros deseamos.


Efecto de papel roto

  • Para crear este efecto primero abrimos la imagen en la que aplicaremos el efecto.
  • Creamos un nuevo documento del mismo tamaño que la imagen original. En este archivo creamos una selección con la herramienta de selección rectangular, que cubra el área que vamos a visualizar de nuestra imagen original, y la rellenamos de negro.
  • Duplicamos el archivo que acabamos de hacer y le aplicamos el filtro Interpretar - Nubes de diferencia dos veces. Guardamos el archivo en PSD.
  • Seleccionamos el documento con el rectángulo negro y aplicamos el filtro Distorsionar - Desplazar con una escala horizontal de 20%, una escala vertical de 10% y el mapa en estirar, para luego cargar el archivo que guardamos anteriormente.
  • Invertimos la imagen y la copiamos. Deseleccionamos todo e invertimos otra vez.
  • Desplazamos y desenfocamos la imagen aplicando el filtro Otro - Desplazamiento con escala horizontal 5, vertical 7, con la opción de repetir píxeles activada. Aplicamos desenfoque gaussiano con un valor de 5 píxeles.
  • Pegamos la imagen que copiamos en el paso 5 y cambiamos su modo de fusión a Trama.
  • Por último copiamos y pegamos en este archivo nuestra imagen original.