domingo, 19 de diciembre de 2010

Diseña tu Zippo

Esta de moda ponerse en contra de todo lo que tenga que ver con el trabajo especulativo y contra los concursos. Muchos los ven de manera sospechosa por ser una manera fácil de hacerse de ideas creativas sin invertir demasiado. En fin, en este blog desde el principio ya es tradición compartir todo tipo de convocatorias. Aquí les dejo una de Zippo para diseñar tu propio encendedor.
Zippo invita a participar en el concurso “Diseña tu zippo”. Para participar solo es necesario registrarse en el sitio web y seleccionar una de las categorías (México y Préndete), finalmente subir el diseño en formato jpg, png o gif.
Se pre seleccionarán 20 diseños de cada categoría, que se mostraran en la página web de Zippo, en donde por medio de la votación del público se escogerán a los ganadores.
La fecha límite para la recepción de propuestas es el 20 de enero.
Las propuestas ganadoras serán fabricadas. Así mismo, el primer lugar será premiado con una Macbook 2.4GHz; el segundo lugar con iPod Touch de 8G y el tercero con un iPod Nano de 8G.
No suena nada mal, a participar.
Más información: www.zippo.com.mx.

sábado, 18 de diciembre de 2010

23 increíbles tutoriales de Fireworks

Todos adoramos el Photoshop, pero hay que reconocer que muchas veces nos ayudamos con sus “compañeros”: Illustrator y Fireworks. El problema como nos cuentan en el blog de Francesco Mugnai, es que si bien para Photoshop abundan los tutoriales, y para Illustrator cada vez aparecen mas, para Fireworks no hay gran cantidad. Cuando uno quiere aprender a utilizarlo, cuesta encontrar sitios que nos enseñen obteniendo buenos resultados.
Por eso es bueno visitar la lista que armaron, con 23 tutoriales de Fireworks, todos excelentes  y para todo tipo de conocimiento. Si estas aprendiendo, encontrarás tutoriales para dar los primeros pasos. Y si eres un experto, te dan la posibilidad de conocer nuevas técnicas, cosa que nunca esta de mas.

Darle un toque de brillo en Photoshop

viernes, 10 de diciembre de 2010

Restauración de una foto en Photoshop

Con este tutorial aprenderemos a Restaurar esas Fotografías dañadas que todos tenemos en casa, vale la pena intentarlo

50 tutoriales de Photoshop con luces

Esta colección de tutoriales les va a gustar mucho, no por la cantidad de tutoriales, sino por la calidad que hay en ellos, es decir, sólo miren la imagen de arriba, ¿no se les antoja crear una taza de café así? a mí si, entonces, les dejo el link para que vean todos los tutoriales, hay uno de una manzana con luces que está genial, les recomiendo ese, también el de la taza de café. Recuerden que todos son utilizando luces y brillo.

Enlace a la megacolección

Crear gotas de Agua en Photoshop

Si bien lo importante de este efecto no es hacer que parezca agua, sino que puedas lograr la forma uniforme, sabiendo que ninguna gota es igual y que mucho menos es tan estilizada, se tienen que hacer soltando el pincel.

Enlace al tutorial

jueves, 9 de diciembre de 2010

20 tutoriales de photoshop para la fotomanipulacion de imagenes

manipulacionLa manipulación de imágenes es una parte fundamental del uso de Photoshop, se usa en prácticamente en toda la industria de productos y marcas en el mundo, y consiste en modificar una fotografía o imagen a modo que el resultado parezca real y sobrenatural en algunas ocasiones.
Después del salto les traigo una colección de 20 tutoriales de Photoshop para la manipulación de imágenes, donde podremos aprender a crear efectos muy realistas con fotografías y a crear mundos muy bizarros pero espectaculares.




fantacy woman green landscape
cosmic love goddess
vector style woman
terrifying horror
dark mysterious
eerie looking scene
dark eerie scenegoogle map parody


dark melancholic
vivid flaming skull

surreal environment
tajmahal
underwater apartment
fallen angels
planet transparent
funky perspective

Crear un efecto de texto de Harry Potter

Es quizá de los mejores tutoriales que he encontrado en cuanto a recrear el efecto de texto de Harry Potter en Photoshop, en este caso ya que tenemos la fuente instalada basta agregar efectos de textura y luz, teniendo un resultado muy bueno, y como les digo, de los mejores efectos para igualar al mítico logotipo.
Enlace al tutorial

domingo, 5 de diciembre de 2010

Técnicas para cortar cabello con Photoshop

