Unreal - Track Select UI Style
To recreate the track outline, like the ones you see on F1 trach posters I needed an ariel view of the map to trace over in photoshop.
This is the picture I got. It is a little difficult to see what is going on, especially with all the cars and people in the roads. These will be gone in the final version of the map, as well as all the house interiors as the player will not be able to drive into the houses.
Using the pen tool, which allows you to add points and then adjust the tangents to get smooth curves, I traced over two little loops of the map.
Track one has a few little turns, but mainly boasts it's straight sections allowing you to get high speeds and be very beginner friendly.
Track two on the other hand has a few more tighter turns while still having some straights allowing players to still get some higher speeds.
The two tracks are designed in opposite meaning that you can't just use the same vehicle, and it's statistics, for both tracks. This incentivises players to switch up vehicles to get better times.
Placing them both on a black background, like the track posters, really makes them pop and lets you see them a bit better. I'm also using white on black as my other posters on the trophy wall have black backgrounds, so it is just to fit in with them (it also looks a lot nicer with white on black).
This is what it looks like when I import it and place it onto the pre-existing temporary widget I had made. This is getting somewhere but there is definitely adjustments that need to be to all the position of everything.
I also want the track to be a little bit thicker so I will do that before I re-adjust my layout.
I made the outline of the track much thicker by just applying an outline to the track in photoshop. I also started with this layout but I really don't like it. I think the title is too far from the top and I don't like the buttons.
I have this version, which is very similar to the first, which I like. I moved the buttons to be either side of the title which I think looks much better than either side of the track outline. I do think the title is a little high from the top, and I still need to add a select button so I will do that next.
This is the final draft version (right) for now which is so much better than the original version (left). I'm definitely not happy with the outline of the tracks but that is down to my lack of photoshop skills unfortunately. If I have time near the end of my project I might redo them to get them looking nicer.