Categorías
Uncategorized

6 pasos para crear un excelente sitio web para portafolio online

ProSite Portfolio por Adam Jesberger

Como el jefe de diseño de Behance, pocas personas son mejores para identificar una gran portafolio que Matías Corea. Al ser jurado en concursos en busca de nuevos talentos y haber realizado investigación en diseño para Behance, ha revisado miles de portafolios creativos en la web.

Para tener una idea sobre lo que funciona (y lo que no) cuando se trata de exhibir el trabajo creativo en línea, Matías comparte con nosotros sus observaciones y estos seis sencillos consejos para construir un excelente portafolio online:

1. Escoge tus mejores trabajos

Tómate el tiempo para mirar todos tus trabajos y elegir cuidadosamente las piezas correctas para tu portafolio. Un consejo es mostrar siempre el tipo de trabajo que quieres hacer en el futuro. Muestra sólo los proyectos de los que estás realmente orgulloso, los que se ven mejor y en los que usaste los mejores materiales. Escoge al menos cinco proyectos para que puedas mostrar la variedad de tu trabajo, pero se selectivo. Recuerda que siempre es mejor tener un portafolio con pocos proyectos que son impresionantes en lugar de mostrar decenas de proyectos que están simplemente bien. La calidad de tu portafolio es sólo tan bueno como tu proyecto más débil.

Siempre muestra el tipo de trabajo que quieres hacer en el futuro.

2. Usa imágenes llamativas y comparte la historia de cada trabajo

Ahora que has editado el trabajo que deseas mostrar, empieza a analizar cada proyecto y pensar en cómo puedes presentarlo mejor. A los visitantes les gusta saber la historia detrás de tu obra terminada, así que piensa en la presentación del proceso – desde el concepto inicial y los primeros bocetos hasta el producto final. Una buena regla general es presentar toda la pieza primero seguida de imágenes más detalladas para mostrar la precisión de tu arte. La fotografía estilizada es un buen toque, siempre y cuando no se distraiga de la obra misma.

Matías: «En primer lugar, contextualiza el proyecto con un breve párrafo. Añade un título que tenga sentido y que de una idea de lo que se trata el proyecto. Procura que sea una lectura rápida – lo necesario para que el usuario le eche un vistazo y entienda de qué se trata. El título, un breve párrafo y la primera imagen debe llamar la atención lo suficiente como para hacer que la gente quiera ver todo el proyecto».

NOVUM 11/11 por Paperlux

Written Portraits por Van Wanten Etcetera

 Citroën DS Line Book por Laurent Nivalle

Una vez que hayas decidido cómo cuadrar y explicar tu proyecto, enfócate en buscar imágenes perfectas u otra multimedia para presentar el proyecto, empezando por una imagen de portada. «Si estás usando imágenes de portada para presentar tus proyectos en una galería, es importante que esa imagen esté hecha a mano», dice Matías. «La cubierta no tiene que ser exactamente una imagen del interior de tu proyecto – puedes personalizar el diseño de la cubierta si el proyecto lo requiere. Por ejemplo, sólo quieres mostrar texto. Unifica el aspecto de tus imágenes de portada tanto como sea posible».

3. Mantén el diseño del sitio web simple y deja que los trabajos sean el centro de atención.

Cuando diseñas un portafolio, quieres un sitio web que sea sencillo. Quieres que el contenido sea el punto focal en lugar de un diseño que distraiga.

«Tu sitio web es un vehículo para que la gente encuentre tu trabajo», dice Matías. «No quieres que el sitio web sea demasiado llamativo o poco convencional – que hará que sea más difícil el acceso al contenido. No es que yo prefiera diseños minimalistas – es cuestión de crear el entorno visual que necesitas para mostrar tu trabajo con mayor eficacia. La simplicidad de la interfaz y el diseño visual de tu sitio web impulsará tu trabajo a la superficie, donde debe estar».

Esto significa una navegación sencilla y sólo la cantidad necesaria de secciones en el sitio web. «¿Tener una galería de trabajos y una página de contacto? Eso un gran sitio web de portafolio online».

La simplicidad en la interfaz y el diseño visual de tu sitio web impulsará tu trabajo a la superficie.

Cuando se trata de la personalización, Matías aconseja que sea algo sencillo – escoge una fuente y mantén las cosas consistentes. «Usar una fuente y apegarse a ella te hará la vida más fácil. Elige un color para cada estado de enlace en el sitio».

 iancrombie.net hecho en ProSite

4. Elabora una biografía que exprese tu proceso y/o punto de vista.

Personaliza tu página «Acerca de» para contar tu historia, no sólo una lista de tus trabajos anteriores. Aquí están algunos indicadores claves para reinventar tu currículum como una biografía convincente:

  • Comparte un punto de vista. Como creativo, tienes tu propia perspectiva en tu industria y el mundo creativo. Construye tu biografía con tu propio enfoque creativo.
  • Crea una historia de origen. Comparte la historia de fondo de cómo desarrollaste tu punto de vista. ¿Tuviste una experiencia cuando niño o temprano en tu carrera que te lleva a perseguir una pasión o seguir una dirección creativa?
  • Da a conocer tu experiencia usando detalles exteriores. Asegura tu biografía con detalles que demuestren tus conexiones a través del mundo creativo. Piensa en clientes importantes, prensa o publicaciones.
  • Se accesible. Redondea tu historia con algunas curiosidades personales. ¿Tienes alguna afición o interés que te obsesione? Comparte algunos datos para mantener tu biografía accesible y relevante.

Personaliza tu página «Acerca de» para contar tu historia, no sólo una lista de tus trabajos anteriores.

5.  Añade elementos distintivos (por ejemplo, premios, tu blog), y difunde tu trabajo.

Ahora que tienes todo lo necesario, considera otros elementos distintivos que se pueden incluir para darte una ventaja.

  • Menciona premios. Si tienes menciones en prensa o premios, inclúyelos.
  • Invita a contactarte. Si estás buscando para ser freelance o un contrato laboral, considera usar un formulario de contacto en tu portafolio. Los formularios de Wufoo o JotForm te permiten personalizar los campos para que puedas pedir toda la información que necesitas primero, al igual que las expectativas de presupuesto y línea de tiempo.
  • Haz que compartir sea fácil. Incluyendo botones para compartir tu trabajo en las redes sociales (por ejemplo, Twitter, Facebook, Google+) puede ayudarte a traer más exposición y más público a tu sitio. Promueve tu trabajo en las redes sociales cada vez que agregues nuevos proyectos para llamar la atención sobre el trabajo actualizado así como tu portafolio en general.
  • Incluye tu blog. Si tienes un blog que actualizas con frecuencia y que también representa donde te encuentras profesionalmente o agrega valor a lo que eres, inclúyelo. Matías aconseja: «Un blog tiene que añadir algo a tu sitio – de lo contrario, olvídate de él.»

6. Mantén tu portafolio actualizado.

Ten en cuenta que tu trabajo no termina sólo con la creación de un excelente portafolio. También querrás actualizarlo periódicamente. Los mejores portafolios nunca están estáticos. A medida que creas nuevos y mejores trabajos, asegúrate de hacer adiciones para mostrar tus últimos proyectos. siempre con el mismo enfoque.

Por supuesto, te invito a que explores mi portafolio en Behance y crees tu portafolio en línea.

Lo  vi en 99u.com

Categorías
Uncategorized

Pinceles de vectores de trazos de pincel para Illustrator

Este conjunto gratuito de pinceles de vectores de trazos de pincel contiene 24 gráficos vectoriales y una biblioteca completa de pinceles para Illustrator. Fueron hechos manualmente con trazos secos de pintura y luego los resultados fueron escaneados y vectorizados para crear recursos de vectores útiles. Este tipo de pinceles son ideales para crear efectos auténticos de pintura a mano en tus obras de arte. Aplícalos con la herramienta Pincel para crear rápidamente texturas a mano alzada y sombras en tus ilustraciones.

Descarga los pinceles de vectores con forma de trazos de pinceles para illustrator | 2mb

Categorías
Uncategorized

Pinceles de cadenas para Photoshop

Una cadena está formada por una serie de enlaces conectados por lo general hechos de metal. Varían en longitud, tamaños y formas como forma ovalada, forma cuadrada y más. Desde la era industrial hasta la actualidad, las cadenas han demostrado ser útiles en diversas formas; desde ser utilizadas en vehículos tales como cables de anclaje, bicicletas, motocicletas, hasta accesorios como collares y pulseras, para nombrar unos pocos. No sólo eso, hoy vamos a ver otro uso de cadenas en el mundo del diseño a través de estos pinceles de Photoshop.

