Do it yourself!

Regresando a las andadas de publicar aqui cosas interesantes que me he topado por ahí en la web, todo este tiempo ha sido mas personal, y lo sigue siendo, de pronto no estoy segura de que será bueno colgar o no colgar por acá, pero pues igual vengo

🙂 es que ultimamente me he salido un poco de la lectura comprometida de blogs de diseño y me he ido interesando por otro tipo de blogs también, que no se salen tanto del tema, pero que tampoco siguen la misma linea que habia estado llevando Repentina, asi que habrá que darle un poco de versatilidad a esto.

En fin, me he encontrado con muchas curiosidades en internet, y no se si sea yo o simplemente el diseño ya esta en todas partes! 🙂 y es como si la ideología punk «do it yourself» estuviera en todas partes mas viva que nunca, y que ha contagiado a todo tipo de estratos sociales.

Aunque no este hablando presisamente de una atmósfera nacional, no se que pensar de marcas como Ralph lauren, que ahora tiene entre su catálogo un kit de pinturas para diseñar tu propia Polo (que si bien es para niños, no puedo imaginar ese producto cuando yo era niña :S mi madre me hubiera matado por meterme con pinturas a mi ropa!). O las clasicas gafas wayfarers de Rayban que ahora regresan con un kit de plumones para pintarlas y ponerles el diseño que quieras. Creo que esta genial porque ya no solo estamos hablando de los (hermosos!) converse personalizados 🙂 creo (o al menos eso me gusta pensar) que poco a poco el que la información y los tutoriales esten tan al alcance de todos realmente llegará a estimular a las personas a cuestionarse sobre lo que usan, sobre lo que les gusta, y como les gustaría que fuera, y si no existe, inventarlo. No importa que de principio sea tan sencillo como cuestionar una blusa, un pantalon, o el trapo que te cuelgas en el cuello porque creo que de principio son las cosas que estan cerca de ti; Digo, no te vas a levantar un dia y vas a decir: Oh por Dios muchos niños en africa mueren de hambre en este momento!. Creo que me ha gustado que algo que puede convertirse en algo tan efímero y vanal como es la moda también puede adoptar muchos significados distintos y ser medio para comunicar y estimular en muchos otros sentidos.

Por lo pronto yo me uno este casi-renovado movimiento y ya me he encargado un libro para «customizar» playeras, de esas que abundan en todos los armarios y quien sabe de donde salen, pero son extragrandes y normalmente no usaría mas que de pijama 🙂 Lo malo es que, he tenido que encargarlo por medio de Amazon y una amiga que vive en el extranjero me lo mandará, en cuanto me llegue les cuento que tal :9 y es que yo para esto de la costura soy terrible, asi que deseenme suerte 🙂

Ficheros para fuentes

Hoy vengo compartiendoles esta información que me ha parecido muy util e interesante, trata sobre los tipos de archivos (o ficheros) usados para las fuentes tipográficas.

(todo esto surgió porque ahora que estaba dando servicio en la Unidad Editorial hay ficheros de fuentes que dan lata, sobre todo ahí que nos tenemos que andar cambiando de PC a MAC y visceversa)

Algunas cosas que todo diseñador debe saber:

* Diferentes tipos de letra pueden tener el mismo nombre: Existen compañías que se dedican a fabricar las fuentes, esto implica todo el proceso desde el diseño, es asi que dos diferentes compañías pueden tener su propia versión de Garamond y no ser exactamente iguales, por lo que si de pronto reemplazas una con otra, puede que el resultado no te de el que esperas.

* No todas las fuentes tienen todos los caracteres (seguramente te has topado con una fuente sin acentos o que sean solo caja alta o baja)

* Existen tipos de fuentes que utilizan dos tipos de archivos, uno para su visualización en pantalla y otro para su salida impresa. Esto en parte ayuda a las fundidoras digitales a difundir sus fuentes ya que dejan circular la fuente de pantalla y una vez que el diseñador la elige, compra la fuente de impresión. Además de que esta es la manera legal, Esto te permite escalarlas al tamaño que quieras y trabajar libremente el kerning.

