Foro CualQuiera

Regresar   Foro-CualQuiera.com > Miscelaneo > Diseño y Tutoriales
Diseño y Tutoriales Trucos y consejos varios respecto al diseño en general
Responder
 
LinkBack (11) Herramientas Calificación: Calificación: 1 votos, 5.00 promedio
  11 links desde cualquier parte hacia este post. Click para ver. #1 (Link directo)  
26-ago-2006, 19:26


 
Posts: 1,964
Predeterminado Tutorial:Como hacer userbars

Publicidad
Este tutorial es para utilizar Adobe Photoshop 7.0.

Lo primero que necesitamos es abrir un nuevo archivo en Photoshop, con las siguientes medidas:



Ahora lo que necesitamos es elegir los colores que querramos. Elegimos dos colores, y con la herramienta Gradient hacemos, de lado a lado, una linea. Debería quedarnos algo así:



Después, es el patrón de líneas... Por supuesto, no podemos hacer línea por línea. Así que abrimos otro archivo con las siguientes proporciones:



Le damos mucho zoom porque la imagen es muy chikita. Cuando la tenemos grande, trazamos con el lápiz y en negro(*), una línea diagonal:



(*)Podemos hacerla en blanco si los colores que elegimos previamente son muy oscuros.

Vamos a "Edit", y ponemos "Define Pattern". Luego, volvemos a nuesta userbar. Ponemos una nueva layer(Shift+Ctrl+N), elegimos esa, y seleccionamos todo(Ctrl+A). Luego ponemos "Edit", "Fill", elegimos "Pattern" y elegimos el pattern que nosotros hicimos. Cuando lo pongas, vas a ver que quedo un poco oscuro. Vamos a las opciones de esa layer, y ponemos la opacidad en 15-30%(preferentemente 20).

Editado por -juloo- en 31-ago-2006 a las 20:04.
Citar y responder


  #2 (Link directo)  
26-ago-2006, 19:36


 
Posts: 1,964
Cuando hicimos eso, es hora de poner una imagen. La cargamos en otra ventanita:



Creamos otra layer y la seleccionamos. Copiamos la imagen y la colocamos a gusto. Sólo nos falta el texto. Ponemos marco de texto, en font Visitor TT2-BRK(*), en tamaño 12pt, y ponemos lo que querramos:


(*)Si no tenes el font, podés bajarlo clickeando en este link: [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!] - después tenés que moverlo a la carpeta WINDOWS en el disco duro.

Nota: Para hacer que las letras tengan el contorno negro, tenes que ir a Layer/Layer Style/Stroke y elegir negro

Con ese retoque del negro, nuestra firma quedó así:



Despues le podemos hacer cualquier retoque con las otras herramientas del photoshop... O la podemos dejar así como está.
Y... VOILA! tenemos nuestra userbar:






Nota al pie: Para hacerla un archivo .gif y que se mueva, tenemos que ir a esta direción y poner la cantidad de userbars que queramos tener(gracias Gusilinguis)
La pag: [Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]

Editado por -juloo- en 09-ene-2007 a las 12:09.
Citar y responder
  #3 (Link directo)  
27-ago-2006, 13:22


 
Posts: 2,749
los users no deberian tener onda "acceso directo" a las paginas? o sea, el tuyo es el bordo, si yo le doy click, entro a la pagina del Bordo...
si es asi, no puedo entrar, si no es asi, muy piola tu aporte.
Citar y responder
  #4 (Link directo)  
27-ago-2006, 13:47


 
Posts: 1,551
excelente aporte....

yo creo q habia visto uno de estos tutoriales y habia hecho un par...

reputacion xa ud...
Citar y responder
  #5 (Link directo)  
27-ago-2006, 14:21


 
Posts: 1,964
Citar:
Coy@
Ver post
los users no deberian tener onda "acceso directo" a las paginas? o sea, el tuyo es el bordo, si yo le doy click, entro a la pagina del Bordo...
si es asi, no puedo entrar, si no es asi, muy piola tu aporte.
Sugeris que ponga links? En ese caso puedo...

