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.
Por DaDa el 06 de Mayo de 2007
Por Pley el 06 de Mayo de 2007
Por july el 07 de Mayo de 2007
Por Victor-Nael el 08 de Mayo de 2007
Por XKlibur el 09 de Mayo de 2007
Es muy fácil de lograr y el resultado es impecable
Por Angelfire el 09 de Mayo de 2007
http://img441.imageshack.us/img441/3346/botongtpqc0.png
Que tal?
Por Lunatic el 09 de Mayo de 2007
http://www.cristalab.com/foros/viewtopic.php?t=39043
Por Angelfire el 09 de Mayo de 2007
Por july el 09 de Mayo de 2007
Lunatic_blog :
http://www.cristalab.com/foros/viewtopic.php?t=39043
yo tampoco lo habia visto... pero prefiero Photoshop, alguien q me diga q hace Fireworks q no haga photoshop, pero algo realmente bueno...
Por nahaliel el 09 de Mayo de 2007
Por N el 10 de Mayo de 2007
como hacer un muy buen efecto en 2 funciones y utilidades muy buenas xd
Por jere el 20 de Mayo de 2007
Por Zguillez el 20 de Mayo de 2007
jere_blog :
Mira este otro tip:
http://www.cristalab.com/tips/39043/iconos-de-adobe-cs3-estilo-web-2.0-con-fireworks
Por kevin el 15 de Junio de 2007
Por wooo el 11 de Julio de 2007
Por jose miguel soy un n el 27 de Julio de 2007
Por kingae el 05 de Agosto de 2007
Por xicita el 30 de Agosto de 2007
Por paula el 15 de Septiembre de 2007
Por Nadis!! el 27 de Septiembre de 2007
Por ckoxkar el 03 de Octubre de 2007
Por Mariux el 03 de Octubre de 2007
ckoxkar :
debes trabajar con una fuente mas legible, apta para tamaños pequeños, y regular mejor el uso de los efectos, ya qeu en tamaño pequeño pueden entorpecer la legibilidad del icono. Busca una fuente para pantalla que trabaje bien en tamaños chicos.
Por ckoxkar el 03 de Octubre de 2007
Por Mariux el 03 de Octubre de 2007
ckoxkar :
deberias hacerlo directamente en photoshop o fireworks. Podes hacer si querés el fondo en corel, pero la tipografia del icono es mejor que ya la trabajes en photoshop o fireworks al tamaño en que realmente ira el icono. No te recomiendo que lo hagas en corel, mejor que sigas bien la explicacion de como hacerlo en Photoshop o en Fireworks (hay un tip para hacer el mismo boton en fireworks, busca en la seccion tips de esta web. )
Para exportar lo recomendable es png en 32 o 24 bits.
Saludos!
Por brigith el 10 de Diciembre de 2007
Por $$$$Nadiu$$$$ el 27 de Abril de 2008
Por icono adobe cs3 el 02 de Mayo de 2008
[url]www.llarinfants.com
Por fernando el 13 de Mayo de 2008
Por beat montana el 05 de Junio de 2008
http://images.onesite.com/mipagina.univision.com/user/elsalvador2007/large/captura_de_pantalla.png
Por Juan bolivar el 21 de Julio de 2008
Por milagros el 23 de Julio de 2008
Por PlaySation2 el 05 de Agosto de 2008
Por Anonimo el 25 de Agosto de 2008
Por dani el 01 de Septiembre de 2008
para cambiarme el color de pelo..deliniarme los ojos..poner le fondo blanco..cosas asi..donde lo puedo bajar?
Por Nombre-blog el 01 de Septiembre de 2008
Por pedro el 12 de Septiembre de 2008
Alguien que me asista?
Gracias. Saludos
Por penHolder el 12 de Septiembre de 2008
pedro-blog :
Alguien que me asista?
Gracias. Saludos
quitale el fondo, osea deja el fondo transparente en el PSD.
Por chico meee... el 25 de Octubre de 2008
Por Kii el 07 de Noviembre de 2008
Por jermias el 22 de Diciembre de 2008
Por ani2597 el 20 de Junio de 2009
Por ani2597 el 20 de Junio de 2009
Por cheloon el 23 de Junio de 2009
Por anita** el 10 de Julio de 2009
estabueno pero me aruino la mackina mi mama pago $10.000 yo re triste asique no lopongan :´( si que no lo pongan su buena amiga anita
Por 12526cul el 11 de Julio de 2009
aseque confien en ella por fabor
12526cul
Por luciana44 el 14 de Noviembre de 2009
Por ast3risko el 02 de Febrero de 2010
sirve mucho para iconografias en web
Por daiana el 12 de Febrero de 2010
boe...chau ??????
Por emugamex.com el 13 de Abril de 2010
muchas gracias
Por pimpinela el 12 de Junio de 2010
Por diana-bloc el 14 de Julio de 2010
Por guaca el 14 de Julio de 2010
Por aura el 03 de Mayo de 2012