Advertisement:

Author Topic: [Tutorial] Crear rangos en Photoshop  (Read 29483 times)

Offline Drogocop

  • Jr. Member
  • **
  • Posts: 208
  • Gender: Male
  • Patricio Rey y sus Redonditos de Ricota (L
    • aTg # Gaming | Counter-Strike Gamers
[Tutorial] Crear rangos en Photoshop
« on: October 03, 2008, 03:48:24 PM »
Bueno, todos sabemos que este foro es de SMF y no de diseño grafico, pero igual dejo este tutorial, por que vi gente que buscaba hacer botones para sus rangos, o seguramente a alguien le debe interesar crear sus botones de Rango. Si este tema esta de mas, por favor algun moderador lo borre.

1ro: Cremos un documento de las medidas que les guste, y con la herramienta Elipse (letra U), dibujan la forma deseada, de cualquier color.

2do: Doble click en la capa de la forma que hicieron para ver los estilos de capa. Eleji la opcion Superposición de degradado y usa un azul y un azul más claro para los colores degradados. En estilo selecciona Radial. Después añade un Bisel y relieve como se muestra debajo.

3ro: Duplican la capa de la forma que hicieron, y la achican un poquito (Edicio->Tranfacion libre) o precionan la tecla Ctrl+T

4to: Doble click en la capa nueva para abrir el Estilo de capa. Antes de hacer nada, haz click en Opciones de fusión y en el cuadro de Fusión avanzada baja la Opacidad de relleno hasta 0%.

Como pueden ver, al duplicar la capa, se guardaron los efectos de la capa que duplicamos.Ahora selecciona Trazo y en Tipo de relleno elige Degradado. Para los colores, elige la mitad blanca, y la mitad transparente, y marca las opciones de esta imagen.

5to: Selecciona la Herramienta de Texto (Letra T) y escribi el texto que quieras y asegurate que la capa del texto este arriba de todas. Ahora abre el cuadro de diálogo Estilo de capa y activa Superposición de colores con color blanco. Selecciona Sombra interior y usa los parámetros de la imagen.

Aca el resultado, con otros colores:

En el tutorial, usamos de ejemplo una esfera bastante grande, eso ya seria un avatar.. muy grande para rangos. Simplemente, cambien la forma y el tamaño, y les queda su imagen de rango.

Ejemplo de rangos:



Ejemplos con otras formas y colores:


« Last Edit: October 03, 2008, 04:04:05 PM by Drogocop »

Offline SPerroud

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • 4 years in SMF
    • DarkDog Studios
Re: [Tutorial] Crear rangos en Photoshop
« Reply #1 on: October 03, 2008, 09:53:56 PM »
Ta wenisimo, soy como el loli pal photoshop pero esto me sirve, buen aporte.
Version SMF: 1.1.11
Theme: Black Default Theme for SMF
CMS (Portal): TinyPortal v0.9.8

- Deja siempre tu versión del foro y el tema que usas para ayudarte mejor.

Preguntas Frecuentes: SMF FAQ

Offline Drogocop

  • Jr. Member
  • **
  • Posts: 208
  • Gender: Male
  • Patricio Rey y sus Redonditos de Ricota (L
    • aTg # Gaming | Counter-Strike Gamers
Re: [Tutorial] Crear rangos en Photoshop
« Reply #2 on: October 03, 2008, 10:11:41 PM »
Muchas gracias, me alegro que te guste.

1van10

  • Guest
Re: [Tutorial] Crear rangos en Photoshop
« Reply #3 on: October 04, 2008, 04:15:07 AM »
el tutorial de mis sueños al fin hecho realidad xD muchisimas gracias, si me salen bien los pongo en este post

Edito:

« Last Edit: October 04, 2008, 04:52:01 AM by 1van10 »

Offline Drogocop

  • Jr. Member
  • **
  • Posts: 208
  • Gender: Male
  • Patricio Rey y sus Redonditos de Ricota (L
    • aTg # Gaming | Counter-Strike Gamers
Re: [Tutorial] Crear rangos en Photoshop
« Reply #4 on: October 04, 2008, 04:54:55 AM »
Muy bueno 1van10, me alegro que te guste el tutorial!
Te doy un consejo, con la varita magica, selecciona todo lo blanco, y con la herramienta Borrador de fondo, borra todo lo blanco, asi el fondo de la imagen es transparente, y se adapte a cualquier color.

1van10

  • Guest
Re: [Tutorial] Crear rangos en Photoshop
« Reply #5 on: October 04, 2008, 04:55:51 AM »
Muy bueno 1van10, me alegro que te guste el tutorial!
Te doy un consejo, con la varita magica, selecciona todo lo blanco, y con la herramienta Borrador de fondo, borra todo lo blanco, asi el fondo de la imagen es transparente, y se adapte a cualquier color.

ok, mucha gracias por el consejo

Offline Deoxys94

  • Full Member
  • ***
  • Posts: 477
  • Gender: Male
  • [SMF Переводчик][Gimp пользователя]
    • Foro de Malwares
Re: [Tutorial] Crear rangos en Photoshop
« Reply #6 on: November 09, 2008, 04:55:11 PM »
Buen tutorial, aunque no todos usamos PS ¬¬ xD [Si lo se, somos pocos pero estamos presentes xD]

Voy a ver si puedo hacer una adaptacion para GIMP xD

Salu2!


No doy soporte por MP ni MSN
...Leo los foros como todos...
Я не говорят по-русски xD
No Hablo ruso xD

Offline Drogocop

  • Jr. Member
  • **
  • Posts: 208
  • Gender: Male
  • Patricio Rey y sus Redonditos de Ricota (L
    • aTg # Gaming | Counter-Strike Gamers
Re: [Tutorial] Crear rangos en Photoshop
« Reply #7 on: November 09, 2008, 10:52:35 PM »
Buen tutorial, aunque no todos usamos PS ¬¬ xD [Si lo se, somos pocos pero estamos presentes xD]

Voy a ver si puedo hacer una adaptacion para GIMP xD

Salu2!
Jaja.
Yo particularmente, creo que para diseño, al photoshop no le gana nadie, pero gustos son gustos :P
Igual, las funciones son mas o menos las mismas, la de relieve y eso, creo...

Offline manixless

  • Sr. Member
  • ****
  • Posts: 770
  • Gender: Male
    • Delibertad
Re: [Tutorial] Crear rangos en Photoshop
« Reply #8 on: November 10, 2008, 01:01:40 AM »
aunque el gimp no esta a la misma altura que ps si esta muy cerca, estos dos son los mejores editores fotograficos

saludos

Offline Deoxys94

  • Full Member
  • ***
  • Posts: 477
  • Gender: Male
  • [SMF Переводчик][Gimp пользователя]
    • Foro de Malwares
Re: [Tutorial] Crear rangos en Photoshop
« Reply #9 on: November 10, 2008, 11:53:06 PM »
Quote
Yo particularmente, creo que para diseño, al photoshop no le gana nadie, pero gustos son gustos :P

Bueno, un colega que usa P$ me dijo que el Manga Studio le gana por mucho al Photoshop xD, yo no se, no uso esa aplicacion :P

Yo se que GIMP es superado por el producto de adobe, pero:


Quote
aunque el gimp no esta a la misma altura que ps si esta muy cerca, estos dos son los mejores editores fotograficos

Yo usaba Photoshop, y no me sentia a gusto, pero un dia de esos, encontre el GIMP y no dude en deshacerme del Photoshop xD

Por que, no tengo la menor idea, muchos me han dicho que es lo peor que pude haber hecho, pero de lo que estoy seguro es que GIMP de a poco esta alcanzando al P$, por algo es la unica alternativa verdadera al producto de adobe (corel es una basura comparado con estos dos xD)

Salu2!


No doy soporte por MP ni MSN
...Leo los foros como todos...
Я не говорят по-русски xD
No Hablo ruso xD

Offline chaky!

  • Jr. Member
  • **
  • Posts: 195
Re: [Tutorial] Crear rangos en Photoshop
« Reply #10 on: November 11, 2008, 07:33:43 PM »
Buen tutorial, aunque no todos usamos PS ¬¬ xD [Si lo se, somos pocos pero estamos presentes xD]

Voy a ver si puedo hacer una adaptacion para GIMP xD

Salu2!

Quiero ese tuto  :)

No uso Vbulletin porque SMF es free
creen que voy a usar photoshop teniendo gimp?

 ;)

Offline Deoxys94

  • Full Member
  • ***
  • Posts: 477
  • Gender: Male
  • [SMF Переводчик][Gimp пользователя]
    • Foro de Malwares
Re: [Tutorial] Crear rangos en Photoshop
« Reply #11 on: November 11, 2008, 09:25:02 PM »
Quiero ese tuto  :)

No uso Vbulletin porque SMF es free
creen que voy a usar photoshop teniendo gimp?

 ;)

