CARTA DE COLORES

CARTA DE COLORES

Para la creacion de las carta de colores he utilizado el PhotoShop:

• Utilizar imagen prediseñada de carta de colores para colocar guias.

•  Creamos un documento nuevo A4.

• Una vez marcado todas las guias utilizamos la herramienta selección copiamos la selección y la pegamos cuantas veces sea necesario.

• Una vez copiado diversas capas de recuadros, creamos diversos grupos, para crear diferentes columnas con recuadros y a continuación colorearlos.

•  En el trabajo explicaremos las diferentes caracteristcas, como los colores principales. Ej: CMYK, RGB, Degradado de los colores, etc.

• En la primera tabla de colores he cogido los colores principales y los he ido bajando la opacidad gradualmente.

•  En la segunda tabla podemos obserbar la degradación de un color primario a otro y las direntes tonalidades que hay entre si.

TEORIA DEL COLOR

TEORÍA DEL COLOR

COLOR

Podemos definir el color como la sensación causada por una serie de ondas electromagnéticas que se produce en respuesta a la estimulación del ojo, es decir la capacidad de observar los colores que los objetos reflejan, ya que la materia de los objetos absorben la luz y vemos los colores que reflectan.

   A continuación explicará:

-Relación Color-Luz.

- Pigmento o Sintesis Aditiva.

-Circulo Crómatico.

-Cualidades del Color. 

DEGRADADO DE COLOR PRIMARIO A BLANCO.

Para este ejemplo hemos utilizado Photoshop para crear los rectangulos y el degradado:

• He creado los rectángulos con la herramienta selección rectangular, con la cual hemos creado tres rectángulos.

• A continuación he obtenido los colores primarios de cada uno.

• Utilizando la herramienta degradado, he degradado los colores hasta obtener el blanco.

DEGRADO DE COLOR PRIMARIO A COLOR PRIMARIO.

En este ejemplo del degradao de color primario hemos seguido los mismos pasos que el anterior, solo que en este caso a la hora de utilizar la herramienta degradado hemos cogido dos colores primarios.

DEGRADADO CUATRICOMÍA 100% A 5%

En esta cuatricomía partimos de los colorores CMYK:

• Con la herramienta rectángulo creamos once rectángulos.

• Guardamos los retángulos en un grupo o carpeta.

• Duplicamos el grupo y a cada grupo le asignamos un color primario.

• A cada rectángulo gradualmente iremos bajando la opacidad.

CÍRCULO CRÓMATICO

Para crear el circulo cromatico he utilizado el Ilustreitor y Photoshop, en el caul muestro los diferentes colores a la hora de combinarse los colore primarios :

• Creamos tres circulos grandes iguales y 27 circulos pequeños formando un circulo entre todos.

• Guardamos el archivo en formato "Eps" para luego utilzarlo en Photoshop.

• En Phtoshop pintamos los 3 circulos grandes con los colores primarios y el resto de circulos vamos degradando los colores de un color primario a otro.

 

CÍRCULO CROMÁTICO TONO

En circulo cromatico he duplicado varias capas del circulos cromatico, he reducido el tamaño de cada capa proporcinalmente y he ido añadiendo negro, a mas cantidad negro obtenemos tonos más oscuros

 

 

 

 

 

 

 

LA SINTESIS ADITIVA

La sintesis aditiva es la formación de colores a través de diferentes luces en diferentes longitudes de onda. La sintesis aditiva hace referencia a la adición de colores, consideramos que el blanco es la suma de toda luz en máxima proporción del espectro visible.

• Los colores principales sonRGB
• La suma de los colores primarios a partes iguales originan un color secundario:

Rojo+Verde= Amarillo
Verde+Azul= Cian
Rojo+Azul= Magenta

Para crear los circulos en Ilustritor y Photoshop para pintarlo posteriormente:

• Creo los circulos en ilustreitor,  duplico dos veces el círculos y los coloco de manera que se junten entre si.
• En Photoshop he cambiado la imagen a modo RGB y he pintado los circulo. 

