5 excelentes buscadores de iconos gratuitos y de libre uso

Para todo tipo proyectos, particulamente, los que se realizan para la web, hace falta disponer de buenos catálogos gráficos de alta calidad. Por tal motivo, hoy compartimos algunos de los más interesantes buscadores de iconos gratuitos y de libre uso que son recomendados por los profesionales de ElegantThemes, y que se pueden usar de inmediato gracias a su disponibilidad también online:

FlatIcon

flaticon

Alrededor de 70.000 iconos vectoriales gratuitos, en formatos SVG, EPS, PSD y PNG, con la posibilidad de obtenerlos tanto en descarga directa como directamente en Photoshop, Illustrator y After Effects (a través de una extensión). Por si fuera poco, pueden usarse hasta como fuentes web.

iconmonster

iconmonstr

PNG y SVG son los formatos que contempla esta colección de elegantes iconos en calidad vectorial, más de 2.000, organizados por categorí­as rápidas. Puedes descargarlos y usarlos en proyectos personales y comerciales, incluso sin enlaces de atribución, pero antes debes revisar algunas condiciones dadas en su licencia.

IconArchive

iconarchive

Aunque hay varias restricciones para varias de las elegantes colecciones de coloridos iconos que en dicho buscador se encuentran (atribuciones, licencias Creative Commons, prohibición de uso comercial en algunas pocas, etc.), en general, el material disponible puede ser ocupado en proyectos personales y profesionales de todo tipo sin mayor impedimento.

IconFinder

IconFinder

Un referente en el sector con ya casi medio millón de iconos indexados y alrededor de 7.000 colecciones de ellos. Aunque se cuentan los iconos de pago con los gratuitos, de este último tipo hay por montones y se puede acceder rápidamente a ellos a través de los útiles filtros (incluyendo uno por licencias) que se presentan junto a la sección de resultados. Una interesante caracterí­stica es que con solo un botón se puede elegir a gusto su color de fondo (blanco, negro, gris o transparente).

freepik

freepik

Finalmente tenemos a freepik, un servicio online que entre otros recursos gráficos (imágenes vectoriales, archivos PSD y fotos) presenta con cada búsqueda un buen manojo de iconos listos para su descarga y uso. Son más de 40.000 iconos gratuitos y de cada uno se comparte su debida licencia, además, se muestra una organización también por categorí­as: Clima, transporte, medicina, señales, herramientas, etc.

Post.as, una aplicación para hacer montajes con textos, fotos y ví­deos

Existen muchas herramientas creadas para permitir crear banners, montajes, collages de todo tipo para mezclar fotos y textos en Internet, y post.as es una nueva apuesta en esta categorí­a.

Se trata de una plataforma en la que podemos subir fotos, alterar su posición y tamaño, crear textos con varios tipos de fuente y efectos, incluir ví­deos y sonidos (importa desde youtube, soundcloud y otras fuentes)… no hay que tener conocimientos avanzados ni de diseño ni de programación, únicamente buen gusto para mezclar colores y alinear componentes.

Post.as pretende ser una referencia a la hora de compartir contenido en las redes sociales, de hecho podemos compartir el resultado en facebook con un solo click, aunque en el caso de incrustar un ví­deo, no funcionará directamente en Facebook, siendo necesario incluir el link a post.as para que los seguidores lo vean.

captura-44

Aunque para crear banners profesionales tenemos en canva.com una inmejorable opción, post.as puede ayudar a los que quieren hacer un montaje rápido sin preocuparse con plantillas ni formas, y en eso sí­ es bastante efectivo.

Incluye también la posibilidad de seguir y ser seguidos, por lo que además de ser una herramienta para crear montajes y enviarlos a las redes sociales, podrí­a también transformarse en una red social de creativos, aunque aún tendrí­a que recorrer mucho camino para tener éxito en esa categorí­a.

Modulator, una aplicación para crear nuestra propia tipografí­a

Si queréis escribir en el ordenador con un tipo de letra único, personalizado, creado por vosotros mismos, prestad atención a lo que ofrece modulator.

Se trata de una aplicación que permite definir varias variables que afectan al formato de la letra que estamos construyendo. Ancho de la linea, altura, efectos ópticos… a medida que ajustamos los valores, vemos el resultado en el panel derecho, tanto de una letra especí­fica como del abecedario o de una frase de ejemplo.

El resultado puede exportarse como odf o como webfont, siendo así­ sencillo instalarlo incluso en una página web.

