Crear e indexar escudos y logos HD

[jhopper]

Con este tutorial vamos aprender a crear escudos, banderas y logos HD, sin bordes pixelados, transparencia, con el tamaño y colores necesarios para el PES.

Necesitaremos Photoshop y Fireworks. En este caso uso la versión CS3.

Hay varias formas para manejar las herramientas y acciones en photoshop, en este tutorial explicare una forma: pocos clics y con atajos de teclado

Les dejo una especie de template, con un tamaño de 128x128px y un espacio de margen para colocar efectos de sombras o lo que quieran >>Descarga<<

El template también trae una guía para las banderas, aplica el mismo procedimiento.

Aqui utilizaremos un escudo sin efectos, para colocar efectos les recomiendo aplicarlos en el template.

Creando el escudo

- Abrimos la imagen de nuestro escudo en photoshop, les recomiendo buscar escudos con fondo transparente (.png) o con un color plano, para hacer más fácil su selección.



- Con las herramientas de selección, en este caso la varita mágica, seleccionamos el fondo y lo borramos (supr), cuando ya tengamos todo el escudo sin fondo vamos a dar CTRL+A (seleccionar todo) y CTRL+C (copiar)



- Vamos al template y damos CTRL+V (pegar).
Estando visible la capa “guia logos/escudos”, vamos a la capa del escudo y damos CTRL+T (transformar) saldrá un recuadro, desde una esquina y manteniendo oprimida la tecla SHIFT (para no deformar la imagen) vamos a escalar hasta dejarlo al tamaño de la guía. Cuando lo tengamos listo damos ENTER y ocultamos la capa guía.



- Vamos a Archivo > Guardar Como… y en tipo de archivo seleccionamos .png, le colocamos el nombre que queramos y después Guardar. Saldrá una ventana, lo dejan como esta y OK




Indexando imagen

- Ahora vamos a Fireworks y abrimos el escudo .png



- Vamos a Archivo > Presentación preliminar de la imagen y saldrá una ventana la cual vamos a configurar de la siguiente manera:



Como se ve en la imagen configuramos:
Formato: PNG 8 - 256 Colores - Transparencia Alfa.

También podemos guardar esta configuración, damos clic en el signo + que se ve al lado derecho y le damos un nombre, en mi caso se llama logos. Cada vez que entramos a esta ventana desplegamos la lista, seleccionamos y los cambios se harán.

- Ahora vamos con el tamaño



Seleccionamos la pestaña siguiente “Archivo” y aquí configuramos el tamaño de la imagen, en este caso como son escudos para pes 6 lo dejamos a 64x64px.

Cuando tengamos esta parte lista, vamos a darle Exportar, en la parte de abajo. Reemplazamos el archivo o le damos un nuevo nombre, damos y guardar y listo, tenemos nuestro escudo HD a 256 colores, 64x64px, con transparencia.

Tengamos en cuenta que este método de indexar no solo sirve para escudos y logos, tambien sirve para indexar otros gráficos como marcadores, fondos, iconos, etc.
El procedimiento es el mismo pero dependiendo tendremos que cambiar el tamaño, los colores, quitar transparencia, etc
Hay una opción en la ventana Presentación preliminar de la imagen que se llama Tramar en algunos casos como cuando creamos fondos activamos esta opción y nos dara una mejor calidad de imagen.

El siguiente paso es importar los gráficos con el Game Graphic Studio >> TUTORIAL GGS

Espero les haya gustado y servido este tutorial...

[jimmorrison10]

buenisimo, intentaré pero no creo que lo logre porque soy un inutil

[jhopper]

por cierto, todavia no esta creado el tutorial de ggs... lo creare lo mas pronto posible :80: :134:

[scarface55]

muy bueno, gracias por tu aporte:123:

[ignavl]

Buen tutorial jhopper!

Trataré de hacer el escudo de Ituzaingó con lo que aprendi :134:.. espero que me salga bien :51:.. jaja
Saludos

[Mister]

buenisimo, intentaré pero no creo que lo logre porque soy un inutil

No digas tonterias (edit) nadie es inutil en este mundo "Todos podemos si lo queremos".

Mister cuidá el lenguaje, no me hagas advertirte

[Esteban]

Buenísimo jhopper!! No lo había visto hasta hoy, me sirve para conocer el proceso, pero me deja con algunas dudas:

1. En que consiste exactamente la indexación? Para qué sirve?
2. El proceso no es posible realizarlo enteramente en Photoshop?
3. El programa OPTPix Image Studio te suena? No ayudaría en el proceso reemplazando a Fireworks? No es que sea anti-Fireworks, sólo pasa que he leído que dicho programa es el mejor para ése laburo...

Igual muchas gracias por el tutorial, apenas hagas el tutorial de GGS lo publicaré en el blog, ya que me han preguntado varias veces como insertar los gráficos que publico.

[jhopper]

@ esteban

gracias, hice este tutorial basado en el proceso que siempre he utilizado para crear graficos... y por supuesto, habran otros metodos pero los desconozco o no los recomiendo...

1. Lo explicare para nuestro caso, el PES.
es un modo de color (color indexado), como RGB, CMYK, etc... que utiliza y pide el PES en la mayoria de sus graficos (escudos, kits, marcadores, balones, muchos graficos del s_text, estadios, etc)
El indexado lo que hace es adaptar imagenes a pocos colores (256 colores maximo) con opciones de transparencia en png.
Hay varios programas para indexar (photoshop, fireworks, OPTPix Image Studio, etc) personalmente uso Firework que se usar y da una buena calidad.

2. Se puede hacer en photoshop pero la calidad es muy mala... no se si te acuerdas, cuando empece a crear escudos que te enviaba una demostracion y me decias que los bordes estaban pixelados... era porque los hacia solo con photoshop

3. No se utilzarlo, una vez lo instale pero no me dio con lo que queria (bordes sin pixelar) debio ser porque no lo supe configurar... siempre he utilizado fireworks y da con lo quiero, no solo escudos, todo el s_text, marcadores, banners, etc

en cuanto pueda creo el tutorial de GGS :123:

[jimmorrison10]

esteban una duda que creo esta super off topic

tengo unos trapos para mi liga master( ml united) y quisiera colocarlos
me podrias decir en que bin van?
gracias y perdona que te desmadre el post

[Zirdracko]

ahora podre hacer mis propios escudos gracias!!!!