estube viendo esto y hacerlo en GIMP es como hacer botones Aqua xD

voy a revisar los viejos tutoriales a ver si recopilo algo :P

Salu2!


No doy soporte por MP ni MSN
...Leo los foros como todos...
Я не говорят по-русски xD
No Hablo ruso xD

Offline Gargadon

  • Jr. Member
  • **
  • Posts: 383
  • Gender: Male
    • Todoenuno Fansub
Re: [Tutorial] Crear rangos en Photoshop
« Reply #12 on: November 12, 2008, 06:01:16 PM »
Por mi parte sigo con Photoshop porque los Blending Options (muy utilizados para no dejar el texto simple) no son soportados por GIMP, y cada que abría un PSD con GIMP, el PSD se malograba por completo. Sé bien que con Script Fu se puede hacer eso pero lo que busco es compatibilidad de archivos ya que no soy el único que trabaja con los mismos archivos. Además en GIMP las zonas que uno desea borrar no se borran, incluso si la capa de abajo es transparente, el color no se borra.

Para el caso prefiero más los rangos en modo barrita. Son más discretos, en ocasiones llamativos (sin llegar a ser el centro de atención) y con un poco de imaginación, hasta personalizables.
Todoenuno Fansubhttp://www.teufansub.net
El proyecto Daisuke Yanamihttp://gargadon.teufansub.net
Digimon Wars Online (en construcción)http://digimonrpg.teufansub.net