*La diferencia entre las fuentes de pantalla y las de impresión es que unas estan formadas a partir de mapas de bits y otras a partir de curvas (vectores).

* PostScript es el lenguaje de programación para las plataformas gráficas que utiliza Adobe, hay impresoras que manejan este mismo lenguaje de manera que la comunicación entre el programa de diseño y el puerto de salida está totalmente sincronizado, sin embargo para las impresoras que no utilizan PostScript necesitan un «traductor» y a este proceso es a lo que se le llama «rasterizado» (RIP = Raster Image Processor).

Brevemente: 3 Tipos de ficheros para fuentes

TrueType

Unicamente utliza el tipo de fuente de impresion (el de curvas), normalmente se utilizan en plataforma Windows. Sin embargo suelen tener problemas de rasterizado (las formulas matemáticas de sus curvas son diferentes al PostScript)

PostScript Type 1

Utiliza dos tipos de archivos diferentes (uno para su visualización de pantalla y otro para impresión) Sin embargo cuando se trabaja en Windows se utiliza el mismo archivo (el de impresión) para ambas funciones

Open Type

Estos ficheros fueron desarrollados en conjunto por Adobe y Microsoft y tienen algunas ventajas: El mismo fichero puede ser usado en Windows o en Mac, ademas de que es el mismo para su visualización en pantalla y de impresión, esto entre mucha ventajas mas (todo lo guardan en un solo archivo), tiene una casi desventaja y es que las hay de dos tipos de fuentes Open Type: las basadas en True Type o bien, las que se basan en PostScript, para evitarse los problemas de rasterizado ya mencionados es mejor que sea PostScript.

Creo que esos son los mas comunes, existen otros como Multiple Master, pero de ese no se mucho aún, ademas de que requiere tener instalado el Adobe Type Manager… lo que me lleva a que después tendré que intentar usar algun gestor de fuentes, 😮  por lo pronto les dejo un buen link sobre gestores

Y…  eso es todo por hoy sobre ficheros de fuentes, y a pesar de que, dentro de lo que cabe, es poca información espero que les sea de ayuda 🙂

Como registrar una marca en México

Este post de VectorEs Divergente me lo compartieron mediante un feed (<3) y creo que es algo que todo diseñador debe saber asi que también se los comparto 😮

Cómo registrar una marca (Parte1 y  parte2)

El registro de marca es un proceso que todas las empresas deberían realizar para proteger su identidad y sus productos. Es un procedimiento un tanto largo, que requiere invertir mucho tiempo y que siempre genera dudas.

En México este trámite se realiza a través del Instituto Mexicano de la Propiedad Industrial (IMPI), debido a que es un tema un tanto largo dividiré esta información en 3 partes:

1. La búsqueda fonética
2. La búsqueda figurativa
3. Registro de marca

1. Búsqueda Fonética

Cuando elegimos el nombre de nuestra empresa (marca), a veces olvidamos…. (ver artículo completo)

Via: tzek

“Manual del buen Diseñador Gráfico”

Tenia guardado este item en mis compartidos, dejándolo para postearlo en algún momento, y es que después de darle una checada al material vale muchísimo la pena compartirlo ahora con ustedes, que ojala ya lo hayan visto en algún otro lado recomendado, este Manual del buen Diseñador Gráfico es el trabajo de tesis de  Ángel Vargas de la Universidad Autónoma del Estado de México donde recopila información interesantisima sobre le mundo del diseño, desde definiciones muy teóricas hasta entrevistas con activos mas ligados a su faceta web, un material para leer que nos servirá mucho en alguno o muchos aspectos, y en lo personal, a un año de egresar, es momento de ir pensando en tu tesis, que mejor que ver, que se pueden hacer cosas bien hechas como está!, en hora buena.

http://www.zonaaurea.com.mx/manualdiseno/

http://www.zonaaurea.com.mx/manualdiseno/

Lo vi en Tzek Design primero 🙂

No al JPEG

Hay cosas muy básicas que a veces no sabemos, ya sea por flojera de no buscarlas o porque simplemente no se nos han cruzado por el camino. Pero es bueno saber que a pesar de los raspones, nunca es tarde para aprender.

Mi hermano acaba de llegar de un viaje en el que tomó 3gb de fotografías, no todas obvio fueron horizontales, pero el visor de imágenes de windows así se ven, lo cual puede ser un poco molesto cuando estas viendo mas de 600 fotos con el cuello torcido y surge una interrogante

¿Ignorar o no ignorar esta ventana?

Nos dice que la fotografía perderá información, pero realmente si le ponemos en aceptar, (fuera de la diferencia en el peso de la imagen) dificilmente notaremos algún cambio… a simple vista… ahora, dzoom nos muestra como quedaría nuestra foto si la rotamos 100 veces a 90 grados

Antes

Después

La explicación rápida es que el formato jpeg siempre realiza una compresión, lo cual implica una pérdida de información, ya sea que lo modifiques con el visor o con cualquier programa (aún photoshop), cualquier modificación implicará una nueva compresión y perdida
Hay cámaras mas profesionales que ya tienen la opción de guardar las fotos en formato tiff  con lo cual no tienes que preocuparte por esta compresión, pero ya que la mayoria de las camaras no-profesionales (que es a las que tenemos acceso mientras estamos estudiando) aún las guardan en jpeg, pero existen varias soluciones: hay camaras que tienen sensores que identifican si tomaste la foto en vertical u horizontal, hay programas de previsualización que no te lo modifican, o hay un programa que te rota las imágenes si causar pérdidas (JPEG lossless rotator).

Bueno, son cosas simples, solo para que a ningun lector de repentina5 se quede sin saber

vDe todos modos les recomiendo el sitio dzoom.org para que se enteren de esta y muchas cosa mas 😀

Manuales en PDF

Nunca esta de mas tener por ahi a la mano un manual de tu programa para saber como realizar una funcion especifica, o no recuerdas donde estaba ese boton que necesitas, o no entiendes todas las opciones de ese cuadro de dialogo que te lanzo determinada accion, es ai cuando siempre un manual te saca de apuros, y que mejor que alguien haya juntado todos esos manuales interesantes en un sitio, pues leo en Digilicious, que un grupo de gente tuvo la inquietud de reunir manuales de los programas mas utilizados en nuestro medio para tenerlos a la mano, desde la suite adobe, como photoshop, illustrator, flash etc, programas de autodesk, corel, office y muchisimos mas estan disponibles alli, un buen sitio que vale la pena visitar:

http://www.manualespdf.es/

Adobe TV

Veo en microsiervos via Pepper Reader (jeje) de esta excelente pagina por parte de Adobe, que de por si ya podiamos encontrar muchos tutoriales en su pagina oficial, lo cual creo qeu es un gran acierto, ya que salimos beneficiados sus clientes 😉 ya que se nos facilitan las herramientas para hacer eso que traemos en mente, y los de adobe logran una mayor identificacion con el publico, que mas gente sepa manejar su software, que se sientan comodos en sus entornos, hace que crescan sus usuarios y sus ventas se incrementen, bien por adobe, me declaro abierto fan de sus productos y aplaudo cuando tienen aciertos como estos.

Adobe TV aunque nueva, ya cuenta con gran numero de videos bastante utiles y bien explicados, ahora solo en ingles, estaria bien integrar una herramienta de subtitulaje para que mas gente se pueda beneficiar de esta iniciativa, pero aun asi no demerita su valor educativo, termino recomendandoles ampliamente que se den una vuelta auqneu sea por curiosidad:

http://tv.adobe.com/

Que demonios es RSS? y Como usarlo?

 

Pues si despues de los miles de correos que me llegaron diciendo que querian seguir leyendo este blog pero que no sabian como hacerlo (aja si como no :s en fin), el RSS es la respuesta, no sabes que es el RSS??? :S (http://es.wikipedia.org/wiki/RSS) ah pues de lo que te estas perdiendo y para los que entienden el ingles o leen el español a continuacion un excelente y creativo video para introducirse en el mundo de los RSS (audio en ingles, subtitulos en español)

>>>   http://dotsub.com/films/inplainenglish/index.php?autostart=true&language_setting=es_446    <<<<

Saludos.

Como crear un Graphics Motion en 3 pasos

Esta es una guia simple de como a partir de elementos qeu tenemos en un cartel crear el «graphics motion» en 3 sencillos pasos:

1. Crear tu cartel

Si todo bonito tenemos nuestro cartel hecho en ilustrador con todos los elementos agrupados segun como queremos que se van animar, yo por ejemplo animare toda la imagen1 asi que ese sera un grupo, la imagen2 sera otro grupo etc, si esta en photoshop tener en cuenta que cada grupo tendra que estar en una capa.

2. Importarlo a flash

Muy facil, abrimos el flash, CS3 de preferencia por la interaccion entre ilustrados y flash, le damos en archivo>importar>importar a escenario

Una vez importado nuestros elementos a la escena de trabajo ai que convertirlos a simbolos por cada grupo, porque?? asi podremos darles movimientos y animaciones, le damos click sobre nuestros elementos uno por uno con el click derecho del mouse y le damos en la opcion convertir a simbolos

Bien, nos saldra un recuadro con la informacion de nuestro nuevo simbolo, cosas a revisar, que en las opciones de tipo este seleccionado Grafico, y le ponemos el nombre que queramos, a cada uno nombres diferentes, y convertimos a simbolos asi mismo todos nuestros grupos por separado.

3. Animamos nuestros elementos 

Muy bien, ahora con todos los grupos hechos simbolos (especificamente graficos), los separamos cada grupo, ahora simbolo debera estar en una capa diferente, creamos tantas capas como necesitemos para nuestros simbolos y en cada uno cortamos y pegamos solo un simbolo para darles animaciones independientes. una vez hecho esto, creamos fotogramas claves donde queremos que inicie y termine la animacion de cada elemento, dandole en el fotograma con el boton derecho del mouse, y le ponemos insertar fotograma clave y se creara un fotograma con un puntito.

Ya con nuestros fotogramas claves de inicio y de final de animacion, nos vamos al primer fotograma, movemos de lugar nuestro elemento de donde partira (o cambiamos tamaño, opacidad, etc etc y todas esas propiedades que conocemos), igual nos vamos al final, y lo movemos a donde quedara.

Ya que cambiamos estas propiedades, tenemos nuestro inicio y fin en la linea del tiempo, damos click con el boton derecho del mouse en medio de estas dos, y le damos en el menu, create motion tween (o su equivalente en español :s)

Y tan tan, flash crea todos los fotogramas intermedios de la posicion de inicio y la posicion final y la barra se pone azulita en el espacio donde esta la animacion, :O Y asi lo haces con todos los elementos que uqieras animar, cambiando todaas las propiedadesq ue gustes.

Ps ya una vez terminada nuestra linea del animacion, para finalizar le damos en archivo>exportar>exportar pelicula para guardarla en un formato que podamos quemar en un disco y que el grover no se ponga sus moños.

Nos abre el cuadro de dialogo que todos conocemos, le damos en salvar como .avi (o quicktime segun gusten) para uqe nos lo guarde como pelicula, y facilisimo con el nero podamos quemarlo como vcd o dvd o como gusten, o lo pueden dejar como pelicula y se termino el dilema del graphics motion.

Puedes comentar aqui cualquier duda y si puedo (que tengo una repentina que hacer, a ver si el profe tambien me cuenta esto (cof cof) :S ) con gusto les contesto, aqui dejo el archivo muestra terminado por si te sirve, esta en flash cs3 actionscript 3.0, suerte:

http://slider.037.googlepages.com/repentina.fla

slider_037