MONTAJE

Y para terminar he creado un montaje con todas las prácticas en Adobe Ilustrator

DEFINICIONES

SINTESIS ADITIVA (RGB)
Produce color mediante las luces coloreadas, esta formada por los colores primarios que son rojo, verde y azul. La suma de dos colores primarios a partes iguales origina un color secundario:
-    Rojo + Verde = Amarillo
-    Verde + Azul = Cian
-    Rojo + Azul = Magenta

Los colores pigmento son los secundarios y se usan para impresora.
Los colores luz son los primarios y son los de pantallas ordenador.

El color blanco > es la mezcla de todos los colores
El color negro > es la ausencia de los colores

RGB: (Red - Rojo)
          (Green - Verde)
          (Blue - Azul)

SINTESIS SUSTRACTIVA (CMYK)
Los complementarios de la sítesis aditiva son los colores primarios de la síntesis aditiva.
Los colores sustractivos primarios son lo que se crean mediante la absorción de ciertas logitudes de onda.
Los colores primarios de la sustractiva son: cian, magenta y amarillo.
La suma de dos primarios a partes iguales originan un color secundario:
MAGENTA + CIAN = AZUL
AMARILLO + CIAN = VERDE
MAGENTA + AMARILLO = ROJO

La suma de tres colores primarios es el negro. Por esta razon se le llama síntesis sustractiva, porque sustrae el color.
La síntesis sustractiva necesita luz blanca para su creación. El blanco es el resultado de la reflexión de toda la luz.

El color complementario de cada primario puede definirse como el opuesto.
Cian: su complementario es el rojo.
Magenta: su complementario es el verde.
Amarillo: su complementario es el azul.

TONO
hay 8 colores, Cian, Magenta, Amarillo, Blanco, Negro, Rojo, Verde, Azulson nuevas sensaciones cromaticas que se llaman tonos. Los tonos se consiguen con la modulacion del color variado, su saturacion o iluminacion. La tonalidad  es consecuencia de onda dominada de ese tono.

SATURACIÓN
Es la cantidad de blanco, contra más blanco más saturacion

LUMINOSIDAD
La luminosidad es la caracteristica de reflexion y viene determinada por la mayor o menor presencia de blanco. Así, cuanto más negro contiene un tono menos luminoso es. Tambien describe la claridad u oscuridad del color.

SINTESIS

                      SINTESIS ADITIVA

Para crear esta práctica he usado el programa Adobe Ilustrator para crear los circulos, con ayuda de las guias y la Herramienta Eclipse creamos 3 circulos medianamente grandes, que queden de tal manera entrelazados entre ellos.

Para rellenarlos de color nos vamos a Photoshop  y con la Herramienta Barita Mágica vamos seleccionando y con la Herramienta Bote de Pintura vamos pintando segun los colores RGB las zonas más grandes, y a continuación las zonas más pequeñas serían la mezcla de RGB saldrían los colores de CMY, esto hace que la suma de todos los colores aparezca el blanco en medio.


                 SINTESIS SUSTRACTIVA

Para hacer esta práctica es basicamente como la anterior, en Adobe Ilustrator creamos 3 circulos medianamente grandes, que queden de tal manera entrelazados entre ellos.

Para rellenarlos de color nos vamos a Photoshop  y con la Herramienta Barita Mágica vamos seleccionando y con la Herramienta Bote de Pintura vamos pintando segun los colores CMY las zonas más grandes, y a continuación las zonas más pequeñas serían la mezcla de CMY saldrían los colores de RGB, esto hace que la suma de todos los colores aparezca el Negro en medio.

CIRCULO CROMÁTICO

                CIRCULO CROMÁTICO

Para crear esta práctica lo primero que he echo a sido abrir un nuevo documento en Adobe Ilustrator. 

Con la Herramienta Eclipse y con ayuda de unas guías he formado 3 circunferencias dejando pulsado la tecla "Mayusculas" para no distorsionarlas, y a continuación entre medias he ido poniendo 9 circunferencias más pequeñas aún que las anteiores.

