Buenas, aclaro de temprano que esta guia es para la gente de PC, recomiendo usar Adobe Photoshop 2020 (La nueva versión está gratis en YT). Teniendo eso ya podemos comenzar…
Primero les dejo esta foto donde muestro los atajos con teclas así se facilita el trabajo:
Renders: Fotos de jugadores
Brush: Detalles de fifa Background: Fondo Capas: Índice
1) Conseguir un jugador recortado para crear una carta.
2) Cómo recortar una imagen (Básico) 3) Cómo crear un banner (Twitch y Twitter) 4) Cómo crear una logo (Twitch y Twitter) 5) Cómo hacer un render de un nuevo fichaje 6) Tamaño de imágenes 7) Página para crear una carta 8) Cómo agregar una explosion de colores a un render 9) Modificar los brushes 10) Modificar fuentes de FIFA 11) Filtro Camera Raw 12) Conseguir conceptos de cartas especiales 13) Cómo borrar un fondo con simples click 14) Poner objetos dentro de una figura 15) Cuentas de diseñadores 1) Conseguir un jugador recortado para crear una carta.
Como Descargar imagen sin marca de agua
https://www.gettyimages.es/editorial-images
https://www.footyrenders.com/ 2) Cómo recortar una imagen: (Básico)
Si comenzaste hace muy poco con photoshop y te cuesta mucho recortar una foto desde la aplicación te recomiendo la pagina que usé y uso a veces para recortar:
https://www.remove.bg/upload
en cuestión de segundos recorta tu imagen, también puedes comprar créditos para que descargues la imagen recortada en alta definición pero eso es a tu gusto
3) Cómo crear un banner: (Twitch y Twitter)
Primero lo más importante para crear un banner/header para twitter y twitch es saber las medidas
Medidas de Banner en Twitch: 1200 x 480 px
Medidas de Header en Twitter: 1500 x 500 px
Cuando tengamos el fondo blanco o negro con las medidas exactas, toca elegir un fondo de fifa, puedes elegir uno de mi drive haciendo click acá Fondos En el ejemplo de abajo voy a hacer uno para Twitter donde uso un fondo normal (atentos a tener descargados las fuentes de fifa, si no las tienes descargarlas aquí)
Para instalar las fuentes de fifa solo extraes el archivo, seleccionas todos y click derecho a instalar
en mi caso voy a usar Din pro Condensed Black Italic
Cuando elijas el fondo y lo pongas a la medida ya puedes comenzar
(Si tu fondo es pequeño y lo quieres colocar toca en el icono de la cadena y lo puedes modificar manualmente)
cuando seleccionas tu texto, te saldrá estas opciones, si no te salen las propiedades
vas arriba a Ventana y tocas propiedades Azul: haciendo click en esa cadena, puedes seleccionar si quieres cambiar el tamaño de la capa que seleccionas manualmente o automáticamente, en la foto sale que está activado el automático. (inténtalo y vas a entender mejor) Rojo, es la medida donde está colocada la capa. Rosado, en ese lugar puedes elegir los tipos de fuentes, recuerda que Din Pro es de fifa. Verde, ese número es el tamaño del texto que creé Amarillo, es donde cambias el color del texto
Ahora vamos a colocar los brushes
Si no tienes los brushes los consigues haciendo click aquí
En este ejemplo elegí estos dos brushes que son comunes a comparación de los demás. el tema de colocarlos es a gusto tuyo o de la persona a quien se lo hagas. un consejo que daría es que menos brushes queda mejor el diseño el diseño veo en twitter muchas cuentas que ponen muchos brushes y estéticamente queda mal, lo digo porque yo cuando empecé hacía lo mismo y no me daba cuenta.
También puedes agregarle un jugador, mismo paso que los brushes
Arriba a la izquierda, click en “archivo” y “Abrir…” y seleccionas el jugador y lo acomodas a tu medida, te saldrá en una página, agarras y lo mueves al diseño de la portada aquí dejo un ejemplo
4) Cómo crear un logo: (Twitch y Twitter)
Primero lo más importante para crear un banner/header para twitter y twitch es saber las medidas
Medidas de Logo en Twitch: 900 x 900 px (no es oficial pero es la que mejor va) Medidas de Logo en Twitter: 1000 x 1000 px
Cuando tengamos el fondo negro o blanco con las medidas exactas,toca elegir el fondo de fifa, puedes elegir uno de mi drive haciendo click acá Fondos En el ejemplo de abajo voy a hacer uno para Twitter donde uso un fondo normal (atentos a tener descargados las fuentes de fifa, si no las tienes descargarlas aquí)
el problema con la foto de perfil es que cuando la colocas, se ve en círculo lo que
hago yo es colocar un círculo en como fondo asi me guio mejor
Video creando el logo click aqui
En el video muestro como hago un logo simple, no puse brushes ya que el fondo de por sí trae algunos, solo le puse un texto van a ver que toco para crear un eclipse (círculo) y voy a arriba para poner las medidas 1000 x 1000 px, cuando pongo las medidas hago un click en el fondo y toca la ranura para que se ponga en el centro, después acomodar las capas y pongo el eclipse ante ultimo, despues click derecho el fondo que vamos a usar y tocamos crear máscara de recorte, y van a ver cómo todo se pone en el circulo, después de estos pasos, pueden ver después que lo acomodo a gusto y le cambio el color, despues lo descargo y lo pruebo en mi foto de perfil, y van a ver que queda exactamente para twitter
5) Cómo hacer un render de un nuevo fichaje:
Este es mi favorito, como colocarle la camiseta de su nuevo club, abajo les voy a dejar ejemplos
+ =
¿Cuál es la clave de que quede bien?
buscar que ambas fotos sean iguales Miren bien a bale y a Son, el cuello está al mismo ángulo, eso nos facilita todo ahora en este video les voy a mostrar cómo fusionar ambos para que quede como original Video haciendo el render click aquí
Voy explicando el video, a lo primero elijo las dos fotos que voy a editar, mismo ángulo de cuello, con la herramienta de zoom, me acerco a la cara de Son así borramos bien, usando la herramienta de lazo magnético, empezamos a seleccionar entre el cuello de Son y su camiseta y vamos dando clicks manualmente así no selecciona lo que le da la gana y si lo que queremos, cuando seleccionamos toda la cara de son, podemos borrar con la goma, o tocar la tecla Supr, asi le borramos toda la cara y cuello y nos queda la camiseta nomas… tocamos deseleccionar para seguir y vamos ahora con bale, en este caso es al revés, necesitamos su cuello y cara asi que repetimos, nos acomodamos con la lupa, y seleccionamos el lazo magnético, y repetimos lo que hicimos con Son. cuando marcamos toda la cara de bale usamos la herramienta mover. y mantenemos apretado la cara de bale arrastrando al cuerpo de Son, y acomodamos para que se vea real, hay partes que sobran y yo las borro… Después vemos que nos queda una parte sin piel, tenemos que clonar eso asi se ve entero. Seleccionamos la cara de bale, y usamos la herramienta de clonar, si ven me salta un anuncio de que tengo que mantener la tecla Alt+Click para saber que quiero clonar, entonces presionando esas dos teclas, hacemos un click en una parte del cuello de bale, donde podamos clonar, cuando hacemos el click con el Alt+Click, ya podemos ir clonando la parte que nos faltaba, es cuestión de paciencia para que quede bien un detalle que metí en el video, es que me faltaba una parte del cuello de la camiseta, así que la dibujo, uso la gotita para copiar un color, y despues uso el pincel, al tamaño 1 y acomodo, y así queda el resultado, abajo les dejo otro ejemplo que cree: + = 6) Tamaño de imágenes:
Aca les dejo las mejores medidas para sus publicaciones:
Publicación de Twitter: 1920 x 1080 px
Foto de portada Twitter: 1500 x 500 px Foto de perfil para Twitter: 1000 x 1000 px Foto de banner Twitch: 1200 x 480 px Foto de perfil Twitch: 900 x 900 px 7) Página para crear una carta:
Recomiendo siempre https://www.fifarosters.com/create-card
Donde también podes chusmear y encontrar conceptos de la comunidad
Recomiendo traducirlo al español!
un truco secreto mío, si solo queres la carta con las stats y sin foto mira este video Click aqui
como ven, colocando una foto random y arrastrarla a la nada, ya nos da la carta sin foto! 8) Cómo agregar una explosion de colores a un render:
Es algo que use una sola vez y mucho no me gusta, pero hay gente que lo maneja bien
Aca les dejo el video : Click
Como ven tenemos un fondo y un jugador, creamos una capa y la llamamos como el color que le pondremos, en mi caso rosa, creamos la capa, seleccionamos el color rosa, y seleccionamos la herramienta de degradado y hacemos una línea de izquierda a derecha, cuando quede la mancha rosa, vamos a la capa “Rosa”, y donde dice Normal, cambiamos a “color” , despues hacemos click en la capa “rosa”,click derecho y tocamos máscara de recorte y vas a ver que solo afecta al jugador, repetimos con otro color,creamos una capa nueva, la llamamos azul, cambiamos el color a azul, y otra vez la herramienta de degradado, y trazamos una línea de derecha a izquierda, después cambiamos de normal a color! arrastramos la capa azul para abajo, y vas a ver que los dos colores afectan solo al jugador ahora tenemos que juntar las 3 fotos, mantenemos apretado Control y damos click a las 3 capas (Jugador,Azul y Rosa) , cuando se seleccionen click derecho y convertir en objeto inteligente, y queda unido ya.!
dejo el ejemplo: 9) Modificar los brushes:
Esta parte es la que más me gusta, ya que es la que te divertis combinando colores, tanto para un concepto o lo que vos quieras Aunque tengan video voy a explicarlo por acá, para que se guíen, fijense cuando uso tanto las Sombras paralelas o la Superposición de degradado Video acá
Agregar sombras a los brush: Tocar la capa del brush, click derecho y elegir Opciones de fusión después tocas Sombras paralelas y en ese momento ya puedes experimentar a tu gusto
Cambiarle el color al brush: Tocar la capa del brush, click derecho y elegir Opciones de fusión después tocas Superposición de degradado, puedes poner los colores que quieras, degrade, un solo color, etc
. 10) Modificar fuentes de FIFA:
Si hablamos de fuentes de fifa, nombramos Din Pro
es lo mismo que con los brushes, tenes que usar tu creatividad y combinar, probar cosas, aca te dejo la lista y sus características de cada opción que uso:
Bisel y relieve: Le da un estilo de contorno a las fuentes, yo lo uso cuando tengo un texto en blanco, le agrego en las dos opciones de abajo negro en los dos casilleros y le pongo la mitad de opacidad o menos, asi queda bien y profundidad recomiendo menos de 50. o se ve muy raro en esta fuente de fifa
Trazo: La palabra lo dice, le da un trazo por completo al texto, te deja usar un solo color o en la ranura “Color” cambiarlo a “Degradado”
Superposición de degradado: lo uso para colocarle más de dos colores como en el video, si te gusta experimentar combinando colores, usa esta opción 100%.
Resplandor interior y resplandor exterior: Su palabra lo dice, puedes darle un resplandor
por completo y ajustarlo a la medida que quieras
Sombra paralela: una de las que más uso tanto para brush como para textos, muy fácil de usar, y podes colocar la sombra en cualquier lado (estando en la opción de sombra paralela agarras tu texto y vas moviendo, vas a ver que la sombra se mueve).
Video click aqui
Ejemplo del video:
11) Filtro Camera Raw:
Lo que más uso para alterar estéticamente las dinámicas de las cartas, le da una pizca de saturación a la foto como en este video de ejemplo: Video aquí
Sin filtro// con filtro
varía mucho cuanto tenes que ponerle a cada foto, si es oscura, clara o etc. Te recomiendo que juegues con este filtro asi vas aprendiendo y le das un toque a tus fotos! 12) Conseguir conceptos de cartas especiales:
Otra vez menciono FIFAROSTERS donde tenes una sección donde hay conceptos de la gente, muchos son buenos y puede ser que consigas los que queres!
https://www.fifarosters.com/card-designer-gallery
O si buscas algunos conceptos más profesionales tienes a Timo/Wolke
Unos conceptos de cartas espectaculares, revisa su drive en su tuit anclado! 13) Cómo borrar un fondo con simples click:
esta opción a veces no llega a funcionar al 100%, pero en escudos con fondos de colores, sirve muy bien 14) Poner un objetos dentro de una figura:
Aca les dejo un ejemplo de lo que digo, en este caso seria las cartas y Leonardo di caprio:
Video de como hacerlo
Te puedes guiar con el video, pero también leyendo por si no entiendes alguna parte
Comienzo creando el fondo negro. vos podes colocar el que quieras!
Después eliges que color quieres que sea el círculo y vamos a crear el círculo, tocamos la opción y damos un click al diseño así nos sale para poner las medidas (1000 px y 1000 px) Después agregamos al jugador que vamos a utilizar en mi caso Diogo Jota. Abajo a la derecha revisa si las capas están igual que yo las tengo (00:43), después de colocar el jugador, a su capa le damos click derecho y tocamos crear máscara de recorte, donde vas a ver que el jugador se mete adentro del círculo. Acomodo el jugador y voy a descargar una foto de fondo para que quede mejor y no quede con un fondo….. de color. cuando acomodo el fondo.Pongo la capa del fondo arriba del círculo y abajo del jugador (2:06) asi queda como fondo dentro del círculo, y le bajo la opacidad así le da un toque. ahora mismo, voy a implementar varias cosas de la guia, y son: - La sombra al jugador - Filtro de Camera Raw - Texto modificado
Foto de ejemplo Final Con esas cosas que YA EXPLIQUE en la guia, pude darle retoques. Espero que este diseño te ayude a practicar, voy a estar pendiente a que subas el tuyo con tu jugador favorito! Y si te preguntas… ¿Cómo consigo el jugador?¿Cómo creo ese texto?¿Cómo le agrego esa sombra? ¡Lo tienes en esta guía!
Si necesitas que explique algo, me mandas un MD y sin ningún problema lo agrego a esta guia ¡Suerte en tus diseños!
Te dejo una lista de cuentas de Twitter que me gustan muchísimo sus diseños tanto nuevos como viejos:
