Archivos para la Categoría 'Design'

03
Nov
08

Logos de hoy y de ayer

Un poco de história en los logotipos que nos envuelven: http://hcggd.com/uncategorized/the-evolution-of-50-plus-logos/

Aquí tenéis un ejemplo:

14
Jul
08

BOLD IS BEAUTIFULL

La negrita es “beauty“. A mi personalemnte Alicia Keys me atrae. No se a vosotros, pero a mi me atrae muuucho! Pero no le llamaria nunca negrita bonita!

Lo de negrita viene porque la NEGRITA EN TIPOLOGRAFÍA es un recurso que no puede fallar. No conozco, libro, apunte o CHULETA, que no tenga sus negritas por ahí!

Esta camiseta de designbyhumans.com es un homenaje a la NEGRITA! EVIDENTEMENTE ME LA COMPRÉ!!

26
Mar
08

jmfblogsite.blogspot.com – Save the developers!

 Di que sí!!! Fabuloso post de un buen blogger!!

– Cito:
“Con este peculiar lema un grupo de diseñadores ha creado esta página que invita a los internautas a actualizar su maldito IE6 o sugerirles que se pasen otras opciones como Firefox, Safari u Opera que siguen los estándares Css (o al menos algo mejor que IE6). Si sois maquetadores web, o algún día teneis que maquetar una página web, comprenderéis que es fundamental darles todo nuestro apoyo y difundir al máximo su mensaje para que llegue un día en el que todos los browsers traten de igual manera los Css… :( sniff…” –

09
Ene
08

Trucos Ilustrator CS3 – II Blend tool

Vuelvo a temas de diseño que os pueden ayudar. Son trucos muy básicos para algunos, pero seguro que si estas buscando “Blend Tool” desconocías como se hace.
Es una herramiente muy útil que nos permite hacer muchísimas cosas, desde aquí os animo a todos a que busques sobre el tema.
PAra obtener este resultado os doy unas nociones básicas.

Primeramente con la pluma, creamos esta espiral sencilla. Después la duplicamos ya la situamos unos píxeles hacia arriba. Exactamente donde aparece la última espiral en la primera imagen. Ahora viene lo bueno.
Blend tool nos permite crear “pasos” (en nuestro caso copias) de la primera espiral hacia la última. Funciona haciendo click entre la primera y la segunda, así de fácil. Seleccionamos el origen y después el final.

07
Ene
08

Loading…

A parte del nuevo diseño del blog quiero dar un link a una página realmente útil, Pigdom. Se trata de una web que nos analiza los tiempos de carga de todo nuestro site.
El funcionamiento es sencillo, basta con introducir la ruta de enlace de la web en desarollo y pulsar “Test now”. A continuación no sale una tabla (proceso/ tiempo) de todos los elementos cargados.

Esta página se merece un GALLIFANTE!!!
Un consejo para cualquier web: si tarda más de cargar 4 segundos es que nos queda mucho por hacer. Si no tenemos más remedio podemos usar el ya famoso LOADING…

20
Dic
07

Ese empapelado de fondo cómo lo has … 2.0

Hoy tengo el chip de pinta y colorea activado, jajajaja! Vamos que voy a sacar una de esas páginas tan chulas a la par que sencillas, de las que se nutren mis creaciones!
Esta vez nos pasamos a los fondos de web con “repeat”. Eso quiere decir que usaremos un patrón para repetir una imagen de apenas unos Kb. Recordad si tenéis 10.000 visitas vuestro hosting se resiente por cada Kb, así que es bueno optimizar y seguir optimizando!

Por si queríais una, aquí hay dos:

Squidfingers: http://squidfingers.com/patterns/

Brusheezy: http://brusheezy.com/patterns

K10K: http://k10k.net/pixelpatterns

Esta última me recuerda un poco al Habbo Hotel; Antes de Second Life existía Habbo. Nota del director, jajajaja!

08
Nov
07

AD: “Comes in colors” de Apple ahora en Sony

Si si, ya es la segunda vez que SONY plagia se inspira en un anuncio de Apple. Primero fue el reproductor iPod y ahora le a tocado al iMac de colores. Vaya tela!! Lo cierto es que el anuncio esta muy bien hecho y me encantaría participar en un proyecto así.

En 20 minutos hicieron reseña del plagio del iPod. Esta vez no hay tanto parecido visual pero si un lazo musical que me ha hecho recordar.

¿Es plagio? No creo! Pero los Stones estarán contento$$$!!

Colors de Apple – Rolling Stones

Colors de Sony también de Rolling Stones

08
Nov
07

Quieres una .Mac GRATIS??

Como siempre me busco la vida para encontrar alternativas legales y económicas para grandes productos, a vces no son lo que uno espera, pero creo que esta serà del agrado de todos vosotros.

¿Conocéis las cuentas .Mac? Si!  ¿queréis pagar los 100$ al año? NO!

Pues en notmacchallenge.com teneis la solución.  De momento sólo funciona en servidores con Mac OSX, pero en breve habrá para Linux y posteriormente Windows.

08
Nov
07

Alberto Lucas -”bye bye default fonts”-

POST IMPRESCINDIBLE PARA TODO AQUEL QUE LE GUSTE HACER PÁGINAS WEB!!
GRACIAS LUCAS!!

 

Hace días que quiero resaltar este post en mi blog porque creo que es de la mejor noticia que nos podían dar a algunos!! No perdáis detalle:

Qué levante la mano quién está harto de poner en sus webs fuentes predeterminadas porque sino no se ve igual en todos los navegadores. Vía A List Apart y Anieto2k me entero que el navegador Webkit Nightly Builds ya integra una especificación CSS para este tema.

#font-face {
font-family: “Kimberley”;
src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format(”truetype”);
}
h1 { font-family: “Kimberley”, sans-serif }

______________________________________________

Gracias!

06
Nov
07

Vectoriales

Esta semana vengo con uno de mis secretillos: ¿cómo vectorizar una imagen si no tienes ni idea de Illustrator? Pues no te queda otro remedio que usar un aplicativo que te resuelva el problema. Ese aplicativo encima es Web 2.0 (Flex), telaaah!
En resumidas cuentas VectorMagic permite hacer un upload de una imagen y la vectoriza según un listado de propiedades (colores, tipo de imagen, calidad, etc.) Cuanto más complejo sea más tarda en realizar el proceso pero la espera vale la pena!!

Eeeh! que es más rápido que el Live Trace de Illustrator!!

http://vectormagic.stanford.edu/
/*No hace falta que explique por qué una imagen vectorial es mucho mejor, pero si lo necesitáis en la web de la univerisdad de Stanford lo podréis leer.*/

28
Oct
07

QuickLook y EPS; me lo pido pa’ reyes!!

Buenos días familia!!

Viernes salió a la venta Leopard y un servidor ya lo tiene. Y en General es espectacular no tengo ninguna queja es sencillamente genial!! Peeeeero!
En Infinite Loop, Cupertino se olvidaron de los ilustradores que manejan archivos .EPS.Tranquilos que se pueden usar como siempre, pero esteraba poder hacer un “quicklook” y así ahorrarme el abrir y cerrar el Illustrator. De todos modos no me agobia porque Adobe Bridge tampoco lo pre visualiza y eso que es de Adobe!!

Por cierto los .ai tampoco se pre visualizan si no tienes activada la opción, al salvar, de PDF preview!!

26
Oct
07

Leopard Love’s CS3

Dedicado a los PCros regañadientes, que cuelan bolas, a los usuarios de Mac sobre las incompatibilidades de Leopard!! Aqui tenéis un foro completo con usuarios satisfechos de la Beta de Leopard y la suite de Adobe CS3.

Asi nos lo recuerdan la gente de BittBox!!

09
Oct
07

Trucos de Illustrator CS3

Hace ya un año largo que empecé a animarme por el motion graphics, y con el paso del tiempo descubí que un gran aliado de After Effects es el Illustrator. LA herramienta de todo gran dibujante e ilustrador.

Yo no soy un gran dibujante y menos ilustrador, pero si que tengo cierto ojo clínico para saber que me gusta y que no me gusta.

Dicho esto (que me voy del tema), aquí os explico un consejo para los novatos como yo.

Compound path vs. Group of paths
· Compound path: Es un conjunto de trazados de illustrator y sus propiedades son tratadas como un solo trazado. Relleno, grosor del trazo, transparencia, etc.

· Group of paths: Es una unión en una sola capa de trazados pero se diferencia cada trazado con características propias. Cierto que si aplico un relleno a un grupo de trazados se aplica también a todos, pero…
Y si quiero que el degradado afecte a todo el objeto por igual? Una imagen vale más que mil palabras!!

En la parte superior Compound Path y en la inferior Group of paths. MUY ÚTIL!!
MAS TRUCOS de ILUSTRATOR CS3
TRUCOS ILUSTRATOR CS3 II  -  Blend Tool 

09
Oct
07

Alberto Lucas Blog:: Bye bye default fonts

Por fin podremos maquetar un texto con fuentes personalizadas en HTML+CSS!!!

Genial notícia y cito el blog de Alberto Lucas

—– BLOG ALBERTO LUCAS —–

Qué levante la mano quién está harto de poner en sus webs fuentes predeterminadas porque sino no se ve igual en todos los navegadores. Vía A List Apart y Anieto2k me entero que el navegador Webkit Nightly Builds ya integra una especificación CSS para este tema.

@font-face {
font-family: “Kimberley”;
src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format(”truetype”);
}
h1 { font-family: “Kimberley”, sans-serif }

Gracias por este genial post!!!

 

08
Oct
07

JR Productions

Bueno, bueno, bueno! Como he comentado antes estoy trabajando en un proyecto multimedia con un buen compañero de profesión. Este grupo va a colaborar en la producción multimedia de Sala Instinto en su promoción digital e impresa.

Para empezar os paso el logo de nuestro grupo!!




Estadísticas

  • 53,475 hits

Categorías