Etiqueta: Diseño

Cómo crear firmas HTML fácil, rápido y gratis con Si.gnatu.re

Cuando uno trabaja de internet tiene que cuidar la imagen y los detalles, ya sea si trabajamos de forma independiente o para alguna empresa, nunca hay que dejar pasar ciertas cosas. Una de ellas es tener una buena firma para el correo electrónico, una en la cual estén todos nuestros datos de contacto e información personal para que los clientes puedan contactarnos sin problemas.
Por eso hoy quiero recomendarles un excelente servicio online para crear firmas HTML para insertar en cualquier cliente de correo o servicio de mail online.

HTML_Email_Signature_Generator

El servicio que quiero comentarles se llama Si.gnatu.re, y el punto principal que me gustaría destacar es su simplicidad de uso. Tiene una interfaz muy intuitiva que nos permite agregar todo tipo de datos que conformarán nuestra firma sin tener ningún conocimiento de diseño o maquetación.
Está todo organizado mediante pestañas en las cuales vamos ingresando los datos personales:

General: En esta pestaña podemos introducir todos los datos más personales como nombres, cargo, mail, teléfono, sitio web, nombre de la compañía, dirección, etc.
Social: Este es el lugar para agregar nuestros perfiles sociales, no se preocupen que hay de muchas redes.
Images: Aquí podemos poner un logo o un banner con su respectivo enlace.
Styles: Tenemos la opción de elegir entre varios diseños de templates, cambiar el tamaño de letra, su color, darle bordes redondeados a los logos, etc.
Bespoke: Aquí se puede agregar cualquier tipo de texto adicional que creamos necesario.

Una vez que hayan introducido todos los datos que crean necesarios pueden generar el código HTML que tendrán que pegar en su cliente de correo. El código lo pueden descargar en un archivo o copiarlo y pegarlo directamente. Además les generará un enlace único para acceder más adelante a la firma y obtener el código.

Me imagino que ya se estarán preguntando por el costo de este servicio, pero les tengo muy buenas noticias, es completamente gratis salvo por un detalle: La firma puede editarse durante 30 días, pasado este tiempo no podrán hacer ninguna edición, salvo que paguen 5 dólares.
Obviamente esto no es ningún impedimento, la firma seguirá funcionando perfectamente sin tener que pagar un centavo. Tómense el trabajo de hacerla bien a la primera y listo, para qué editar.

Logomakr: Crea logos online en minutos y sin saber nada de diseño

Cuando estamos iniciando un nuevo emprendimiento, ya sea online u offline, siempre aparece el tema de la creación del logo, algo que, para los que saben de diseño gráfico, es una tarea muy simple; pero el problema es cuando no tenemos el más mínimo talento o conocimiento de diseño.

Por suerte en internet hay herramientas gratuitas para todo, y Logomakr es una de ellas.

Esta genial aplicación web viene a salvarnos a la hora de crear logos de manera simple y rápida sin tener que instalar nada en el equipo. Es muy útil sobre todo para los que tenemos poca paciencia y queremos el resultado rápido.

Cómo crear un logo online y gratis con Logomakr

logomakr

Como pueden ver arriba, el resultado al usar Logomakr es excelente, y lo mejor de todo es que es tan simple de usar que, calculo, no les llevará más de 5 minutos crear el logo.

Obviamente la herramienta no hace magia, ustedes también tienen que poner un poquito de lo suyo. No se preocupen, solo les hablo de creatividad y buen gusto a la hora de elegir los componentes del logo.

Algo que es espectacular es que posee una gigantezca base de datos de gráficos o íconos de uso libre a la cual podemos acceder con solo hacer una búsqueda. Tenemos que navegar por la lista de gráficos hasta que encontramos uno que es de nuestro agrado y lo enviamos al escritorio de trabajo.

Allí tenemos la posibilidad de agregar el texto y elegir muchas tipografías distintas, cambiar colores y hacer todo tipo de modificaciones que nos gusten.

Por último solo queda descargar el logo en formato PNG y usarlo donde queramos.

Herramienta gratuita para diseñar banners online y sin conocimientos

Banner Maker

Los banners siempre están vigentes de hace años y supongo que lo seguirán estando por muchos años más, o hasta que alguien invente un sistema que nos inserte la publicidad directamente en el cerebro al mejor estilo notificaciones push (?).

El problema viene cuando tenemos que diseñar un banner y no tenemos ningún programa para ello o carecemos de los conocimientos de diseño necesarios. Para estos casos les quiero recomendar una aplicación web muy buena llamada Fotor Banner Maker, la cual nos permite diseñar banners online de manera sencilla y sin ningún tipo de conocimiento de edición de imágenes.

Su uso es tan simple como entrar al sitio, elegir el tamaño del banner que queremos crear y comenzar con la personalización. Allí podrán elegir una imagen de fondo, la cual podrán subirla desde facebook, desde su equipo o usar alguna imagen de la web. También se puede agregar texto en colores y formatos que queramos.

Enlace: Banner Maker

Visto en Soft&Apps

UICloud: Más de 1200 kits de interfaces gráficas gratis

En internet existen todo tipo de recursos gratuitos que hacen la tarea de los diseñadores y programadores mucho más simple, y un claro ejemplo de ello es UICloud, un buscador que nos permite buscar y descargar interfaces gráficas para usar en cualquier tipo de proyecto.

Hasta el momento de la publicación de este post, y como pueden ver en la captura de arriba, tienen disponibles más de 46 mil elementos gráficos y más de 1200 kits completos de interfaces gráficas.

UICloud

Sobre el funcionamiento no hay que decir mucho, es un simple buscador que, con solo ingresar una palabra clave, nos mostrará todos los resultados disponibles de manera muy visual y cómoda para el usuario.

Por ejemplo, si están buscando barras de progreso o botones de descarga pueden encontrar miles de alternativas y luego descargarlas gratis para sus proyectos.

UICloud

Visto en Nerdilandia

Curso gratuito de creación y retoque de imágenes con GIMP

gimp_logoNo todo es Photoshop en la vida, también existe su hermano open source llamado GIMP, y para este sector de usuarios les quiero dejar este genial curso de creación y retoque de imágenes con software libre (GIMP).

Se trata de un curso completamente gratuito que se hace online y consta de 9 módulos:

Modulo 1. Instalación y arranque
Módulo 2. Nueva imagen y herramientas
Módulo 3. Otras operaciones comunes
Módulo 4. Los textos y las capas
Módulo 5. Máscaras y selecciones
Módulo 6. Los colores
Módulo 7. Los filtros I
Módulo 8. Los filtros II
Módulo 9. Otros filtros y Script-Fu

Este curso comienza hoy 2 de septiembre y se completa en 9 semanas (27 horas de estudio).

A continuación les dejo el video de presentación del curso:

Para hacer este curso tienen que entrar en este sitio, registrarse y listo!

Script para exportar vectores de Photoshop a SVG con un click

Este recurso que les quiero dejar es la joyita del día para los diseñadores, se trata de un genial script que nos permite exportar vectores de Photoshop a SVG con un simple click, algo que nos ahorra muchísimo tiempo y nos permite tener un formato más flexible a la hora de usarlo en nuestros diseños.

plugin exportar vectores PS a SVG

Requerimientos:
Sistema operativo: Windows o OS X.
Photoshop CS5, CS6 o CC.
Adobe Illustrator

Este script es 100% gratuito y lo pueden descargar desde el siguiente enlace, sin embargo tendrán que poner su mail para suscribirse a un newsletter de diseño. Tienen dos opciones: Ponen un mail temporal, o sino se desuscriben luego.

Enlace: Export PS Layers to SVG script

Visto en Kabytes

Canva, herramienta para diseñar folletos, tarjetas, pósters y todo tipo de gráficos online

Cuando uno necesita algún folleto, banner, tarjeta de presentación, o cualquier cosa que requiera de diseño gráfico, siempre tiene que recurrir a algún profesional que le haga el trabajo. Esto puede ser porque nosotros no tenemos conocimientos o tiempo para realizarlo, pero hoy les quiero comentar sobre una herramienta genial llamada Canva, la cual nos permite hacer todo tipo de tareas de diseño gráfico sin tener conocimientos, todo online y gratis.

Básicamente se trata de una herramienta web que está pensada para personas que necesitan hacer folletos promocionales, invitaciones, tarjetas de presentación, o cualquier tipo de material gráfico y no tienen absolutamente nada de conocimientos de diseño. Si miran en la captura de abajo verán que la interfaz del sitio es muy simple.

Canva

