Comunidad de diseño web y desarrollo en internet online

Crear los iconos de Adobe CS3 estilo web 2.0 con Photoshop

En este webtip mostraré como crear un icono de programa CS3 al estilo web 2.0 como este:



Es un proceso muy sencillo que solo requiere tener un conocimiento básico de como usar Photoshop.

Más que mostrar como crearlo desde cero este tip es una guía de como modificar este documento y adaptarlo a nuestro gusto.

El archivo .PSD lo pueden descargar desde aqui.

Proceso:


En primer lugar nos encontramos con cuatro layers:



Donde solo modificaremos el layer de texto (Ps) y el del fondo (bg); para el layer de texto se usó como fuente Trebuchet MS en color blanco.



Seleccionado el texto solo lo cambiamos por la abreviación del programa que deseemos Dw, Fl, Fw, Fx, Ai, etc..

Luego el para cambiar el color del fondo no tenemos mas que abrir el controlador de Tono/Saturacion o Hue/Saturation (Ctrl+U)



Despues lo guardaremos como PNG.

Ahora si desean modificar el tamaño solo deberemos ir a Imagen>Tamaño de Imagen y cambiarlo (atencion a que los tamaños estén enlazados, si se conservan las proporciones y la resolución).



Eso es todo, espero que les sirva de algo.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate