Infografia

Para hacer esta practica primero hemos pensado en como vamos a hacer esta infografia, va a tratarse del horoscopo.

- el primer punto es hacer un boceto de como será nuestra idea, mirar y remirar varias imagenes para obtener ideas

- luego la idea que hemos obtenido via internet, o bocetos debemos plasmarla en pantalla


- vamos a empezar explicando como podemos hacerla,

1º en un A-4 hacemos un circulo el cual iremos partiendo por segmentos (12 en concreto) puesto que hay 12 signos zodiacales y pintamos cada uno en un color con buena apariencia.
a continuación para rellenar ese espacio en blanco que tenemos en medio del ovalo creado vamos a poner el simbolo del jin y jan ( este simbolo representa la vida y sus equilibrios.....etc terminos del zodiaco ya sabeis)








cuando hayamos vectorizado el simbolo lo ponemos perfectamente colocado y ocupando el mayor espacio ya que necesitamos que cubra la mayor parte.












luego vectorizaremos lo mas importante , que son los signos zodiacales. ( son sencillos pero cada uno describe lo que representa cada uno







mas tarde lo adornaremos un poco para que no se encuentre en un espacio en blanco , le pondremos unos rectangulos en diagonal y vertical para que dé otra apariencia.









por ultimo faltan los nombres de cada signo para que quien no sepa cual es su signo pueda buscarlo con facilidad.



Así quedaria nuestra infografia ilustrada.





Grafica a color con texto

para hacer esta practica he necesitado saber como se hacian las graficas, como vereis lo explico en la entrada anterior donde se hace paso por paso.. 

Lo primero que vamos a ver es Dafont, ¿ no sabes que es?

 Dafont es una página web que se dedica especialmente a fuentes de escritura para nuestro ordenador. Desde esta pagina podemos descargar e instalar gratuitamente las fuentes en nuestro ordenador. Con más de 8000 fuentes, dafont, ofrece una lista con las cien más buscadas, también nos permite subir las nuestras y además están divididas en diferentes categorías:www.dafont.es


una vez explicado dafont vamos a ver la grafica azul,

tiene dos graficas, una circular y otra de barras apiladas. 


las he ido haciendo como en la entrada anterior, selecciono la grafica la situo donde quiero que vaya meto todos los datos necesarios para que cuadre y le cambio el color para que sea mas visible.

una vez hecho esto que mas queda? bueno tambien hice un degradado entre el rectangulo azul superior con el que tenemos de fondo

  es sencillo, se juntan los dos y encima ponemos un ovalo muy estirado que llegue de lado a lado y le damos un degradado de modo que la parte superior se funda con el rectangulo inferior y el rectangulo de fondo no tenga nada que ver en color para que se aprecie el escalon que queremos poner 

luego tenemos que meter tipografia. Previamente la hemos buscado en Dafont donde alli hemos encontrado una muy parecida y futurista, luego la hemos descargado y la hemos instalado para usarla,



cuando ya la hemos aplicado lo unico que nos queda es cerciorarnos de que todo esta completo y bien situado, guardamos en pdf y le agregamos las marcas de corte,



                                        
Y asi queda mi grafica con texto y graficas de barras y circular.







Graficas en illustrator

Para hacer esta practica vamos a necesitar saber usar las graficas en illustrator.

Existen varias formas de representar los datos que una empresa, un departamento o tienda quiere dar a conocer a otras personas, para ello tiene una herramienta en illustrator llamada herramienta de graficas con la cual podemos meter datos y que aparezca en la grafica que queramos.

Lo primero que debemos hacer es crear un nuevo documento


luego  seleccionamos la herramienta de graficas y elejimos la que mas nos guste o necesitemos




A continuación en la mesa de trabajo estiramos la grafica para adecuarla al tamaño deseado y soltamos para aplicar la acción




cuando nos aparezca la grafica, al lado nos va a aparecer un recuadro con varias casillas y varios botones que explicaremos a continuación.

          
 A) cuadro de texto de entrada
B) importar datos
c) transponer fila/columna
D) conmutar x/y
E) estilos de celda
F) revertir
G)aplicar

una vez metidos los datos que necesitamos comenzamos a crear los graficos




esta es la grafica de columnas apiladas horizontalmente, en ella podemos cambiar el color de absolutamente todo, el color los numeros las guias etc...


esta es la grafica de barras apiladas verticalmente,  todas sus barras van pegadas no tiene separacion y llega hasta el final. es una muy parecida a la de arriba, son del mismo caracter mas o menos.



esta grafica es la lineal, esta representa los datos insertados a base de lineas las cuales hacen que la grafica sea diferente a como tenemos la costumbre de ver. esta se suele usar para comparar por ejemplo dos empresas... o sus caracteristicas.... etc





esta se basa en los tipicos quesitos que siempre vemos, trata de decir lo mismo pero de diferente forma,... en vez de en barras en quesitos, la informacion en todas las graficas es igual
como veis podemos cambiar tamaño color interior y d contorno...


Esta es la grafica de radar, esta es algo mas compleja de hacer leer y de entender, dependiendo del numero de quias que lleve en su interior esta se partira en mas unidades o menos...
siendo el lateral mas alto en numero se refiere y el centro el cero, superior y derecha son numeros positivos e inferior e izquierdo son numeros negativos.











yo he hecho algunas graficas con color y con vrias formas apra que veais que no es nada complicado hacerlas. 















Diseño estructural de caja

