Tooler | Herramientas web y Recursos

—[ Antes que nada, quiero agradecer a todos aquellos que a pesar de la escasa frecuencia con la que posteo últimamente, siguen aguardando, en sus lectores de feeds, nuevos artículos de Tooler sin abandonarme. Sinceramente prefiero tomarme mi tiempo y tratar de postear artículos de calidad antes que hacerlo todos los días con posts que no contribuyen en nada al objetivo de este blog. Gracias totales! ]—

Ahora sí paso a explicar de qué se trata este post:

Photoshop Brushes Master Collection es una opulenta colección con 800 megabytes de pinceles (Brushes en inglés) de alta calidad para agregar a tu photoshop. Los mismos están agrupados en categorías como Abstracto, Alta resolución, Animales, Divisores, Espirales, Fractales, Grafitis, Grunge, Humanos, Japones, Mariposas, Nubes, Objetos, Papel, Pelos, Plantas, Retro, Señales, Tatoo, Texto, Tribal y Varios.

El archivo que contiene los pinceles se encuentra en formato .ISO y es posible descargarlo desde:

- Descarga directa, dividido en 5 partes (.rar) desde RapidShare y en 6 partes desde Megaoupload (Parte1 Parte2 Parte3 Parte4 Parte5 Parte6)

- Sistemas p2p: Emule y Torrent.

Además incluye el visor de pinceles (.abr) ABR VIEWER, para que puedan ver los mismos sin instalarlos. Es gratuito y pueden descargarlo también haciendo click en la imagen a la izquierda.

Si desean más pinceles pueden visitar esta excelente recopilación de sitios con pinceles para photoshop creada por el mismo autor (Hernán Davos).

No pueden dejar de visitar esta colección de 51 botones rss en formato PNG de excelente calidad para descargar. Los botones varían tanto en diseño, color y tamaño pero todos están muy bien trabajados y algunos están diseñados de tal manera que permiten colocar el número de lectores dentro del mismo.

Si el botón rss que buscas no se encuentra en esta gran colección, aún puedes encontrarlo visitando Iconos para tu feed, en donde cito enlaces de galerías de íconos o botones, estandar y no estandar, para tus feeds rss.

Vía: Digg.

Website Ribbon Generator es un generador online de cintas diagonales, llamadas ribbons en inglés, que puedes insertar en una esquina de tu blog/sitio en cuestión de segundos.

Si te gusta algún sitio o si eres partidario de una causa, no hay mejor forma de llevarla a cabo que insertando una cinta diagonal en tu sitio enlazando a esa página. En forma alternativa, si sólo deseas darle un toque distintivo a tu web o identificar todos tus sitios con una única cintilla, puedes usarla sin agregarle un enlace.

Puedes personalizar la apariencia de tu cinta, agregando el texto que deseas que muestre la misma, un enlace (opcional), tipo y tamaño de letra, color y tipo de ribbon. Finalmente presionas en Generate y la herramienta creará un código JavaScript que deberás copiar y pegar en el código fuente de tu página. La cinta se mostrará siempre en la misma esquina sin importar dónde insertes el código.

En mi opinión sería bueno que se pudiera agregar un color personalizado para la cinta además de los disponibles en forma predeterminada. Además al ser un código JavaScript, el que hay que insertar, supongo que no se mostrará en aquellos navegadores que no lo soporten. Pero la verdad que me parece una excelente herramienta, ideal para aquellos que deseen de forma inmediata mostrar una cinta y que no quieran hacerse líos con hojas de estilos. En el sitio de la herramienta recomiendan usar mayúsculas para obtener un mejor efecto.

Como ejemplo pueden observar la cinta en la esquina superior derecha del generador.

Vía: DigiZen.

RoundedCornr es otro generador online de código HML/CSS e imágenes que permite construir cajas con bordes curvos o redondeados, muy utilizados últimamente. Basta con insertar el grado de angulación que tendrá la esquina (Corner radius in pixels), el color de fondo donde estará ubicada la caja (Background color), el color de la misma (Box color) y hacer clic en “Create”. Nos generará un código HTML con un texto ejemplo, que deberás reemplazar por el que quieras, un código CSS que deberás introducir en tu hoja de estilos y las 4 imágenes que debes descargar y colocar en la mismo directorio de la página html.

Importante: Si colocás las imágenes en un directorio distinto de donde se encuentra la página html, deberás actualizar dichas localizaciones en el código css generado.

Si observamos un poco más abajo en la página del generador verán que también nos brinda la posibilidad de crear boxes con fondo degradado, con bordes y también de generar sólo una imagen GIF con los bordes (ya sea curvos o cuadrados), los colores de fondo, texto y otras opciones a nuestra elección, ideal para hacer pestañas, botones, imágenes de fondo sólido/degradado, etc. ¿Algo más?.

Ejemplos realizados por mí (Básico/Con degradado/Con borde/Imagen sola).

Vía: Digg.