EDIT: le puse links a las pags oficiales... a eso te referias?

PD: Me mate haciendo el tutorial... no sabes como te saca la paciencia esperar q se loadeen las imagenes en imageshack... jojo

Editado por -juloo- en 27-ago-2006 a las 14:27.
Citar y responder
  #6 (Link directo)  
27-ago-2006, 15:48


 
Posts: 367
muy buen aporte, se agradece.

despues kuando tenga ganas de volverme loko lo voy a intentar
Citar y responder
  #7 (Link directo)  
27-ago-2006, 15:55


 
Posts: 2,749
ahh, pasa que yo le quise dar click a tu user pero no tenia acceso a la pagina y onda, pense que te habias equivocado o algo asi pero me equivoque yo, jeje, ahora mismo me hago un user!
abrazos campeon
Citar y responder
  #8 (Link directo)  
27-ago-2006, 16:19


 
Posts: 1,964
Y pensar que aprendi a hacer usrbars hace 2 dias...
Y ya me hice mi propio tutorial... ^^

Una cosa, el patrón de líneas lo podes hacer en blaco si los colores que elegiste son muy oscuros... Por ejemplo, con esta userbar use un patrón blanco, xq si no no se notaba:



dedicada a coco... ^^... nah, joda...
Citar y responder
  #9 (Link directo)  
27-ago-2006, 16:20


 
Posts: 1,045
Buenisimo!!... siempre quise saber como se hace esto!.... ya me hice una!.. =D


ahora... mi pregunta es:

como se hace para hacerla tipo .gif ..... asi... como la de ElPitu?!... yo la quiero asi!.. (enrealidad siempre quise saber como se hacen las imagenes con movimiento)..
Citar y responder
  #10 (Link directo)  
27-ago-2006, 20:36


Mi última entrada del Blog: Nothing Else Matters
 
Posts: 1,494
Citar:
Mariano!
Ver post
Buenisimo!!... siempre quise saber como se hace esto!.... ya me hice una!.. =D


ahora... mi pregunta es:

como se hace para hacerla tipo .gif ..... asi... como la de ElPitu?!... yo la quiero asi!.. (enrealidad siempre quise saber como se hacen las imagenes con movimiento)..
usa este link, supuestamente sirve, pero casi siempre da error.

[Para ver los links tienes que estar REGISTRADO. Click aquí para registrarte ...te llevará menos de un minuto!]

suerte
Citar y responder
  #11 (Link directo)  
31-ago-2006, 20:10


 
Posts: 1,964
Gracias Gusilinguis por tu ayuda...

A mi no me da error... solo tenes que estar seguro de que hayas puesto que tipo de userbar es... (marca, musica, TV/CINES, etc)... Al dope... pero me lo pidio a mi antes de poder hacerla...

EDIT: Gracias Laucha por hacerlo Sticky , aguante vos y tus rulos sexies

Editado por -juloo- en 01-sep-2006 a las 15:42.
Citar y responder
  #12 (Link directo)  
01-sep-2006, 15:33


Mi última entrada del Blog: Oeste Fucking Fest
 
Posts: 3,027
Muy buen tutorial... de veras didáctico

Te agradecemos tu paciencia


Va sticky + reputación por ya varios de estos aportes que fiche


Abrazo
Citar y responder
  #13 (Link directo)  
05-sep-2006, 23:22


 
Posts: 603
che, yo tego el photoshop 6.0 me servira
Citar y responder
  #14 (Link directo)  
05-sep-2006, 23:42


 
Posts: 1,964
Em... estem... fijate... si tenes la mayoría de las opciones en el tutorial, no debería haber problema... ... no se... de hecho nunca tuve photoshop 6.0... Pero intenta Maurito...

Em.. buen... nada.. eso..


(animense a contar los puntos en el mensaje...)
Citar y responder
  #15 (Link directo)  
05-sep-2006, 23:45


 
Posts: 242
Excelente tutorial, ahora sé como hacerlas.

