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...