Archive for the ‘Diseño Web’ Category
Wednesday, September 17th, 2008
La tarjeta personal es algo necesario para cualquiera que trabaja y ofrece sus servicios. Además de ser la forma de facilitarle a tus posibles clientes contactarte rápidamente. Si tienes un portafolio online, siempre deben figurar los medios de contacto. Una buena idea sería simular una tarjeta de contacto en linea, en la sección adecuada del sitio.
Para esto, en Naldzgraphics nos explican como crear una tarjeta personal, simulando estar sobre una mesa de madera, utilizando el Photoshop.
No es complicado, así que les recomiendo intentarlo. Comenzamos la tarjeta, dibujando las formas del diseño y dándole un poco de movimiento. Agregamos nuestros datos y nuestro logo o lo que deseemos. Vamos a dejar un poco de lado nuestra tarjeta para centrarnos en el fondo, o lo que sería la mesa. Pintamos con un tonomarrón claro y con algunos efectos obtenemos una textura de madera. Agregamos la perspectiva para darle realismo, y ubicamos la tarjeta. Volvemos a aplicar perspectiva para lograr que la misma quede reposando en el diseño. Copiamos la capa y la ubicamos por debajo para que simule ser otra tarjeta en forma “desordenada”, y tenemos listo nuestro proyecto.
Posted in Diseño Gráfico, Diseño Web, Photoshop, Tutorial | No Comments »
Friday, September 12th, 2008
PsGalaxy es un nuevo sitio que compila gran cantidad de recursos de todo tipo para Photoshop, por ejemplo, brochas, archivos Psd, gradients, motivos, acciones o formas personalizadas. Es actualizado constantemente, y te permite buscar en diferentes categorías, algo siempre mucho mejor para ahorrarnos tiempo.
Separados entre Formas, Acciones, Fondos, Gradients, Achivos Psd, templates Psd y botones web, encontraremos infinidad de excelentes diseños que nos van a ayudar a la hora de crear un nuevo proyecto. Desde carteles, pasando por iconos estilo Web 2.0, hasta texturas inspiradas en maderas. Por otro lado, tendremos la posibilidad de subir nuestros propios trabajos, o votar los presentados para dar nuestra opinión al respecto.
Fuente: Galo Pesoa
Tags: gratis, psd, Recursos
Posted in Diseño Gráfico, Diseño Web, Recursos | 1 Comment »
Friday, September 12th, 2008
Hoy en día cada vez se trabaja mas con publicidades en los blogs. Cuando un sitio comienza a crecer y a generar visitas, se suele agregar espacios publicitarios para que otros blogs anuncien en el tuyo. La medida “normal” de estos avisos, o por lo menos la mas popular, es la de 125×125px. A lo que vamos es a que no basta con dibujar un cuadro blando y agregarle un “Anuncia”. No es algo atractivo. El aviso debe incentivar a los visitantes o dueños de otros blogs a por lo menos averiguar cuanto cobramos por este espacio.
Si armas un banner, y quieres en ese pequeño cuadrito agregar “anuncia” mas las visitas, características, precio, etc, lo mas probable es que al final nada se lea, y quede todo confuso. Lo ideal es recurrir al típico “Anúnciate aquí” o algo similar, pero de una forma atractiva.
Para esto, el sitio Tutorial Blog tuvo la genial idea de ofrecer ocho imágenes de “Publicita aquí” gratuitas, que cumplen con el objetivo: te invitan a querer saber mas, pero sin saturarte de información desde el principio. Todos tienen diferentes estilos, ya sea inspirados en una nota “Post-it”, estilo “grunge”, con una imagen mas “clásica” o con siluetas incorporadas. Si no los utilizas, de seguro te sirva para darte una idea desde la cual partir para crear el tuyo.
Tags: ads, banners, Publicidad
Posted in Diseño Web, Imágenes, Publicidad, Recursos | 2 Comments »
Thursday, September 11th, 2008
Siempre les mostramos gran cantidad de paquetes de iconos RSS para que cambien el aspecto de la suscripción de sus sitios. Pero ¿porque no crear uno nosotros mismos? Es obviamente la única forma de obtener un resultado personal y acorde en un cien por cien con nuestro diseño.
En Photoshop Tutorials nos explican paso a paso como crear un icono RSS básico para que luego podamos darle la forma, color y efectos que deseemos.
Para empezar dibujamos un cuadro y le aplicamos un degrade o “gradient” en tonos naranjas, característicos de este tipo de iconos. Ahora con ayuda de una de las formas (”shapes”) que trae incorporado el Photoshop, obtendremos las lineas del feed. Completamos esta parte dibujando un círculo. A esto último le aplicamos el efecto de “Stroke”.
Para finalizar y que quede con mejor aspecto, utilizamos la herramienta de pluma para dibujar una forma que ocupe la parte superior, la pintamos de blanco, la hacemos mas transparente, y de esta manera nos quedará terminado.Ahora es tiempo de que usemos esta base para crear nuestro icono, e incluso un paquete para ofrecer en nuestra web.
Tags: iconos, Photoshop, rss
Posted in Diseño Gráfico, Diseño Web, Photoshop, Tutorial | No Comments »
Thursday, September 11th, 2008
No solo Photoshop te da la opción de incorporar brochas. El Illustrator (programa mas utilizado en cuanto a dibujo vectorial), tiene su sección en la cual podemos incluir estos recursos y crear así un buen diseño.
En la web de Color Burned, diseñaron una gran colección de brochas estilo “retro” para Illustrator. Vienen completas, con las esquinas y la paleta incorporadas, y pueden ser utilizadas tanto en proyectos personales como comerciales.
En el sitio comentan nunca haber visto brochas como estas, y la realidad es que están en lo cierto. Para utilizar las brochas, en el caso de que nunca hayas bajado alguna, primero deberás descargarla y grabarlas en tu disco rígido. Una vez hecho esto, te diriges a la paleta de brochas y clickeas en el menú “Seleccionar librería de brochas” (”Select Open Brush Library”), “Otra librería” (”Other library”) y finalmente “localizar archivo en el disco” (Locate the file on your hard drive”). Este paquete en particular es para Illustrator CS, por lo que debería funcionar de esa versión hacia arriba.
Tags: brochas, Illustrator, retro
Posted in Diseño Gráfico, Diseño Web, Illustrator, Recursos | 2 Comments »