SÍNTESIS SUSTRACTIVA 

La sintesis sustractiva hace referencia a los colores pigmento a diferencia de la aditia la sustractiva absorve la luz. Los colores aditivos principales son CMYK


Para crear los circulos he utlizado la misma imagen del ejemplo anterior solo que esta vez en pintado en modo CMYK, pero los colores del centro debido a la fusion de colores son los de RGB y el negro es la asuencia de luz.

 

BOTÓN WEB, BOTÓN METÁLICO, EFECTO ABSTRACTO, EFECTO PAPEL ROTO

BOTONES

Botón Metálico:

• Creamos un nuevo documento en Phtoshop con las dimensiones 240x70.

•  En una nueva capa, con la herramienta de selección creamos un rectángulo, la cual rellenamos de color con herramienta degradado.

• Luego creamos un rectángulo mas pequeño con la herramienta selección y creamos un canal alfa, en cual pintamos de color blanco la selección, Después aplicamos un efecto de desenfoque gussiano.
•  Seleccionamos el canal alfa creamos una nueva capa y rellenamos la selección con un color de degradado de blanco y negro.

•  Creamos una nueva capa, y a continuación modificamos la selección con la herramienta contraer a 2px y rellenamos la selección con otro degradado con el color frontal y blanco de color de fondo, a continuación le añadimos un contorno negro

• Para terminar creamos una nueva capa y usando la selección  anterior recortamos la parte inferior, contraemos la selección 2 px rellenamos con degradado y duplicamos la capa para rotarlo 180º y posicionarla debajo.

Aquí podemos observar el resultado final, donde podemos observar el efecto metal.

Botón Web:

• Para este botón creamos un nuevo archivo y lo rellenamos el fondo de color gris claro. A continuación hacemos  una capa nueva y creamos una elipse con la herramienta de elipses y lo llenamos de color gris más oscuro que el del fondo.

• Con la selección de la capa calamos aplicando 4PX en los valores. A continuación invertimos la selección y la rellenamos de color negro. Cargamos la selección de la capa elipse , la invertimos y borramos con esa selección la capa que rellenamos de negro. Por ultimo bajamos la opacidad al 70%.

• A continuación creamos una nueva capa y cargamos la selección de la elipse, movemos la selección 10PX hacia abajo y 10 PX hacia la derecha e invertimos la selección. Manteniendo la selección mantenemos pulsado las teclas Shift+Ctrl+Alt hacemos clic en la capa de la elipse y obtendremos la intersección, a continuación contraemos la selección 4PX y calamos con valor de 2 PX. Por ultimo rellenamos de color blanco.

• A continuación creamos una nueva capa y vamos a Filtro-Interpretar-Nubes, a continuación otra vez Filtro-Interpretar-Nubes de diferencia. Por ultimo en este paso, cambiamos el modo de capa a sobre exponer el color, cargamos la selección de la elipse, invertimos y borramos lo que nos sobra.

• Cargamos la selección de la elipse y elegimos el color frontal blanco y contorneamos por el exterior 2PX. Modificamos el tono y saturación con la casilla colorear activa. Por ultimo añadimos sombra paralela.

Este es resultado final de nuestro Botón Web

Efecto Abstracto:

• Creamos un nuevo documento con las medidas 400x400px y aplicamos un degradado circular con los colores deseados.

• Aplicamos el filtro de "nubes de diferencia".

• A continuación aplicamos unos destellos a la imagen.

• Luego vamos a Filtro-Estilizar-Relieve y ponemos los valores 25 de altura y 500 de cantidad.

Efecto Papel Roto:

• Para este trabajo primero necesitamos una imagen la que deseemos para crear el efecto sobre esta.

• A continuación creamos un nuevo documento con las dimensiones de la imagen original. Con este archivo creamos una selección rectangular, que cubra la zona de la imagen que vamos a visualizar y rellenamos de negro.

• A continuación duplicamos el archivo que acabamos de crear y aplicamos el filtro "Interpretar-Nubes de Diferencia" dos veces y guardamos el archivo en PSD.

• Seleccionamos el archivo con el rectángulo de color negro y aplicamos el filtro "Distorsionar-Desplazar" con una escala horizontal del 20 %, una escala vertical del 10% y el mapa en estirar, para luego cargar el anterior archivo.

• Invertimos la imagen y la copiamos. Deseleccionamos todo e invertimos otra vez.

• A continuación desplazamos y desenfocamos la imagen aplicando el filtro "Otro- Desplazamiento" con la escala horizontal 5, vertical 7, con la opción de repetir píxeles activada. Aplicamos desenfoque gussiano con valor de 5PX.

• Pegamos la imagen que copiamos en el anterior paso y cambiamos su modo de fusión a Trama. Por ultimo copiamos y pegamos en este archivo nuestra imagen original.

  

RESOLUCIÓN DE IMÁGENES

RESOLUCIÓN DE IMÁGENES PPP 

Para esta actividad utilizare estas imágenes, a las cuales cambiare su resolución.

Utilizando la formula de calculo recorte y reproducción obtendre la resolución de la imagen para utilizarla en un A3.






 Una vez hemos realizado los cambios oportunos de las imagenes, crearemos una publicidad para una agencia de viajes.

Tambien crearemos un logotipo de la empresa al que luego lo usaremos para el cartel.




 

Y este es el resultado:

CÁLCULO DE REPRODUCCIONES Y RECORTES

CÁLCULO DE REPRODUCCIONES Y RECORTES 

En esta entrada explicaré la forma de calcular la escala de la reproducción de una imagen a diferente tamaño y diferente encuadre. 

Normalmente en los tamaños de la imagen original no coinciden con el espacio reservado para su publicación, por lo que necesitamos hacer una ampliación del original de la imagen o por el contrario una reducción de la imagen.

También puede darse el caso de que el espacio reservado para la publicación no sea proporcional a la imagen original, entonces tendremos que hacer un encuadre de la imagen.

El encuadre es la selección que finalmente se mostrara en la imagen. Esto se utiliza para delimitar el punto de interés de la imagen. La zona que nos sobra se llama el recorte.

Para saber cuanto debe ampliarse o reducir la imagen es necesario conocer las dimensiones del ancho y el alto. Para ello utilizamos la siguiente formula:


Escala de la reproducción= Dimensiones Reproducción/Dimensiones Del Original

A continuación he colocado ejemplos de diferentes imágenes aplicando esta la formula:
 

En el segundo ejemplo se calcula los encuadres, dimensiones de reproducción y recortes según el cuadro destinado a la reproducción y apartir de la imagen original:

Imagen de CNICE

IMAGEN 360º

IMAGEN 360º

Para la imagen de 360º voy a utilizar estas imágenes:

Para crear la imagen de 360º utilizare la aplicación de DERMANDAR. Pinchas sobre "creat" y te saldrán las siguiente opciones:

Pinchas sobre la opción de 360º  y eliges las imágenes que quieres utilizar para crear la imagen. A continuación te creara la imagen 360º:

Una vez creada la imagen podemos subirla a la web, pinchando en "mi cuenta" y luego "mis panoramas" puedes ver el resultado final:

http://www.dermandar.com/p/cFcepb/classroom-360.

IMÁGENES PANORÁMICAS

IMAGEN PANORÁMICA

Para crear una imagen panorámica lo primero que tienes que hacer es realizar unas fotos, recordando dejar un poco de espacio entre cada fotografía para facilitar la unión de las imágenes.

Para la panorámica he seleccionado cuatro fotos:

Para crear la panorámica en Photoshop nos vamos al menu archivo y vamos hasta la opción automatizar y a continuación seleccionamos la opción Photomerge.

Photoshop abrirá los archivos aparecerán en el centro del listado, A continuación pinchamos ok y Photomerge empezara a unir las imágenes.

Alfinal obtendremos nuestra foto panorámica compuesto por las imágenes seleccionadas y en capas.

Como ultimo paso vamos al menu capa y le damos acoplar.