Tutoriales Adobe Illustrator

Aqui en WebStudio, y en la medida de lo posible, siempre intento escuchar las recomendaciones y sugerencias que los visitantes del sitio hacen a través del Libro de Visitas. Y algo que surgía bastante como petición, era alguna dirección para conseguir Tutoriales de Adobe Illustrator. Bueno, ahi tienen algunos :) Gentileza de la gente de Ndesign Studios, un sitio realmente muy bueno. Ya me inspiraré en ellos cuando rehaga la sección de tutoriales ;)

Saludos a todos y disfruten de este nuevo año. Nos vemos en el 2006 !

Re-Lanzamiento de ZonaPHP!

Ya había comentado en su oportunidad, que me encontraba trabajando en la remodelación de ZonaPHP. El trabajo no fue poco, ni fue simple, si bien me basé en ciertas funcionalidades ya desarrolladas. Primero y antes que nada, fue la decisión de no utilizar más la plataforma que en su momento habíamos desarrollado, y optar por un CMS (Content Management System, o Sistema de Gestión de Contenidos, para los amantes de la lengua castellana). Entre varias opciones que investigué en su momento , terminé decidiéndome por Wordpress, una vez más, el mismo sistema que estoy utilizando en RuidoDigital.com.

A continuación, y dado que el poco tiempo del que disponía para llevar todo a cabo (dos semanas) me lo impedía, comencé a buscar temas ya diseñados para WordPress, que fueran gratuitos, y en los cuales poder basar mi trabajo. Uno de los que más me ha gustado, es conocido como Green Marinée (originalmente diseñado por Ian Martin), y fue el que opté por utilizar, y al que luego traduje, le cambié las imágenes, un poco el orden de los elementos, imágenes de fondo, colores, etc. Aún queda trabajo por hacer, detalles que he visto en otros temas y que quiero agregarle a este, que iré trabajando en estos días, pero el grueso del trabajo ya está hecho.

Luego, fue necesario buscar e instalar ciertos plugins para Wordpress, sobre todo dos: iimage browser, para la administración de imágenes en el blog, y el IG:Syntax Hiliter, para poder contar con el resaltado de código php, css, qql, html, etc. Finalizado, solo fue cuestión de mudar los artículos más leidos del sitio a la nueva plataforma, y publicar un mensaje de bienvenida.

Por ahora, se puede decir que es "trabajo terminado", aunque se muy bien que en un sitio como ZonaPHP no se deja de trabajar nunca. Nunca faltarán detalles que le iré agregando, siempre con la esperanza de mejorar la experiencia del usuario. Por lo pronto, puedo descansar un tiempo hasta que continúe trabajando en la versión CSS de WebStudio.

WebStudio: siguen las reformas

Cómo comentaba hace un par de días, sigo trabajando en una conversión a CSS del diseño actual de WebStudio. Luego de una lucha ardua con estilos, márgenes, bordes, espacios, etc, ya tengo listo casi en su totalidad el rediseño de la página principal. Les dejo una captura de pantalla, para que vean que no mucho ha cambiado, solo un poco los links en la cabecera, la forma de los boxes en la izquierda, y lo mismo en la barra de la derecha, más algunos detallecitos gráficos que fueron sencillos de implementar.

Ya solo quedará trabajar luego un poco en el listado de tutoriales, dónde quiero, además, cambiar un poco las miniaturas (thumbnails) que los representan y terminar de definir qué elementos de su barra lateral quedan, y cuales no. Parece un trabajo sencillo, pero decidir cambiar un sitio web luego de tanto tiempo, no es fácil, dejenme decirles.

Terminaré con las páginas de los tutoriales, donde quiero cambiar un poco la forma en que los muestro, agregar un espacio de publicidad distinto, además de cambiar las imágenes de los tutoriales, para agregarles una marca de agua, porque ya han sido bastante "utilizadas" en otros sitios web, sin ofrecer reconocimiento alguno.

Una fuente de fuentes (que original,¿no?)

Más allá de la poca originalidad, lo cierto es que 6500 fuentes TrueType gratuitas, no es una oferta difícil de rechazar.

Podemos encontrar mucha basura, pero también algunas maravillas. Recuerden que una vez bajadas las fuentes, deben ser copiadas al directorio /Fonts dentro del directorio Windows o WinNT de su sistema. Además, tengan en cuenta que mientras más fuentes tengamos alli instaladas, más tiempo promedio toma nuestro sistema Windows luego en cargar (lo digo para los fanáticos que pensaban instalarse las 6500).

¿Cuáles son las que les gustaron más?

Como crear una revista con Adobe InDesign

