Una función interesante y no muy conocida en Adobe Flash consta de aplicar texturas de terceras imágenes sobre gráficos creados en la aplicación, para así darles mayor realismo y consistencia. Veamos un ejemplo extremadamente básico:

Y aquí los pasos a seguir:

• Menú Archivo > Importar a escenario.
• Una vez que disponemos de la imagen, presionar botón derecho sobre ella y seleccionar Separar.
• Elegir la herramienta Cuentagotas del menú izquierdo y clickear con el puntero del mouse sobre la imagen.

Ahora sólo queda pintar el objeto creado en Flash con el Cubo de pintura, el cual tendrá la textura de la imagen. Finalmente, si queremos cambiar la ubicación del fondo obtenido, vamos a Transformación de relleno.

Hace bastante que me harté del estilo “web 2.0″, con sus colores fuertes, figuras grandes, reflejos, rayas, etc.

Hoy me gustan los diseños limpios, geométricos, ordenados; es decir, sin detalles innecesarios, pero no por eso inatractivos.

Facebook es un muy buen ejemplo, y el otro día buscando el estilo de sus botones (justamente para el formulario de comentarios) me encontré con el código justo. Si te interesa usar un botón submit estilo Facebook, aquí tienes el CSS correspondiente:

.boton_fb {background-color: #3b5998;border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);border-style: solid;border-width: 1px;color: #fff;font-family: "lucida grande", tahoma, verdana, arial, sans-serif;font-size: 11px;margin: 0 2px;padding: 2px 18px;}

En caso de que no sepas nada sobre CSS y quieras aplicarlo en tu blog de WordPress, pega el código anterior en la hoja de estilo del theme (style.css), y en la página de comentarios (comments.php) agrega class="boton_fb" al botón enviar.

En muchas ocasiones, la tipografí­a de un sitio web es un logo en si mismo, sin necesidad de agregar gráficos adicionales que lo identifiquen. Por lo tanto, en dichos casos la fuente debe revestir un grado de originalidad importante, ya que otra web también podrá usarla y formarse así­ una confusión de identidades. De hecho, prácticamente nadie usa una tipografí­a propia, ni siquiera los grandes (ignoro por qué). Hoy veremos la fuente aplicada en el logo de algunos sitios web famosos.

Facebook

La herramienta social más interesante de los últimos tiempos tiene un logo acorde a su diseño: sobrio y sólido. La tipografí­a de Facebook es Klavika en negrita, con pequeñas modificaciones, y puede adquirirse desde US$99. Vale decir que tiempo atrás Facebook si tení­a un gráfico que formaba parte de su logo, el cual era una suerte de rostro, pero luego fue eliminado (al igual que el The en su nombre).

Google

Ruth Kedar tiene el crédito de haber diseñado el logo de Google, pero en verdad sólo se limitó a aplicar colores, sombra y un bisel interior sobre la tipografí­a Catull (US$99), creada por Gustav Jaeger en 1984.

TechCrunch

El blog que obsesiona a toda startup utiliza la fuente Myriad Pro-Light, con negrita y degradado en la primera palabra. Como no encontraba cuál era, hice trampa y usé la mágica herramienta WhatTheFont? (indica automáticamente que fuente usa determinado logo, pero no siempre funciona).

Digg

El hiperpopular sitio de noticias votadas por sus propios usuarios usa una versión ligeramente modificada de la fuente FFF Forward. Como era de esperarse, su comunidad discutió incluso sobre eso. Es gratis.

Para terminar, si a alguien le interesa, en el logo de 0YO1 uso la fuente gratuita FFF Reaction ;) Todo el diseño fue hecho en Fireworks 8.

En Internet hay muchos comics dando vueltas, por ejemplo xkcd -para geeks- o el de Alberto Montt -para gente semi normal-. Sin embargo, todos ellos adoptan la modalidad clásica de cuadros estáticos que se usa desde hace ya muchos años en periódicos y revistas.

Yo tengo mi propio comic, llamado Geeki. Lo que lo diferencia de los demás -además de mi escandalosa falta de talento- es que utilizo Macromedia Adobe Flash para que desde un mismo cuadro pueda pasarse hacia los otros, como una suerte de slideshow pero con dibujos en lugar de fotos. Hoy voy a explicarles cómo hacer un comic paso a paso con Flash 8, uno exactamente igual al que uso en Geeki.

Seguir leyendo →