Botones RSS de alta calidad

Botones rss para descargar

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.

Generador de cintas diagonales (Ribbons)

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.

Cinta o cintilla diagonal para esquina de blog

Vía: DigiZen.

Generador de cajas con bordes redondeados

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).

Crear bordes redondeados con css

Bordes curvos con css html

Generador de cajas y box con bordes redondeados

Generador css bordes redondeados

Vía: Digg.

Recortar imágenes online

recortar imágenes

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, un simpático generador de texto

yourgen Generador de logos y textos personalizados

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.

http://YourGen.com/ - Text Generator
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.

http://YourGen.com/ - Text Generator
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.

Generador de botones estilo 2.0

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:

Herramienta para generar botones y logos

Crear botones y logos 2.0

Generador de botones e iconos 2.0

Vía: Ajaxian.

Galería de gráficos vectoriales para descargar

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:

Imágenes vectoriales

Galería de gráficos vectoriales

descargar imagen vectorial

Vía: lamateporunyogur

VisorDir: herramienta para crear banners, visores de noticias y mucho más.

Generador banners, visor noticias, generar crear banner, fotos

VisorDir es una útil herramienta realizada en flash, gratuita, personalizable, que permite crear en segundos secuencias fotográficas animadas, visores de noticias, intros o banners, para incrustar en tu sitio web, a partir de ficheros gráficos (jpg) o de flash (swf) situados en la carpeta “imagenes”. VisorDir se personaliza fácilmente a través de un fichero de texto llamado VISOR.TXT situado en la misma carpeta que el fichero visor SWF.

Los parámetros a configurar son:

  • Total de imágenes a visualizar.
  • Color del marco, que rodea la imagen.
  • Color de la barra de Información-Navegación.
  • Tipos de archivos JPG o SWF a visualizar.
  • Que al terminar vuelvan a empezar las imágenes.
  • Transición automática entre imágenes.
  • Tiempo de espera en la transición.
  • Efecto al pasar de una imagen y otra.
  • Permitir enlazar la imagen con una URL.
  • Definición del enlace en cada imagen.

Para más información sobre su instalación, demostraciones del visor y descarga visiten el sitio oficial:

Sitio: VisorDir

Generador online de fondos rayados estilo 2.0

Generador fondos rayados, background y patrones de fondo estilo web 2.0

Stripe generator es un excelente generador online de fondos rayados estilo web 2.0. Incluye varias funciones para personalizar el diseño de tu background, como la posibilidad de modificar el tamaño, espacio, color principal, color de fondo, estilo de fondo, sombras y orientación de las rayas. El diseño del generador es muy intuitivo y fácil de comprender. Genera una imagen .png que podemos usar directamente en nuestro archivo .css o usarlo como patrón de fondo en algún programa de edición gráfica como Photoshop.

Vía: Digg

ImageTool: Crea logos “al vuelo” con este generador online

Generador online de logos

¿Estás creando tu blog o sitio web y aún no tienes un logo?
ImageTool es una utilidad online bastante sencilla que te permite generar logos al estilo 2.0 rápidamente.

Aunque este estilo de logos es usado en forma masiva desde hace un tiempo, y puede que algunos ya estén algo cansados del mismo, me parece una utilidad interesante para tener nuestro logo temporalmente mientras diseñamos el propio y es una herramienta que puede ayudar mucho a aquellos con escasos conocimientos sobre diseño gráfico que deseen un logo atractivo.
Por lo que vi, este generador incluye más funciones que otras herramientas del tipo:

Características:

  • Estilos de texto: Negrita, cursiva y subrayado.
  • Color de fondo.
  • Gradiente de colores en el texto con paletas que facilitan la elección*.
  • Tipo y tamaño de fuente.
  • Graduación del reflejo y opción para desactivarlo.
  • Posibilidad de añadir imágenes extras como Beta, plus y otras más.
  • Algo muy importante es la posibilidad de seleccionar distintas calidades de la imagen resultante y permite generar el logo en 3 formatos: PNG, GIF y JPG.

*Nota: Por el momento recomiendo elegir los colores en forma manual sin usar la paleta ya que he notado algunos errores al generar la imagen.

Vía: Menéame

Cerrar
Enviar por Correo