CÍRCULO CROMÁTICO EN TIC (Photoshop)

circulo_cromatico

COLORES PIGMENTO CMYK

SEGUIR PASO A PASO:

Abrir archivo nuevo

captura-de-pantalla-2016-11-21-a-las-20-36-50

Poner los siguientes parámetros

Captura de pantalla 2016-11-21 a las 20.47.20.png

Damos nombre a la capa de fondo, presionamos dos veces sobre la zona gris de la capa.

captura-de-pantalla-2016-11-21-a-las-20-47-59

Creamos una nueva capa que llamaremos círculo cromático

captura-de-pantalla-2016-11-21-a-las-20-48-14

Elegimos la herramienta trazado de línea y creamos una cruz a modo de centro de la circunferencia.

Captura de pantalla 2016-11-21 a las 20.48.37.png

Captura de pantalla 2016-11-21 a las 20.49.11.png

Elegimos la herramienta de trazado de círculos. Se presiona alt+shift+botón dch de ratón, y se crea una circunferencia perfecta.

captura-de-pantalla-2016-11-21-a-las-20-49-25

captura-de-pantalla-2016-11-21-a-las-20-50-02

Con la herramienta trazado de línea trazaremos diámetros cada 30º.

captura-de-pantalla-2016-11-21-a-las-20-51-25

y la herramienta mover trazado podemos seleccionar y trasladar todos los objetos trazados que tengamos.

captura-de-pantalla-2016-11-21-a-las-20-51-47

para hacer lo anterior mencionado, se copia y se pega la diagonal varias veces. Fíjate que para copiarla hay que tener la diagonal seleccionada, se ve en los dos puntos externos marcados en blanco.

captura-de-pantalla-2016-11-21-a-las-20-52-17

Captura de pantalla 2016-11-21 a las 20.52.24.png

Una vez copiada se gira 30º. Edición|Transformar|Rotar. En la barra de opciones puedo poner los grados.

Captura de pantalla 2016-11-21 a las 20.52.45.png

Repetimos esta operación hasta completar el círculo con las separaciones necesarias

captura-de-pantalla-2016-11-21-a-las-20-54-18

Se rasteriza la capa del círculo. botón izq del ratón sobre la zona gris de la capa.

Captura de pantalla 2016-11-21 a las 20.54.36.png

Escoger la herramienta de selección varita mágica, e ir a un sector del círculo y seleccionarlo con un golpe del botón drch del ratón.

Captura de pantalla 2016-11-21 a las 20.54.56.png

La selección la rellenamos en Edición|Rellenar

captura-de-pantalla-2016-11-21-a-las-20-55-04

se haces esto en cada sector con los colores primarios, secundarios y terciarios CMYK.

captura-de-pantalla-2016-11-21-a-las-21-07-13

porcentajes de los diferentes colores

circulo-cromatico

El resultado final es el siguiente, tan solo falta aplicar la luminosidad.

Captura de pantalla 2016-11-21 a las 21.14.38.png

Creamos nueva capa

Captura de pantalla 2016-11-21 a las 21.14.44.png

Seleccionamos una forma circular igual al círculo: hay varios métodos, con la varita mágica escoger la zona blanca e invertir, o con la herramienta selección elíptica y la letra shift para que salga un círculo perfecto

Captura de pantalla 2016-11-21 a las 21.15.15.png

Cuando tengamos la selección hecha se rellenará con la herramienta degradado. En la barra de opciones deberemos poner opción radial.

Captura de pantalla 2016-11-21 a las 21.15.22.png

degradado_photoshop6.jpg

En la barra opciones de degradado podemos elegir muchas variantes.

propuestas-degradado el punto 1 es el desplegable para ver las opciones de degradado prediseñadas, en el opciones de desplegables puedes descargar más diseños.

captura-de-pantalla-2016-11-21-a-las-21-15-37

Con todos los parámetros elegidos arrastramos el ratón de fuera a dentro o al revés, dependiendo de la dirección del degradado que hayamos elegido.

captura-de-pantalla-2016-11-21-a-las-21-16-28

Fusionamos capa con trama y conseguimos la luminosidad de los diferentes colores.

Captura de pantalla 2016-11-21 a las 21.18.48.png

Crear otra capa y pintad el fondo con el negro creado por los tres colores primarios pigmento.

captura-de-pantalla-2016-11-21-a-las-23-07-15

 

 

 

 

APLICACIONES DE DISEÑOS MODULARES

UNA BREVE INFORMACIÓN PREVIA

imágenes de mapa de bits (también denominadas imágenes raster): son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color.

Gimp, photoshop, picassa, paint shop pro,

vector_raster-u2796

imágenes vectoriales: las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador «traducirá» estas formas en información que la tarjeta gráfica pueda interpretar. toda imagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir.

Illustrator, Corel Draw, Xara

PROFUNDIDAD DEL COLOR

La profundidad de color es la cantidad de colores que pueden tener las imágenes digitales. Hay dos modos:

RGB, formado por los colores primarios luz RED; BLUE; GREEN, su mezcla absoluta da BLANCO, y su ausencia el NEGRO.

CMYK, en este caso los colores primarios son CIAN, MAGENTA, YELLOW y KEY (NEGRO). Este último se añade porque la mezcla de las tres tintas no logra crear el negro intenso.

La profundidad de color se refiere al número de bits necesarios para codificar y guardar la información de color de cada píxel en una imagen. Un bit es una posición de memoria que puede tener el valor 0 ó 1. Cuanto mayor sea la profundidad de color en bits, la imagen dispondrá de una paleta de colores más amplia. Se utiliza 1-bit para imágenes en blanco/negro, sin grises (0=color negro, 1= color blanco), 2-bits = 4 colores (00=color negro, 01=color X, 10=color Y, 11=color blanco), 3-bits = 8 colores, …, 8-bits = 256 colores, …, 24-bits = 16.7 millones de colores.

 

FORMATOS EMPLADOS

Hay muchos formatos estándar para guardar mapas de bits en archivos.

BMP

BMP es un formato estándar que Windows utiliza para almacenar imágenes independientes del dispositivo e independientes de la aplicación. Los archivos BMP no suelen comprimirse y, por tanto, no son muy apropiados para su transferencia a través de Internet.

GIF (Graphics Interchange Format, formato de intercambio de gráficos)

 GIF es un formato común de las imágenes que aparecen en páginas Web.  Los archivos GIF funcionan bien para dibujar líneas, imágenes con bloques de color sólido e imágenes con límites definidos entre colores.  Los archivos GIF se comprimen, sin que se pierda información durante el proceso de compresión; una imagen descomprimida es exactamente igual que la imagen original.  En un archivo GIF se puede especificar un color como transparente, de forma que la imagen tenga el color de fondo de cualquier página Web en la que se muestre.Una secuencia de imágenes GIF puede almacenarse en un único archivo para formar un GIF animado.  Los archivos GIF almacenan como máximo 8 bits por píxel, por lo que se limitan a 256 colores.

JPEG (Joint Photographic Experts Group, grupo conjunto de expertos en fotografía)

JPEG es  de compresión que funciona muy bien para escenas naturales como fotografías escaneadas.  Durante el proceso de compresión se pierde algo de información, pero la pérdida suele ser imperceptible para el ojo humano.  Los archivos JPEG almacenan 24 bits por píxel, por lo que son capaces de mostrar más de 16 millones de colores.  Los archivos JPEG no admiten transparencia ni animación.

Formato PNG (Portable Network Graphics)

El formato PNG conserva muchas de las ventajas del formato GIF pero también aporta más funciones que las del formato GIF.  Al igual que los archivos GIF, los archivos PNG se comprimen sin que se pierda información.

El formato PNG supone una mejora con respecto al formato GIF por su capacidad para mostrar una imagen progresivamente; es decir, para mostrar aproximaciones cada vez mejores de la imagen a medida que ésta llega a través de una conexión de red.

TIFF (Tag Image File Format, formato de archivo de imágenes con etiquetas)

Especifica la profundidad de bits (16, 24 o 32 bits) de la imagen guardada.  Conserva la transparencia como un canal alfa adicional cuando el archivo se abre en otra aplicación. La transparencia siempre se conserva cuando el archivo se vuelve a abrir en Photoshop.

 

TRABAJAR CON PHOTOSHOP

Partes_Interfaz-de-Photoshop.jpg

PASOS A SEGUIR:

  1. Abrimos la imagen
  2. Cambiamos la imagen a CMYKCaptura de pantalla 2016-11-06 a las 21.36.56.png
  3. Seleccionamos la zona verde donde vamos a poner nuestro diseño. Hay varias herramientas para seleccionar.Captura de pantalla 2016-11-06 a las 21.36.48.png
  4. Borramos el color verde y guardamos la selección en el menú selección-guardar seleccióncaptura-de-pantalla-2016-11-06-a-las-21-38-07
  5. incrustamos nuestra imagen y se crean dos capas
  6. Captura de pantalla 2016-11-06 a las 21.49.46.pngCaptura de pantalla 2016-11-06 a las 21.50.23.png
  7. Con la herramienta selección y la de borrador, se eliminan las partes que están por delante.Captura de pantalla 2016-11-06 a las 21.50.32.png
  8. Luego se puede introducir una capa con la selección de la pared e introducir un color de fondo.Captura de pantalla 2016-11-06 a las 21.57.11.png
  9. Para rellenar la zona sigue el siguiente paso:Captura de pantalla 2016-11-06 a las 21.58.00.png
  10. Luego se juega con la transparencia.