search

alexanderthebadatcoding / Sports-Logos

Sports logos in 400x400 png
1 stars 0 forks source link

Process Question #1

Open m0ranwad opened 6 months ago

m0ranwad commented 6 months ago

Hey Alexander,

How much graphic design and experience went into creating these logos? I'm still struggling to understand why the images I render on my LED board look like hot garbage while yours like unbelievably crisp. Any resources you can recommend for understanding or learning to clean these images up before rendering?

Thanks !

alexanderthebadatcoding commented 6 months ago

@m0ranwad I start by looking for the teams logo in the API. I format it with https://jsonformatter.org, then for NCAA for example I go to: events ► 1 ► competitions ► 0 ► competitors ► 0 ► team ► logo. Then I click on the PNG link and copy it to Figma. In Figma I copy the image to 500 x 500 px black square. I center it and export it using the Team name. I think having them all consistent size and background has helped. If I don't like the logo from ESPN I usually try and copy the one Wikipedia.

you can see my process here: https://www.figma.com/file/EmWzuVjLWdiOhw8JFr0A84/Sports-Logo-Library-(Community)?type=design&node-id=415%3A2026&mode=design&t=fYGlwabkvKjbKx6E-1

alexanderthebadatcoding commented 4 months ago

@m0ranwad I basically used the same setup and API for this iPhone widget I created: https://github.com/alexanderthebadatcoding/widgets