Ramossabrina's Blog


Proyecto: Globb Flott

Globb Flott (globos y flotadores creativos)

Este proyecto consiste en la elaboración de una marca para la empresa Globb Flott.

Globb Flott es una empresa joven, creativa e innovadora de la provincia de Cádiz, que se dedica a la creación de globos y flotadores de todos los tipos tamaños y formas. Una empresa nueva que reúne dos productos en el alza como son las construcciones y decoraciones con globos y el mundo de los inflables de plásticos: los flotadores.

Lo primero que tenemos que hacer antes de la marca definitiva es hacer un Briefing sobre la empresa, en este caso nos lo tendremos que inventar ya que esta empresa no existe realmente.

Lo más importante es saber a quién va dirigida esta tipo de empresas (target), que es lo que queremos transmitir al público objetivo y crear con ello una marca simple, atractiva y directa.

El tipo de target al que se dirige la empresa para niños,  decoraciones para fiestas, meriendas, cumpleaños, comuniones, etc.… y sobre todo va dirigido a esos padres que quieren que sus hijos celebren algo especial de una forma espectacular.

Con la marca creada quiero transmitir ese rasgo infantil y divertido, que los clientes vean reflejado en la marca la diversión y fantasía en la marca.

Después de crear la marca tendremos que crear el manual, la papelería, tarjetas de visita, aplicaciones de la marca, e infinitud de pasos antes de poder presentarla a los demás compañeros.

Aquí muestro mi marca para ver qué opináis, espero que os guste 😉


Photoshop: Texto para Web 2.0

Comenzamos con una imagen de fondo blanco de unos 400 x 200 píxeles en modo RGB Color, lo siguiente es escribir la palabra Google a la que le daremos los siguientes valores al texto: (TIPO DE LETRA = BOOK ANTIQUA) (TAMAÑO = 66). Ahora seleccionamos letra por letra para elegir los colores: G = Azul = 0000FF, O = Rojo = FF0000, O = Amarillo = FFDD00, G = Azul = 0000FF, L = Verde = 00DD00, E = Rojo = FF0000. Quedara Algo así:

Ahora vámonos a la ventana capa/ fx: opciones de fusión/ Estilo de capa y le damos los siguientes valores mostrados en las imagines:

Ya está casi lista solo falta hacer el fondo, para eso yo utilice el Microsoft paint para dibujar los cuadritos y después pegarlos en el photoshop, solo abran un documento en blanco en el paint con las mismas medidas que la imagen del photoshop y tomando un color gris bajo comiencen a dibujar los cuadritos de 12 x 12 píxeles. Ahora solo es cuestión de copiarlo y pegarlo en el photoshop, y que la imagen de los cuadritos quede por debajo de la de las letras, ahí se va a notar el efecto de cristal ya que las letras están en modo multiplicar.

Bien, vamos a hacer el reflejo por debajo de el texto, duplicamos el texto y vamos a irnos a Editar / Transformar / voltear vertical, y ahora solo tenemos que acomodar la imagen. Luego vamos a la ventanita de Capas y le damos a 60% en Opacidad.

Lo siguiente es: filtro /distorsionar / Ondas marina… y le damos un valor de “0” esto es para poder trabajarlo como una imagen no como texto.

Ahora solo tenemos que borrar cuidadosamente de abajo hacia arriba procurando que vallamos desapareciendo la imagen desde abajo, ponemos el borrador con los siguientes valores: UNA BROCHA DIFUMINADA DE 35 Y OPACITY EN 15% y vamos borrando poco a poco la imagen que será el reflejo… y borramos también todo el exceso que quedo en la letra “g” minúscula.

Ahora vamos a hacer el último detalle del fondo de cuadritos que es hacer que parezca que es una hoja recortada. Seleccionamos la capa de fondo de cuadritos y con la herramienta del lazo vamos a trazar una forma irregular… y después pondremos en selección inversa… para después presionar borrar en el teclado.

