Separadores decorativos en psd para tus creatividades

Ando un poco liado con todo, por lo que publico poco en el blog, hoy te traigo unos separadores en psd que son muy útiles para cualquier creatividad que necesites hacer.

Estos separadores los puedes utilizar en tarjetas, invitaciones, etc... además están en dos formatos, una para fondo claro y otro para fondo oscuro.

Mi consejo, como siempre, es que los toquetees, recuerda que la mejor parte de ser un diseñador es innovar y ser creativo, por lo que seguro que si lo tocas, aprenderás a hacer tus propias versiones de estos separadores y probablemente en un futuro próximo te salgan incluso mejores.

Por último, tan sólo recordarte que en este blog, sólo incluyo material seleccionado por mí mismo. Sólo subo lo mejor de lo mejor de lo que encuentro en la web ;)

Sin más, te dejo el enlace:
Descargar

Cualquier comentario y opinión será agradecida :D

Tipografías para Diseño Web

Más de una vez querrás empezar a hacer la web de tu vida y cuando lleves un rato estarás aburrido de ver el resultado, más de una vez esto ocurre por la tipografía, son siempre las mismas. Tu web no cambia, yo te ayudo.

GoogleFonts es el más amplio repertorio de tipografías que puedes usar en tu web que puedas imaginar. Seguramente te estarás preguntando acerca de la implementación, que suele ser lo que más problemas da a la hora de las tipografías en una web, pues a veces las compatibilidades hacen que no funcione en todos los navegadores o que simplemente no funcione ninguno. Con Google Fonts esto no pasa y para asegurarse además te dan las instrucciones paso a paso de como implementarlo en tu web y de como usarlo después en CSS.

Google Fonts

Sin enrollarme te explico todas las ventajas.

1. Previsualización de párrafo, frase, palabra y poster (como palabra pero estético) con tamaño personalizado.
2. Catalogación mediante ancho de letra, inclinación y espesor (grueso de trazo).
3. Permite filtrar las búsquedas por Serif, SansSerif, Display (digitales) y Handwritting (a mano alzada)
4. Puedes elegir la tipo por latín, cirílico, griego, etc.
5. Tras elegir la que te guste, te mostrará las opciones de implementar sólo la normal o el resto de estilos, bold, italic (si dispone), etc.
6. A la derecha verás un contador que indica el peso que esta tipografía aportará a tu web.
7. Y tres métodos de implementación: mediante link en HTML, con la pseudo-clase @import en CSS, o con Javascript. Ninguna será más óptima que otra a la hora de pulir código.

No tiene desperdicio.

Las tipografías en tus creatividades.

A menudo los creativos tenemos que hacer diseños muy impactantes, ya sean retoques con photoshop, maquetaciones editoriales con indesign o gifs animados y potentes para banners con fireworks.

Tengas que usar el programa que tengas que usar, sea cual sea tu proyecto, te traigo la solución o parte, al problema de donde conseguir las tipografías.

Si necesitas descargar tipografías verdaderamente impactantes para usar en creatividades físicas como folletos, retoques o maquetación editorial tu sitio es Dafont.

Dafont.com

Dafont es, a todos los efectos, la web más útil para descargar tipografías y fuentes, open y true type. Están perfectamente catalogadas por tipología. (góticas, oeste, sans-serif, serif, a mano alzada) Son prácticamente incontables. 

Como observación te diré, que si quieres ser el mejor y hacer las cosas bien. Esta web te permite descargar fuentes que tienen derechos (las que se deben pagar) tipografías de uso personal (que puedes usar sin ánimo de lucro o uso comercial) y las completamente gratis (éstas últimas son de dominio publico y perfectas para no meterte en ningún lío).

Consejo: a menudo me encuentro tipografías que me gustan salvo por algún detalle, o simplemente me gusta una de pago y no la quiero pagar, cuando esto pasa y hay poco texto, como un logotipo por ejemplo, lo que hago es convertir el texto en trazado en illustrator y, posteriormente modificar todo lo que no me gusta o mejorar y destacar vértices para personalizarla. 

Et voilá, una tipografía a tu gusto libre de derechos. ;)

Un saludo amigos, espero que os sea útil.

Generador de formularios HTML

Si eres un diseñador de páginas web y lo tuyo es como mucho la maquetación de HTML, más de una vez te pedirán que tus páginas web contengan un formulario.

Si ya te defiendes en este medio tienes mucho a tu favor, no obstante los diseñadores nuevos a menudo no saben terminar un formulario, ya que se requiere algo de programación más avanzada ya sea PHP o JS, sea cual sea el código, si no lo has aprendido estás jodido.

Por esta sencilla razón te planteo aquí varias alternativas para que puedas salir adelante. Generadores de formularios online. Estas sencillas herramientas te dejan crear el formulario a tu antojo para luego implementarlo en tus HTML.

pForm

pForm te permite personalizar un formulario directamente online con ciertos estilos. Para mi gusto está bastante limitado, el punto a su favor es que una vez lo terminas, descargas el HTML al que tú mismo podrás aplicar CSS.

EmailMeForm

 Es quizá el más completo de los que he conseguido encontrar en la web, tras el registro, puedes implementar todos los tipos de formularios que puedas imaginar, de acceso, de suscripción, encuestas online. Además podrás configurarlas con pasarelas de pago como: PayPal, Google wallet o Authorize.net entre otros. Pero esto no es todo, podrás personalizar, marcar, analizar o distribuir informes en linea, ya que también incluye formularios de plataformas multiusuario. Algo tan bueno no podía ser gratis... ¿o sí? EmailMeForm es de pago, pero tiene una versión Free (gratuita) que aunque esté limitada, seguro que te saca de un apuro.

JotForm

A todos los efectos JotForm será el más práctico y útil de todos los generadores de formularios que puedes encontrar en la web, tras crearte una cuenta gratuita, podrás generar, personalizar, descargar e incluso almacenar gratuitamente en tu cuenta, formularios que luego podrás reutilizar, además, tiene un interfaz muy fácil de utilizar y varias plantillas ya predispuestas, implementar y utilizar, así de sencillo.

Aunque todas las herramientas tienen más detalles de las que describo aquí, como por ejemplo que JotForm está en español, mientras que las otras dos están en inglés, prefiero dejarte que pruebes por ti mismo, cual es la que te ha resultado más útil y ya si además me dejas tu comentario al respecto, te lo agradeceré enormemente.

¡Un saludo!

Generador de CSS3

Seguramente con la llegada del HTML5 y el CSS3 varias cosas que encuentres en las web te resultarán algo confuso. Este código, aunque no es difícil cogerle el truco o aprender a utilizar, a menudo resultará aburrido rellenarlo a mano para introducir los valores adecuados. De manera que voy a poner aquí algunas de las herramientas web que he encontrado para agilizar el proceso.

Una bastante completa es CSS3Gen.com 

Este completo editor nos permite configurar y modificar propiedades como, border-radius, box-shadow, text-shadow y gradient, todas ellas además bastante largas de implementar a mano si se quiere hacer correctamente. Además y como colofón, contiene un completísimo generador de botones al que puedes aplicar las propiedades anteriormente comentadas, al que podrás cambiarle el padding (margen interior) y el font-size (tamaño de fuente). La implementación será tan fácil como copiar el código e insertarlo en tu hoja de estilos css de toda la vida.

¡A disfrutar!