Para los diseñadores que buscan expandir sus recursos o para aquellos que están buscando específicamente unos pinceles de Photoshop para utilizar en su diseño, esto es para ustedes. He encontrado estos excelentes pinceles de cadenas para tu arsenal de Photoshop. Desplázate hacia abajo y encuentra tu favorito en esta colección. Éstos son absolutamente gratis para descargar, de manera que sigue adelante y agarra los que necesites!

Enlace: Pinceles de cadenas para Photoshop

Categorías
Uncategorized

Pinceles de dulces gratis para Photoshop

Bombones para San Valentín, Dulces para Navidad, Helado para el verano, y mucho más! Todos los días del año podemos disfrutar de estas delicias dulces que se adaptan a las estaciones y celebraciones – que incluye a artistas y diseñadores también. No es de extrañar por eso que muchos lo aman (y se les hace agua la boca) cuando ven diseños dulces que tiene imágenes de caramelos y helados. Si estás planeando crear uno para ti, entonces puedo realmente ayudarte con eso.

Hoy quiero compartir contigo esta colección de pinceles de dulces deliciosos, así como otros pinceles de dulces que se pueden descargar y aplicar en tu diseño con temática de dulces. Lo que lo hace aún más dulce es que son todos de forma gratuita, así que adelante y disfruta navegando. Echa un vistazo a algunos de los geniales recursos abajo y tal vez encuentres los pinceles adecuados para tu diseño. Que los disfrutes!

Enlace: Pinceles de dulces gratis para Photoshop

Categorías
Uncategorized

Fuentes de escritura a mano gratis



Las palabras pueden ser uno de los elementos más poderosos en un diseño. También se puede amplificar dependiendo del tipo de letra que se utiliza. Las fuentes juegan un papel importante en los trabajos de diseño de los diseñadores, novatos y profesionales por igual. Sin embargo, con los enormemente numerosos estilos de fuente disponibles hoy en día podría llevar mucho tiempo la búsqueda de estilos de fuente de alta calidad que se adapten mejor a nuestros diseños.

Hoy he encontrado estas grandiosas fuentes de escritura a mano gratis para tus diseños personalizados. Con estos recursos adicionales, puedes ganar más flexibilidad en tus diseños. Todos estas fuentes son libres para descargar así que diviértete escogiendo la que más te guste! Echa un vistazo y elije el tipo de letra más adecuado para tu diseño.

También puedes echar un vistazo a las últimas colecciones de fuentes:
Enlace | Fuentes de escritura a mano gratis
Categorías
Uncategorized

Texto 3D en Photoshop estilo Super Mario Bros

Hoy aprenderemos a crear un texto con efecto 3d en Photoshop inspirado por el videojuego clásico Super Mario. Crearemos un texto de plástico con estilo cartoon en sólo unos simples pasos usando este generador de acciones 3D de Photoshop para crear el efecto 3D con sólo un clic. Puedes personalizar el texto de plástico como desees añadiendo otros estilos de capa, cambiando el color, etc.

Detalles del tutorial:

Programa: Adobe Photoshop CS5 o superior
Dificultad: Principiante

1. Crea un nuevo archivo. Ve a Archivo > Nuevo y crea un archivo de 900 x 900 pixeles.



1.1. Ahora debes descargar la fuente de Super Mario y aprender cómo instalar fuentes en Photoshop. Escribe un texto simple. Yo usaré 3 capas de texto para escribir SÚPER GURÚ GRÁFICO :D; verás que tendrás que crear el efecto para cada capa de texto individualmente.

2. Haz cada letra de un color diferente; usa tonos brillantes de amarillo, azul, verde, etc.

3. Ahora tendrás que trabajar cada capa de texto individualmente y añadir los siguientes estilos de capa. Por favor remueve la capa negra del fondo antes de seguir con el siguiente paso. Haz click derecho sobre la Capa Texto y Convertir en objeto inteligente.

4. Duplica el objeto inteligente dos veces y añade los siguientes estilos de capa a cada una de las capas. A la primer copia de la capa de Objeto Inteligente le añades un Trazo de 20px usando un color gris oscuro (#252525).

5. A la segunda copia de la capa de Objeto inteligente le añades un estilo de capa utilizando Sombra Paralela y Bisel y Relieve con los siguientes valores.

6. Selecciona las dos capas y conviértelas en un nuevo Objeto inteligente. Ve al sitio web actionsforphotoshop.com, descarga gratis este generador de texto 3D para Photoshop y utiliza la primer acción de este paquete.

7. El resultado debería verse similar a este; tendrás que hacer algunos pequeños ajustes para que se vea como un efecto de texto plástico.

8. Primero tienes que remover la capa del fondo; ahora ve a la primer capa llamada «www.psd-dude.com 3d effect», oculta el efecto Color Overlay y modifica el estilo de Bisel y Relieve como te muestro en la imagen:

9. Haz click derecho sobre esta capa y escoge Copiar estilo de capa y ve a la última capa llamada «www.psd-dude.com», haz clic derecho y Pegar estilo de capa; usa la Herramienta Mover para mover esta capa a la izquierda y arriba como se ve en la siguiente imagen:

10. Haz lo mismo con las otras capas de texto si tienes múltiples capas de texto como yo. Para hacer el proceso más fácil puedes duplicar este grupo en un nuevo Archivo PSD y simplemente abre los objetos inteligentes y escribe el nuevo texto; después de eso puedes copiar el grupo de vuelta al archivo original.

11. Para los detalles finales puedes crear dos capas y con la Herramienta Pincel y color negro, pinta un sombra para cada texto; así que aquí está el resultado final de este efecto de texto de plástico con estilo cartoon inspirado en la plataforma de videojuegos Super Mario. Espero que hayas disfrutado este tutorial.

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | 3D Super Mario Plastic Text in Photoshop

Categorías
Uncategorized

Fundamentos de Branding | Cómo crear una marca eficaz para tu empresa

El desarrollo de la marca debe consistir en una marca fuerte e identificable que resuene con tu cliente, que se entregue de formas fiables y acertadas. El cliente de hoy quiere estar vinculado y comprometido. Es necesaria la distribución persistente y accesibilidad de la información creada por móvil y social. Tu marca está, o puede estar, en todos los lugares. Un desarrollo de marca exitoso se define por la experiencia positiva del consumidor.

El desarrollo de la marca se trata de cómo los consumidores y clientes potenciales se sienten cuando compran tu producto o servicio y lo que piensan cuando oyen tu nombre o ven tu logotipo. En consecuencia, la marca es una de las tareas más importantes que una pequeña empresa puede hacer ya que podría ser el punto de inflexión entre ganar y perder ventas. Al mantener estas sencillas pautas en cuenta, puedes incorporar la creación de marca en cada uno de los aspectos de operación de tu negocio o empresa.

Lo vi en Design You Trust

Categorías
Uncategorized

Making of de «El oso y la liebre» (The Bear & The Hare)

Para el anuncio de navidad de John Lewis llamado El oso y la liebre (The Bear & The Hare), los directores Elliot Dear e Yves Geleyn de Hornet y Blinkink respectivamente, tomaron los dos procesos de animación más tradicionales y consagrados – El stopmotion y la animación 2d tradicional dibujada a mano – y las han combinado para crear algo innovador y único.

Su objetivo era hacer casi todo a puerta cerrada, con iluminación real, la lente y el arte cinematográfico para construir un mundo el en que el público puede ver y sentir el minucioso trabajo detrás de él. La interacción física de la animación 2d junto a las imperfecciones humanas inherentes en el proceso, dieron lugar a la creación de una pieza hecha a mano llena de corazón e integridad.

 

Puedes ver el anuncio completo aquí: The Bear & The Hare

Lo vi en CGMeetup

Categorías
Uncategorized

Tutorial Adobe Illustrator: Cómo hacer un pájaro de papel en 3d con figuras geométricas

En este tutorial veremos cómo crear una ilustración vectorial de un pájaro de papel en 3D mediante la elaboración y modificación de formas geométricas en Adobe Illustrator. A partir de un boceto podemos crear un pájaro de papel con efecto 3D y utilizar los degradados para agregar una apariencia de profundidad a nuestra ilustración.

Enlace al tutorial: Cómo hacer un pájaro de origami en 3d con figuras geométricas

Categorías
Uncategorized

Diseños de logos de animales

El diseño de identidades visuales y logotipos tiene que ver con la simplificación de la forma hasta obtener los elementos básicos que representan la forma. Hay varias maneras de hacerlo, y es bastante común tratar de crear geometrías básicas para simplificar un icono a su forma más pura. Tom Anders Watkins tiene un gran proyecto que ilustra este proceso llamado Animal Logos Vol. 1.

Un proyecto predominantemente personal, explorando las maneras en las que los logotipos se pueden formar utilizando sólo formas básicas y técnicas minimalistas. 

Para más información visita https://www.behance.net/tomanders donde podrás ver algunos ejemplos de diseños de logos de animales.

Lo vi en http://abduzeedo.com/animal-logos-construction