El primer paso es elegir qué tipo de material vamos a realizar, allí hay documentos A4, presentaciones, gráficos para blogs, portadas para Facebook, gráficos para social media, tarjetas, collages de fotos, pósters, invitaciones, tarjetas de presentación, e incluso hay una opción para que nosotros especifiquemos el tamaño del lienzo.

Una vez hecho eso se cargarán las plantillas predefinidas, las cuales pueden ser editadas completamente en cuando a textos, gráficos, y muchas cosas más. Además hay un stock gigantezco de gráficos listos para ser arrastrados al lienzo y editados como más nos guste.

Por otro lado, y aquí es donde viene el modelo de negocios de la herramienta, nos venden imágenes de stock a precios muy accesibles.

Enlace: Canva

Todos los mouse de Apple hechos con CSS

Este es otro post mostrándoles las capacidades de la nueva versión de CSS3, en esta oportunidad les traigo todos los modelos del Magic Mouse de Apple, desde el Macintosh Mouse lanzado en 1986 hasta el relativamente nuevo Apple Magic Mouse, todos, absolutamente todos creados con solo CSS3.

Los resultados son increíbles, muy increíbles, y no es porque sean de Apple, no, si no por todos los detalles tan bien logrados en todas las versiones, desde el cable, los colores, las sombras, el bixel de los mouse, es increíble, y todo esto realizado solo con CSS.

A continuación algunos ejemplos para que se hagan una idea de lo que les hablo:

3Magicmouse 2Magicmouse Magicmouse

Pueden ver la galería completa en Apple Mice

Espectacular reinvenciones de los posters de ‘Alien’, ‘Iron Man’, ‘Robocop’ y otros más

El escritor e historiador de música y películas Matthew Chojnacki lanzará próximamente su segundo libro ‘Alternative Movie Posters: Film Art from the Underground’ un libro único que recopila más de 200 posters cuidadosamente seleccionados, un proyecto colaborativo en el que participaron más de 100 artistas de más de 20 nacionalidades diferentes.

El objetivo del libro describe que un mundo donde las posibilidades de crear elementos gráficas increíbles, en donde los posters tratan simplemente de una toma del protagonista o algo similar el verdadero propósito del poster se ha perdido, por ello decidió llevar a cabo este proyecto y reunir a diseñadores del mundo para reinventar los posters de las películas, recuperar el arte que tenían originalmente y revivir su propósito en la industria del cine.

A continuación una pequeña muestra de los posters que se encuentra en el libro:

Alien_-_Godmachine_large_verge_super_wide Bambi_-_Rowan-Stocks_Moore_verge_super_wide beetlejuice_separations Blade_Runner_-_Kako_and_Carlos_Bela_verge_super_wide Iron_Man_-_Jesse_Philips_verge_super_wide Labyrinth_-_Joshua_Gilbert_verge_super_wide Life_Aquatic_-_Joshua_Budich_verge_super_wide Robocop_-_Tim_Doyle_verge_super_wide

Increíbles, ¿No les parece?

Vía: TheVerge

Más información sobre el libro.

Concepto de Mac OS basado en iOS 7

 

 

La nueva versión del sistema operativo movil de Apple trajo consigo cambios radicales en el look and feel del sistema, cambió de la texturas y grises metalizados a la simplicidad de texto puesto sin ningún borde, sombra o botón, un cambio que muchos estaban esperando con desesperación y otros en cambio, todavía niegan a reconocer que sucedió.

Por otro lado, el sistema operativo de los computadores no ha cambiado, todavía (?), y esperemos que no lo haga tan drásticamente como su homólogo móvil, pero, ¿Cómo sería Mac OS si tuviera la interfaz y el diseño de iOS 7? Se vería similar a las siguientes capturas de pantalla creadas por un artista de Behance.

a525862d1fb7ad4292d03ebe6d043dba

28e5fa94268dd92866c2301f7d1a56c1bdce1c41609740cc27ff6cdfe99672bb0510fd16ec4e4cbaab7e7e070fee4cdafc41bbb443f89a7945d38954437c2a03

 

0af861b4e06e10f7e756b05fedaa668f93259a6bee87d4cb08393842e33ec8b3

 

Debemos aceptar que se vería genial, ¿No les parece? muy sencillo, pero lleno de color y de vida, aunque todavía demasiado plano para mi gusto.

¿A ustedes cómo les parece, utilizarían un sistema operativo con este diseño?

The Next Mac OS