Offline lechhack

  • Full Member
  • ***
  • Posts: 427
Re: [Tutorial] Crear rangos en Photoshop
« Reply #13 on: November 13, 2008, 05:48:46 AM »
Muy bueno drogocop te felicito
 ;)

Offline Drogocop

  • Jr. Member
  • **
  • Posts: 208
  • Gender: Male
  • Patricio Rey y sus Redonditos de Ricota (L
    • aTg # Gaming | Counter-Strike Gamers
Re: [Tutorial] Crear rangos en Photoshop
« Reply #14 on: November 13, 2008, 05:57:31 PM »
Muy bueno drogocop te felicito
 ;)
Muchas gracias lechhack.

PD: Disculpen mi ausencia, es que estoy con mucho laburo

Offline aristides_03

  • Full Member
  • ***
  • Posts: 569
  • Gender: Male
  • www.utilestools.com
    • www.utilestools.com
Re: [Tutorial] Crear rangos en Photoshop
« Reply #15 on: January 05, 2009, 03:33:17 AM »
muchas gracias una buena utilidad

Hay mucho que compartir

Offline Nitoh

  • Newbie
  • *
  • Posts: 7
Re: [Tutorial] Crear rangos en Photoshop
« Reply #16 on: February 09, 2009, 12:57:14 PM »
yo soy muy bueno en photoshop, e hize una psd con la base para mis rangos xD asi solo edito, ustedes pueden hacer lo mismo, Ademas esta bueno para los nuevos en ps, y que quieran hacer los rangos, porque nunca falta el que los copia...

