Diseño

Design Friday: Inspiración y brushes variados

por

Retomamos los viernes de Design Friday mostrando algunos de los nuevos recursos que salieron a la luz y que quizás puedan resultar de utilidad en un nuevo proyecto.

  • TripwireMagazine publicó una excelente recopilación con mas de 79 brushes para Illustrator.
  • Si buscan texturas, NaldzGraphics muestra una genial selección con texturas de troncos de árboles.
  • Artatm se enfoca en Photoshop y publica 45 sets de brushes florales para este programa de edición.
  • No es un recurso exactamente, pero la inspiración nunca viene mal y si están armando un sitio puede que les guste recorrer 40 páginas de error originales como las que muestran en Inspiredm.
  • Por último, SixRevisions ofrece un genial paquete de iconos en 3d acompañados del archivo PSD correspondiente.

¡Que los disfruten!

Tu próximo sitio web diseñado fácilmente

por

jmockups

jmockups se trata de un sitio donde podrás realizar sin complicación alguna los boceto del diseño de tu próxima página web. Para utilizarlo no ocupas instalar nada, ya que todo lo harás desde su página web, y tampoco es complicado, por lo que a más de uno le vendrá bien esta herramienta.

Tenemos a nuestra disposición una serie de elementos prediseñados, que serán lo que darán cuerpo y simulará ser el contenido de nuestro sitio web. Por ejemplo, podremos hacer uso de cajas de texto, botones, links, imágenes (Se pueden añadir imágenes personalizadas si proporcionamos el link que apunte hacia ellas), además de contar con zonas donde irá el texto, separadores, etc. etc.

Leer más

50 Packs de pinceles abstractos de alta calidad

por

Los pinceles abstractos son un gran recurso para diseñadores ya que les permite ahorrar tiempo y hacer de sus creaciones algo más atractivas y estilizadas, es por eso que por cortesía de crazyleafdesign tendrán a su disposición mas de 250 pinceles abstractos para photoshop y lo mejor ¡ Gratis !.

50 Packs de pinceles abastractos para Photoshop.

 

Visto en: Webintenta.

Cacoo – Para crear diagramas en equipo

por

Seguramente alguna vez se han visto en la necesidad de crear algún tipo de diagrama. Ya sea para la escuela, para el trabajo, o quizá para alguna presentación de negocios. Bien, pues entre la gran cantidad de sitios que nos ofrecen el poder realizar diagramas, uno que últimamente llamó mi atención es Cacoo.

Las opciones que nos brinda van desde los clásicos UML, Diagramas de Red, bosquejos de sitios web, entre otros. Pero acá eso no es lo interesante, ya que el plus de esta herramienta es la colaboración en equipo en tiempo real. Así es, como se lee, Cacoo permite crear los diagramas entre varios usuarios, y todo al instante.

Aparte de lo anterior, sobra decir que utilizar Cacoo es muy sencillo, basta con tomar los elementos que queramos insertar y arrastrarlos. Todo muy intuitivo. Pero no les digo más, mejor les dejo el video con el que promocionan a Cacoo sus creadores, que ahí sobran las palabras, y quizá así los convenza de que le den una checada. Ah, y además es gratis!

Cacoo – Real-time Collaborative Diagramming & Design from Nulab Inc. on Vimeo.

Web: Cacoo
Visto en: wwwhatsnew

Generadores de imágenes para rellenar al maquetar

por

Durante el desarrollo de un sitio web, dependiendo de su diseño, es común que lleguemos a necesitar imágenes con las cuales rellenar ciertas secciones. Generalmente no son las finales, sino imágenes temporales, sólo para “simular”.

Si bien es cierto que nosotros podemos crearlas en Paint, Photoshop, GIMP, o cualquier programa de edición digital, también lo es que hay sitios que nos pueden evitar el tener que hacerlo nosotros mismos, ahorrándonos algo de tiempo y esfuerzo.

A continuación dos sitios que merece la pena nombrar y tomarlos en cuenta, por su utilidad, sencillez y simpatía:

Leer más

Patternify, generador de patterns online

por

Patternify es una herramienta que nos permite generar patterns online de una forma muy rápida y sencilla.

Por un lado tenemos el área de trabajo donde podemos ir creando el pattern, un selector de color para elegir los colores que queremos ir utilizando, un recogedor de color para recoger colores si se nos perdieron, elegir la opacidad, también se pueden elegir patrones ya realizados y cambiarles los colores, etc.

Por otro lado tenemos el área de previsualización, donde podemos ir viendo en tiempo real como va quedando nuestro pattern. Y por último está el código que tenemos que copiar y pegar en nuestro sitio web para que salga el fondo.

Esta herramienra puede ser de mucha utilidad para diseñadores, aunque creo que ellos usan herramientas más avanzadas, pero les puede ser útil para los más vagos :P.

Visto en The Next Web

Design Friday: Themes, Estilo y Adobe Air

por

  • Alex Peattie publicó un genial paquete de iconos sociales que podemos descargar en varios formatos.
  • En Slodive podrán conocer 110 themes para WordPress gratuitos que salieron en lo que va de 2011.
  • Si son de trabajar con Adobe Air, Design Modo selección mas de 25 herramientas que todo diseñador o programador debería probar.
  • En Designzzz pueden conseguir 31 estilos de capa para Photoshop de forma gratuita.
  • Por último, en PSDFan ofrecen 47 tipografías de varios estilos que seguro resultan útiles en proyectos futuros.

Bookmarklet para saber qué fuente utiliza un sitio web

por


Muchas veces pasa que estamos navegando por un sitio web y vemos una fuente que nos gusta mucho, pero adivinar cuál es esa fuente se convierte en algo complicado. Si no tienen ganas de mirar el código del sitio o usar extensiones para el navegador, tenemos opciones como la que les voy a comentar ahora.

Se trata de un bookmarklet llamado WhatFont, que nos permite averiguar qué fuentes utiliza el sitio web que estemos visitando. Lo único que tienen que hacer es entrar en el siti ooficial y arrastrar el bookmarklet a la barra de marcadores.

Luego, cuando estén en un sitio web que quieran saber qué fuente usa, sólo tienen que pinchar en el bookmarklet y a medida que van pasando el puntero del mouse por los distintos textos les va diciendo qué fuente es.

Visto en Lifehacker

Generador de botones CSS3 con degradados

por

CSS3 es un lenguaje que tiene tanto potencial que últimamente están apareciendo varios servicios o generadores de botones, como este que les quiero comentar hoy. Se trata de un generador que nos permite crear botones con degradados en CSS3, sin necesidad de imágenes.

Esta herramienta es tan completa que al principio nos puede marear con tantos parámetros, pero si le prestan un poco de atención y creatividad pueden lograr resultados muy buenos, todo con CSS.

Dentro de los parámetros que pueden configurar encontramos  el color de los degradados, el tipo de borde, las sombras, tipografías, colores, tamaños, y muchísimas cosas más.

Pero lo mejor de todo es que nos permite configurar el botón en sus tres estados posibles: Normal, hover y activo. Así podemos personalizar al máximo el diseño de nuestro botón.

Una vez que terminamos de diseñarlos el sitio nos genera el código CSS que tenemos que usar en nuestro sitio web.

Visto en Kabytes

Design Friday: Themes, Brushes y un toque retro

por

Arrancamos el mes con nuevos recursos en el Design Friday de hoy. Y si quieren usarlos para practicar, el último de la lista puede que les interese ;)

  • Diego Mattei nos acerca marcos trípticos para Photoshop.
  • Si buscan themes, en Slodive pueden ver 15 ideales para crear galerías en WordPress.
  • Our Tuts nos muestra 30 tipografías gratuitas para nuestros diseños.
  • Bittbox hace un tiempo liberaba un paquete de brushes para Photoshop con manchas que si todavía no tienen, hay que descargar.
  • Por último y como les adelantaba, en Webexpedition18 publicaron una lista con varios tutoriales que nos enseñan a crear diseños de estilo retro.

¡Que los disfruten!