A veces nos concentramos tanto en enseñar cosas avanzadas, o que se vean increíbles en el resultado, que se deja de lado a quienes están comenzando en el mundo del diseño y de a poco se van conociendo con el Photoshop. Saber como realizar cosas “pequeñas” es importante porque una suma de éstas cosas es lo que en un futuro nos permitirá crear un gran diseño.
En SpoonGraphics publicaron un artículo ideal para quienes están aprendiendo, que nos explica dos técnicas para cortar el cabello con Photoshop, muy sencillas, y que serán útiles dependiendo del caso. Se pone de ejemplo una joven con cabello largo, y un hombre con cabello ya corto que recortaremos un poco mas gracias a ciertas herramientas que el programa nos ofrece.

sábado, 4 de diciembre de 2010

Lo que deves y no debes poner en tu tarjeta de presentacion

Debes:
  • Hacerle un diseño profesional al igual que imprimirla por profesionales, nada de imprimirlas en tu casa. Recuerda que la tarjeta de presentación es la primera impresión que vas a dar de ti, si no lo haces bien podría ser la última.
  • Incluye tu información de contacto, aquella información que deseas que las personas utilicen para localizarte. Aunque parezca lógico, hay quienes incluyen su teléfono celular y cuando los llaman se molestan porque no les agrada.
  • Siempre incluye tu dirección web o la de tu blog, aunque sea por curiosidad la visitaran. Y es una buena manera de mandar tráfico a tu sitio.
  • Coloca los puntos claves de los servicios que ofreces
  • Si puedes, pídele a la persona encargada de la imprecan que te selle la tarjeta para que dure más tiempo.
No debes:
  • Poner demasiada información, ya que el mensaje que se recibirá será confuso.
  • Imprime la información en una sola cara, a menos que no puedas pagar la impresión de ambos lados. Ya que podrías estar perdiendo valioso espacio.
  • Utilizar imágenes de baja resolución, ya que saldrán pixeladas.
  • Utilizar una fuente ilegible. Se recomiendan no utilizar más de 2 tipos de letras
  • Utilizar un papel de mala calidad, recuerda que queremos que tu tarjeta tenga una largo tiempo de vida para que las personas te contacten.
  • Utilizar todos los colores del arco iris, sólo porque hay que hay una buena oferta si imprimes con más de 4 colores.

5 Webs para subir tu portafolio

Con el mundo globalizado de hoy, es necesario tener opciones en la cual podamos mostrar nuestro trabajo. Gracias a la magia del Internet podemos encontrarnos en cualquier lugar, y trabajar en cualquier parte sin la necesidad de estar ahí. Y nuestra profesión es una de de esas. Si no tienes un sitio web, no te preocupes. Y no pierdas la oportunidad de mostrarle al mundo tus trabajos.
Aquí te dejo 5 links de sitios a los cuales puedes subir tus trabajos:
Behance 
Carbonmade

Creative Binge 
Coroflot 
Muse 
Design:Realted
Deviantart
Portfolios.com

viernes, 3 de diciembre de 2010

Tutoriales para crear diseños web en photoshop

Muchos eligen diseñar en Photoshop y luego pasar a código con el programa que mas les guste y les sea cómodo. Sin dudas Photoshop nos da, a la hora de diseñar un sitio web, una libertar que no se consigue con otras herramientas, y por esto es una buena idea que aprendamos a realizar este tipo de diseños.
Sacándonos el código de la cabeza (ya pasaremos un rato con él después), es bueno recorrer tutoriales para conocer las técnicas que se implementan, como ir armando las columnas y secciones de un sitio, y demás detalles.
Los dejo con algunos tutoriales para crear sitios web con Photoshop que seguramente sean útiles para que nos animemos a crear el nuestro. Para entrar al que les guste, solo hagan click en la imagen que corresponda.

tutoriales web 1 Tutoriales para crear diseños web en Photoshop
tutoriales web 2 Tutoriales para crear diseños web en Photoshop
tutoriales web 3 Tutoriales para crear diseños web en Photoshop
tutoriales web 4 Tutoriales para crear diseños web en Photoshop

miércoles, 1 de diciembre de 2010

Traductor de CSS

Si tienen dudas sobre alguna parte de su código, o sobre algo que quieren agregar, Selectoracle es una novedosa herramienta en línea que al introducir tu código, parte de el, o simplemente la dirección de tu hoja de estilos, te brinda una explicación detallada de que significa cada línea y para que sirve. Puedes verlo en Inglés o en Español.

60 tutoriales de terror

En Photoshop Road Map tienen sesenta tutoriales para realizar efectos “terroríficos” con Photoshop. Hay simples y muy sangrientos. Además, agregan 10 brochas relacionadas con el tema para sumar a tu colección.

Tutorial transforma tu foto en pintura

Solo Photoshop explica claramente como convertir tu foto en pintura digital. Dibujando sobre tu imagen, aplicando transparencias, coloreandola, utilizando ciertos filtros, y por último maquillandola levemente, podremos obtener este gran efecto.

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.