Gracias.
Citar y responder
  #16 (Link directo)  
11-sep-2006, 22:20


 
Posts: 183
Como dijo el amigo Carloncho, excelente tutorial ahora sé como hacerlas, a re que se copia todo jajaj.
Citar y responder
  #17 (Link directo)  
24-sep-2006, 18:02


 
Posts: 48
Gente... se acuerdan de mi?? bueno, hoy pire salado, y me dio nostalgia y ta, ahora volvi... voy a empezar a kaitizar el foro un poco ta?? por cierto, muy muy util lo de las user bars, acabo de mandarme una... aunque me tuve que avivar un poco yo tengo el Pshp 5.0 jejeje... en fin... aca esta la q hice...



Un saludo y aguante el foro realoed
Citar y responder
  #18 (Link directo)  
12-ene-2007, 15:07


 
Posts: 51
kaitita volvist!! t amo nene !
el kaita se zarpa con el photoshop mal
besitos
re bueno lo q puso juloo lo voy a hacer sisi
bye
Citar y responder
  #19 (Link directo)  
09-abr-2007, 16:55


 
Posts: 9
QUE SARPADO ESTA ESTA GUIA POR DIOS!!! GRACIAS NUNCA PÈNSE QUE PODIA HACER UN USERBAR.... GRACIAS
Citar y responder
  #20 (Link directo)  
09-abr-2007, 16:59


 
Posts: 9
gracias por el tutorial!!... (de apoco se empieza)... me gustaria que publiquen mas efectos..

Editado por PianOs en 09-abr-2007 a las 22:32.
Citar y responder
Responder

Califica esta discusión:
Excelente Buena Promedio Mala Terrible


Herramientas

LinkBacks (?)
LinkBack a este thread: http://www.foro-cualquiera.com/diseno-tutoriales/1104-tutorial-hacer-userbars.html
Publicado por Para Tipo Fecha
firmas, comentarios y chistes - Darkorbit Este thread Refback 05-ene-2009 18:20
Mensajes recientes Este thread Refback 24-oct-2008 21:30
cual es el mejor programa para crear user bars? Este thread Refback 28-jul-2008 20:37
ES HORA DE UNIRNOS CHUCHA!!! - Liga Deportiva Universitaria Muerte Blanca Este thread Refback 15-jul-2008 00:27
El Foro de Shinichi's Memories - Userbar - Galería - foros.miarroba.com Este thread Refback 07-jul-2008 18:14
alguien sabe como se acen las firmas?!?! - Firmas - Opciones y Uso - Comunidad 2 Este thread Refback 10-abr-2008 06:13
Padfoots - *Foros HA* Un viaje mas allá de tu imaginación Este thread Refback 30-mar-2008 13:54
Xx-animemix-xX - los userbars Este thread Refback 29-mar-2008 22:04
cual es el mejor programa para crear user bars? Este thread Refback 17-mar-2008 14:47
Depp clan ~ Ver tema - Firmas para foro (Userbars) Este thread Refback 16-mar-2008 17:29
La Comunidad del Ipod • Ver Tema - Firma Este thread Refback 13-mar-2008 20:01

Discusiones similares
Discusión Iniciada por Foro Respuestas Último post
Como hacer un layout Shavo Tutoriales Sony Ericsson 5 12-feb-2008 20:40
[tutorial] hacer un tema nokia 3220 darkness Nokia 1 16-oct-2007 22:35
[TUTORIAL] Como liberar MPX BruTTus Desbloqueos-Activaciones 2 16-may-2007 06:48
Tutorial: Como hacer una espada de luz de Star Wars Super Cuac Diseño y Tutoriales 3 15-abr-2007 21:29
Como Hacer Userbars gulabick Imágenes y Avatars 3 23-oct-2006 18:00



Usando: vBulletin Version 3.7.4
Copyright ©2000 - 2009

Search Engine Friendly URLs by vBSEO 3.2.0

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 300 301 302 303 304 305