Hace un par de semanas tuve que formatear la pc, y con ello vino el ritual de reinstalar todas las aplicaciones. Luego de unos días de trabajo vengo a descubrir que la fuente Arial Black no estaba disponible en Photoshop, desconozco la razón por la cual no aparecía, no me había sucedido nada parecido en mi instalación anterior, pero había que solucionarlo a cualquier precio.

No es que Arial Black sea una de mis fuentes favoritas ni mucho menos, pero el logo de un cliente la utiliza, entonces era eso, o redibujar el logo.

Como es mi costumbre, lo primero fue identificar si existen otras personas con el mismo problema y si alguna de ellas lo pudo solucionar, y para esto, una simple búsqueda en google.

Solo hay que copiar el archivo ariblk.ttf (o el nombre que tenga el archivo de la fuente) a la carpeta C:\Archivos de programa\Archivos comunes\Adobe\Fonts

Con esto debe aparecer listada entre las fuentes en Photoshop.

Cada vez que necesitaba editar o crear un icono en formato *.ico he recurrido a diversas aplicaciones que me permitían la edición de dichos archivos, pero siempre me encontré con la pregunta ¿Porqué no puedo hacer esto con Photoshop? pues existe un plugin que permite abrir, editar y guardar iconos en Adobe Photoshop y en Corel Paint Shop Pro (a partir de la versión 9) como si se tratara de cualquier imagen.

Para usarlo necesitamos descargar icoformat-18f3-win.zip de su página oficial, donde podremos encontrar gran variedad de plugins gratuitos para Photoshop y Corel Photo Paint, en plataforma Windows o Mac.

Descomprimimos el archivo y copiamos el plugin en la carpeta PlugIns\Formatos de archivo en el caso de Photoshop, o en la carpeta complementos en el caso de Paint Shop Pro.

Espero que les sea util

Cada vez que formateo la pc, trato de realizar la calibración del monitor para ajustarlo a mis preferencias personales, y para tratar de obtener la mayor ventaja de el. Para realizar esta tarea siempre he contado con una aplicación llamada Adobe Gamma, que aparecía en el panel de control al instalar Adobe Photoshop.

Lo que sucedió al probar Adobe Photoshop CS3 es que el icono de Adobe Gamma no apareció más, y aunque he probado y usado otras herramientas para calibrar los monitores en algunas ocasiones, nunca me he sentido más comodo que haciéndolo con el Adobe Gamma (el ser humano es un animal de costumbres).

Me propuse entonces a buscar si podía encontrar en algún lugar de la red el mencionado programa para calibrar mi monitor y lo encontré en el mismo foro de Adobe, he aqí las direcciones desde donde se puede descargar:

Download links for Adobe Gamma.cpl

• http://files-upload.com/files/680848/Adobe_Gamma.zip
• http://rapidshare.com/files/76864693/Adobe_Gamma.zip.html
• http://uploadfile.org/download.php?id=erEDbBeoQzorBWxzq3Wq
• http://www.uploading.com/files/7HFMERVE/Adobe_Gamma.zip.html
• http://www.2shared.com/file/2609289/a5a7645b/Adobe_Gamma.html
• http://www.mediafire.com/?9lv1zh2s23w
• http://www.speedyshare.com/130353259.html

Solo debemos copiar el archivo a la carpeta c:\windows\system32\ y ya aparecerá en el panel de control.

Otra solución que encontré en el mismo foro dice:

1. Ir al folder de instalación de Photoshop (de alguna versión anterior, CS2 por ejemplo)
2. Buscar(usando el buscador de windows) y descomprimir el archivo Data1.cab
3. Entre los archivos decomprimidos debe encontrarse el archivo Adobe_Gamma.cpl ≈ 260KB
4. Copiar el archivo a la ruta %SystemRoot%\system32\ (ejm: c:\windows\system32\)
5. Actualizar (ReAbrir) el Panel de Control.
6. Make stupid face and say “F*ckin magic!”

Aquí les dejo un link a un tutorial de como calibrar el monitor usando Adobe Gamma.

Mientras buscaba el Adobe Gamma me encontré con otra herramienta Microsoft Color Control Panel Applet for Windows XP que aún no he probado pero según leí, tambien nos permite realizar los trabajos de color con nuestro monitor. Entre sus funciones se pueden mencionar:

* Install and uninstall ICC color profiles
* Inspect, rename, and compare two different color profiles
* View a detailed properties and 3D graphics rendering plot of color profile color gamuts
* Associate color profiles with devices such as printers, LCD monitors, projectors and scanners
* Easily switch between two different display color profiles (such as internal LCD with external projector for presentation) and Windows will apply the correct color profile so that images look best on the intended display (requires color profiles with embedded color gamma table information).
* Apply custom color gamut adjustments to one or more displays on the fly
* Set up display calibration reminders at intervals you specify
* Keeping the filenames and “internal” names consistent
* Enables Windows to automatically adjust the gamut curve of the display when a color profile containing gamut table information is set as the default profile for the display, typically from such profiles that are created by custom monitor calibration tools, such as those available from Pantone, ColorVision, GretagMacbeth, and X-Rite.
Fuente:
http://www.mydigitallife.info

Un dibujo que empecé pensando en un concurso, pero no llegué a terminar a tiempo.

Hace unas semanas me enteré via Sueños de Azúl de un concurso de dibujo organizado por Wacom llamado Power of the Pens. Desde el primer momento quise participar, pero se me ha hecho un tanto complicado por asuntos de tiempo, terminar el dibujo de Rocco.

Así que momentáneamente estoy participando con el dibujo titulado Hanna Nilton para no perder la oportunidad en caso no logre terminar el de Rocco.

Así que quien quiera puede ayudarme con su voto, ya saben que solo pueden votar una vez al día.

Cada desarrollador tiene su propia manera de formatear o estructurar el código que escribe, pero cuando se trabaja en equipo, una forma estándar de formatear o estructurar el código es el mejor interés de todos.

En todo el tiempo que tengo escribiendo CSS, he ido experimentando con diferentes formas de estructurar mi código, formas de organizarlo para que sea más sencillo de identificar, no solo por mi, sino por las personas que trabajan conmigo.

Ahora complemento mis experiencias con opiniones de otras personas con el fin de encontrar la manera más funcional de organizar las hojas de estilo CSS. Claro está que cada persona puede optar por usar una manera particular de organización, pero de todas maneras es válido conocer algunos consejos que pueden orientar a los que no han conseguido este objetivo.

Uno de los trucos que aprendí ultimamente a raiz de jugar un poco con el css, es el de utilizar una grilla o rejilla en el fondo de la página durante el tiempo de desarrollo, esto me permite ubicar los elementos con mayor facilidad.

Navegando por The third degree encontré un método para organizar y manejar fácilmente nuestras hojas de estilo y el cual presento a continuación.
(more…)

Este es un artículo que encontré en Outlaw Design, originalmente en inglés y que estoy usando actualmente para mantener ordenada mi carpeta de trabajos, lo que sigue es una pseudo traducción.

¿Por qué los diseñadores deberían ordenar sus carpetas?
Si eres un diseñador que trabaja en multiples proyectos a la vez, sabes cuan importante es estar organizado. Guardar los archivos en diferentes ubicaciones, todos con diferentes nombres, puede ser confuso y costarte tiempo y dinero.

A continuación mostraré mi método personal para mantener los archivos organizados. Espero que esto finalmente los ayude a organizar sus archivos, ahorrar tiempo y dinero!
(more…)

Coloreado en photoshop con la Wacom Intuos, aún no lo dibujé, solo lo he coloreado pero creo que ya voy agarrándole el truco \o/

Luego de ver un trailer de los simpson, jugando un ratito con la tableta nueva:

Spiderpig, Spiderpig,
Does whatever a spider can.
Spins a web, any size,
Catches thieves just like flies.
Look out! Here comes the Spiderpig.

Is he strong? Listen bud—
He’s got radioactive blood.
Can he swing from a thread?
Take a look overhead.
Hey there! There goes the Spiderpig.

In the chill of the night,
At the scene of the crime,
Like a streak of light,
He arrives just in time!

Spiderpig, Spiderpig,
Friendly neighborhood Spiderpig.
Wealth and fame, he’s ignored—
Action is his reward.
To him,
Life is a great big bang-up—
Wherever there’s a hang-up,
You’ll find the Spiderpig!

Este es uno de los hacks más sencillos para asignar la altura mínima a algún elemento:

selector {
        min-height:250px;
        height:auto !important;
        height:250px;
}