Está en la página 1de 20

Guia de diseño para comenzar @LeanDesignLD

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:

@FcWolke99
@HarrisonJH_
@Marceldzns
@Andr3s_VFX
@topfutfifa
@Criminal__x
@WGXgraphics

y si necesitas una ayudita con que cuentas seguir para estar al tanto de contenidos de fifa
mira el tw de @TOTWprediccion

Te dejo mi drive también para que tengas las herramientas a mano!

También podría gustarte