Basado en el tip de Crear los iconos de Adobe CS3 estilo web 2.0 con Photoshop se me ocurrió esta fácil forma de hacerlo, en fireworks. ¿Por que? Por varias razones:
- Apesto usando photoshop, y sé que muchos lo hacen.
- En el tip antes mencionado, se da un fuente para modificar. En este tip pretendo mostrarlo desde cero.
- El soporte de vectores de fireworks es genial, y tambien su integración con Flash. Puedes incluso pegar el resultado, y se verá igual de bien.
- Photoshop.png < Fireworks.png.
Entonces... creemos el icono de Flash CS3:
Primero crearemos un documento en blanco con las medidas que se ven en la imagen. El fondo, preferiblemente, debe ser transparente.
Después, en este documento, dibujamos un rectángulo redondeado, con la herramienta señalada. Si no te aparece ésta, dale click a la pequeña flecha negra de la herramienta "rectángulo"
Creamos el campo de texto. En este caso usaremos las letras "Fl". La fuente es "Trebuchet MS", en la imagen siguiente vemos el resto de parámetros:
Observen que vamos a modificar el relleno de la letra: Click a la pequeña flecha negra de la imagen anterior.
Hacemos un lindo degradado lineal:
Empecemos a darle color al botón: Le ponemos un degradado radial al rectángulo con los tonos de rojo característicos de Flash. Ubicamos su punto central en la parte baja del rectángulo.
Para lograr un mejor efecto de botón (con su relieve) y para atenuar lo feo del degradado, vamos a hacer un iluminado interior:
Perfecto. Ya tenemos la forma básica del botón. Pero claro, lo queremos "pimped", no?
Eso pensé . Entonces primero, creemos el brillo del botón:
Creamos un nuevo documento y copiamos el rectángulo redondeado de nuestro botón, pero le quitamos el degradado. Luego, creamos un óvalo y lo ubicamos encima del rectángulo. Podemos disminuir su alpha para lo que sigue:
Lo que hacemos es ver hasta dónde llegará el brillo. Una vez decidida la posición, devolvemos el alpha a 100. Lo que haremos a continuación será enmascarar ese ovalo con el rectangulo, y lo haremos así:
- Selecciona la capa del rectangulo
- Apreta ctrl+x (o ve a Edición -> Cortar)
- Selecciona la capa del óvalo
- Apreta el botoncito de máscara (el que tiene una especie de asterisco en un fondo gris).
- Apreta ctrl+v (o ve a Edición -> Pegar)
- Selecciona todo, y agrupa (ctrl+g)
- Copia y pega encima de tu archivo original
- Haz un degradado en el brillo
En imagenes:
Ahora demos los toques finales al texto: Lo ponemos en negrita, le añadimos glow interior y sombra:
Si añadimos una sombra a lo que llevamos realizado, podemos dejarlo así, y se ve muy bien:
Pero queremos ser pimp, y dejarlo de acuerdo al diseño presentado por july? Entonces podemos hacer un par de cosas más:
Copiamos el rectangulo de fondo, le quitamos las esquinas redondeadas de abajo (usando Alt+click), disminuimos su tamaño, y cambiamos su fill (relleno). Lo ponemos exactamente donde acaba el original (el del botón):
Y listo, todo bonito. Imagino que hay detalles que faltan, pero con esto ya tienen la idea.
Versión final:
Y el archivo editable en Fireworks.
Saludos, y espero les guste el efecto.
PD: Como nota, cabe anotar que cada uno personalizará con colores y letras como quiera, para cada programa. Tambien que, al ser vectores, se pueden pegar en Flash. Solo dénle a la opción "Keep all paths editable" y voilá.
¿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 elfleat el 09 de Mayo de 2007
Por Pley el 09 de Mayo de 2007
Por Bleend el 09 de Mayo de 2007
Buen tip
Por Victor-Nael el 09 de Mayo de 2007
Por iViktor el 10 de Mayo de 2007
Por nahaliel el 10 de Mayo de 2007
Por Jose Orozco el 10 de Mayo de 2007
Por torrealbaruben el 10 de Mayo de 2007
Por Sugar el 11 de Mayo de 2007
Por Lunatic el 11 de Mayo de 2007
La verdad, es el primer tip que hago de diseño y me gustó mucho hacerlo.
No sabes cuanto te pierde.
Si, se que me pierdo bastante al no usar photoshop... pero como dices, no discutamos eso ahora
Por eveevans el 12 de Mayo de 2007
el mio lo hice en FLash, y me quedo igualito
(mm... momento el mio es vectorial , mejor todavia)
Por Freddie el 12 de Mayo de 2007
eveevans :
(mm... momento el mio es vectorial , mejor todavia)
Por eveevans el 12 de Mayo de 2007
Freddie :
eveevans :
(mm... momento el mio es vectorial , mejor todavia)
bueno,bueno, voy a prepar el tuto "mismo tuto pero en Flash", hay se los envio
Por cromosoma47 el 13 de Mayo de 2007
Saludos!!
Por MIguel Angel el 15 de Mayo de 2007
Por Freddie el 15 de Mayo de 2007
MIguel Angel_blog :
Cualquiera puede decir lo que sea sin ejemplos claros.
Por eveevans el 15 de Mayo de 2007
MIguel Angel_blog :
ah??
jaja, ni que fuera, solo es un boton!!!! ninguna"maquina" decente tendria problema!
Por Darel el 15 de Mayo de 2007
Por Kerosene el 21 de Mayo de 2007
Por Lunatic Lycanthrop el 29 de Mayo de 2007
(mm... momento el mio es vectorial , mejor todavia)
Juas, no lo habia visto, pero... Fireworks trabaja todas las shapes como vectores, al igual que los filtros y todo eso. Si sigues el tuto, tendras tu imagen vectorial, ampliable y pegable en flash.
Por anirak el 22 de Junio de 2007
plis ayudenme
Por Freddie el 22 de Junio de 2007
anirak_blog :
plis ayudenme
Por hariiiwiiixss el 30 de Julio de 2007
Por el 30 de Julio de 2007
Freddie :
anirak_blog :
plis ayudenme
Por alexis el 10 de Agosto de 2007
muy bueno esto me gusto, siempre me piden hazte un boton como los de mac con esa onda y yo tenia que hacer miles de capas, brillos, este es mucho mas sencillo.
Por flashreloco el 10 de Agosto de 2007
Por Jonathan el 03 de Septiembre de 2007
Como creaste el ovalo con el que le diste el brillo
Por Freddie el 04 de Septiembre de 2007
Jonathan_blog :
Por M@U el 04 de Septiembre de 2007
Sir Frederic Cristalia :
Jonathan_blog :
Juaz !!!
Por Mario el 21 de Septiembre de 2007
Por jeet_15 el 05 de Octubre de 2007
Por gara501 el 29 de Octubre de 2007
Por norbac el 16 de Noviembre de 2007
Por and el 22 de Noviembre de 2007
porque la verdad esta de 10
me vino excelente ya que tengo que entregar un Final donde tengo que presentar los iconos de Adobe
Por Beatriz el 23 de Noviembre de 2007
Por Gio el 21 de Diciembre de 2007
[email protected]
graxx!!
Por Radioboy el 28 de Diciembre de 2007
Photoshop deberia utilizarse solo para retoque fotografico
para vectores, botones, interfaces, web, ilustraciones, dibujos, animaciones y un largo etcetera, el mejor es Fireworks sin duda
Por Radioboy el 28 de Diciembre de 2007
repito... si quieres retocar una foto, no hay nada mejor que Photoshop y sus pinceles mágicos y correctores...
para todo lo demas FI-RE-WORKS
Por paulo_darkboy el 02 de Mayo de 2008
sorry x alargarme mucho el asunto pero queria ser medio claro en mi pregunta.... gracias
Por beat montana el 05 de Junio de 2008
porque tanta pelea por el software
Ps vs.Fw
quisiera saber (para los que discuten)
donde dejan el desarrollo del intelecto;creatividad;conocimiento y poder crear el boton primero en tu mente
y luego poder usar cualquier herramienta virtual para hacerla
Por manuel el 18 de Junio de 2008
Por MASTERANGEL el 25 de Junio de 2008
Por miltown el 13 de Julio de 2008
Por francisco el 02 de Septiembre de 2008
saludos
Por luigy el 15 de Septiembre de 2008
Por Rodo el 26 de Septiembre de 2008
Por cristian el 05 de Octubre de 2008
Por IvanSr el 07 de Octubre de 2008
Por Fabi el 27 de Enero de 2009
Por jose oveniel el 28 de Febrero de 2009
Por elias el 21 de Abril de 2009
Por elias el 21 de Abril de 2009
Por ALONDRA el 22 de Junio de 2009
Por TiBe el 25 de Julio de 2009
Muchas gracias
Por Deciberso el 09 de Abril de 2011
Por José el 31 de Enero de 2018
classroom rental space
training rrom rental in singapore
training rooms in singapore
seminar room rental in singapore
indoor team building activities
corporate team building games singapore
team bonding in singapore
team building activities singapore
team building games singapore
10 soft skills you need
administrative office procedures
administrative support courses
adult learning mental skills
adult learning physical skills
anger management courses in singapore
appreciative inquiry courses
archiving and records management
assertiveness and self confidence
attention management courses
basic bookkeeping courses
being a likeable boss
body language basics courses
budgets and financial reports
business acumen courses
business ethics courses
business etiquette courses in singapore
business succession planning courses
business writing courses in singapore
call center training courses
change management courses in singapore
coaching and mentoring courses
coaching sales people courses
collaborative business writing
communication strategies courses
conducting annual employee reviews
conflict resolution courses
contact center training courses
contract management courses in singapore
creating a great webinar
creative problem solving courses
crisis management courses
critical thinking courses in singapore
customer service courses in singapore
customer support courses
cyber security courses in singapore
delivering constructive criticism
developing a lunch and learn
developing corporate behavior
developing creativity courses
developing new managers
digital citizenship courses
emotional intelligence courses
employee motivation courses
employee on boarding courses
employee recognition courses
employee recruitment courses
employee termination processes
entrepreneurship courses in singapore
event planning courses in singapore
executive and personal assistants
facilitation skills courses
generation gaps courses
goal setting and getting things done
handling a difficult customer
health and wellness at work courses
high performance teams inside the company
high performance teams remote work force
hiring strategies courses
human resource management courses in singapore
improving mindfulness
improving self awareness
increasing your happiness
internet marketing fundamentals courses
interpersonal skills courses
job search skills courses
knowledge management courses in singapore
leadership and influence courses
lean process and six sigma
life coaching essentials courses
manager management courses
managing personal finances courses
managing work place anxiety
marketing basics courses
measuring results from training
media and public relations courses
meeting management courses
middle manager courses
millennial on boarding courses
m learning essentials
motivating your sales team
multi level marketing courses
negotiation skills courses
networking outside the company
networking within the company
office politics for managers
organizational skills courses
overcoming sales objections
performance management courses
personal branding courses in singapore
personal productivity courses
presentation skills courses in singapore
project management courses in singapore
proposal writing courses
prospecting and lead generation
public speaking courses in singapore
risk assessment and management courses
safety in the work place courses
sales fundamentals courses
sales training courses in singapore
servant leadership courses
it courses in singapore
microsoft training singapore
corporate training in singapore
corporate sgx
social intelligence courses
social learning courses
social media in the work place
social media marketing courses in singapore
soft skills courses in singapore
stress management courses in singapore
supervising others
supply chain management courses
taking initiative courses
talent management courses
team building for managers
team building through chemistry
teamwork and team building
telephone etiquette courses
telework and telecommuting
time management courses in singapore
trade show staff training
train the trainer courses
virtual team building and management
women in leadership courses
work life balance courses in singapore
work place diversity courses
work place harassment courses
work place violence courses
sancy suraj
sancy suraj
sancy suraj
sancy suraj
sancy suraj
sancy suraj
sancy suraj
sancy suraj
[url=https://books.google.com.sg/books?id=1QykBQAAQBAJ&pg=PT362&lpg=PT362&dq=%22sancy+suraj+singh%22&source=bl&ots=E86QDyrLG2&sig=H-6a_YH-kTWaZWTfPSr1xfm4BOs&hl=en&sa=X&ved=0ahUKEwi3_56hhubVAhWJLo8KHcxTBxQ4ChDoAQgjMAA#v=onepage&q =% 22sancy% 20suraj% 20singh% 22 & f = false]sancy suraj[/url]
sancy suraj
longest colour sequence memorised
sancy suraj
longest colour sequence memorised
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
memory training course
lunch talks
lunch talks
memory training course
memory training course
cabin crew
online memory course
memory training course
memory training course
memory training course
memory training course
memory training course
speed reading
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
geography tuition for secondary school students in singapore
geography tuition for secondary school students singapore
geography tuition for secondary school students singapore
geography tuition for secondary school students singapore
geography tuition for secondary school students singapore
secondary geography tuition in singapore
history tuition for secondary school students in singapore
social studies tuition for secondary school students in singapore
psle english tuition in singapore
psle science tuition in singapore
secondary 1 chemistry tuition in singapore
secondary 1 physics tuition in singapore
school holiday workshops courses for students in singapore
school holidays activitie in singapore
school holidays activitie in singapore
[url=http://umonictuitionadvantage.com/2017-november-school-holidays-activities-programmes-workshop-courses-camps-for- students-kids-in-singapore/]school holidays activitie in singapore[/url]
school holidays activitie in singapore
study skills
study skills
study skills workshops course in singapore
study skills workshops course in singapore
speed reading
speed reading
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition
tuition[
tuition[
tuition[
tuition[
tuition[
tuition[
tuition[
tuition[
student courses
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
corporate training
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
corporate lunch talk
team building
team building ideas
team building activities
unique team building
team building
corporate training in singapore
corporate training courses
corporate training courses
corporate training courses
corporate training courses
corporate health talk
corporate health talk
corporate health talk
lunch and learn talk
workplace lunch and learn
corporate training companies in singapore
training companies in singapore
emcee
emcee
health talks
soft skills training course
corporate training providers
professional development courses
training and development courses
short courses in singapore
corporate training courses in singapore
corporate training courses
corporate training in singapore
school holiday workshops courses for students in singapore
business students memory course in singapore
business students memory improvement workshop in singapore
memory improvement course for business students
memory improvement course for business students
business students memory improvement course
business students memory course in singapore
corporate health talks singapore
corporate health talks in singapore
corporate health talk singapore
corporate health talk in singapore
corporate health talks singapore
corporate health talks singapore
finance students memory training course in singapore
finance students memory training course in singapore
finance students memory training course in singapore
memory training courses for finance students in singapore
memory training courses for finance students in singapore
memory improvement courses for finance students in singapore
pinnacle minds
memory course
study skills
speed reading
memory training
school holiday
lunch and learn
march school holidays workshops
march school holidays workshops
march school holidays workshops
march school holidays workshops
march school holidays workshops
june school holidays workshops
june school holidays workshops
june school holidays workshops
june school holidays workshops
september 2018 school holidays workshops
september 2018 school holidays workshops
september 2018 school holidays workshops
september 2018 school holidays workshops
november 2018 school holidays workshops
november 2018 school holidays workshops
november 2018 school holidays workshops
november 2018 school holidays workshops
december 2018 school holidays workshops
december 2018 school holidays workshops
december 2018 school holidays workshops
december 2018 school holidays workshops
top 10 soft skills you need training course
administrative office procedures training course
administrative support training course
anger management training course
appreciative inquiry training course
archiving and records management training course
archiving and records management training course
self confidence and assertiveness training course
improving your attention management training course
bacis bookkeeping training course
being a likeable boss training course
body language training course
budgets and-financial reports training course
business acumen training course
business ethics training course
business etiquette training course
business succession planning training course
business writing training course
call centre training course
change management training course
civility in the workplace training course
coaching and mentoring training course
coaching salespeople training course
collaborative business writing training course
communication strategies training course
conducting annual employee reviews training course
conflict resolution training course
contact centre training course
contract management training course
creating a great webinar training course
creative problem solving training course
crisis management training course
critical thinking training course
customer service training course
customer support training course
cyber security training course
delivering constructive criticism training course
developing lunch and learn training course
developing corporate behavior training course
developing creativity training course
developing new managers training course
digital citizenship training course
emotional intelligence training course
employee motivation training course
employee onboarding training course
employee recognition training course
employee recruitment training course
employee termination processes training course
entrepreneurship training course
event planning training course
executive and personal assistants training course
facilitation skills training course
generation gaps training course
goal setting and getting things done training course
handling a difficult customer training course
health and wellness at work training course
high performance teams inside the company training course
high performance teams remote workforce training course
hiring strategies training course
human resource management training course
improving mindfulness training course
improving self awareness training course
internet marketing fundamentals training course
interpersonal skills training course
job search skills training course
knowledge management training course
leadership and influence training course
lean process and six sigma training course
life coaching essentials training course
manager management training course
managing personal finances training course
managing workplace anxiety training course
marketing basics training course
measuring results from training course
media and public relations training course
meeting management training course
middle manager training course
millennial onboarding training course
mlearning essentials training course
motivating your sales team training course
negotiation skills training course
networking outside the company training course
networking within the company training course
office politics for managers training course
organizational skills training course
overcoming sales objections training course
performance management training course
personal branding training course
personal productivity training course
presentation skills training course
project management training course
proposal writing training course
prospecting and lead generation training course
public speaking training course
risk assessment and management training course
safety in the workplace training course
sales fundamentals training course
servant leadership training course
social intelligence training course
social learning training course
social media in the workplace training course
social media marketing training course
stress management training course
supervising others training course
supply chain management training course
taking initiative training course
talent management training course
team building for managers training course
team building through chemistry training course
teamwork and team building training course
telephone etiquette training course
telework and telecommuting training course
time management training course
top 10 sales secrets training course
trade show staff training course
train the trainer training course
virtual team building and management training course
women in leadership training course
work life balance training course
workplace diversity training course
workplace harassment training course
workplace violence training course
half day memory improvement courses workshops
speed reading courses workshops in singapore
10 soft skills you need corporate training course in singapore
administrative office procedures corporate training course in singapore
administrative support corporate training course in singapore
anger management corporate training course in singapore
appreciative inquiry corporate training course in singapore
archiving and records management corporate training course in singapore
self confidence assertiveness corporate training course in singapore
improving your attention management corporate training course in singapore
basic bookkeeping corporate training course in singapore
being a likeable boss corporate training course in singapore
body language basics corporate training course in singapore
budgets and financial reports corporate training course in singapore
business acumen corporate training course in singapore
business ethics corporate training course in singapore
business etiquette corporate training course in singapore
business succession planning corporate training course in singapore
business writing corporate training course in singapore
call center corporate training course in singapore
change management corporate training course in singapore
civility in the workplace corporate training course in singapore
coaching and mentoring corporate training course in singapore
coaching salespeople corporate training course in singapore
collaborative business writing corporate training course in singapore
communication strategies corporate training course in singapore
conducting annual employee reviews corporate training course in singapore
conflict resolution corporate training course in singapore
contact center corporate training course in singapore
contract management corporate training course in singapore
creating a great webinar corporate training course in singapore
creative problem solving corporate training course in singapore
crisis-management corporate training course in singapore
critical thinking corporate training course in singapore
customer service corporate training course in singapore
customer support corporate training course in singapore
cyber security corporate training course in singapore
delivering constructive criticism corporate training course in singapore
developing a lunch and learn corporate training course in singapore
developing corporate behavior corporate training course in singapore
developing creativity corporate training course in singapore
developing new managers corporate training course in singapore
digital citizenship corporate training course in singapore
emotional intelligence corporate training course in singapore
employee motivation corporate training course in singapore
employee onboarding corporate training course in singapore
employee recognition corporate training course in singapore
employee recruitment corporate training course in singapore
employee termination processes corporate training course in singapore
entrepreneurship training course in singapore
event planning corporate training course in singapore
executive and personal assistants corporate training course in singapore
facilitation skills corporate training course in singapore
generation gaps corporate training course in singapore
goal setting and getting things done corporate training course in singapore
handling a difficult customer corporate training course in singapore
health and wellness at work corporate training course in singapore
high performance teams inside the company corporate training course in singapore
high performance teams remote workforce corporate training course in singapore
hiring strategies corporate training course in singapore
human resource management corporate training course in singapore
improving mindfulness corporate training course in singapore
improving self awareness corporate training course in singapore
increasing your happiness corporate training course in singapore
internet marketing fundamentals corporate training course in singapore
interpersonal skills corporate training course in singapore
job search skills corporate training course in singapore
knowledge management corporate training course in singapore
leadership and influence corporate training course in singapore
lean process and six sigma corporate training course in singapore
life coaching essentials corporate training course in singapore
manager management corporate training course in singapore
managing personal finances corporate training course in singapore
marketing basics corporate training course in singapore
measuring results from corporate training course in singapore
media and public relations corporate training course in singapore
meeting management corporate training course in singapore
middle manager corporate training course in singapore
millennial onboarding corporate training course in singapore
mlearning essentials corporate training course in singapore
motivating your sales team corporate training course in singapore
negotiation skills corporate training course in singapore
networking outside the company corporate training course in singapore
networking within the company corporate training course in singapore
office politics for managers corporate training course in singapore
organizational skills corporate training course in singapore
overcoming sales objections corporate training course in singapore
performance management corporate training course in singapore
personal branding corporate training course in singapore
personal productivity corporate training course in singapore
presentation skills corporate training course in singapore
project management corporate training course in singapore
proposal writing corporate training course in singapore
prospecting and lead generation corporate training course in singapore
public speaking corporate training course in singapore
[url