Ahora solo tenemos que poner unos cuantos efectos de capa en la hoja de cuadritos y ya, así es como debería de quedar:


Photoshop: Retoque fotográfico

En esta actividad aprenderemos como retocar una fotografía de una mujer para darle un aire más glamuroso a la imagen, a la vez que conseguimos enfocar un poquito también. Para eso duplicamos la capa de fondo, aplicamos un desenfoque gaussiano de aproximadamente un radio 3 y ponemos el modo de fusión de esta capa en luz suave. La opacidad, la bajamos un poco pero tampoco demasiado ya que no queremos enfocar, sino más bien darle ese aire tan suave que solo este efecto consigue sobre la fotografía. Para ello seleccionamos un valor de aproximadamente un 87%, pero ya sabéis que cada foto requiere de unos porcentajes determinados.

Lo siguiente será crear una capa nueva en la que pintaremos los párpados de la chica. Pinchamos en modo de fusión luz suave, seleccionamos el color en el selector de color frontal de la ventana de herramientas, elegimos un pincel pequeño y húmedo y comenzamos a pintar sobre los párpados. Bajamos la opacidad de la capa hasta que el efecto que de real. Por ejemplo, yo la puse en un 40%.

Ahora pintaremos los labios de la misma manera. Creamos una nueva capa vacía, la nombramos, elegimos un color marrón oscuro, seleccionamos el pincel, bajamos opacidad de la capa y cambiamos su modo de fusión a luz suave y pintamos sobre los labios.

Pintamos las cejas ahora con un marrón bastante oscuro de la misma forma de antes, y ajustamos la opacidad de la capa y el modo de fusión hasta que el efecto sea muy real.

Ahora es tiempo para pintar de blanco, los dientes y el blanco de los ojos de la misma forma. Con el mismo color blanco, pintamos unas líneas en el pelo para que parezcan mechas o brillos, en una nueva capa y siguiendo la misma técnica que usamos en los pasos anteriores.

Acoplamos la imagen. Capa—-> Acoplar Imagen Tiempo para enfocar la imagen. Usamos la máscara de enfoque, con un radio de 2, Umbral a cero y varias pasadas si fuera necesario. La primera con una Cantidad del 500% y la segunda bastante menos. Yo por ejemplo usé un 195% para la segunda repetición.

Ahora ya podemos comparar como ha cambiado nuestra imagen siguiendo estos sencillos pasos:

Fijaros como pintando un poquito sobre la fotografía y controlando la opacidad de estas capas y su modo de fusión, hemos cambiado muchísimo el aspecto de la imagen.


Photoshop: Fusión

 En este ejerció podemos manejar algunas herramientas básicas del Adobe Photoshop, en este caso trabajaremos con el modo fusión.

Los modos de fusión son diferentes formas de que las capas de arriba transparentan partes de las de abajo. Esto nos permite crear volumen, aplicar luces y sombras, texturas, colores y efectos de reflejo o transparencia.

Breve explicación de las herramientas básicas:

Multiplicar, para hacer sombras. Úsalo con colores oscuros.

Trama, para hacer brillos. Úsalo con colores claros.

Superponer para hacer relieves o añadir texturas. Úsalo en imágenes en escala de grises, si lo usas en gris al 50% desaparece.

Color para pintar.

Diferencia o exclusión, para encajar dos capas casi idénticas en el mismo sitio.

Disolver para efectos de efervescencia.

A continuación aremos un ejercicio q lo aclará mucho mejor, viendo los resultados.

Lo primero es abrir un documento nuevo (Archivo>Nuevo> Ok)

Luego crearemos una capa nueva (Capa->Nueva->Capa> Ok) en la que pintaremos una forma de color (no vale negra ni blanca) puedes usar pinceles o hacer una selección y rellenarla de color.

Carga la transparencia de la capa como selección. Pinchando en la miniatura de la paleta Capas. (Pincha en la capa que tienes la forma de color y a la ver pulsa la tecla control: cargas la selección).

A continuación usaremos la herramienta Multiplicar: Capa nueva y en ella pintamos de color oscuro la sombra con un pincel de bordes suaves. Pon la capa en modo multiplicar (esto está en la ventana capas a la izquierda arriba).Aplícale un desenfoque gaussiano. Filtro>Desenfoque>Desenfoque gaussiano

Ahora usaremos la herramienta Trama: Crea otra capa nueva, pinta en color claro los brillos, ponla en modo trama, si quieres, aplica un desenfoque gaussiano.

Seguidamente usaremos la herramienta Superponer: Crea una capa nueva, rellena la selección con un motivo en grises (Edición>Rellenar>Motivo). Pon la capa en modo Superponer. Ahora vemos la textura pero también las capas de abajo. Arrastra la capa en la paleta capas y observa cómo cambia la imagen al cambiar el orden de las capas.

Herramienta Color: Crea una capa nueva, (Te aparecerá encima de la capa de textura), elije un color diferente y elije un pincel duro, pinta puntos, rallas o lo que quieras. Pon la capa en modo Color y observa como ahora el color deja ver la textura de abajo.

Y finalmente le usaremos de nuevo la herramienta Multiplicar: Crea una capa nueva y arrástrala en la paleta capas hasta que esté debajo de la capa1. Rellena de gris al 50% o de un color oscuro. Edición>Rellenar>Usar: gris, luego pinchamos en Edición>Transformar>Transformación libre (= Control+T) Deselecciona. Edición >Deseleccionar (=Control+D), aplícale un desenfoque gaussiano y poner la capa en modo multiplicar. Selecciona la capa fondo pinchando sobre ella en la paleta capas (se pondrá azul), coge la herramienta degradado y con los colores que quieras pon un degradado en la capa fondo.

Y ya hemos terminado nuestra bola con efecto en 3D!!!


Profundidad de color

En una imagen en escala de grises cada punto de la imagen se almacena en un Byte, donde su valor numérico representa su tono, que puede oscilar entre el blanco (255) y el negro (0). Esto quiere decir que es una imagen donde existen 256 tonos de gris (de 0 a 255, ambos inclusive). Es decir, la profundidad de color es el número de bits que definen cada píxel, que determinan el máximo número de colores que puede tener.

Si cada píxel viene determinado por 2 Bytes (=16 bits) en vez de por un Byte, existirán 65.536 tonos de gris, ya que el número binario 1111111111111111 corresponde a 65.536. Es lo que se denomina una profundidad de color de 16 bits.

En fotografía digital hay 2 tipos de imagen, de forma similar a la tradicional: escala de grises y color. La primera se denomina “escala de grises” precisamente para diferenciarla del blanco y negro donde solo existen 2 tonos, el blanco y el negro. Esta última (la imagen de blanco y negro) es una imagen con 1 bit por píxel. Cuantos más bits definan cada píxel, más tonos podrá tener: si tiene 4 bits por píxel, tendrá 16 grises y si tiene 2 bits tendrá 4 grises.

Una imagen digital en color se genera con sus componentes R, G y B por síntesis aditiva. Así pues, la imagen en color se compone de 3 “imágenes”: la que contiene la parte roja, la verde y la azul. Cada una de ellas es una imagen en escala de grises, pero como va asociada a cada uno de los colores primarios, al visionarla el ordenador la colorea adecuadamente. La suma de las 3, por síntesis aditiva, componen la imagen final. Cada píxel va definido por 3 Bytes: el rojo, el verde y el azul. Si cada uno de ellos tiene una gama de 256 tonos, en la imagen final habrá una gama de 16,777.216 colores posibles (256 x 256 x 256), que se suele abreviar como “16 millones de colores”. Es lo que se llama una imagen con una profundidad de color de 24 bits (8 por cada color).

En este esquema se puede apreciar cómo afecta a la gama tonal la reducción del número de colores:


La imagen digital y el código binario

La imagen digital está formada por un conjunto definido de puntos llamados píxeles. La imagen tradicional, sobre material sensible, también está formada por puntos o granos de plata metálica; la gran diferencia estriba en que en la fotografía tradicional, los granos son irregulares y están situados de forma aleatoria mientras que en la digital forman una matriz con filas y columnas. Cuanto mayor sea el número de filas y columnas, mayor será el detalle de la imagen digital y mayor será su tamaño de archivo.

Cada píxel de una imagen almacena la información de su tono o luminosidad, donde el tono negro es el valor 0 y el blanco el valor más alto (normalmente 255 en escala de grises), pero en formato binario. El formato binario es una notación numérica como puede ser la que utilizamos normalmente, la decimal, la diferencia de que la binaria es la única que entienden los ordenadores.

Cuando nos referimos a la cifra “19” tan sólo necesitamos dos cifras en sistema decimal, el 1 y el 9, pero en formato binario hacen falta más. Esto es debido a la forma que tienen los ordenadores de almacenar la información que es a base de microinterruptores, que básicamente son interruptores como cualquiera de los que tenemos en las lámparas, con sólo 2 posiciones: apagado y encendido. La posición apagado se hace corresponder con un 0 y la de encendido con un 1. Así pues, en formato binario solo hay 2 cifras, el 0 y el 1, y todos los números se componen de estas dos cifras.

Normalmente las cifras binarias se componen de un número total de ceros y unos que es potencia de 2, como 8, 16 o 32. A cada uno de estos unos y ceros se les llaman Bit y a un conjunto de 8 bits se le llama Byte. Si un número en formato binario tiene menos de 8 bits como es 11001, se suele completar hasta alcanzar 1 Byte como mínimo: 11001000.

En 1 Byte, el primer bit tiene un valor de 1, el segundo vale 2, el tercero 4, el cuarto 8 y así sucesivamente. El numero decimal correspondiente a 11001000 es el de cada bit multiplicado por su valor. Quedará más claro con el siguiente esquema:

El número más bajo que puede contener un Byte es 0 (00000000) y el mayor es 255 (11111111).


Examen

EJERCICIO

El examen consiste en la realización de una entrada a tres tintas, de 145 x 65mm, siguiendo el diseño propuesto en el pdf, que es respectivamente anverso y reverso. Para comprobarlo habrá que crear las planchas en pdf, con todas las marcas de impresión. Después habrá que crear las hojas de impresión A2 que esté llena de las entradas para mandarla a imprimir, con sus correspondientes números.

NORMAS DE EXAMEN

• Crear el archivo maquetación.indd con los tamaño de la entrada.

• Crear las correspondientes muestras de color.

• Crear las correspondientes capas

 • Insertar las imágenes

 • Insertar la combinación de datos

• Empaquetar los resultados

• Crear los pdf’s con las planchas

• Crear las páginas con los datos combinados

• Crear los pdfX3:2003

• Entregar 3 archivos, carpeta maquetacion.zip, planchas.pdf y hojas_impresión.pdf.

• Se da hora y media para la realización del examen.

 Como el tiempo es ajustado deberéis repartirlo bien Mirad para ello los criterios de evaluación.


CD y sobre.

Creación de un CD con su respectivo sobre.

Lo primero que se hace es calcar la plantilla del CD, ya en Indd.

Se le van aplicando las tintas planas, SOLID COATED, cogeremos los colores más oscuros para poder jugar con los matices y transparencias, de este modo tendremos más variedad de color pero usando el menor número de tintas posible para cuando lo llevemos a imprenta nos salga más barato.

Lo que haremos en indesign es crear dos capas, una para las letras y otra para las formas.

Los colores se crean en muestras nuevas muestras de tintas.

Luego una vez terminado el CD, calcamos el sobre, tal cual hemos  hecho con el CD sólo que este verse el reverso y anverso.