Para los que aún no sepan, los feeds sirven para seguir las novedades de un blog o sitio web sin tener que entrar al mismo constantemente, de esta manera el lector que usas para leer los feeds te avisa cuando un determinado blog ha actualizado su contenido. Generalmente los sitios que soportan feeds muestran la url del mismo con una imagen de color naranja (como ejemplo puedes ver el ícono de este blog que se encuentra a la derecha). Hace un tiempo se estableció un “icono estandar” para mostrar los feeds pero también puedes usar otros íconos no estandar, algunos muy atractivos y sofisticados:

Set de íconos estándar

(Sitio oficial desde donde podemos descargar un paquete de aproximadamente 1.5 mb con los íconos estandar en distintos colores y formatos).

Set de íconos no estándar

(Una muy buena colección de sitios desde donde descargar íconos no estandar para nuestros feeds)

Vía: meneame.

Resizeyourimage es una sencilla herramienta online y gratuita que te permite recortar un determinado fragmento de una imagen. Posee una interfaz muy bien diseñada y soporta los formatos de imagen JPG, GIF, PNG y TIFF entre otros. Puedes aumentar y disminuir el zoom de la imagen y también rotarla 90º en sentido de las agujas del reloj. Una herramienta ideal para cortar en forma rápida los márgenes sobrantes de una imagen.

Vía: Etc.

YourGen es un generador de texto (Logos) online y gratuito que nos permite crear imágenes con un texto personalizado. Lo interesante de este generador son las fuentes de texto de muy buena calidad disponibles para generar las imágenes. Aunque no hay una gran variedad por el momento , vi algunas tipografías elegantes, finas y muy bien diseñadas, incluso con animaciones muy discretas, y otras un tanto cómicas. Este sitio también ofrece la posibilidad de utilizar un contador de visitantes, para insertar en tu sitio, con la fuente seleccionada. Una vez habiendo seleccionado nuestro texto y la fuente que queramos tenemos 2 posibilidades:

Clic en “Get Code”, nos genera el código de nuestra imagen que debemos insertar en el código fuente de nuestro sitio donde deseamos que aparezca.

Text Generator – Comic Text – Counters – YourGen.com

Clic en “Get Counter”, nos genera el código del contador de visitantes que también debemos insertarlo en el código fuente de nuestro sitio igual que el anterior.

Text Generator – Comic Text – Counters – YourGen.com

Punto ultra negativo a tener en cuenta: Cómo podrán observar en estos ejemplos, la imagen lleva impresa la url del sitio “YourGen.com” y además al ponerla desde el código también inserta una barra de links bajo la imagen. Por supuesto que “podríamos” obviar de descargar el código y directamente guardar la imagen evitando la barrita de links, en cuanto a la url del sitio “podríamos” quitarla fácilmente con cualquier editor gráfico, pero esto queda a conciencia de ustedes ya que supongo que el sitio no lo permite.

Vía: Digg.

Si estas cansado de usar Google como buscador de íconos y deseas una herramienta más específica, Iconlet es tu sitio. Un sencillo buscador que muestra una galería de íconos, en orden ascendente de tamaño, según la palabra clave que ingresemos. También dispone de búsqueda avanzada, lo que nos permite discriminar por tamaño de imagen (Desde 10×10 hasta 176×88), formato de gráfico (Por el momento sólo GIF y PNG) y tipo de licencia (Por lo general de licencia libre con distintas variantes).

Sugerencias: Obtuve mejores resultados buscando los íconos en inglés. Si deseas crear un Favicon a partir de estás imágenes debes convertirlas a formato .ico.

Vía: WebmasterLibre

Mycoolbutton es una herramienta online que te permite generar en 4 pasos sencillos una imagen del estilo de los conocidos botones o logos 2.0. Entre sus características destaca la posibilidad de añadir al diseño un ícono o imagen en formato PNG. Podemos elegir entre íconos ya predeterminados o cargar alguno desde nuestra pc. También podemos definir ancho del botón, color de fondo (siempre degradado), tamaño y ubicación del ícono, tipo y tamaño del texto e ir previsualizando los cambios realizados haciendo clic en “Apply changes”. Finalmente apretamos en “Download” y descargaremos nuestra imagen en formato PNG.

Ejemplos de botones que puedes generar con esta herramienta:

Vía: Ajaxian.

En forma somera, los gráficos vectoriales son imágenes que tienen la ventaja de que se les puede aplicar zoom de forma ilimitada sin que sus bordes se afecten, a diferencia de las imágenes rasterizadas (las que estamos acostumbrados a utilizar), en las cuales llega un momento en que el zoom produce la distorsión de la misma lo cual revela que la imagen está compuesta por píxeles.

Vecteezy nos permite descargar gratis paquetes de gráficos vectoriales de alta calidad, para utilizar en nuestros logos, banners, y demás diseños, luego de ser rasterizadas. Para editar estas imágenes debemos usar programas como el Corel Draw, Adobe Ilustrador, Freehand, Inkscape, dependiendo del formato de la imagen vectorial. Sólo aceptan imágenes de muy buena calidad por lo que por el momento no cuentan con un gran repositorio, pero son muy buenas.
Algunos ejemplos de la galería:

Vía: lamateporunyogur