PDA

Ver la versión completa : [TUTORIAL] Crear parches graficos



Kurozaki
14/06/2009, 21:48:36
creditos a: XxflezhaxX (http://www.topsony.com/forum_es/miembros/xxflezhaxx.html)


COMO CREAR PARCHES GRAFICOS:
Hola amigos, solamente iba a plantear lo de arriba, pero pues andando aquí, me tome la molestia de crear un tutorial, que hasta las SuperNovatos van a entender.

Programas:
-Adobe Fireworks CS4
-DB2020 IMGtool v.2.04
-Compresor PNG (PNGOUTWin)
-Paint.NET

Empecemos.
1.-Agarra cualquier imagen para crear tu icono PNG.
2.-abrimos fireworks
3.-presionamos Control + O para abrir nuestra imagen en el programa.
4.-damos clic en archivo, presentación preeliminar de la imagen. (Se abrirá otra ventana)
5.-donde dice formato pondremos PNG 8.
6.-después damos de abajo del cuadro de colores donde dice “sin transparencia” y lo cambiaremos a “transparencia alfa”.
7.-damos a exportar.
http://img200.imageshack.us/img200/2927/77108055.png


8.- ahí tiene su imagen PNG

***pero falta editarla***
***este procedimiento también puede ser útil para crear iconos del menú***

9.-ahora cerramos fireworks y volvemos a abrir, pero ahora abriremos la imagen que nos dio al exportar.
10.-usamos Control + + para acerca la imagen.

Descripción de herramientas:
http://img200.imageshack.us/img200/2445/45803840.png


1 rojo – para seleccionar en cuadro
2 rojo - varita mágica, selecciona toda una parte, en el que el color sea idéntico.
3 rojo – lápiz
1 azul – para seleccionar de forma libre
2 azul - pincel
3 azul – borrador

Ahora siguiendo con los pasos:

11.- usaremos la varita mágica para seleccionar el fondo y eliminarlo.
12.- una vez seleccionado, hay que ver muy bien que solo se haya seleccionado el fondo/contorno y no nuestra imagen.
13.- damos en Supr. Para borrar el fondo.
http://img200.imageshack.us/img200/6398/69005312.png


Damos clic nuevamente con la varita mágica, para quitar la línea punteada.

14.- si quedan rastros del fondo todavía, hay que usar diferentes métodos como el borrador, varita mágica o el selector de forma libre.
*** Si borramos por accidente, solo presionamos Control + Z y regresara.

15.- ahora quitamos el fondo y ahora si dejamos solamente nuestro icono (solo la W)
16.- damos en archivo, Guarda como… y guardamos nuestro icono terminado.

***listo ya tenemos nuestros iconos***

Aquí dejare los iconos que yo usare para crear un parche que reemplacé la batería.


http://img200.imageshack.us/img200/7662/31246805.png


Empecemos ahora con la creación de nuestro parche.

Primero tenemos que redimensionar nuestras imágenes PNG
Usaremos paint.NET y PNGOUTWin para comprimir.

Dimensiones:
Batería: Ancho: 37 & Altura: 22
Señal: Ancho: 29 & Altura: 22


1.- metemos todas nuestras imágenes que hemos creado, (una por una) a paint.NET
2.- damos clic en Imagen
3.-cambiar el tamaño
4.- si tiene tildada la casilla “mantener la relación de aspecto” hay q desmarcarla.
5.- cambiamos las dimensiones en ancho a 37 y alto a 22 (para batería)


http://img200.imageshack.us/img200/5301/13208562.png


Unas ves redimensionadas damos en archivo, guardar como…
Al momento de guardar hay que asegurarnos de que se este guardando en PNG


http://img200.imageshack.us/img200/1573/93659871.png


En raros casos te saldrá un mensaje, le damos en ACOPALAR (solo sale si la imagen con la que trabajamos no es PNG, ya que la debemos guardar en PNG, y hay que acoplarla).

Listo nuestra imagen PNG ya esta redimensionada y ahora vamos a comprimir.

Ahora metemos todas nuestras imágenes que utilizaremos para crear nuestro parche en una carpeta para comprimirlas.

http://img200.imageshack.us/img200/4357/15946277.png

Arrastramos la carpeta al programa (PNGOUTWin)

http://img200.imageshack.us/img200/8320/64122727.png

Hay que abrir nuestra carpeta, y asegurarnos de que marque PNG y damos aceptar

http://img200.imageshack.us/img200/962/17606456.png

Una vez que aparezcan todas las caritas, quiere decir que todas nuestras imágenes PNG ya fueron compresas.
Por ultimo solo cerramos nuestro programa y nuestras imágenes PNG ya están redimensionadas automáticamente.
Ahora que ya tenemos nuestras imágenes PNG compresas y con sus respectivas dimensiones (37x22) para batería.

Es hora de crear nuestro parche:

Herramientas:
-Nuestra MAIN.
-DB2020 IMGtool v.2.04
-los iconos para nuestro parche.

TD: este parche solo servirá para el celular de la MAIN que fue creado.
Yo usare la MAIN, W580 - R8BE001 (no importa el CID)


http://img200.imageshack.us/img200/8404/17918783.png



Ahora buscamos la imagen que queramos reemplazar (este caso trabajaremos con la batería).


http://img200.imageshack.us/img200/4418/19572369.png



5.- seleccionamos una y damos clic en “reemplazar”

http://img200.imageshack.us/img200/4301/44138489.png

6.- vamos reemplazando de una por una; y Si nos sale un error como este.


http://img200.imageshack.us/img200/528/60176877.png



Es por que no tenemos el espacio libre necesario para poder entrar.

8.- Hay que ir eliminando imágenes que nunca hemos visto (raras) o que en verdad no se ocupen
http://img200.imageshack.us/img200/483/64104524.png

http://img200.imageshack.us/img200/4648/73027046.png

en mi caso me puse a eliminar este tipo de imágenes, ya que para mi no son útiles.

9.- ya que hayamos remplazado los 11 iconos de la batería por nuestras imágenes

http://img200.imageshack.us/img200/9485/24659603.png

10.- damos en “crear parche vkp”

http://img200.imageshack.us/img200/9910/96384440.png

11.- si nos da este error
http://img200.imageshack.us/img200/9575/12193268.png

Es por que no tenemos el espacio suficiente libre, y lo podemos notar aquí:


http://img200.imageshack.us/img200/7839/80670389.png



En la línea “Largest Block” dice que hay 9,946 bytes libres y lo que estamos consumiendo es 12,217
Entonces seria imposible crear el parche.

12.- lo que haremos es eliminar mas imágenes hasta que tengamos el espacio suficiente libre como aquí:


http://img200.imageshack.us/img200/1514/11099157.png


El cuadro rojo nos dice que hay 12,721 bytes libres y el cuadro azul dice que nosotros consumimos 12,217 bytes.
Entonces quiere decir que ya es posible crear nuestro parche.

TD: las líneas “Free space” y “Smallest block” no las tomen en cuenta, son datos que se escribirán en el vkp, solo hay que basarnos en las líneas que marque (rojo y azul) y así crear nuestro parche sin problemas OK.


13.- damos clic en crear parche y le ponemos el nombre que queramos


http://img200.imageshack.us/img200/7485/30727979.png



Por ultimo se darán cuenta nos creo el parche y un previews como este:


http://img200.imageshack.us/img200/5904/13680724.png


Esto quiere decir “la función del parche”:

-Batería normal reemplazada por W walkman
-iconos de la carita son eliminadas (por eso esta vacío el cuadro de abajo).

Listo ahora podemos aplicar el parche a nuestro celular (mi caso w580 - R8BE001).
Tutorial hecho por: XxflezhaxX (http://www.topsony.com/forum_es/miembros/xxflezhaxx.html)




Top Sony.
The Best Web Sites


Para plantear dudas sobre este tutorial : [DISCUSION] Crear parches graficos - Top Sony (http://www.topsony.com/forum_es/solo-discusiones-f123/crear-parches-graficos-t111241.html)