09-06-2021, 21:02
(Última modificación: 10-06-2021, 20:46 por TakayaF1.
Razón: Agrego plantillas PNG para Fireworks y PSD para Photoshop
)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
EDITO:
Les dejo link con las plantillas en PNG para Fireworks y PSD para los que trabajen con Photoshop, la misma imagen de este tutorial
No puedes ver enlaces como invitado. Regístrate o conectate para verlo.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Para que quede más ordenado lo creo como un segundo post
Trabajando con Fireworks
Lo primero es guardar y abrir esta plantilla en Fireworks
![[Imagen: KIT.png]](https://i.ibb.co/gJ1zvRm/KIT.png)
Una vez abierta esta le servirá de base para crear el KIT
![[Imagen: Kit04.jpg]](https://i.ibb.co/18cRSHc/Kit04.jpg)
Como ejemplo haré esta camiseta que la especial de los 30 años de obtención de la Copa Libertadores, camiseta con la cual este fin de semana jugó Colo-Colo y aún no sé si la seguirán ocupando por el resto del campeonato o sólo fue ocupada el pasado domingo:
![[Imagen: Camiseta-Colo-Colo-30-Anos-Copa-Libertadores.jpg]](https://i.ibb.co/G3qQF6s/Camiseta-Colo-Colo-30-Anos-Copa-Libertadores.jpg)
Copio y pego (o guardo la imagen) para abrirla con Fireworks y selecciono una porción de la camiseta (indicado con la flecha roja) para obtener el color más exacto para ocupar:
![[Imagen: Kit05.jpg]](https://i.ibb.co/S7SbGFD/Kit05.jpg)
Este trozo lo pego en la lengüeta KIT, si me pregunta sobre el cambio de resolución le damos click a No:
![[Imagen: Kit06.jpg]](https://i.ibb.co/Dbq8Y6n/Kit06.jpg)
Click en la camiseta frontal para realizar el cambio de color:
![[Imagen: Kit07.jpg]](https://i.ibb.co/Km53Pvs/Kit07.jpg)
Click en + para aplicar el flitro de relleno de color
![[Imagen: Kit08.jpg]](https://i.ibb.co/7XcjQPX/Kit08.jpg)
Hacer click en el cuadrado de color rojo de abajo para activar el gotero, ahí le dan click al cuadro del color de camiseta "verdadero" (en este caso el gris)
![[Imagen: Kit09.jpg]](https://i.ibb.co/tLkDZFH/Kit09.jpg)
Al hacer click en el color éste cambiará al que andaba buscando:
![[Imagen: Kit10.jpg]](https://i.ibb.co/9bgBjQ8/Kit10.jpg)
Ahora selecciono la imagen que ocupé de apoyo (el cuadrado del color original):
![[Imagen: Kit11.jpg]](https://i.ibb.co/4WDGM6p/Kit11.jpg)
Y simplemente la borro con la tecla suprimir:
![[Imagen: Kit12.jpg]](https://i.ibb.co/94N0FYZ/Kit12.jpg)
Realizar el mismo procedimiento para cada bloque respetando el color de la equipación (ésta equipación lleva costado derecho camiseta negro, costado izquierdo blanco, cuello negro):
![[Imagen: Kit13.jpg]](https://i.ibb.co/2skpHg5/Kit13.jpg)
Ahora viene todo lo que son los logotipos:
![[Imagen: colo_colo_vs_la_serena_-_fecha_11_campeo...334169.jpg]](https://dalealbo.cl/export/sites/dalealbo/img/2021/06/06/colo_colo_vs_la_serena_-_fecha_11_campeonato_nacional_2021_x18x.jpg_231334169.jpg)
Buscamos por internet todos los logotipos (de preferencia en png con transparencia), si no encontramos la transparencia la haremos nosotros:
![[Imagen: Kit14.jpg]](https://i.ibb.co/HgDj5Yr/Kit14.jpg)
Le hacemos click por ejemplo al cuadro de publicidad de la camiseta delantera y donde les indico con la flecha informa el tamaño que ésta tiene, al crear la tuya la ajustas de acuerdo a como estimes conveniente (este valor es referencial) ni yo mismo lo ocupo siempre, depende del equipo.
![[Imagen: Kit15.jpg]](https://i.ibb.co/fSYGnxJ/Kit15.jpg)
Realizamos cambios de tamaño a los logotipos que descargaron:
![[Imagen: Kit16.jpg]](https://i.ibb.co/Sr1zwBS/Kit16.jpg)
Seleccionamos el archivo y lo copiamos para pegarlo en el kit:
![[Imagen: Kit17.jpg]](https://i.ibb.co/2n3yY6z/Kit17.jpg)
Lo pegamos y aprovecho de cambiar el zoom para verlo mejor, lo podemos mover con las flechas hasta colocarlo en la posición que queremos:
![[Imagen: Kit18.jpg]](https://i.ibb.co/MkKKsG0/Kit18.jpg)
Pego todos los logotipos dejando pendiente el del Sodimac del pantalón para enseñarles a hacer transparencias:
![[Imagen: Kit19.jpg]](https://i.ibb.co/8zGGm9g/Kit19.jpg)
Esta imagen necesito hacerla transparente con los colores que no son negros y el color negro debe ser blanco:
![[Imagen: Kit20.jpg]](https://i.ibb.co/0qj5trG/Kit20.jpg)
Click en ícono varita mágica (el ícono que está activo a la izquierda) seleccionamos el color amarillo, una tolerancia alta como 150 (información de abajo) y finalmente presionamos la tecla suprimir:
![[Imagen: Kit21.jpg]](https://i.ibb.co/3pWcc3t/Kit21.jpg)
Ahí ya está borrado, hacemos lo mismo con el resto de colores:
![[Imagen: Kit22.jpg]](https://i.ibb.co/hm91mMn/Kit22.jpg)
Ya están todos con transparencia, ahora a cambiar el color de negro a blanco:
![[Imagen: Kit23.jpg]](https://i.ibb.co/FJwgKs8/Kit23.jpg)
Eso se hace de la misma forma que se realizó para el color de camiseta:
![[Imagen: Kit24.jpg]](https://i.ibb.co/tKMr13R/Kit24.jpg)
Se cambia el tamaño al que necesitamos:
![[Imagen: Kit25.jpg]](https://i.ibb.co/djMtWtC/Kit25.jpg)
Acá ya está listo, no se nota mucho porque la imagen original era tan grande que estuvo con zoom xD:
![[Imagen: Kit26.jpg]](https://i.ibb.co/wWx87ZB/Kit26.jpg)
La pegamos y ajustamos:
![[Imagen: Kit27.jpg]](https://i.ibb.co/F0s5p71/Kit27.jpg)
Finalmente borramos las guía de logotipos:
![[Imagen: Kit28.jpg]](https://i.ibb.co/SwWYXh4/Kit28.jpg)
PD: Las líneas las podemos hacer con los íconos de vector
Recomiendo finalmente guardar el KIT en formato PNG para respaldo por si debemos modificar algo:
![[Imagen: Kit29.jpg]](https://i.ibb.co/k5RJ6k4/Kit29.jpg)
Y lo más importante, en GIF de 256 colores adaptable, que es como lo lee el PC Fútbol
![[Imagen: Kit30.jpg]](https://i.ibb.co/GxzKtMB/Kit30.jpg)
Recuerden ca0001.gif para equipación local, cb0001.gif para equipación visita.
Saludos.
EDITO:
Les dejo link con las plantillas en PNG para Fireworks y PSD para los que trabajen con Photoshop, la misma imagen de este tutorial
No puedes ver enlaces como invitado. Regístrate o conectate para verlo.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Para que quede más ordenado lo creo como un segundo post
Trabajando con Fireworks
Lo primero es guardar y abrir esta plantilla en Fireworks
![[Imagen: KIT.png]](https://i.ibb.co/gJ1zvRm/KIT.png)
Una vez abierta esta le servirá de base para crear el KIT
![[Imagen: Kit04.jpg]](https://i.ibb.co/18cRSHc/Kit04.jpg)
Como ejemplo haré esta camiseta que la especial de los 30 años de obtención de la Copa Libertadores, camiseta con la cual este fin de semana jugó Colo-Colo y aún no sé si la seguirán ocupando por el resto del campeonato o sólo fue ocupada el pasado domingo:
![[Imagen: Camiseta-Colo-Colo-30-Anos-Copa-Libertadores.jpg]](https://i.ibb.co/G3qQF6s/Camiseta-Colo-Colo-30-Anos-Copa-Libertadores.jpg)
Copio y pego (o guardo la imagen) para abrirla con Fireworks y selecciono una porción de la camiseta (indicado con la flecha roja) para obtener el color más exacto para ocupar:
![[Imagen: Kit05.jpg]](https://i.ibb.co/S7SbGFD/Kit05.jpg)
Este trozo lo pego en la lengüeta KIT, si me pregunta sobre el cambio de resolución le damos click a No:
![[Imagen: Kit06.jpg]](https://i.ibb.co/Dbq8Y6n/Kit06.jpg)
Click en la camiseta frontal para realizar el cambio de color:
![[Imagen: Kit07.jpg]](https://i.ibb.co/Km53Pvs/Kit07.jpg)
Click en + para aplicar el flitro de relleno de color
![[Imagen: Kit08.jpg]](https://i.ibb.co/7XcjQPX/Kit08.jpg)
Hacer click en el cuadrado de color rojo de abajo para activar el gotero, ahí le dan click al cuadro del color de camiseta "verdadero" (en este caso el gris)
![[Imagen: Kit09.jpg]](https://i.ibb.co/tLkDZFH/Kit09.jpg)
Al hacer click en el color éste cambiará al que andaba buscando:
![[Imagen: Kit10.jpg]](https://i.ibb.co/9bgBjQ8/Kit10.jpg)
Ahora selecciono la imagen que ocupé de apoyo (el cuadrado del color original):
![[Imagen: Kit11.jpg]](https://i.ibb.co/4WDGM6p/Kit11.jpg)
Y simplemente la borro con la tecla suprimir:
![[Imagen: Kit12.jpg]](https://i.ibb.co/94N0FYZ/Kit12.jpg)
Realizar el mismo procedimiento para cada bloque respetando el color de la equipación (ésta equipación lleva costado derecho camiseta negro, costado izquierdo blanco, cuello negro):
![[Imagen: Kit13.jpg]](https://i.ibb.co/2skpHg5/Kit13.jpg)
Ahora viene todo lo que son los logotipos:
![[Imagen: colo_colo_vs_la_serena_-_fecha_11_campeo...334169.jpg]](https://dalealbo.cl/export/sites/dalealbo/img/2021/06/06/colo_colo_vs_la_serena_-_fecha_11_campeonato_nacional_2021_x18x.jpg_231334169.jpg)
Buscamos por internet todos los logotipos (de preferencia en png con transparencia), si no encontramos la transparencia la haremos nosotros:
![[Imagen: Kit14.jpg]](https://i.ibb.co/HgDj5Yr/Kit14.jpg)
Le hacemos click por ejemplo al cuadro de publicidad de la camiseta delantera y donde les indico con la flecha informa el tamaño que ésta tiene, al crear la tuya la ajustas de acuerdo a como estimes conveniente (este valor es referencial) ni yo mismo lo ocupo siempre, depende del equipo.
![[Imagen: Kit15.jpg]](https://i.ibb.co/fSYGnxJ/Kit15.jpg)
Realizamos cambios de tamaño a los logotipos que descargaron:
![[Imagen: Kit16.jpg]](https://i.ibb.co/Sr1zwBS/Kit16.jpg)
Seleccionamos el archivo y lo copiamos para pegarlo en el kit:
![[Imagen: Kit17.jpg]](https://i.ibb.co/2n3yY6z/Kit17.jpg)
Lo pegamos y aprovecho de cambiar el zoom para verlo mejor, lo podemos mover con las flechas hasta colocarlo en la posición que queremos:
![[Imagen: Kit18.jpg]](https://i.ibb.co/MkKKsG0/Kit18.jpg)
Pego todos los logotipos dejando pendiente el del Sodimac del pantalón para enseñarles a hacer transparencias:
![[Imagen: Kit19.jpg]](https://i.ibb.co/8zGGm9g/Kit19.jpg)
Esta imagen necesito hacerla transparente con los colores que no son negros y el color negro debe ser blanco:
![[Imagen: Kit20.jpg]](https://i.ibb.co/0qj5trG/Kit20.jpg)
Click en ícono varita mágica (el ícono que está activo a la izquierda) seleccionamos el color amarillo, una tolerancia alta como 150 (información de abajo) y finalmente presionamos la tecla suprimir:
![[Imagen: Kit21.jpg]](https://i.ibb.co/3pWcc3t/Kit21.jpg)
Ahí ya está borrado, hacemos lo mismo con el resto de colores:
![[Imagen: Kit22.jpg]](https://i.ibb.co/hm91mMn/Kit22.jpg)
Ya están todos con transparencia, ahora a cambiar el color de negro a blanco:
![[Imagen: Kit23.jpg]](https://i.ibb.co/FJwgKs8/Kit23.jpg)
Eso se hace de la misma forma que se realizó para el color de camiseta:
![[Imagen: Kit24.jpg]](https://i.ibb.co/tKMr13R/Kit24.jpg)
Se cambia el tamaño al que necesitamos:
![[Imagen: Kit25.jpg]](https://i.ibb.co/djMtWtC/Kit25.jpg)
Acá ya está listo, no se nota mucho porque la imagen original era tan grande que estuvo con zoom xD:
![[Imagen: Kit26.jpg]](https://i.ibb.co/wWx87ZB/Kit26.jpg)
La pegamos y ajustamos:
![[Imagen: Kit27.jpg]](https://i.ibb.co/F0s5p71/Kit27.jpg)
Finalmente borramos las guía de logotipos:
![[Imagen: Kit28.jpg]](https://i.ibb.co/SwWYXh4/Kit28.jpg)
PD: Las líneas las podemos hacer con los íconos de vector
Recomiendo finalmente guardar el KIT en formato PNG para respaldo por si debemos modificar algo:
![[Imagen: Kit29.jpg]](https://i.ibb.co/k5RJ6k4/Kit29.jpg)
Y lo más importante, en GIF de 256 colores adaptable, que es como lo lee el PC Fútbol
![[Imagen: Kit30.jpg]](https://i.ibb.co/GxzKtMB/Kit30.jpg)
Recuerden ca0001.gif para equipación local, cb0001.gif para equipación visita.
Saludos.