Rune Nifelheim

Ragnarok Online => Screenshots / Fandom => General => Skins => Mensaje iniciado por: Melfina en 07 de Enero de 2005, 03:01

Título: Tutorial: Cómo hacer skins
Publicado por: Melfina en 07 de Enero de 2005, 03:01
Este es un tutorial k escribí hace algún tiempo en RoEmpire, por eso esta en inglés... Para esto, se supone que tienes una base de Photoshop...

:.:.: ACTUALIZACIONES :.:.:
- 07/Ene/05: Empiezo a traducir el tutorial a Español...
- 29/Nov/04: Reescrito el tutorial para hacer algunas cosas más claras. Añadido un pequeño texto sobre los shortcuts.


:.:.: LO QUE NECESITAS :.:.:

- Template skin
- Skin maker
- Adobe photoshop. You uso Adobe photoshop 7.0.
- Skin viewer (opcional). Esto es solo para ir viendo el progreso del skin.
- Y un cerebro... sin cerebro no hay ayuda (ni skin).

>>>>> The template and skin maker está aquí (http://www.roempire.com/forums/showthread.php?t=101)
>>>>> Puedes bajarte gratis un trial de Photoshop  aqui (http://www.adobe.com/support/downloads/product.jsp?product=39&platform=Windows)

:.:.: LO QUE SIGNIFICAN LOS SHORTCUTS :.:.:
Alguna gente postea que no le funcionan los Shortcuts que uso durante el tutorial. Si ese es tu caso, hazlo de la otra manera. No son muy dificiles igualmente... ni siquiera yo uso mucho los Shortcuts. Si quieres aprender más Shortcuts de Photoshop mira aqui (http://celestial-star.net/forum/viewtopic.php?t=3).
- CTRL+C : Copiar. Edit > Copy
- CTRL+V : Pegar. Edit > Paste
- CTRL+X : Cortar. Edit > Cut
- CTRL+A : Seleccionar Todo. Edit > Select All


:.:.: BASE DE PHOTOSHOP :.:.:
As I said before, you're supposed to know some Photoshop basics. I can't tell you how to do EVERYTHING if you haven't even opened Photoshop before in your entire life, basically because this would be like a 6-pages long tutorial instead of what it is. If you need help with the basics, search for tutorials. There are TONS of them out there. I've written some, not many though:
Photoshop basics and others (http://celestial-star.net/forum/viewforum.php?f=25&sid=9f90c6b441a4bc7a3c350a5618e5ae35)


:.:.: EL TUTORIAL :.:.:
Y ahora el tutorial :)

1. Abre el template en Photoshop. Pulsa ctrl+A para seleccionar toda la imágen y copia la imágen con ctrl+C, ahora pulsa ctrl+N para crear una nueva imágen y ctrl+V para pegar lo que has copiado antes. Cambiale el nombre del layer a "template". Haz un nuevo layer y llamalo "transparency" por ejemplo.
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskinstep01.jpg)

2. Ve a "Select > Color range" y selecciona "mangenta" del drop down menu. Haz click en OK. Ahora verás unas pequeñas selecciones en tu imágen. Haz click en el layer "template" en la ventana de layers para hacerlo activo. Pulsa Ctrl+C para copiar la selección y haz click en el layer "transparency" para hacerlo activo. Pega lo que habias copiado ahi (Ctrl+C)
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskin02.jpg)


3. Again, make a new layer and name it "black" for example. Go to "Select > color range" and select "shadows" from the drop down menu and copy the selection with Ctrl+C. Make a new layer and press Ctrl+V to paste what you copied before.

4. Once again, go to "Select > Color range" and select "highlights" from the drop down menu. Press Ctrl+X to cut the selection.

5. (OPTIONAL) If the template layer is transparent where it shouldn't be (for example, on buttons) make a new layer just under them (never put other layers between this one and the template layer), select the brush tool and paint those parts until you've finished with the non-desired transparencies.

6. Now you've done that, you can save the image as a psd document to use it everytime you want to make a skin. At the template layer.

7. Open the image you want to use as a background. Now is when your part comes, use your creativity. Open the image you want to use for the skin and paste it under the template image. Don't forget that the text is always black! so don't use an image that's too dark...
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskinstep07.jpg)

8. (OPTIONAL) If you want to change the color of the whole template, first select the "template" layer. Go to Image > Adjustments > Hue/Saturation and click on "Colorize". Move the bars there until you're happy with the result.
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskinstep08.jpg)

9. To change the text: type text above the template layer IN THE EXACT PLACE of the word or whatever you're going to change (otherwise, the skin will look weird). When you've wrote the text in the correct place, take the eraser tool and erase the old text from the "template" layer.
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskinstep09.jpg)

