Back to the ol' fishing rods. I decided today to design the equipment pages for the equip part of the game.
Hmm designing, definitely not my strong suit yet here I am.
I had put together screens for the player whether they choose a woman or man character already. So I decided to overlay a design on top to show to the player what their equipment would look like and so they could choose from a list of rods. This would appear after you click on the fishing rod slot.
At first I started with a gradient brown square with a dropshadow effect but figured it needed something else. Did not feel like creating a whole cabinet but wanted something along those lines.
My good friend, who is an artist, helped with the idea of a simplified cabinet where I could overlay a screen on top for the rods to sit on. Here is an image of the simple shelf as it was being created. I used gradient squares within it and an inner shadow for the shelf to make it look like it was recessed.
The next part was to add the overlay, originally I wanted it to be cohesive with other overlays where they held a white design, but it didn't feel right with the opacity. So instead, I opted for a darker shade but with a similar gradient pattern.
This of course caused the text to no longer work when I brought over the equipment slot asset. So, I changed the color of the text from dark to light to give it more contrast so the player could easily read the text.
Here's a before & after.
Before:
After:
Afterwards, I imported in all of the slot assets and realigned them (somewhat) into the new container. I started to redesign the shelves so that they aligned with the text, but then realized that was a failed design since the slot assets will be on a scrolling field and may not align always with the shelf. Goes to show the iterative process of designing. So I reverted back to the 3 shelves I had originally.
Failed Shelf Design:
Fixed Shelf Design
After fixing that it was merely a tedious task of taking the fishing rods that I generated in AI and replacing the images from the slot assets with them. All of the fishing rods are kinda jank tho and we will need to fix them later, but they will be a good placeholder for now.
Here's the finished asset!
Maybe I will get to coding in the next blog. I sure hope so...
Eyy, Tempest out!
Top comments (0)