En Mike’s Pick acabo de encontrar un excelente tutorial para Gimp donde podemos aprender cómo hacer un logo con estilo 2.0 partiendo de un logo con diseño muy austero y aburrido. Como se puede ver en la imagen del antes y después los resultados son muy buenos y el tutorial está muy bien explicado con screenshots, así que no es problema que se encuentre en inglés.
Hoy en día está de moda utilizar imágenes con las esquinas redondeadas, esto le da una mejor terminación a los diseños y mayor atracción a la vista. Hace un tiempo les expliqué cómo hacer esquinas redondeadas con Gimp, ahora acabo de encontrar una herramienta llamada RoundPic, que permite crear imágenes con esquinas redondeadas online.
Su utilización es muy sencilla, tenemos que subir la imagen desde nuestro equipo o especificar la URL en el caso de que esta ya se encuentre online. luego tenemos que personalizar las esquinas definiendo el radio, tenemos unas guías para saber más o menos cómo va a salir. Podemos elegir el color de fondo, el tamaño de la imagen y la calidad con la que queremos que salga.
Los resultados que podemos obtener están a la vista:
Visto en FreakGroup
Desde FreakGroup han diseñado y liberado un pack de íconos sociales para usar en tus diseños, realmente tienen un diseño muy elegante, acorde a lo que hoy en día llamamos «diseños 2.0». Le quiero agradecer a su autor ya que ha tenido en cuenta a Autobombeame en los botones, tambiés podemos encontrar de otros servicios como Digg, Technorati, Twitter, WordPress, del.icio.us, Flickr, etc.
Favikon es una nueva herramienta para generar favicons online y de manera fácil, la herramienta es muy sencilla pero muy eficaz, ya que permite crear tu favicon en un par de clicks con una imagen desde internet.
Para crear nuestro favicon sólo tenemos que especificar la URL de la imagen de base, o subirla desde nuestro equipo (hasta 5MB) para proceder a elegir la parte con la cual vamos a crear el favicon. Seleccinamos el área de interés y le damos al botón «Capture & Preview», si el resultado es lo que esperabamos le damos a «Download favicon» y listo.
Visto en Accessoweb
Se acuerdan hace un tiempo cuando les comenté el lanzamiento de BlogSticker, una herramienta que disponía de una gran cantidad de esos stickers diagonales para pegar en la parte superior de nuestro blog. Ahora acabo de encontrar y una herramienta llamada QuickRibbon, cuya funcionalidad es permitir generar nuestros propios stickers.
Es una herramienta muy sencilla de usar pero que realmente da resultados muy buenos, podemos seleccionar la tipografía que nos guste, su tamaño, el diseño de la «cinta», sus colores, etc. Luego podemos agregarle un enlace y generar el script que tendremos que pegar en nuestro código del blog siguiendo éstas instrucciones.
Visto en Xyberneticos (felicitaciones a Nikko por el rediseño del blog)
Los amigos de Bloggers Journey han armado una recopilación de 51 íconos RSS paar que pongas en tu blog, hay algunos que realmente están muy buenos.
VectorMagic es el resultado de las investigaciones de dos estudiantes del Laboratorio de Inteligencia Artificial de la Universidad de Stanford, James Diebel y Jacob Norda. Se trata de una herramienta que permite vectorizar imágenes online.
Una vez que tenemos nuestra imagen o logo vectorizado lo podremos descargar en dos tipos de formatos, ya sea EPS o SVG. Fíjense los resultados que se pueden llegar a obtener si damos con las configuraciones correctas, a la izquierda el logo normal, y a la derecha vectorizado en alta calidad.
Si quieren aprender más a fondo como se usa esta herramienta hay disponible dos screencasts, uno donde se explica como utilizarla, y el otro donde nos sugieren trucos para sacarle el máximo provecho. Por último si quieren seguir el avance y las novedades del proyecto tienen el blog escrito por sus creadores.
Visto Wwwhat’s new
350 Pages es un servicio muy útil para personas que quieran tener su propio sitio web pero tienen pocos conocimientos de diseño y HTML. Para crear nuestro sitio tenemos que registrarnos en unos minutos, y ya estaremos en condiciones de crear nuestro futuro sitio web.
Para comenzar pinchamos vamos a la parte superior y pinchamos en «new page», allí podemos elegir entre 9 diseños, pinchamos en el que nos guste, y luego nos manda a elegir el layout, ya sea de dos o tres columnas, sin ellas, etc. Una vez que seleccionamos el diseño adecuado procedemos a editarlo para dejarlo a nestro gusto.
Posee una interfaz interactiva muy fácil de utilizar, a medida que vamos pinchando en los distintos campos del diseño se nos abre un popup donde tenemos las opciones de personalización, ya sea editar fuentes, agregar enlaces, cambiar colores, etc.
Por otro lado, en nuestro panel de control tenemos ciertos recursos muy interesantes, guías detalladas sobre su funcionamiento y como optimizar nuestro sitio, una herramienta para hacer ediciones básicas de nuestras imágenes, cortar, rotar, redimensionar, retocar, etc.
Visto en RedFerret
Hace unos días tenía que probar rápidamente como se vería un código HTML pero no tenía ninguna aplicación para verlo, decidí buscar en google alguna herramienta que permita editar código HTML y ver los cambios en tiempo real y encontré una herramienta muy simple pero efectiva.
Tiene un nombre bastante genérico, Real-time HTML Editor nos permite ir editando el códido en su parte superior y a medida que lo hacemos se muestran los cambios inmediatamente en su parte inferior.
TabsGenerator es una herramienta online que nos permite generar, de manera rápida y sencilla, tabs para nuestros diseños. Esta herramienta sólo nos permite generar las imágenes para los tabs, si lo que quieren es crear un menú en CSS pueden usar esta herramienta.
Podemos personalizar el alto el ancho del tab, el grosor del borde, el radio de la esquina, el color de fondo y del relleno, además hay disponibles varios formatos y diseños para elegir, estos pueden estar en formato horizontal o vertical. Todos los cambios los podemos ir viendo en un preview que tenemos disponible.
Visto en Wwwhat’s new