martes, 30 de noviembre de 2010

15 formas de buscar tus imagenes

Cualquier diseñador siempre está buscando imágenes para utilizar en sus proyectos, y es bueno tener varias opciones en donde encontrarlas. En Quick Online Tips, hay una lista de 15 sitios para buscar tus imágenes de calidad.

Codigos para tu Web

En Snipplr vas a encontrar muchísimos códigos de todo tipo para incluir en tu web. Poseen códigos Javascript, Html, PHP, Css y mas, listos para copiar y pegar en donde quieras. Realmente útil para el que no sepa mucho y quiera lograr efectos o accesibilidad en su sitio.

Tutorial, imagen quebrandose

En el blog de Diego Mattei el autor nos explica como lograr el excelente efecto de una imagen “quebrandose” por medio del Photoshop partiendo de la imagen de un pared y la foto de una persona.

lunes, 29 de noviembre de 2010

Recursos para Ilustrador y Photoshop

CreateSk8 es un sitio web en el cual encontraremos numeroso recursos para utilizar en Illustrator y en Photoshop. Tienen motivos, vectores y brochas de excelente calidad. Entre estos recursos veremos vectores en forma de flores, brochas con estilo “camuflaje”, motivos florales y orientales, y cantidad de utilidades para nuestros programas de diseño de cabecera.
Les recomiendo pasar por su sección dedicada a los tutoriales, donde aprenderemos a trabajar con símbolos y utilizar sus diseños en diferentes formas, y por la lista de recursos, en donde veremos una recopilación de interesantes páginas web dedicadas al diseño con diferentes utilidades en ellas.

Transforma tu PSD en CSS

Una herramienta útil para cualquier desarrollador web, es un sitio online en el cual transformar tu archivo PSD en código CSS. Ahora es posible mediante Psd2Css, un sitio que pasa tu diseño a código CSS automáticamente. Simplemente usas el Photoshop, el Gimp o el programa que uses para armar el diseño de tu nuevo proyecto, lo subes en donde dice: “Upload you PSD”, y te brindará el archivo HTML y sus imágenes. Así de simple y rápido. Tiene como restricción un peso de archivo de 4MB para usuarios no registrados y 8MB para quienes lo estén. Obviamente, si el archivo es pesado, va a tardarse mas que uno liviano, pero funcionar, funciona y puede ahorrarnos mucho tiempo.

50 Efectos de texto para realizar en Photoshop

Vandelay Design es un excelente sitio de diseño gráfico, que muchos de nosotros visitamos asiduamente. En esta oportunidad, nos presenta una genial recopilación de cincuenta efectos de texto útiles para cualquier tipo de diseño, con terminación absolutamente profesional.
Entre los tutoriales, vamos a aprender a crear efectos estilo meteorito, vidrio, neón, explosivo, cómic, líquido y pixelado, entre otros. Los tutoriales son de diversa dificultad, pero ninguno resulta imposible para quien no tenga una mínima noción sobre el programa. Uno de esos sitios que deben quedar en nuestros favoritos para utilizar con cualquier nuevo proyecto que estemos iniciando, para lograr un texto de cabecera acorde al tema de la web.

domingo, 28 de noviembre de 2010

JotForm, arma tu formulario en línea

JotForm te permite crear fácilmente un formulario para tu web. Simplemente arrastras los atributos y campos que quieres que tenga, los acomodas, y lo tienes listo para guardar y publicar en tu sitio o blog. También puedes optar por usar uno ya armado, teniendo cuatro para elegir y, obviamente, te deja ver como va quedando, haciendo click en “preview”.

Cómo hacer una persona invisible con Photoshop

A veces nos olvidamos de también explicar cosas para usuarios que recién estén comenzando a usar Photoshop. Uno de los efectos mas utilizados que necesarios para todos, es lograr la invisibilidad. O sea crear un objeto o persona que se vea invisible.
Realmente no es algo complicado, así que si no saben cómo hacerlo les recomiendo que visiten el tutorial que publicaron en TutorialsPalace donde nos explican cómo hacer invisible a una persona. Para esto vamos a necesitar una imagen que nos brindan en el mismo lugar y comenzar repitiendo básicamente los mismos pasos con todos los elementos que deseamos borrar. Sí les aviso que es una tarea que necesita paciencia para no borrar nada equivocado y que el resultado se vea extraño.

