Design Posts

Complete Guide to Changing Art Template for HRAP Joysticks

Sunday, March 8th, 2009

I just completed this mod, and and thought to make a guide available here.  If you are looking to mod your Hori Real Arcade Pro stick with new artwork, this is a good template to use.  This photoshop template is confirmed working with HRAP3/PS3 version as well as xbox360 version. It was originally developed by someone from Shoryuken Forums and changed by a user there, and now I’ve added visual guides for the button bezels and joystick dust cover if you want to design around those and know where is “safe” I’ve also added some button splashes you can turn off or change the color of if you like.

Download the Template

Tools needed

ned77_0318-1

  • X-acto knife and blades (cutting holes)
  • 7mm hex driver (remove nuts that hold front plate on)
  • Phillips Screwdriver (joystick and back panel)
  • Flathead Screwdriver (to help pry out quick disconnects and to screw or unscrew joystick ball)
  • Needlenose Pliers (to manipulate washers and nuts in tight places…)

Instructions

  • Download above Photoshop file and load it.
  • Insert artwork on the bottom layer where it says insert ART here. Move as needed. Images should be large enough to fill the template for best quality.
  • Turn off button splashes group if desired, or change colors.
  • The dust cover and button bezel guide layers show you how your art will interact with the hardware bezels and dust cover if you want to design for that (as is the case with the splashed) It’s a visual aid.
  • Turn off dust cover and bezel guides before printing. Leave lami-label guide on (outline of face).
  • What you should have when you are done is your artwork with a border around it in the shape of the HRAP face.  Button holes, covers, etc should all be hidden.
  • Save as a .TIF without layers and print at Kinkos on regular laser paper (do not scale or resize to fit) and lami-label the 11×17 sheet.  The actual image area with the cutting outline borders should be 15×9 inches.
  • Cut out around the edges so you have a piece that is the shape of the hori top plate but with no holes

ned77_0339-10

  • We must isolate the face plate first.  Remove joystick back panel (remove phillips head screws)
  • Remove face plate (remove nuts and washers from behind

ned77_0326-4

  • Remove buttons.  Quick disconnects will be tough to pull out, use the flathead screwdriver to twist/pry the metal connectors straight up away from microswitch- do not pull wires.  Take a note or make a drawing/photo of what color wires go where.

ned77_0325-3

  • Remove joystick from mounting plate (philips head screws).  You can leave wires plugged in.
  • You just have a flat metal plate now.

ned77_0335-7

  • Remove original label/art from this metal plate by pulling. Peel off backing from lami label and apply new artwork carefully (get it lined up right)
  • Cut out holes with x-acto knife from FRONT. I tried cutting from the back, but it’s actually cleaner and easier from the front. Push the knife through the middle of each hole and then cut around the perimeter.  It goes very smoothly, the metal will guide you around the holes- just use a sawing motion and follow the hole edges.  Don’t forget the bolts around the edges.  Trim any overhanging laminate around edges.

ned77_0341-11

  • Touch up any white trim paper or scuffs showing from the front with markers that match the colors closely or as close as you can.
  • Re-assemble stick (buttons snap back in, quick disconnects push back on microswitch terminals, re-attach screws and bolts) The needlenose pliers can help you get the face plate washers and nuts back in.

ned77_0322-2

Before

ned77_0350-12

After

I’m pretty happy with the way it came out.  The buttons and joystick colors will change when I get my Sanwa parts in.  Joystick will be white, buttons pink and black, and start/select will be white.

Update:  here is the final version

3448610589_d3a7c59b42_b


Templates for Arcade Sticks

Saturday, March 7th, 2009

Delving one step deeper into the utter madness that is fighting game fandom, I started visiting the infamous Shoryuken Forums, where the hard core fighting community hangs out online.  It was there I discovered that people actually create their own templates for the face of the stick using official art, fan art and whatever other photoshop or illustrator skills they can muster to create original arcade stick templates to go on the face of the stick.  This can replace the look of the joystick from the factory.  I decided to take a crack at it and make a Capcom (street fighter) vs. SNK (king of fighters) theme stick.  I’ve always loved the artwork in these games and I wanted to capture the over-dramatic, crazy announcer feeling the games have via the text.  I chose two of my favorite characters- Gouken and Iori.

Here is what I plan to do to my Hori Real Arcade Pro 3 stick (which arrived and is awesome)  I’m still waiting on the Sanwa buttons and ball top parts in the new colors. This will be cut out, laminated, then cut again to produce a sheet that can be adhered to the joystick face.

jonhrap3layout3copy

Template (blue will be cut out)

This is a mock up of the button and joystick colors I intend to use (Sanwa parts):

jonhrap3layout3copscolor

Mock Up of Buttons and Joystick Colors

Since I was working with such a high res file, I took the liberty of making it into a wallpaper for your enjoyment.  This is a high res file, but it’s the right aspect to be sized down for whatever screen you are using:

jonhrap3layout3copywithcolors

Widescreen Wallpaper (Download for your desktop)

Enjoy.  I will be sure to post the finished product when I complete it!