viernes, 12 de diciembre de 2014

Efecto Papel Roto en Todo Photoshop

Bueno en esta entrada os voy a contar como he realizado esta practica, Efecto Papel Roto. 
Comencemos:
Lo primero a realizar es seleccionar una foto, la foto que quieras romper, en mi caso he elegido esta fotografía.



A continuación crearemos un nuevo documento con las mismas dimensiones que la imagen que vamos a utilizar y que este en modo RGB. A este documento lo llamaremos " Papel ". 
Después dibujaremos un rectángulo en la parte que vallamos a suprimir de la fotografia. ( Si quieres que se vea la parte izq de tu fotografía lo dibujarías en la parte derecha.)
Ahora creamos otro archivo exactamente igual al que llamaremos " Nubes " y le aplicaremos el filtro Nubes de diferencia varias veces. Este archivo lo guardaremos aparte para utilizarlo cuando sea necesario.



Así quedaría mas o menos.

A continuación volvemos a nuestro archivo que llamamos " Papel " y le aplicamos el filtro Distorsionar - Desplazar valores ( Desplazamos horizontal un 20 % y vertical un 10 % y en las opciones que nos sale abajo activamos estirar). A continuación nos sale una pantallita y desde hay cargamos el archivo " Nubes " que habíamos creado antes.
Esto quedara mas o menos así:


Ahora invertimos la imagen y la copiamos.
Ahora vamos a crear un efecto tridimensional desplazando y desenfocando la imagen. Aplicamos el Filtro - Otros - Escala Horizontal y Vertical ( Mas o menos modificamos según nuestro archivo) y seleccionamos la opción de repetir pixeles. Ahora aplicamos el efecto Desenfoque gaussiano en un valor de 5 o 6 pixeles.
Después pegamos la imagen que queríamos recordar  y cambiamos el modo de fusión en Trama y ya tenemos el papel roto.




Ahora copiamos la imagen que hemos elegido, en mi caso los tigres y la arrastramos a nuestro documento " papel ", acción que creara la Capa 2, en esa capa le crearemos una mascara de recorte. A continuacion vamos a Capa - Estilos de Capa y aplicaremos Opciones de fusion - Sudyacente y con la tecla ALT pulsada movemos el tirador negro hasta darle un valor de 107 mas o menos. Y ya tendremos nuestra imagen rota la que luego podremos añadir textos.


www.todo-photoshop.com

Efecto Abstracto en Todophotoshop

En este ejercicio debíamos crear un efecto bastardo siguiendo los pasos de www.todo-photoshop.com .
Para ello lo primero que tenemos que hacer es crear un documento de 400x400 aproximadamente.Después crearemos un degradado circular con los colores que queramos. Una vez hecho el degradado le aplicamos el Filto - Interpretar - Nubes de diferencia. 
Después vamos a Filtro - Interpretar - Destellos y creamos varios destello en la imagen, pero sin pasarnos tampoco.!
A continuación Aplicaremos el Filtro - Estilizar - Relieve y hay personalizaremos nuestro efecto como mas nos guste Ajustado las medidas que queramos:


Y este es mi resultado final:


Todo esto y mas tutoriales en: www.todo-photoshop.com

Boton de metal y para web en todo-photoshop

BOTÓN DE METAL EN PHOTOSHOP

Lo primer que hemos hecho a sido crear un nuevo archivo  de 240x70 pixeles aproximadamente. Creamos una nueva capa y hacemos un rectangulo y lo pintamos con el degradado.


Después hacemos otro rectangulo mas pequeño:


Vamos a canales y creamos un canal alfa y pintamos la seleccion pequeña de blanco, despues vamos a filtros- desenfocar- desenfoque gaussiano(5 px aprox )




Presionamos CMD+L y ponemos los niveles que aparecen.


Después creamos una capa nueva y pintamos el recuadro pequeño con un degradado blanco-negro. A continuacion le damos a seleccion- modificar- contraer-2 pix; después hacemos un degradado del color que queramos.


Despues invertimos la seleccion:
 

Este es el resultado que tenemos:


La explicacion la tenemos en www.todo-photoshop.com


BOTÓN PARA WEB EN PHOTOSHOP

Empezamos creando un nuevo documento de las medidas que queramos y lo rellenamos con el color 161,161,161. Después creamos una capa nueva y en ella creamos un óvalo que pintaremos con el color 131,131,131.


Seleccionando esta ultima capa; vamos a Selección-calar-4 pixeles. Contraemos la selección y hacemos el anterior paso ( calar- 4 pixeles ). Después invertimos la selección y la llenamos con color negro. A continuación seleccionamos la capa "original" e invertimos y borramos. Después le bajamos la opacidad de la capa a un 70-80%.
Creamos una nueva capa y cargamos la selección de la capa original.Movemos la selección 10 pixeles hacia abajo con las flechas del teclado y 10 hacia la derecha e invertimos la selección, después contraemos la selección 4 pixeles y vamos a Seleccionar-Calar y le damos un valor de 2 pixeles y llenamos lo que nos queda de color blanco, para hacer el efecto de reflejo.
Ahora crearemos una nueva capa a la que le aplicaremos el filtro Interpretar- Nubes de diferencia ( cambiamos el modo de la capa a Sobre exponer el Color.


www.todo-photoshop.com

RESULTADO FINAL.

miércoles, 10 de diciembre de 2014

Cartel Agencia de Viajes


En esta actividad hemos realizado un cartel publicitario de una agencia de viajes. Para ellos hemos contado con dos originales que mostrare a continuación.




Lo primero que hemos realizado a sido sacar el Factor de Reproducción de estas imagenes ya que debiamos ponerlas a medidas distintas a las que ya tenian.
Las medidas de estas imagenes son de:
  1.  56 cm x 35 cm ( 300 ppp )
  2.  14 cm x 9 cm (150 ppp )
Las indicaciones que debiamos seguir son las siguientes:
  • Realizar las operaciones necesarias para obtener la resolución de las imagenes
  • Reproducir la primera imagen a 23 x 14 
  • Reproducir la segunda imagen a 27 x 17 
  • Hacer el cartel en tamaño A-3
  • Explicar que ocurre con la resolución y peso de cada una de las imagenes
Para calcular la resolucion de las imagenes he realizado estas operaciones. Los pasos que hay que seguir son los siguientes:

       1ª Imagen :  ORIGINAL= 56 x 35 cm y 300 ppp
                                REPRODUCIÓN= 28 X 14 cm y ? ppp

Lo primero que haremos es pasar las medidas a pulgadas. Para ellos dividimos entre 2,54 .
                           ORIGINAL= 22 X 13,7 PULGADAS 
                                 REPRODUCIÓN= 11 X 5,5 PULGADAS 

Después calcularemos los pixeles del ancho y del alto de la imagen original. Para ello multiplicamos la resolucion, en este caso 300, por el ancho y alto en pulgadas de la imagen original.

                        PX ANCHO= 300 X 22 = 6,600 PX
                             PX ALTO= 300 X 13,7 = 4,110 PX 

Y para terminar dividimos los pixeles de ancho y alto del ejercicio anterior entre el ancho y el alto de la reproducción en pulgadas.

                      ANCHO= 6600  = 600 PPP
                                        11,02 
                        
                           ALTO= 4110 = 747 PPP
                                     5,5

Una vez realizadas estas operaciones en las dos imagenes ya tenemos la resolución y las medidas de la reproducción.
Cuando la colocamos en photoshop la ponemos con la resolución mas alta, porque la imagen es para impresión y cuando la imagen es para impresión utilizamos la resolución mas alta. Cuando es para web cojemos la mas baja, ya que el archivo debe de pesar poco.

Bueno una vez echo esto, he creado un documento en photoshop tamaño DIN A-3. Hemos colocado las imagenes ya transformadas al tamaño requerido y he creado un cartel.
Aparte del cartel he creado un logotipo para mi empresa de viajes, con Photoshop.

 Para el logotipo he creado un pincel con forma de estrella para acer las estrellas.
Una vez creado el logotipo es cuestion de imaginación y de crear tu propio cartel para una agencia de viajes.
El mio ha quedado asi:

 

miércoles, 26 de noviembre de 2014

IMAGEN 360º


IMAGEN 360º

Para este ejercicio he utilizado las mismas imagenes que para la foto panoramica.
Para ello he tenido que crearme una cuenta en la pagina web: www.Dermandar.com, desde esa pagina es desde la que realizaremos la imagen de 360º

 Lo primero es crear una cuenta:

Una vez creada la cuenta creamos nuestra panoramica y nos salen estas dos opciones. Seleccionamos 360 View


Una vez pulsado 360 View seleccionamos las imagenes que queramos

 

Automaticamente se crea nuestra imagen 
  

Despues nos sale la opcion de guardar, descargar, guardar en un pendrive. Seleccionamos Save as.

 

Después nos sale este recuadrito donde tenemos que pulsar al primer Here que esta en blanco que es para abrila, el otro here es para crear otra panoramica.

 

Una vez hecho eso nos aparece ese codigo que es el que he copiado para poder copiar mi imagen 360º 


Y esta es la imagen 360º que he creado.


FOTO PANORAMICA


FOTO PANORAMICA

En esta actividad hemos creado una foto panoramica apartir de 7 fotos.
Para ello hemos utilizado Adobe Photoshop.
En esta entrada os explicaré los pasos que e seguido para conseguir una panoramica.

Lo primero estas son las fotos que he utilizado para hacerla:











Lo primer que hacemos es abrir Adobe Photoshop.
Una vez abierto vamos al menu Edicion- Automatizar- Photomarge


Cuando realizamos ese paso nos aparece una opcion para elegir la forma que queremos darle. Nosotros le daremos a automatico.También nos aparece la opción de explorar, pulsamos y seleccionamos las fotos que vayamos a utilizar.


Una vez hecho eso, automaticamente se nos forma una panoramica con las fotos que hemos seleccionado


Después recortamos la parte superior y posterior de la imagén que sobra


Aqui muestro la parte que recorto de la imagen





 Esta es la imagen final.
La guardamos como JPEG y como PSD



martes, 25 de noviembre de 2014

EJERCICIO DE RECORTES Y ENCUADRES


En el siguiente ejercicio teniamos que calcular los encuadres, dimensiones de reproducción y recortes según el cuadro destinado a la reproducción a partir de una imagen original que nos entregaron.
Esta es la imagen original:



Esta imagen debiamos encuadrarla en la siguiente maqueta que muestro a continuación:



Los encuadres y recortes los he realizado en Adobe Photoshop y colocar en la maqueta de arriba de Quarkxpress calculando de forma manual.
Lo que teniamos que calcular son:
  • Las dimensiones del encuadre, donde se va a insertar la imagen.
  • Las dimensiones de la reproducción ( las mismas que el encuadre )
  • Las dimensiones del recorte ( parte de la imagen que no entra en el encuadre )
Hechos todos los calculos se van insertando las imagenes.





Este es el resultado del ejercicio final

ACTIVIDAD CALCULO DE PORCENTAJES


ACTIVIDAD CÁLCULO DE PORCENTAJES


En esta actividad hemos tenido que calcular los porcentajes de la reproduccion según la imagen original que nos da y colocar el diseño a la medida correcta.
Para hacer este ejercicio tenemos que aplicar esta formula:

 FR= REPRODUCIÓN   = ALR    AR    
              ORIGINAL                ALO     AO



FR: Factor de Reproducción
ALR: Alto de la reproducción
ALO: Alto del Original
AR: Ancho de la Reproducción
AL: Ancho del Original



En esta imagen nos da el diseño de la original y las dimensiones.
Tenemos que reproducir la imagen al 50% y al 200%. Para ello dividimos las dimesiones entre 2 para calcular el 50% ya que es la mitad de 100 y para calcular el 200% multiplicamos x2 porque es el doble.

 

Este es el ejercicio con los resultados de las dimesiones y las reproduciones del diseño.Guardamos el documento en pdf ( edicion- guardar como-pdf )

lunes, 24 de noviembre de 2014

ANALISIS DE CROSS MEDIA


Para hacer este trabajo teniamos que elegir una empresa internacional y buscar informacion sobre ella, haciendo luego una presentacion en Keynote.
La empresa que elegi fue: KODAK

Busque información siguiendo unos pasos que nos dió la profesora:
  • Introducción
  • Logotipos
  • Web
  • Social Media
  • Catalogos digitales
  • Revistas Digitales
  • Publicación digital
  • Apps
  • Folletos y catalogos
  • Merchandising
  • Eventos
  • Packiging

Aqui añado algunas capturas de pantalla:




 

ANIMACION DE PHOTOSHOP


También hemos aprendido a hacer animaciones con Photoshop.
Para conseguir la animación debemos ir al menu ventana y pinchar en linea de tiempo.
Se va haciendo todo poco a poco, imagen por imagen, para conseguir el efecto de movimiento, se puede añadir tambien textos, editarlo, poner filtros etc....

Para guardar una animacion debemos guardarla para web y en formato GIF.


El primer GIF que hicimos es el de la diana:




Y este es el GIF que hize para la empresa que elegi en el ejercicio de Kynenote.