slds

Offline lucas-ruroken

  • SMF Hero
  • ******
  • Posts: 4,906
  • Gender: Male
  • Adk Developer
    • lucas.ruroken on Facebook
    • lucasruroken on GitHub
Re: [Tutorial] Crear rangos en Photoshop
« Reply #17 on: April 13, 2009, 05:41:12 PM »
Excelente che
ahora lo voy a probar ;)
muchas gracias ^^
Adk Portal 3.1 is coming....

Design your universe!

Offline Kiel D-04

  • Sr. Member
  • ****
  • Posts: 938
  • Gender: Male
  • El Dios del Nuevo Mundo
Re: [Tutorial] Crear rangos en Photoshop
« Reply #18 on: May 23, 2009, 05:34:29 PM »
Gracias jejej menos mal que empeze ace tiempo con el photoshop
me ice unas bonitas a partir de una barra de rango que las comparto con  ustedes ejeje














saludos!

Offline #jsDotx3

  • Full Member
  • ***
  • Posts: 532
  • Gender: Male
  • Think Different
    • jsDotx3 on GitHub
    • @jsDotx3 on Twitter
    • K! Mundo
Re: [Tutorial] Crear rangos en Photoshop
« Reply #19 on: May 23, 2009, 06:05:17 PM »
Gracias jejej menos mal que empeze ace tiempo con el photoshop
me ice unas bonitas a partir de una barra de rango que las comparto con  ustedes ejeje














saludos!
Genial, ¿Podrías dejar un tutorial también?. Siempre eh deseado aprender hacer placas así.

Solved
(Life would be easy with a simple solution.)

Offline Kiel D-04

  • Sr. Member
  • ****
  • Posts: 938
  • Gender: Male
  • El Dios del Nuevo Mundo
Re: [Tutorial] Crear rangos en Photoshop
« Reply #20 on: May 23, 2009, 06:26:18 PM »
Gracias jejej menos mal que empeze ace tiempo con el photoshop
me ice unas bonitas a partir de una barra de rango que las comparto con  ustedes ejeje














saludos!
Genial, ¿Podrías dejar un tutorial también?. Siempre eh deseado aprender hacer placas así.

claro por unos de oestos dias lo posteo si xD

Offline HELPME3

  • Semi-Newbie
  • *
  • Posts: 19
  • Gender: Male
  • Team TodoCool A Tu Servicio.
Re: [Tutorial] Crear rangos en Photoshop
« Reply #21 on: July 30, 2009, 04:50:20 PM »
E Hecho unos  Rango loquisimos Miralos en mi foro ^^ .
http://www.todocool.tk [nofollow]

Offline HELPME3

  • Semi-Newbie
  • *
  • Posts: 19
  • Gender: Male
  • Team TodoCool A Tu Servicio.
Re: [Tutorial] Crear rangos en Photoshop
« Reply #22 on: July 30, 2009, 04:51:18 PM »
Gracias jejej menos mal que empeze ace tiempo con el photoshop
me ice unas bonitas a partir de una barra de rango que las comparto con  ustedes ejeje














saludos!
solo se ve una imagen :S

Offline Kiel D-04

  • Sr. Member
  • ****
  • Posts: 938
  • Gender: Male
  • El Dios del Nuevo Mundo
Re: [Tutorial] Crear rangos en Photoshop
« Reply #23 on: August 01, 2009, 12:36:28 PM »
Gracias jejej menos mal que empeze ace tiempo con el photoshop
me ice unas bonitas a partir de una barra de rango que las comparto con  ustedes ejeje














saludos!
solo se ve una imagen :S

Perdon es que las imagenes estaban hosteadas en mi host el cual ya no tengo asi que desaparecieron :)