Cómo manipular un ojo con Photoshop

Una de las principales cosas que debemos saber hacer si nos interesa la foto-manipulación, es manipular un ojo, poder darle diferentes efectos que no tiene la imagen original. Por ejemplo, maquillaje, cambiar de color, hacerlo ver como de un zombie o con aspecto ms diabólico.
Justamente esto último nos van a enseñar en PhotoshopStar, y para realizarlo vamos a necesitar por supuesto una fotografía con un ojo en primero plano, que pueden descargar al comienzo del tutorial sin problemas haciendo click derecho en la imagen.
No es para nada complicado, y de paso aprenderemos a llevarnos bien con algunas herramientas indispensables del programa, así que si son usuarios principiantes, les recomiendo hacerlo.

jueves, 25 de noviembre de 2010

50 sitios con vectores

¿Por que nos gustan tanto los vectores? por que casi no tienen problemas de resolución. Uno puede cambiar sus tamaños sin preocuparse por perder definición en la misma. Son excelentes para publicidades gráficas, animaciones flash y banners profesionales.
Si te encuentras buscando este tipo de imágenes para tu nuevo proyecto, ya sea iconos, banners, dibujos, etc, puedes darte una vuelta por Hongkiat, y ver la nueva colección de 50 sitios de donde descargar vectores, por supuesto en forma gratuita.
Entre los sitios listados está VectorVault, Bittbox, Creativos Online y Dragonartz, sitios que nos tienen acostumbrados a brindarnos recursos de excelente calidad y prácticamente en forma diaria. Así que la verdad que la recopilación no tiene desperdicio.

70 tutoriales de retoque fotográfico

Por estos días, finalmente tengo una cámara digital. Y obviamente aparte de sacarle fotos a cualquier cosa, me la pasé buscando tutoriales de retoque y foto-manipulación. En el camino me encontré con esta recopilación de Smashing Magazine con 70 excelentes tutoriales de retoque fotográfico.
La lista no esta solo dirigida a los mas experimentados, sino que también nos enseña las cosas básicas, como alisar la piel de una modelo, o remover lunares e imperfecciones.
Aprender estas técnicas si eres diseñador y tienes una cámara digital es importante. Hoy en una día una de las ramas mas importantes del diseño es el retoque fotográfico y la foto-manipulación. Así que si estás comenzando, te aconsejo que hagas como yo, y te animes a entrar al mundo combinado de las fotos y el Photoshop, a ver que tenemos por descubrir, que siempre hay algo

Tutorial de belleza en Photoshop

Cuando eres diseñador, ya sea profesionalmente o por gusto (o los dos), tarde o temprano quieres una cámara digital para poder retocar tus propias fotografías. Uno de los primeros pasos es aprender a embellecer las imágenes en las cuales se retrata a una persona. Quitar lunares, marcas, estilizar la piel, y ese tipo de cosas.
Ya sabemos que Deviantart esta lleno de excelentes diseñadores. Y uno de ellos decidió crear un tutorial para comentar su propia técnica para hacer nuestras fotos, mas lindas aún. El tutorial es para verse una vez descargado, pero vale la pena. Practiquen y con el tiempo van a ver como en pocos pasos y con poco tiempo sus fotografías “normales” pasan a ser fotos dignas de un artista.

Excelente colección de texturas gratuitas

Cuando estamos diseñando, en mas de una oportunidad salimos en busca de texturas de buena calidad. Esto puede llevarnos un buen tiempo. Incluso buscando en Google no puedes asegurarte de encontrar las mejores texturas gratuitas. Por este motivo, Beeex creó una indispensable lista de motivos y texturas gratuitas, todas de excelente calidad, para que descargues y utilices en tus proyectos.
Como siempre es recomendable revisar la licencia de la textura que vayamos a utilizar. Todos son gratuitos, y la gran mayoría permite usos comerciales, pero algunos te piden un link a cambio. Encontrarás las licencias en la pagina de descarga de cada recurso.
En la recopilación encontraras texturas y motivos de todo tipo, entre ellas madera, papel, roca, cabello y líneas. Por otro lado, al final de artículo veremos (como si todo esto fuera poco) sitios con generadores de texturas, en los que mediante ciertas opciones crearas tus propios recursos.

36 Sitios para buscar tipografias

Uno de los momentos que pueden llegar a ser molestos a la hora de diseñar es buscar un recurso. Uno puede pasar horas hasta encontrar el indicado. Sobre todo tratándose de una tipografía, que es algo tan central de la imagen y que puede hundirla o hacerla ver excelente.
En el sitio Dzineblog publicaron un artículo que seguramente nos va a ayudar mucho en esos momentos. Una recopilación de 36 sitios para buscar tipografías. Todas gratuitas, incluyendo algunas recopilaciones armadas en otros blogs para tener mas lugares que recorrer. De seguro vas a pasar una de esas tardes en las que descargas cantidades de fuentes prometiéndote que vas a utilizarlas algún día. Y es que uno no se cansa de seguir sumando diferentes estilos de letras a su colección

Tutorial, crea un grafitti realista

Un nuevo tutorial de Naldz Graphics nos va a enseñar a crear un grafitti realista sobre una pared. Conoceremos un poco mas sobre el punto de fuga, la clonación y los desplazamientos. Así que resulta sumamente útil para practicar estas técnicas.
Para comenzar necesitaremos una imagen de una pared con buena calidad, si no andamos con ganas de buscar y simplemente queremos aprender, podremos descargar la misma que utilizaron durante eltutorial . Mejoraremos un poco su brillo y contraste, y nos centraremos en eliminar la escoba que puede verse sobre la pared. Para esto utilizaremos el punto de fuga y la clonación, la misma herramienta muchas veces implementada en el retoque de retratos. Ahora tendremos limpio nuestro muro.
Continuamos dibujando una cara y colocando el texto del grafitti que deseemos. Solo queda cambiar su perspectiva para que se acople al muro y modificar ciertos efectos de capa para darle mas realismo.

Tutorial, círculos estilo “Pop Art” en Photoshop

Excelente tutorial el que me encuentro en PinkZAP. A todos nos gusta el estilo Pop, muy utilizado en el diseño y que siempre da un acabado espectacular a nuestros proyectos. Hoy vamos a aprender a crear una imagen con este estilo, basada en “pixeles circulares“, obteniendo un resultado muy atractivo para tener en cuenta en nuestro nuevo proyecto.
Abriremos la imagen y le aplicaremos el filtro de pixeles “mosaico”, para transformarla en una imagen pixelada. Abriremos un nuevo documento en el cual dibujaremos un círculo del tamaño que deseemos para crear un motivo personalizado. Volveremos a nuestra imagen original y luego de crear una nueva capa e implementar ciertos estilos, aplicaremos nuestro reciente motivo para obtener finalmente (y en pocos pasos) nuestro diseño.

Como crear una foto-manipulación en Photoshop

Todos quieren aprender a crear foto-manipulaciones, y no es para menos. Son realmente atractivas, y parte importante para un diseñador. Siempre hay que conocer nuevas técnicas para crearlas, y Psd Learning nos va ayudar con su tutorial en el cual explican como crear una foto-manipulación con colores brillantes.
Para comenzar necesitamos dos imágenes. Podemos utilizar las que fueron empleadas durante el tutorial, o elegir dos diferentes, pero deberemos extraerles el fondo si optamos por la segunda opción. Una vez ubicadas, con la herramienta de pluma dibujaremos lineas uniendo las imágenes, a las que le aplicaremos una brocha para lograr un efecto de “goteo”. Agregamos los colores y repetimos algunas veces creando diferentes formas con la pluma. A partir de acá, la idea es que usemos la creatividad. Podemos sumar diferentes brochas a las lineas, siempre con cuidado de que no se saturen, así las protagonistas siguen siendo lasimágenes principales. Para el fondo podemos utilizar una textura que nos ofrecen en el tutorial y tenemos listo el diseño.

