Comunidad GX

Go Back   Comunidad GX » Interes General » Media » Arte y Diseño » Info / Tutoriales
Register Projects FAQ Members List Calendar Search Today's Posts Mark Forums Read


Info / Tutoriales Informacion y Tutoriales.

Reply
 
LinkBack Thread Tools Display Modes
Old 28-12-2006, 10:44   #1 (permalink)
Bienn boludoo, bien!!!
 
Ansur's Avatar
 
Join Date: Jun 2005
Location: Rio Gallegos
Posts: 3,883
Arrow [Photoshop] Botton Web "Glossy"

Bueno, este tutorial está más orientado al diseño web, les voy a enseñar la forma de hacer un simple boton que les va a resultar bastante útil a la hora de hacer una página, ya sea para un menú de navegación, una barra, etc.



Primero, creamos un nuevo documento de 300x100 píxeles.

Seleccionamos la herramienta Rectangle Tool y hacemos un cuadrado de color negro con medidas a gusto.



Bien, ahora vamos a layer>layer style>blending options y le damos los siguientes valores:

Inner Shadow:


Outer Glow:


Inner Glow:


Gradient Overlay:





Stroke:



Le damos OK, y tendría que quedarnos algo así:


Eso sería todo, pero para darle un poquito más de adorno, vamos a agregarle un pattern.
Hacemos Ctrl+Click sobre el layer del cuadro y vamos a Layer>New Fill Layer>Pattern y elegimos el pattern que más le guste. Yo elegí este:




Le damos OK y ponemos el pattern en modo Soft Light.

Nos tendría que quedar algo así:


Agregamos algun texto y listo, eso es todo!




Espero que les sirva para tener una base de como hacer un botón para una página web y/o para lo que necesiten.


Recuerden visitar este thread para los que tienen PS en español
Ansur is offline   Reply With Quote
Old 28-12-2006, 13:56   #2 (permalink)
73*
 
ELFalopa's Avatar
 
Join Date: Jun 2006
Posts: 5,235
Default Re: [Photoshop] Botton Web "Glossy"



*0* groso An
__________________
ELFalopa is offline   Reply With Quote
Old 28-12-2006, 14:08   #3 (permalink)
Bienn boludoo, bien!!!
 
Ansur's Avatar
 
Join Date: Jun 2005
Location: Rio Gallegos
Posts: 3,883
Default Re: [Photoshop] Botton Web "Glossy"

Quote:
Originally Posted by ELFAlopa View Post


*0* groso An
Muy bien!!

Un solo detalle...
estan a 90º los inner shadow?

Muy lindo falo!, te salió igual
Ansur is offline   Reply With Quote
Old 28-12-2006, 15:14   #4 (permalink)
73*
 
ELFalopa's Avatar
 
Join Date: Jun 2006
Posts: 5,235
Default Re: [Photoshop] Botton Web "Glossy"

Quote:
Originally Posted by Ansur View Post
Muy bien!!

Un solo detalle...
estan a 90º los inner shadow?

Muy lindo falo!, te salió igual
mmmm me comi esa parte ahora lo arreglo

Edit: me quedo mejor sin los 90º con los 90º esos la letra queda re laco xD
__________________

Last edited by ELFalopa; 28-12-2006 at 15:26.
ELFalopa is offline   Reply With Quote
Old 28-12-2006, 18:24   #5 (permalink)
† DeathWish †
 
Ginchin's Avatar
 
Join Date: Jul 2006
Location: Namek
Posts: 594
Send a message via MSN to Ginchin
Default Re: [Photoshop] Botton Web "Glossy"

Aqui mi resultado con un pattern distinto, y con el efecto Stroke Text en el texto

__________________
~Ginchin-Phantom Summoner of Sentinels- LVL 6x (a mucha honra)-Elwyn Server~
Ginchin is offline   Reply With Quote
Old 28-12-2006, 19:03   #6 (permalink)
Herzeleid
 
FISH's Avatar
 
Join Date: May 2005
Posts: 6,679
Default Re: [Photoshop] Botton Web "Glossy"

buen tuto, lo pongo en el indice
FISH is online now   Reply With Quote
Old 29-12-2006, 02:12   #7 (permalink)
o.O!!
 
Genocidio's Avatar
 
Join Date: May 2006
Posts: 2,423
Default Re: [Photoshop] Botton Web "Glossy"

Lindo tuto

Genocidio is offline   Reply With Quote
Old 29-12-2006, 21:35   #8 (permalink)
Shiver!! The apl song...
 
poliya's Avatar
 
Join Date: Oct 2005
Location: Monumental St. Fanático: C.A River Plate. Join Date: Sep 2004
Posts: 3,363
Default Re: [Photoshop] Botton Web "Glossy"

__________________

¿CÓMO TE LEVANTÁS A UNA MINA?
Quote:
Originally Posted by Divine
Usualmente me acerco con la pija en la mano y eso hace el trabajo. Nunca tengo que hablar.
poliya is offline   Reply With Quote
Old 29-12-2006, 21:52   #9 (permalink)
73*
 
ELFalopa's Avatar
 
Join Date: Jun 2006
Posts: 5,235
Default Re: [Photoshop] Botton Web "Glossy"

Quote:
Originally Posted by poliya View Post
ajajajajaja terrible para meter spam ó.ò
__________________
ELFalopa is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT -3. The time now is 09:06.


Copyright ©2008 Gxzone Argentina
Powered by SKServers.net
Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.1.0
 

Page generated in 0.06969 seconds with 8 queries

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299