El artículo se llama Mini Guía para el diseño de una revista, y está publicado en Vecindad Gráfica (excelente sitio y blog). El mismo explica de una manera amena y simple, el proceso básico para el diseño de una revista, su tapa, los contenidos y como disponer de la publicidad o de las imágenes de las notas.

La misma está realizada básicamente en Adobe InDesign CS2, pero además tenemos algunas capturas de pantalla realizando una comparación con QuarkXpress.

Webstudio: Limpiando el código usando CSS

Ya le tocaba hace tiempo. Y es que estoy en plena codificación de una versión CSS de WebStudio. De momento, no es un rediseño (en ese también estoy trabajando, pero mucho más lento) sino en una realineación simple. Tomo lo que existe actualmente, y lo paso igual (o casi) pero hecho en CSS, sin una mísera tabla.

De momento, he trabajado en la cabecera, en la barra de links que hay justo debajo de ésta, y en la alineación del resto de las capas que corresponden a la barra lateral izquierda, el contenido central tomado de los RSS de PixelOne y la barra lateral derecha con información del sitio. Lo que más tiempo me ha llevado es sin dudas el menú de links, sobre todo para que se vieran igual en Firefox y en Internet Explorer, pero gracias a nuestro amigo Google encontré una solución excelente y muy recomendada para quienes buscan realizar un menu de links.

Creo que el resultado final, mirando el código, será mucho más agradable a la vista dado que la versión actual fue creada en el 2000, durante el largo reinado de las tablas. Por lo pronto, ya publicaré las diferencias en cuánto a peso de las páginas más relevantes y si llego a ver algún cambio en el consumo de ancho de banda.

Recolored: color en tus fotografías blanco y negro

Ya nos podemos olvidar de todos los tutoriales para colorear fotografías en blanco y negro. Ya no son necesarios al menos para los que puedan utilizar Recolored. Es una aplicación TAN simple de utilizar y que produce unos resultados TAN buenos, que es increible cómo no se ha popularizado a niveles increibles.

Es tan simple que casi da pena tener que explicar como funciona, pero que demonios, ahi vamos

1. Primero, se carga una imagen en escala de grises
2. Luego, con unos pinceles simples, pintamos todas las distintas zonas de la foto con distintos colores, que nosotros queremos que tengan.
3. Finalmente apretamos un botoncito, y dejamos que el programa haga su magia.

¿Eso es todo? ¿Cuál es el truco? No hay. Es así de simple. No hay que pelearse con máscaras, no hay que hacer selecciones complejas, ni jugar con los canales de color. Abrimos, marcamos, colorizamos. Incluso, puede utilizarse para tomar una fotografía, y cambiarle el color por otro, si este no nos gusta:

No esperen un minuto más y descarguen esta maravilla.

ZonaPHP: Eligiendo un CMS

Comenzando con la serie de posts en las que voy contando un poco que es lo que estoy haciendo en pos de optimizar y ordenar un poco los sitios que tengo a mi cargo, comienzo esta vez por ZonaPHP, el sitio de artículos PHP (actualmente caido hasta que nos devuelvan la base de datos).

Este sitio lo lanzamos hace ya casi cuatro años (en Febrero será el cumpleaños), siendo yo quien desarrolló la interfaz y un amigo quién realizó toda la programación. Además, había un grupo muy interesante de personas que colaboraría con contenidos frescos y sobre distintos temas, siempre relacionados con el lenguaje PHP.

Actualmente el sitio estuvo 2 años sin nuevo contenido, pero igualmente mantenía un buen caudal de tráfico. Es por eso que decidimos rescatarlo del "olvido" con varias acciones. Primero y antes que nada, dado que en la actualidad el sistema para recomendar un contenido o escribir un nuevo artículo es poco claro y nada documentado, ese es uno de los primeros objetivos a mejorar.

Luego, el diseño, si bien es funcional y atractivo (al menos a mi me gusta. Claro, lo hice yo), estaba totalmente basado en tablas, logrando que el contenido estuviera perdido en un mar de tablas, filas y celdas. Es necesario entonces modificarlo, simplificarlo, y llevarlo a algo más estandar, basado en CSS y xHTML.

Es por eso que estoy investigando un poco con WordPress. Es una plataforma para la publicación de blogs, pero aparte permite crear páginas con artículos, y gestionar usuarios. Además, gracias a su sistema de plugins es extensible de manera sencilla. Y ya que hay cientos de Templates para WordPress ahi afuera, podemos tomar alguno que nos guste y en base a ese, trabajar rápidamente en las modificaciones para nuestro propio diseño.

Ya tengo varios temas con los que me encontré, pero básicamente voy a estar trabajando en la migración de los contenidos, en la creación de un template (que luego seguramente haré público) como en la optimización de la colocación de la publicidad, y en la configuración del sistema para que replique la funcionalidad actual. Cuando avance más con el tema, lo comentaré por acá.

Período de vacaciones y cambios

Finalmente y después de desearlo mucho tiempo, la semana que viene estaré tomándome vacaciones de la oficina. Serán dos semanas de tranquilidad, de no tener que correr a la zona céntrica de la ciudad, de pasar 9 horas encerrado. Ahora será todo mucho peor :)

Es que en estas dos semanas voy a aprovechar que:

1. no me voy a ningún lado (este año ya viajé a México en Marzo | Fotos)
2. ya tengo nuevamente mi notebook, luego de unos problemas de temperatura.
3. tengo identificados algunos hotspots para conectarme WiFi.
4. me encuentro con muchas cosas para hacer con mis sitios y ganas para hacerlo.

Me encontraré dedicado a mejorar/modificar/realinear/optimizar algunos de mis sitios, además de que intentaré comenzar algún que otro proyecto atrasado que tengo por allí, así que estaré muy ocupado dedicándome a ello, además de disfrutar un poco de aire libre, salidas, bicicleta, ejercicios y las fiestas.

Ya les dejaré por aquí algunos comentarios respecto a lo que estoy haciendo, cómo lo estoy haciendo y por qué, para que me dejen sus comentarios y de paso, si a alguno le sirve la experiencia, pueda enterarse un poco de que manera estoy trabajando en ello.

Ejercicio : diseñar postales

Encontrado en FreakEvolution. Un interesante y completo (muy completo) ejercicio, explicado paso a paso, para crear una serie de postales. La idea es que mantengan una misma imagen entre las mismas, y están explicados todos los pasos, desde la concepción original de la idea y los bocetos, hasta el resultado final (con simulación de uso incluída).

Además, al finalizar el ejercicio, incluye una serie de críticas a lo logrado, y cómo se pudo haber mejorado incluso un poco más el resultado final. Realmente, material como este es escaso en castellano, y sin lugar a dudas, muy requerido y útil. Desde aquí alentamos a la gente de FreakEvolution que continúen con estos ejercicios.

Comparte tus íconos gratuitos

Excelente idea la de la gente de IconBuffet. No solo porque el servicio que ofrecen es bueno, sino porque además lo realizan de una manera interesante y divertida. ¿En qué consiste? En que intercambiemos figuritas como cuando chicos, pero en forma de íconos gratuitos.

1. Una vez por mes, la gente de IconBuffet regalará a sus usuarios, un set de íconos gratuitos, a través de su cuenta personal. Estos íconos son totalmente libres, para utilizar en proyectos personales o comerciales.
2. Cada usuario puede, o no, recibir el mismo grupo de iconos que otro usuario del sistema. De hecho, pueden liberar una docena de sets de iconos distintos cada mes, y no se sabe cuál le toca a quién.
3. Cada entrega de iconos que recibas, se pueden enviar hasta 5 amigos o colegas. Si el o ella poseen una cuenta en IconBuffet, les llegará automáticamente a su cuenta. Si no tuviera cuenta, recibe una invitación para crear una gratuitamente, y recibir iconos gratuitamente y enviarlos. Es así de simple.

¿Hay algún tipo de trampa? La verdad que en lo que vengo utilizándolo, no veo que lo haya. Son tan solo íconos gratuitos y muy buenos. Me gustó particularmente el componente social a la hora de captar más usuarios, como si fuera un intercambio de figuras. Una buena idea.

R2D2 de regalo de navidad.

Como asqueroso fan de Star Wars que me considero, pocas cosas he querido más en la vida que tener una versión tamaño completo de R2D2 o, como ha sido bautizado en muchos lugares, Arturito. Por años me tuve que conformar con la parejita de robots miniatura que decora mi lugar de trabajo.

Ahora, si algún alma generosa y caritativa desea gastar 120 dólares, y quiere hacer a una persona muy feliz, entonces puede regalarme lo que tanto quise. Si. Una versión de R2D2, que no solo se ve IGUALITO al de las películas, sino que además puede recorrer las habitaciones, eludiendo obstáculos, siguiéndote, y además sirve como sistema de seguridad, ya que puede detectar movimiento gracias a sus sensores (sería como un bonus).

De momento carece de la posiblidad de volar, cortar cadenas, y detener sistemas de compactación de basura en Estrellas de la Muerte, pero ya es un avance.