10. Supposing that you've finished your skin, what you have to do now is flatten the image. First save the PSD for next uses (File > Save as...). Click on the arrow at the upper right corner of the layers window and click on "Flatten image", then go to Archive > Save as and save it as a bmp. Bmp only!
(http://diskhub.com/diskhub/uploads/04-11-29/cs-roskinstep10.jpg)

Go to the folder where you have the skins maker and open it. Click on browse at the top field and select your bmp image. At the middle field you have to select your RO folder. It will normally be something like C:/Program Files/Gravity/RO (no you don't have to select the skins folder! only the ro folder!). Type a name for your skin at the bottom field then click on "Create skins" or something like that.

You're finished! :) if you downloaded the RO skin viewer you can view it there or you can prove it at ro itself!

I hope you found this tutorial useful. I know some people have learned to make skins with this tutorial. Credit/thankyous/etc for the tutorial would be greatly appreciated since it took me a while to write. People seem to forget me when they arrive to the last step ^^. Thanks.
Título: Tutorial: Cómo hacer skins
Publicado por: Reck en 21 de Abril de 2006, 18:29
/hmm no veo las imagenes.... /piff
Título: Tutorial: Cómo hacer skins
Publicado por: Drecken en 09 de Diciembre de 2006, 12:11
alguien me pued dcir xk no veo las imagenes??? :poringangry:
Título: Tutorial: Cómo hacer skins
Publicado por: Bunny Rabbit en 17 de Diciembre de 2006, 18:56
Yo tampoko la veo xD
Título: Tutorial: Cómo hacer skins
Publicado por: Kirasuke en 04 de Enero de 2007, 00:05
Melfina, a ver si puedes volver a subir las imágenes por favor, que no se ven  /wah

Thanks ^_^
Título: Tutorial: Cómo hacer skins
Publicado por: poltergeist en 05 de Enero de 2007, 03:31
wena idea subirlas otra ves /ho
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Dark Mousy en 26 de Marzo de 2007, 21:17
podrias volver a poner las imagenes plx esque no se ven
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Mizuki en 17 de Abril de 2007, 06:44
Tampoco me funciona la url para bajar el template T_T ni el skin maker :'(
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Gonfu en 28 de Abril de 2007, 23:56
Gracias, pero...
Las imagenes ??!!
Se agradece que se actualize las imágenes !

Xau!
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Shilfild en 15 de Mayo de 2007, 12:38
Es verdad, el skin maker no tira... tienes algún otro enlace? Que es que me aburro demasiado en el curro x_x
Título: Re: Tutorial: Cómo hacer skins
Publicado por: hernal en 17 de Mayo de 2007, 22:59
yo quiero hacer una super skin porfa pon denuevo las imagenes :-*
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Dark Mousy en 18 de Mayo de 2007, 04:23
este post ya anda muy abandonado no??
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Gonfu en 18 de Mayo de 2007, 17:49
Dark Mousy tiene razón, el post esta abandonado, proque melfina no a actualizado  :-X
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Sefax en 18 de Julio de 2007, 23:10
en verdad yo no la puedo ver ni ver 
Título: Re: Tutorial: Cómo hacer skins
Publicado por: batista. en 25 de Julio de 2007, 06:38
no se ven las imagenes >:(
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Darix† en 09 de Octubre de 2007, 17:43
el photoshop ta muy pesado, nu descarga.
ni modo lo buscare en otro lado


8) so  8)
Título: Re: Tutorial: Cómo hacer skins
Publicado por: xDionx en 22 de Octubre de 2007, 01:27
me podrian  mnadar los links de descargas!! plz amigillos!!!


xDiionx!   4ever
Título: Re: Tutorial: Cómo hacer skins
Publicado por: chiko ragnarok en 30 de Noviembre de 2007, 14:33
sipo que melfina ponga de nuevo las imagenes
que no se ve nada  >:(
Título: Re: Tutorial: Cómo hacer skins
Publicado por: davi223 en 11 de Enero de 2008, 02:24
oigan pongan link pa bajar skin por favor  no sean malos
Título: Re: Tutorial: Cómo hacer skins
Publicado por: Eric en 24 de Enero de 2008, 20:33
Hola Melfina 8) nesescito que me des una manita, :D con el Template skin que estoi vuelto loko buscandolo, :-\ pleas me podrias dar un link directo directo para bajarlo porfa!!
y actualisate un tantico la guia ya que estoi usando el PS CS3 y bueno como esta en español y es bastante distintito  ;D me estoi confundiendo mucho con la guia  :D
Título: Re: Tutorial: Cómo hacer skins
Publicado por: ivan_14 en 13 de Enero de 2009, 18:41
Deberian hacer otro tutorial este esta muty abandonado como dicen y que no este en ingles  :amarilla: