DeskMate Homepage Flower Holder Icon v1

Interactive Flower icon for DeskMate’s homepage

Let’s take just a small break from all of the “DDnD” related stuffs, and mosey on over to another project I’ve been dabbling in, again.  Not too long ago I posted a certain business card I had created for a very special client of mine (here’s a hint, she lives with me), and in receiving it she was blown away.  Aeowen – the client mentioned – has a personal, remote side business as a VA (or a Virtual Assistant), but she still hasn’t gone through all of the motions of having a marketing portfolio (or any portfolio, just yet), and had been looking for some help.  Instead of paying outrageous prices to some other graphic designer, she came to her adoring husband and we sat down with some of her ideas, and I was able to transcribe them “perfectly” (as she said).

Since then, she has been working on a website for her business (which she calls “DeskMate”) with an amateur web designer friend of ours, and was wanting a homepage that would stand out among the rest floating out there.  I then suggested she take the graphics from the front of her business card, and use them to create an interactive menu for her clients.  She loved the idea, and I began work on how the icons would be interacted with, and how they would actually react to someone hovering over each with their mouse.

What you see above was the first attempt I made for the first icon I wanted to work on (and luckily for me, it was the easiest compared to the rest).  I had never made animated .gifs using Photoshop before, creating frame after frame to come up with a solid and smooth animation.  I had only used Photoshop’s Video to Frames option for importing videos (the “DDnD” .gifs I’ve been posting were actually made that way), and never animated based on the tried and true rules of cartoon animation.  Even though this flower is doing a very basic animation of going around in a 360° clockwise circle on a loop, I felt good about it and was motivated enough to start on and complete the rest of them (of which I’ll be posting soon).

Player Turn Effects v1

The Player Turn effect in action

Now that we’ve gone over most of the VFXs seen on the Map Viewer side of the GM Interface for “DDnD – Unsung Saviors” in earlier posts, we can start going over what can be seen on the Player Viewer side of things.  As simple as it looks above, the indication of whose turn it is in the game (typically while in battle, considering when players are exploring, they typically stay in a group, and move and act organically instead of in a turn-based way) is only dependent on whose portrait is glowing yellow from the background.  To achieve this small effect, a GM just needs to click on whichever Character Medallion’s turn it is (which the Medallions will be on the Map Viewer side, as explained before), and the designated portrait will light up!  Clicking and dragging away the mouse cursor from each Medallion will also turn off the golden portraits.

This was one of the last effects I created in a desperate attempt to finalize a “perfect” version of the GM Interface the first time through.  As we all know, iteration is the mother of greatness, so I want everyone (even the current players, included) to know that I still plan on going back to recreate a lot of effects, graphics, and systems and overhaul them in appropriate and miraculous ways!