10 brochas que todo diseñador deve tener

10brochas 10 brochas que todo diseñador debe tener
Hay ciertos tipos de brochas para Photoshop que no pueden faltar un nuestra colección. Por ejemplo, siempre hay que tener pinceles inspirados en luces, que pueden adaptarse a infinidad de proyectos. Sin embargo, quizás un paquete de brochas basadas en personajes de Tv si bien pueden quedar bien en cierto proyecto, no son necesariamente un punto importante en nuestro trabajo.
En el sitio 2 Experts Design saben esto, y nos brindan una pequeña colección con 10 brochas para Photoshop que todo diseñador debe tener en su lista, que mas allá de ser simples y con hermosas formas, se acoplan a gran cantidad de diseños gracias a sus variantes, y a nuestra imaginación a la hora de cambiar sus opciones.
La lista incluye brochas de aerosol, pintura, curvas, humo, luces y estilo “grunge".

30 efectos de texto en Photoshop

Navegando por la red podemos encontrar millones de tutoriales para Photoshop. Pero claro, encontrar tutoriales de calidad no es lo mismo. Si bien cada vez hay mas, seguramente porque cada vez es mayor la cantidad de gente que se dedica a esto, siempre es bueno saber donde encontrar rápidamente buenas explicaciones.
En Six Revisions recopilaron 30 excelentes tutoriales para lograr los mejores efectos de texto en Photoshop. Todos tomados de sitios referentes en este tema, como PsdTuts, PsHero y Abduzeedo, o sea que la calidad esta garantizada. Visita recomendada, mas de uno de estos ejemplos quedarían muy bien en alguna cabecera.

miércoles, 24 de noviembre de 2010

35 Tipografias Gratuitas

En el blog de Francesco Mugnai el autor suele sorprendernos con excelentes recursos, sean recopilaciones o no. Uno siempre sabe que va a encontrar algo de calidad cuando lo visita. En este caso se trata de 35 tipografías realmente atractivas estéticamente e ideales para proyectos profesionales de variadas temáticas.
La recopilación trae una imagen de ejemplo de cada fuente, además de poder acceder a la descarga haciendo click en ella. No dejen tampoco (esto lo dejo ya como consejo) de recorrer los sitios que ofrecen las fuentes para conseguir mas recursos geniales y ampliar así su propia lista de recursos, esa que siempre utilizamos para trabajar.

Tips para diseñar portales de E-Commerce

¿Sabes lo que es E-commerce?… me imagino que si respuestas será un rotundo Sí. Ya que hoy en día la gran mayoría de las tiendas poseen vitrinas virtuales donde los consumidores podemos realizar nuestros pedidos y compras.
Aquí te comparto una sería de consejos para diseñar exitosos portales de E-commerce. Y Buenos ejemplos de los mismos.
Por otro lado, si te gusto este artículo te sugiero te suscribas a nuestra Zona Premium, ya que ahí compartimos artículos y tutoriales de excelente calidad.
Quedo pendiente a tus comentarios.

Tarjetas personales creativas


¿Buscando inspiración para crear tu propia tarjeta personal? entonces estás con suerte porque venimos a ayudarte con el tema. Tener tu propia tarjeta de presentación es algo útil y necesario en la mayoría de los empleos que uno desarrolla.
Si además, nos dedicamos al diseño, no deja de ser una pequeña muestra de nuestro trabajo, y obviamente no queremos que termina en un cesto de basura ni bien el cliente abandone nuestra oficina, ¿No?.
Vamos a inspirarnos con algunos diseños de tarjetas personales creativas que fueron un poco mas allá de lo convencional y generaron diseños originales y llamativos que sin dudas terminaron teniendo efecto.

tarjetas 1 Tarjetas personales creativas