BOTONES Y EFECTOS

ESTOS BOTONES Y ESTOS EFECTOS LOS HE ECHO CON EL PROGRAMA DE PHOTOSHOP.

HE PUESTO EFECTOS DE CAPA, TEXTURAS, FILTROS Y LOS HE DECORADO A MI GUSTO HASTA QUE ME HA GUSTADO.

BOTÓN METAL

Este botón lo he creado, primero creando con un rectángulo, al que le añadimos el efecto de degradado, y después un rectángulo más pequeño también con degradado, al que acto seguido le he añadido bordes de color negro.

BOTÓN PARA WEB

Este botón es prácticamente igual al primero, solo que en el medio he añadido una elipse, con el filtro de nubes. Ya que ese efecto queda muy bonito, puesto que cambia los colores principales que le hayamos puesto.

EFECTO ABSTRACTO

Este es un efecto abstracto. Está creado con el filtro de nubes de fondo, y luego he añadido unos destellos de flash, y para finalizar he puesto mi nombre con trazo azul y sombra paralela.

EFECTO PAPEL ROTO


 
Este efecto es algo más complejo. He cogido una foto de internet, y le he puesto un filtro con el que asemeja un papel roto, al que le he añadido también una sombra para hacer mas realista el efecto, y por último he puesto una frase y la he puesto un trazo azul claro

RESOLUCIÓN DE LAS IMÁGENES EN PPP

CON ESTAS IMAGENES VAMOS A HACER UN FOLLETO PARA UNA AGENCIA DE VIAJES.






PARA ELLO, HEMOS NECESITADO AUMENTAR Y REDUCIR LAS IMÁGENES PARA ADAPTARLAS A UN DIN A3,
COMO YA MOSTRAMOS EN LA ENTRADA DE CÁLCULO DE REPRODUCCIÓN Y RECORTES.




UNA VEZ HEMOS HECHO LOS CÁLCULOS PARA CAMBIARLES LAS DIMENSIONES A NUESTRAS IMÁGENES, ABRIMOS PHOTOSHOP Y EMPEZAMOS A DISEÑAR. TAMBIÉN HEMOS CREADO UN LOGOTIPO PARA NUESTRA AGENCIA 100% ORIGINAL. 
Y ESTE ES EL RESULTADO FINAL.

IMAGEN 360º

Bueno y esta es la imagen 360º, está hecha con la página Dermandar.
Simplemente tienes que añadir las fotos con las que vas a hacer la imagen y copiar el código que te da la página Dermandar.
Aquí no me ha salido bien porque las fotos están mal tomadas.

IMÁGENES PARONÁMICAS

Esta es la imagen panorámica, se hace con photoshop.

Solo tienes que seleccionar las imágenes que deseas y Photoshop automáticamente lo hace.

HERRAMIENTAS DE PHOTOSHOP CS6

Esta es la barra de herramientas, donde se localizan todos los elementos para trabajar:
(en orden)
- Herramienta mover
- Herramienta Marco Elíptico: Con él se selecciona una zona de la imagen, con forma circular. Si desplegamos esta pestaña, nos encontraremos otra herramienta de selección pero en forma rectangular.
- Herramienta lazo magnetico: Se selecciona solo la zona que nosotros deseamos, bordeando la imagen deseada. Si desplegamos esta pestaña aparecerá el lazo tradicional y el lazo poligonal que selecciona solo formas poligonales.
- Herramienta de selección rápida: Se selecciona una zona entera, si los tonos son semejantes o toda la zona si se haya delimitada. Al desplegar la pestaña nos aparecerá la barita mágica, que selecciona las zonas más rápido.
- Herramienta Recortar: Elimina la elección seleccionada para hacer la imagen del tamaño deseado.
- Herramienta CuentaGotas: Selecciona un color de la pantalla o de la imagen que queremos y automáticamente lo coloca en el marco de color para poder usar ese color después. Sirve sobretodo para asemejar el color lo máximo posible a la imagen final.
- Herramienta Pincel Corrector Puntual: Se utiliza para quitar imperfecciones en la imagen, y si desplegamos la peestaña veremos varias herramientas también para hacer pequeños retoques en la imagen, incluida la herramienta de ojos rojos, para quitar ese molesto efecto de los ojos.
- Herramienta Pincel: Sirve para pintar sobre el fondo o la imagen, al desplegar la pestaña vemos distintos pinceles, incluso un lápiz.
- Herramienta Tampón de Clonar y tampón motivo: Es como un sello con el que podemos poner motivos.
- Herramienta Pincel de Historia.
- Herramienta Borrador.
- Herramienta Bote de Pintura: Sirve para pintar todo el área seleccionada de un golpe.
- Herramienta Desenfocar.
- Herramienta Sobreexponer
- Herramienta Pluma
- Herramienta Textos: Añade textos a la imagen o el fondo que elijamos. Al desplegar la pestaña vemos la herramienta de añadir texto vertical o máscaras de texto que sirven para añadir el contorno de las palabras.
- Herramienta Selección de Trazados.
- Herramienta Rectángulo: Podemos hacer formas rectángulares, y si desplegamos la pestaña saldrán distintas formas geométricas que podemos usar.
- Herramienta Mano.
- Herramienta Zoom: Acerca o aleja la imagen.
- Esa es la caja de los colores, muestra el color que estamos usando es ese momento.

Esta es la barra donde aparecerán todas las capas que vamos a usar, el fondo y debajo de las capas que estamos usando aparece el comando para duplicar capa, eliminar capa, filtros de efectos, añadir nueva capa, añadir máscaras de capay crear capas de relleno. 

Y esta es la barra desde la que accedemos a las distintas opciones de las que dispone Photoshop.

 

Pestaña Photoshop:                                                           Pestaña Archivo:

Pestaña Imagen:                                                         Pestaña Edición:

  

 
 

Pestaña Texto:                                                                        Pestaña Capa:

Pestaña Selección:                                                                   Pestaña Filtro:

Pestaña Vista:                                                                       Pestaña Ventana:

 
















Pestaña Ayuda:

Y ESTAS SON TODAS LAS HERRAMIENTAS DE PHOTOSHOP.

CÁLCULO DE REPRODUCCIÓN Y RECORTES

Os adjunto fotografía para que veais como se hace la reproducción a distintas dimensiones.
El Factor de Reproducción (FR) que en el primer ejemplo es 50% (se quita el porcentaje dividiendolo entre 100) y te queda 0,5. Al despejar la ecuación te queda 0,5x75 (que es el ancho del original) y el resultado que te da es el ancho de la reproducción. Hacemos lo mismo con el alto y ya tenemos las medidas que queríamos saber. 

Y estas imagenes son dos ejercicios que hemos hecho de reproducciones.

OPTIMIZACIÓN DE IMÁGENES

 JPEG

Las imágenes en formato JPEG utilizan un algoritmo de compresión con pérdida de datos






























 
















Estas imágenes estan en JPEG pero las primeras están guardadas en baja calidad y las segundas en alta calidad. Los formatos JPEG no admiten transparencias, por eso en las imágenes de los hombres se ve un fondo a pesar de que en la original no había fondo alguno.

GIF
Es un formato altamente portable y permite hasta 256 colores. Es un formato ampliamente usado para íconos, logotipos o imágenes que tienen muchos colores sólidos. Admite transparencias.




































 Estas imagenes están grabadas en dos tipos de gif, en las imágenes de la izquierda les otorga mayor calidad que en la derecha, y un mayor brillo.


PNG
Este formato fue diseñado para mejorar el formaato GIF pensando en optimizar la transmisión de imágenes por Internet, por lo que una imagen idéntica ocuparía más espacio en formato GIF.
Aunque el formato PNG no admite animaciones, si admite transparencias.




































Estas imagenes están todas en png.

TRABAJO DE ANÁLISIS DE EJEMPLOS CROSS MEDIA

Yo escogi la empresa de Cocacola

Hice una presentación con el programa de Apple de Keynote, donde incluí la historia de la empresa, logotipos, merchandising, redes sociales, banner y todo lo que pude encontrar de dicha empresa.

Elegi el fondo de pizarra y a partir de ahí fui creando mi trabajo. También diseñé las fotos que iba añadiendo, poniendo marcos de Keynote.

Y bordeando las imagenes con distintos efectos.

PAGINAS LEGIBLES E ILEGIBLES

Una página legible es aquella que podemos ver y apreciar claramente lo que ofrecen y lo que anuncian, sin ningún tipo de esfuerzo.

EJEMPLO LEGIBLE.

Y las páginas ilegibles son aquellas que tienen puestas letras que contrastan con el fondo, muchos anuncios, enlaces muy juntos y no se aprecia claramente lo que ofrece la página.

EJEMPLO ILEGIBLE