En 2012 os hablamos de 7 herramientas que podemos usar para crear tipografí­as, y en 2013 comentamos dos opciones que podemos utilizar para transformar nuestra letra escrita en fuente para ordenador; modulator llega para ampliar la primera lista, y lo hace con estilo.

specfox, para crear un documento de especificaciones de diseño de un sitio web

Si estáis diseñando la web de un cliente, seguramente estáis acostumbrados a capturar pantallas y realizar comentarios sobre la misma. Los documentos de especificaciones de diseño, así­ como los de alteraciones, suelen incluir muchas capturas que ayuden a obtener referencias de lo que debe cambiarse, con comentarios al pié de cada uno de los elementos.

Basándose en esa técnica, specfox.com nos presenta su proyecto, una web en la que podemos subir varias capturas, destacar las regiones que deben sufrir modificaciones y realizar los comentarios pertinentes.

El proceso es sencillo, semejante a lo que hemos visto en varias aplicaciones web de revisión de especificaciones, pero en este caso apuestan por un tema importante: la exportación.

Tanto las capturas subidas como los comentarios realizados en las diferentes secciones se distribuyen de forma inteligente e intuitiva para que pueda exportarse un PDF con el formato perfecto para presentarlo al cliente, incluyendo la portada del proyecto.

En el ví­deo inferior os muestran un ejemplo (comienza a hacerlo enel segundo 40). La aplicación es gratuita, pero solo permite un proyecto por cuenta (ya están trabajando en opciones premium para permitir más proyectos).
Continúa leyendo «specfox, para crear un documento de especificaciones de diseño de un sitio web»

Crea banners, con texto e imagen de fondo, en pocos segundos

Así­ se presenta esta aplicación disponible dentro de Buffer. Su nombre: Pablo, su link: bufferapp.com/pablo.

Sin querer compararlo con herramientas avanzadas de creación de banners, como canva.com, Pablo permite crear un banner con un texto y una imagen de fondo en muy pocos segundos. Solo tenemos que definir el texto, seleccionar o subir la imagen y especificar detalles como tipografí­a, tamaño, colores, efectos en la imagen y poco más.

El resultado es semejante al que veis en esta captura, con la imagen lista para ser divulgadas en redes sociales o bajada a nuestro ordenador.

45 recursos frescos para profesionales web, edicion febrero

Bienvenidos a una nueva compilación de recursos recién salidos para diseñadores y desarrolladores Web, curada por nuestros expertos en ambos campos. Esta vez encontrarás í­conos, plugins y todo tipo de herramientas para mejorar tu desempeño. Vamos a echarles un vistazo:

100 Iconos De Cocina Gratuitos

100 Iconos De Cocina Gratuitos

45 Iconos Vectoriales De Comercio Online

45 Iconos Vectoriales De Comercio Online

Iconos Flat Con Temática De Escritura Y Papelerí­a

Iconos Flat Con Temática De Escritura Y Papelerí­a

Redacted Font: Libérate De Lorem Ipsum

Redacted Font: Libérate De Lorem Ipsum

SUNN: Fuente Hecha a Mano

SUNN: Fuente Hecha a Mano

Gigante paquete gratuito de ilustraciones FLAT

ilustraciones flat

Mockup Con Elementos De Viaje

Mockup Con Elementos De Viaje

Icono: Un Paquete De Iconos En Puro CSS

Icono: Un Paquete De Iconos En Puro CSS

Plantilla De Hoja De Vida En PSD

Plantilla De Hoja De Vida En PSD

Barras De Progreso Y Sliders En PSD

Barras De Progreso Y Sliders En PSD

Un Paquete De Logos, Marcos Y Mockups Con Estilo Antiguo En PSD

Un Paquete De Logos, Marcos Y Mockups Con Estilo Antiguo En PSD

Ink: Un Framework Para Emails Responsivo

Ink: Un Framework Para Emails Responsivo

Justinmind: Wireframes Interactivas Para Web Y Móviles

Justinmind: Wireframes Interactivas Para Web Y Móviles

Tint UI: Paletas De Colores Para Toda Clase De Proyectos

Tint UI: Paletas De Colores Para Toda Clase De Proyectos

Font Pair: Encuentra Espectaculares Combinaciones De Fuentes

Font Pair: Encuentra Espectaculares Combinaciones De Fuentes

Gleam: Una Plataforma Para Hacer Crecer Tu Negocio

Gleam: Una Plataforma Para Hacer Crecer Tu Negocio

RubyGems: Encuentra, Instala Y Distribuye Gemas Ruby

RubyGems: Encuentra, Instala Y Distribuye Gemas Ruby

Brothercake: Encuentra Selectores CSS Sin Usar

Brothercake: Encuentra Selectores CSS Sin Usar

Dante: Un Editor WYSIWYG

Dante: Un Editor WYSIWYG

Piwik: Software De Análisis Web Gratuito

Piwik: Software De Análisis Web Gratuito

SpaceBase: Framework CSS Responsiva Basada En SASS

SpaceBase: Framework CSS Responsiva Basada En SASS

LumX: Un Framework Responsivo, Basado En AngularJS Y El Diseño Material De Google

LumX: Un Framework Responsivo, Basado En AngularJS Y El Diseño Material De Google

Papier: Librerí­a De CSS Responsiva

Papier: Librerí­a De CSS Responsiva

Context.IO: Sincroniza La Info De Tus Emails Fácilmente

Context.IO: Sincroniza La Info De Tus Emails Fácilmente

Bootsy: Framework Para Administradores De Proyectos

Bootsy: Framework Para Administradores De Proyectos

Flatter: Una Gigantezca Interfaz Gráfica En PSD, HTML Y Bootstrap

Flatter: Una Gigantezca Interfaz Gráfica En PSD, HTML Y Bootstrap

Kit De Interfaz Gráfica Con 55 Elementos

Kit De Interfaz Gráfica Con 55 Elementos

Elementos De Interfaz Gráfica Flat En PSD

Elementos De Interfaz Gráfica Flat En PSD

Kit De Diseño Android Lollipop Para Sketch

Kit De Diseño Android Lollipop Para Sketch

Elementos De Interfaz Gráfica Para Negocios En PSD

Elementos De Interfaz Gráfica Para Negocios En PSD

Grid Forms: Atractiva Inserción De Datos

Grid Forms: Atractiva Inserción De Datos

Justified.js: Galerí­as De Imágenes Justificadas

Justified.js: Galerí­as De Imágenes Justificadas

Squire: El Textarea Del Futuro

Squire: El Textarea Del Futuro

Skyline: Construye Frameworks CSS Personalizados

Skyline: Construye Frameworks CSS Personalizados

Descripciones Emergentes Responsivas Con JQuery

Descripciones Emergentes Responsivas Con JQuery

Matter.js: Un Motor Fí­sico 2D En JavaScript

Matter.js: Un Motor Fí­sico 2D En JavaScript

Combokeys: Atajos De Teclado En La Web

Combokeys: Atajos De Teclado En La Web

Keypress: Una Librerí­a Para Capturar Lo Que Insertas Con El Teclado

Keypress: Una Librerí­a Para Capturar Lo Que Insertas Con El Teclado

Sortable: Reorganización De Elementos Para Dispositivos Táctiles

Sortable: Reorganización De Elementos Para Dispositivos Táctiles

Insignia: Etiquetas Personalizables

Insignia: Etiquetas Personalizables

Barra Lateral En Diseño Meterial

Barra Lateral En Diseño Meterial

PNG Es Mejor Que SVG Para Realizar Sprites

PNG Es Mejor Que SVG Para Realizar Sprites

Reloj Funcional En CSS3

Reloj Funcional En CSS3

Menú Deslizante Con Animación Diagonal

Menú Deslizante Con Animación Diagonal

Menú Animado Con CSS Y Flitros SVG

Menú Animado Con CSS Y Flitros SVG

Shade, una aplicación web para quien usa degradados en el CSS

Si os gustan los degradados en una página web y queréis usarlos en vuestro proyecto, aquí­ tenemos una aplicación web que nos puede ayudar mucho.

Hay degradados CSS lineales (linear-gradient) y radiales (radial-gradient), siendo el primer caso, donde la transformación de color va avanzando lí­nea a lí­nea, la que tratan en jxnblk.com.

Solo tenemos que entrar a la página e indicar el color base para poder empezar a trabajar. Para hacerlo es posible alterar las variables de los controles de la izquierda, dedicando los de la derecha a gestionar valores relacionados con el brillo y saturación.

A medida que movemos los controles, veremos los cambios en tiempo real en el panel superior, siempre con la linea de CSS que deberemos incluir en nuestra hoja de estilos.

El ejemplo que mostramos en la captura superior responde a background-image: linear-gradient(-90deg, #DFF3DD, #1E4328);, tal y como se puede ver en la sección derecha de la misma, valores que se alteran a medida que probamos diferentes combinaciones.

Aunque los degradados han perdido el protagonismo que tení­an hace unos años, aún pueden ser utilizados en proyectos que necesiten destacar alguna zona especí­fica, por lo que vale la pena guardar este enlace en la categorí­a de Utilidades para Diseño.

Fleck, un «Instagram» para artistas donde cualquier extraño puede darle «Me gusta» a sus contenidos

fleck ios

Fleck es una interesante aplicación gratuita para iOS que aplica un nuevo enfoque a la hora de publicar fotografí­as e imágenes “a lo Instagram”: Además de que muchos de sus usuarios son diseñadores y artistas publicando contenidos tan frescos como de alta calidad, lo particular de su trabajo es que el público no está limitado a “seguidos” y “seguidores” como en el resto de redes, simplemente cualquiera que vea una imagen que le agrade puede darle “Me gusta” sin la necesidad de pasar por establecer alguna especie de conexión con su autor.

Lo mencionan en Wired como una opción para compartir fotografí­as y “conseguir más likes que Kim Kardashian” por lo efectivo que puede resultar a la hora de querer hacer popular un contenido especí­fico. Mejor dicho, es una maravilla para el ego de muchos que se ven satisfechos y disfrutan al ver una enorme aprobación en lo que publican. Eso sí­, el sacrificio está en que la promoción al autor pasa a ser mí­nima pues casi que se mantiene como anónimo, de hecho, ni perfiles sociales se manejan -es que ni red social es, quizá una red de contenido le denomina mejor-.

En fin, el centro de Fleck es el contenido sin las limitaciones de visualización que podrí­a causar el requerir de relaciones entre usuarios, detalle que sesga igualmente, con su personalización basada en conexiones, el contenido presentado a cada uno.

Fleck se basa en la apariencia de Instagram con “una pizca” de Tinder, y basta un deslizamiento hacia arriba o hacia abajo para dar like a una foto o desaprobarla, respectivamente. Dispone de categorí­as rápidas para filtrar por temas de interés (arte urbano, patrones, naturaleza, etc.) pero la mayor parte de las imágenes publicadas por la comunidad se presentan en una lí­nea de tiempo general. Además, muestra un “top 20” adicional cuya organización estará determinada por el número de likes que ha conseguido cada material en su dí­a anterior.

Indudablemente se trata de una herramienta de curación de contenidos de lo más interesante, pero solo para descubrirlos porque ahondar en su creación, empezando por sus autores, no hace parte de su filosofí­a.

Enlace: Sitio webFleck en la App Store

colorviewfinder, fotografí­a un objeto para obtener su paleta de colores

Si trabajáis en diseño gráfico seguramente os interesará lo que colorviewfinder ofrece, una aplicación para iOS que detecta los colores de cualquier objeto capturado con la cámara del móvil para obtener así­ una paleta de colores basada en ellos.

Disponible en colorviewfinder.co, permite también extraer los colores de una imagen guardada en nuestro dispositivo, así­ como personalizar el resultado con varias plantillas.

Podemos añadir información del color (RGB HEX) y compartir los resultados, siendo así­ una buena herramienta para ampliar la famosa lista de Sitios web para quien trabaja con colores.

La aplicación hace algo semejante a lo que vemos en la versión web de checkmycolours.com, pero con un resultado mucho más profesional y completo.

Por desgracia no hay versión android (de momento), aunque tenemos una excelente alternativa para dicho sistema operativo en Real Colors, palette generator, de Makan Studio.

No es la única aplicación que realiza este tipo de tareas, hay varias alternativas, pero sí­ es una de las mejor votadas en iTunes.

notegraphy se asocia con Monotype y Bauertype para ampliar los tipos de letra

Es muy posible que ya seais usuarios de notegraphy desde hace tiempo, una de las aplicaciones más usadas a la hora de compartir mensajes en las redes sociales en forma de imagen.

notegraphy le da vida a los textos usando un fondo, una tipografí­a y una forma original en pocos segundos, con una amplia serie de opciones que podemos elegir después de escribir el texto deseado. Esas opciones se multiplican ahora, ya que se han asociado con Monotype y Bauertype para incluir muchos más tipos de letra, usando la tipografí­a de dichos proyectos.

De momento han incluido 11 de estas nuevas tipografí­as en paquetes ya disponibles en la plataforma, aumentando la flexibilidad de lo que allí­ creamos. Notegraphy tiene un plan gratuito, uno plus, que permite realizar más cambios en las plantillas elegidas, y un premium, para personalizar el resultado siguiendo la marca de nuestra empresa.

Sigue estando disponible para android y para iOS, sin noticias sobre la esperada opción web que muchos desean desde hace tiempo (aunque siempre tendremos soluciones como canva.com para dar rienda suelta a nuestra creatividad).