Lo mismo usamos los mismas tintas, las mimas transparencias y matices, para que todo vaya a conjunto.

A todo hay que darle ese efecto orgánico que tiene el PDF facilitado por el profesor.

El diseño de las hojas al final lo tuve que hacer yo con illustrator puesto que las hojas que nos dio el profesor no se podían abrir.

También he de decir que para realizar el círculo al sobre he primero el cuadro y luego el círculo, después le di a buscatrazos y le di a unir, así se vería el CD en el interior.

Bueno, y este es mi CD con su respectivo sobre, la verdad es que no se ve muy bien porque he usado la transparencias y los matices muy claros, al pasarlos de Indd. a PDF se ha perdido un poco la tonalidad de los colores.

Espero que os guste 😉

 

 

 


Origami de la escuela

Esta actividad consiste en la creación de un avión para la escuela, en el debe aparecer el nombre de la escuela, un lema  a elegir y todos los estudios que se ofrecen

Tinta plana

Tinta proces: si uso este tipo de tintas tengo más gamas de colores pero si echo amarillo y encima azul saldría verde.

A este problema se le denomina SOBREIMPRESIÓN: esto es un posible problema si no usamos la tinta SOLID COATED.

Indd. Vista previa de separaciones. Aunque trabajamos con CMYK tenemos que ponerlo siempre en tintas planas, es igual que  tinta plana Solid Coatec.

Ver separaciones: tintas hechas en CMYK, cuatricromía, PROCES COATED.

Ver, espacio trabajo, vista previa de separaciones, tened cuidado con las tintas process porque se mezclan.

EL REVENTADO: si aumentamos con el zoom en zona de la impresión se puede ver un filo blanco entre los dos cuadros de los dos colores. Esto sale porque en la vista previa, una imprime un trozo y encima otro, la máquina nunca se ajusta, sino que se mueve un  poco.

Nuevo valor de reventado: estilo de unión en ángulo: asignar valor de reventado, valor de reventado uno, el ya creado. Esto sirve para que un trozo se agrande y así no sale la línea blanca entre los dos recuadros.

Ventana, espacio de trabajo, impresión y pruebas, previsualización de sangrados, ver, separaciones.


Diseño de una tarjeta de visita:

Este tarbajo consiste en la creación de una tarjeta de visita con reverso y anverso, de tres tintas como mucho, el truco está en usar del pantone la opción de matiz.

Se crea una base de datos para realizar una tarjeta, esto se hace con el blog de notas.

En la 1ª Línea: campo: Apellido, Nombre

2ª Línea: Ramos, Sabrina

                Couso, J. Manuel

¿Cómo se lleva una tarjeta a imprimir?

Cada campo es un cuadro.

Seleccionar archivo de origen de datos y seleccionar el blog de notas creado anteriormente, luego la colocamos en su correspondiente caja.

Combinación de datos: pincho apellido y arrastro en la caja correspondiente, una vez colocado tiene que ponerse entre comillas.

Le damos al cuadro de vista previa.

Cuando quiero un nuevo documento con todas las tarjetas: crear documento combinado (colocado abajo a la derecha del recuadro) registros por página del documento: registros múltiples.

Para imprimir todas las tarjetas: combinación A4, opciones en mosaico, miniatura y reparte las tarjetas según el tamaño que nos parezca (3×3). Mejor aún pode

Calcular la medida de la página y dividirlo nosotros mismo.

Guardar: imprimir: for print.

¿Cómo se sabe a cuantas tintas esta la tarjeta?

Archivo, imprimir, salida. Todo lo anterior explicado pero cambiando en SALIDA: color: separaciones, aquí es donde se muestran todas las tintas que he usado y creado.

Aceptar y guardar PDF.

CONSEJO: siempre usar PANTONE.

Pincho en color: nueva muestra de color: tipo de color: tinta plana, modo de color: PANTONE SOLID COATED, y busco un color que se le parezca.