voy a enseñar como hacer una caja estructural en 2-d/3-d con illustrator cs5.
todas las practicas que hemos estado haciendo han sido diseñadas en illustrator cs6 pero por un problema interno entre el programa visualizer con el que veremos y montaremos nuestra propia caja en 3-d y el illustrator cs6 no podremos visualizarlo.
es por eso por lo que haremos la practica en illustrator cs5.

de primeras el cs5 practicamente es igual que el cs6,

el primer paaso que debemos hacer es ir a illustrator cs5 y en ventana pincharemos en studio toolking for boxes y crear caja basica




nos va a aparecer una nueva ventana donde tenemos que meter dimensiones de nuestra caja en la medida que queramos, la pega que tiene es que no podremos modificarla una vez realizada pero con volver a hacer los mismos pasos bastara.

una vez dado a ok tenemos que ajustar la mesa de trabajo lo mas justo al diseño, mas abajo explicare con mas detalle el por que...... una vez hecho esto tenemos que guardar esta estructura vacia en formato ARD.
 comencemos a diseñar nuestra caja. 
esta vez mi diseño ha ido orientado en base a una compañera la cual cumplia años ( pasaros por su blog, tiene muy buenas practicas que os ayudaran a la hora de hacer cualquier cosita)  http://aroagh.blogspot.com.es/ 

   

he ido añadiendo un fondo negro una banda cmy en degradado y algunas marcas para ir guiandome
he ido cogiendo los pantones para que se pudieran ir visualizando la caja una vezcreada en ESKO


como veis no es nada dificil ni laborioso, es añadir lo mismo de siempre, esta parte es sencilla y rutinaria.

a continuacion he escogido una serie de imagenes que e vectorizado y e pintado para aladir a la caja
     Esta letra la he vectorizado y la he añadido un cian del pantone.







Lo mismo a pasado con el dragón , lo he vectorizado y le he añadido un pantone negro pero solo para el trazo.













esta imagen exactamente lo mismo he vectorizado y he ido pintando el trazo en cian
Al terminar con las imagenes he pasado a colocarlas en el fondo negro con el degradado cmy.
      cuando ya tenemos el diseño acabado y con los detalles a punto vamos a componer la caja en 3-d
vamos a guardarlo en el formato AI (illustrator) y en PDF

cuando tengamos guardado todo en estos tres formatos nos iremos al programa visualizer
y abriremos el formato ARD que habremos guardado anteriormente . 

A partir de aqui le tendremos que que decir que habra el pdf que hemos creado cuando hemos acabado nuestro diseño, es algo asi como que el AI es el nativo para corregirlo el PDF es el diseño de tinta que ira en la caja y el ARD es el carton que creamos con medidas, por esta razon tenemos que tener siempre 3 archivos.

vamos a abrir el pdf entonces:

   

y tendremos este efecto 3-d ( las solapas aparecen debido a que la tarjeta grafica que mi ordenador tiene no es lo suficiente potente para soportarlo al igual que con el paisaje que la caja supuestamente tiene detras)
Tambien podemos darle efectos de postimpresion, como stamping colores dorados con brillo plastificado...etc

En mi caso estos efectos no terminaban de arrancar con lo cual no pude visualizarlos correctamente.



como queremos mostrar todo los angulos de la caja podemos crear un video en el cual se mueva y nos des ese efecto que estamos buscando.


A partir de este paso podemos sentarnos a crear el blog  que es lo que justo estoy haciendo.


Voy a explicar por ultimo que pasa si no ajustamos la mesa de trabajo al diseño de la caja





al igual que al principio creamos la caja y lo guardamos en ARD








si dejasemos la mesa por defecto como vemos en la imagen en principio no pasaria absolutamente nada.... empezariamos nuestro diseño y estaria correctamente hecho. Lo guardamos en PDF e AI





A continuacion abrimos ESKO y abrimos el ARDdel principio.




Como seguimos viendo sigue sin pasar absolutamente nada, todo esta correcto con las medidas bien.






pero a partir de aqui se estropea la cosa... cuando añadimos el PDF  al ARD pasa esto....

 faltan detalles de diseño , color... la caja estaria incompleta y el trabajo seria un fracaso solo por que no hemos ajustado la mesa al diseño.

Creo que esto es todo, en breve nos vemos!!! un saludo!!!!!

Etiquetas de cerveza

En esta practica vamos a explicar como y para que una etiqueta de cerveza.

el como se hace es sencillo, he vectorizado una imagen de una etiqueta de cerveza personalizada al estilo juego de tronos.
 
Esta es la imagen original (sacada de un diseño de internet), la he llevado a illustrator y alli he comenzado a vectorizar cada parte

Mi diseño vectorizado a quedado diferente puesto que he añadido y modificado ciertos objetos, un sombreado de letras, unos tonos un poco mas claros y cambio de tipografia

A continuacion diseñe mi propia etiqueta trasera ya que las cervezas las suelen tener,

En la parte trasera puse datos relevantes a los compuestos de la misma cerveza, el alcohol que tenia, codigo de barras, + de 18 etc....

y por ultimo realice la etiqueta que asegura que la botella nunca ha sido abierta,

Esta etiqueta representa que desde su envasado no se a abierto desde entonces.


para que se usa este tipo de etiquetas?: sirven para destacar el producto, en este caso la cerveza, es un metodo de marketing para vender el producto, cuanto mas llamativo y mejor diseñado mejor influencia tendra de cara al publico y este vendera mas envases. 

Asi ha quedado mi botella de cerveza.