Archive for the ‘Tutorial’ Category
Tuesday, August 25th, 2009
Esta semana vimos varios tutoriales de foto-manipulación, y comentamos lo importante que es para todo diseñador saber realizarlas. Otro elemento importante en la vida de quienes diseñamos, son los iconos. Tarde o temprano diseñamos nuestros propios paquetes, ya sea para usarlos, ofrecerlos en nuestros sitios o venderlos.
En el sitio Vectips publicaron un tutorial que nos explica como crear paso a paso un icono de GPS utilizando el programa Adobe Illustrator, en este caso la versión CS4 del mismo.
Para mas detalles, nos aclaran que el tutorial está dirigido a usuarios principiantes e intermedios del programa y que el tiempo que nos llevará realizarlo ronda la media hora. Ideal para iniciarnos en el mundo de la creación de iconos.
Tags: iconos, Illustrator, Tutorial
Posted in Illustrator, Tutorial | No Comments »
Tuesday, August 25th, 2009
10Steps publicó hace poco un interesante tutorial que nos explica cómo transformar una imagen en humo, con un resultado realmente creativo y original. Se ve complicado pero realmente no lo es, y se trata de una técnica que seguramente vamos a utilizar muchas veces en diversos diseños, así que les recomiendo que lo intenten y practiquen luego también con otros elementos.
El tutorial vamos a realizarlo en base a un retrato y un set de brochas para Photoshop. Ambos recursos podemos descargarlos del mismo tutorial, así que no hay excusas para no animarse.
La idea principal es crear un fondo, aplicar brushes, ubicar la imagen y en cierta forma comenzar a mezclar ambas cosas ayudándonos con filtros del programa.
Fuente: PhotoshopLady
Tags: Humo, Photoshop, Tutorial
Posted in Photoshop, Tutorial | No Comments »
Monday, August 24th, 2009
Crear foto-manipulaciones aparte de ser entretenido es parte importante de ser diseñador. Combinar imágenes y efectos logrando que una escena irreal se vea completamente posible.
La gente de Abduzeedo nos ofrece que aprendamos a crear con uno de sus últimos tutoriales para Photoshop una foto-manipulación que nos muestra una escena devastada por el paso de un grupo de dragones. Se ve complicado pero realmente no lo es tanto si tenemos una noción básica de las herramientas del programa.
Para realizar el tutorial vamos a necesitar una serie de fotografías que podremos encontrar en el mismo artículo. Como en toda foto-manipulación, el sistema es similar, ubicar las fotos de a poco aplicando diversos filtros que lograrán el resultado final.
Tags: dragones, Photoshop, Tutorial
Posted in Foto Manipulación, Photoshop, Tutorial | No Comments »
Friday, August 21st, 2009
Varias veces vimos tutoriales para crear diseños llenos de color o con estilo retro. Hoy vamos a ver un tutorial para Photoshop que publicaron en Photoshop-Garden que une los dos elementos, creando paso a paso un proyecto que incluye una tipografía llena de color en un marco con cierto estilo retro que siempre resulta atractivo. No es para nada complicado, si ya te llevas bien con las herramientas del programa no te va a costar y puede ser un buen medio para aprender nuevas técnicas.
Lo primero es diseñar el fondo, simple y con seis líneas de color levemente iluminadas. Luego será momento de incluir el texto, y sumar sobre él las tipografías que deseemos, aplicando ciertas técnicas para lograr que ocupen solo el espacio de las letras de fondo.
Tags: Color, Photoshop, Tipografía
Posted in Photoshop, Tutorial | No Comments »
Thursday, August 20th, 2009
Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.
Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.
Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.
Tags: 2.0, botones, Diseño Web
Posted in CSS, Photoshop, Tutorial | No Comments »