Una vez hecho los circulos nos vamos a Photoshop y abrimos esta imagen, y con la Herramienta Barita Mágica seleccionamos uno de los circulos más grandes, y con la Herramienta bote de pintura y la biblioteca de colores seleccionamos el color Cian, y pintamos uno de los circulos, de esta misma forma pintamos otro de los circulos grandes de Amarillo, y el otro de Magenta. Y para pintar as 9 circunferencias más pequeñas, igual, seleccionamos con la Barita mágica uno por uno y vamos pintando con el bote de pintura cada uno de los circulos, pero esta vez, al ir entre medias, por ej: Entre el Cian y el Amarillo tendremos que ir subiendo y bajando los porcentajes de los colores CMYK, el primer circulo seria Cian: 90% Magenta: 0% Amarillo: 10% K: 0%, y hacemos los mismo con cada uno de los circulos y los porcentajes correspondientes, por ej: el siguiente al ej. anterior sería Cian: 80% Magenta: 0% Amarillo: 20% K: 0% y asi...

        CIRCULO CROMÁTICO DE TONO

 Esta prácica está echa igual que la anterior, las circunferencias están creadas con Adobe Ilustrator.

Y para rellenarlas de colores nos vamos a Photoshop y con el bote de pintura hacemos lo mismo de antes pero vamos añadiendo poco a poco un poco de porcentaje de negro segun los redondeles el primero no lleva negro, el segundo lleva un 15% de negro, el tercero lleva un 30%, y el cuarto y el ultimo 45% de negro, entonces a la hora de ir a pitar un circulo sería por ejemplo del segundo redondel Cian: 100% Magenta: 0% Amarillo: 0% K: 15%, el segundo girando para la derecha sería por ejemplo Cian: 90% Magenta: 0% Amarillo: 10% K: 15%, y así sucesivamente...

DEGRADADOS

DEGRADADO CUATRICONOMIA DE 100% A 5%

Para crear un degradado de los colores CMYK he usado Photoshop, lo primero que he hecho ha sido crear un nuevo archivo y con la Herramienta Rectángulo he creado 11 rectángulos en 4 columnas en horizontal, cada uno en una nueva capa, todos de igual tamaño, con ayuda de unas guias los he creado en linea, a continuación he pintado la primera fila de rectángulos con el bote de pintura de color Cian, con la biblioteca de colores he selecionado el color exacto, después de pintar la primera fila he ido bajando la opacidad de mayor a menor  emprezando por el 100 % y acabando con un 5 %.

Después de crear he esa fila he hecho lo mismo con las otras tres, pero en este caso con los colores Magenta, Amarillo y Negro.

Por último he puesto con la Herramienta Texto el número del porcentaje que corresponde a cada cuadrícula, en el caso de la fila Negra las etras son blancas al principio porque sino no se veria.

 

DEGRADADO DE COLORES PRIMARIOS A COLOR BLANCO

Para crear un degradado de colores primarios a color blanco he usado también Photoshop y he empezado creando un archivo nuevo y con la Herramienta Marco Rectangular he creado 3 rectangulos largos de izquierda a derecha, uno debajo de otro, con ayuda de las guias para que salgan los tres iguales como los pequeños de la practica anterior cada uno en una capa nueva, luego con la Herramienta Degradado seleccionando el color Cian de la biblioteca de colores y el blanco, en el primer rectángulo, pinchamos en la parte de la izquierda pulsando ("Mayúsculas" en el teclado) arrastramos a la derecha y tendremos nuestro degradado de Color primario a blanco, con esto hacemos lo mismo con el Magenta y el Amarillo, y para terminar con la Herramienta Texto ponemos los porcentajes.

DEGRADADO DE COLOR PRIMARIO A COLOR PRIMARIO

Para crearesta práctica es muy sencillo, básicamente se hace como la anterior solo que tenemos que cambia los colores de los degradados, en ved de acabar en blanco se acaba en un color primario también, como por ejemplo la primera cogeriamos el color Cian de la biblioteca de colores en el lado de la izquierda y en el lado de la derecha usariamos el Magenta, así con el resto, luego sería Magenta y Amarillo, y por último Amarillo y Cian otra vez.

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

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.