http://www.digitalharmonyav.com/ put these awesome videos together showing off the Crestron TPMC-4SM GUI.
http://www.digitalharmonyav.com/ put these awesome videos together using TACTICAL with the Crestron Mobile Pro G iPad app.
I put together a button set for someone a couple of months ago. It was the first time i heard the term steampunk. I googled a little and put this DirecTV menu together. The icons & background images were internet finds.
Our Tactical Graphics Kit was recently used to create a custom GUI for an HAI Omnitouch 5.7e. The conversion was made possible with HAI’s Automation Studio software. GUIjaBoard.com Graphic Kits are compatible with all touchscreen user interface creation software.
See our portfolio for more screenshots : http://www.guijaboard.com/portfolio.html
The first user interface project i worked on ‘professionally’ was huge, i think we had 4 PVID’s and the TPMC-10 had just been released. I think we got the second shipment of them (14 units) in the whole country. We purchased a template from GUIFX called “Elegance”. At the time, IMO.. it was the best looking template available. To this day it is still one of my favorite templates and its available at Blackman Customs. Get it here : Elegance. The problem was that i didn’t know what to do with it once i got it . I had very little experience with Fireworks and i wasn’t bright enough to contact the author and i found myself needing a bunch of icons that were not included. After a few hours of frustration my boss decided we were going to attempt to design a user interface from scratch so that anything new that we needed would match the rest of the template. I learned to cheat with icon creation by embedding a white box into the button.
Building that User Interface was one of the most painful experiences of my life . But at the end of the day (month) i had something that was attractive, logical and consistent. It was very plain and boring but it project pushed me to learn a little more than i knew and i have been getting better and better ever since. When i said “sure i will give it a try” i had no idea that it would help keep me out of crawls spaces and attics for years to come . I currently have a pretty good system for laying out panels and backgrounds and buttons have gotten easier and easier. The last hurdle is to create a set of icons that i can use and call my own. This is a little harder than you might think. Scaling the image has been the hardest part so far. I have found that the fewer ‘effects’ the better it scales. Today i am going to research “creating icons” and see what tips and tricks i can learn.
I wanted to create a black icon set to go with the the new template “Tactical”. I started on it last night and this is what i have so far.
I watched a movie last week that had a SWAT team in it. I stayed up that night working on a new 800X600 template & button set named Tactical. The flat black represents the gear worn by SWAT team members. I also skinned the background with a black brushed metal to see what it would look like. I will probably create a few different backgrounds to work with the button set.
I am happy with the existing icons because they are really simple and if you need one that is not included you can create it with fonts like Webdings , Wingdings & GUIFX. I got the idea from an icon set i saw online and made a few changes to it. See the Tactical screenshots below.
This project was fun to be a part of. Apple did some of the work and the user knew exactly what he wanted. All i had to do was create graphics (the fun part).
I learned about the Dark Knight Theater at avsforum.com. I was working on a navigation menu concept when i got the idea to incorporate The Dark Knight into it. I asked CJ if he was interested and i got the green light. I started by changing all the existing graphics to black and i found a number of nice Batman icons on the web and here we are. Leave a comment and let me know what you think. Thanks.
Click the first thumbnail and a lightbox image gallery will open. Once the first image opens, hover over the right or left hand side and Next or Prev will appear allowing you to navigate thru the images. There are 9 total.