Jump to content
Iggy

New Photoshop Tutorial from Jayc

Recommended Posts

Hello Everyone,

 

 

JayC has posted a new tutorial in covering the use of masks in Photoshop that goes hand-in-hand with his previous tutorial: Redraw Basics and Vector Basics for Photoshop.  When you have a moment, drop him a line and give him a thanks!  More tutorials to come :)

 

His tutorials can be found in Tutorials -> Artwork Guides  and then you should see a Photoshop section containing the above mentioned guides.

 

 

Iggy

  • Upvote 4

Share this post


Link to post
Share on other sites

Letting everyone know that JayC had another short tutorial on how to use masks inside borders.   You can find this tutorial under http://www.hyperspin-fe.com/tutorials/article/80-video-jayc-2-masks-in-photoshop/ or by going to Tutorials -> Artwork Guides -> Photoshop Guides -> [Video] - JayC - 2. Masks in Photoshop.  When you have a chance, give JayC a thank you!

  • Upvote 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By thatman84
      (FYI having trouble with upping some screenshots and the new formatting so please excuse the wierd format)
      Converting 16x9 Themes for Hyperspin Android
      List of theme animation compatibility
      https://drive.google.com/folderview?id=1-8Ofa_GrAdnQ22nf7W7QYVeQoKBQxA_-
      (I am in NO way competent with artwork resolutions but my method works and looks good to me)
      Why...
      Because sometimes that theme you really liked just doesn’t display correctly 
      The main reason for theme problems is the use of animation and scripting of the .swf assets in the “theme”.zip
      (It’s best to replace themes that cause Hyperspin to crash out, but you can try to convert them)
       What’s covered...
             1.      Extract PNG assets from swf files
             2.      Reduce HQ artwork to be compatible with Hyperspin
             3.      Further reduce artwork width to allow for Hyperspin 4x3 -> 16x9 stretching
             4.      Recompile your theme
       
      What is Needed:
      Update on resizing tool.
            Fotosizer is now advised against because of the compression/quality loss it causes.
      pPlease use Photoshop or this program recommended by @IceLancer https://sourceforge.net/projects/easyimagesizer/?source=typ_redirect
      A    A  Fotosizer (http://www.fotosizer.com/) batch resize image files
              B.     Flash Decompiler (https://www.free-dec...flash/download/) extract png’s from swf
              C.     Time and Themes
       I have done a little testing for Main Menu themes. This spreadsheet shows what I have tested and its Android compatibility status. The sheet has download section links for all themes I have tried.
       
       
      Let’s get to it... 
       
      So grab a theme zip you want to play with and Unzip it. Any 16x9 Main Menu, Game or System Default theme will do.
       
       
      BakerMan provided me a guide to extracting the PNG’s from SWF but it has since been lost. 
      These are the steps
              1.      Open JPEXS once downloaded and installed from link above
              2.      Click on the “Open” tab and browse to the offending .swf file from your unzipped theme
       
           SCREENSHOT
      3.     
       

       

             3.      Right click on “Images” on the left and click “Export Selection”
      (At this step you may find multiple images. If these images are only parts of one image, say the arms and legs of a character, you will have to lose that image completely from the theme or replace it with another one)
       
      SCREENSHOT2
             4.      Click “ok” to PNG file type then choose a location for the exported images (Default is Desktop. Only export one at a time and  then move the PNG out of the output folder as it overwrites each one if not)
       
       
      SCREENSHOT3
             5.      Now browse to that Output location and you will find your PNG’s in an “images” folder.
       

       
      You are now ready for phase 2 – Resizing the images
      Note, fotosizer does cause a reduction in artwork quality. If your sensitive to this you may want to use another method. (If you know of a better program please comment) I only run a 37' screen and don't mind myself.
      (Resizing Artwork is covered comprehensively by Avar in his tutorials found HERE)
      Open Fotosizer Add the Artwork that was converted to PNG Reduce the images to 68% KEEP MAINTAIN ASPECT RATIO TICKED (this is the best size for the ones I have done)  
              4.       Move the right side settings bar down and select an Output Folder
       

      5   Remove that Artwork from Fotosizer
      6.   Add the newly resized artwork back into Fotosizer
      7.   Reduce the Width to 75% (to allow HS to stretch it back when its loaded)
      8.   UNTICK MAINTAIN ASPECT RATIO
       
             9.   Now add this finished art back into the theme folder and zip it up again
            
             10.       Name the zip file the same as you have it in the “Main Menu.xml” database
       
      Final Thoughts...
       
       
      Now when you try this theme out you may find the artwork has slightly changed location. If so adjust the Artwork positions in the theme.xml file within the theme.zip OR load it into Hypertheme and adjust it as required
       
       
      Hope this helps someone.
       
       
      HS Android Theme Animations.txt
    • By ninja2bceen
      Ha not going anywhere but wanted to put in the plug that I’m going to create some tutorials on random things hyperspin and maybe pinball. The channel I’ve created is below, please let me know if you have a specific topic to get covered. Just made one around randomized intro videos
       
       Planet Geekdom
       
       https://youtube.com/channel/UCdcby-s2GwriaOHGmVC2vGA?sub_confirmation=1
       
      *If you do the facebook thing, find me on the group Hyperspin Arcade Users Worldwide
      https://www.facebook.com/groups/581676831988120/?ref=group_header
       
      Sent from my iPhone using Tapatalk
       
       
       
       
    • By thatman84
      This is the start of the WIP guide and Amiga Project thread
      DONT REPLY TO THIS THREAD
      REPLY TO THIS ONE(clicky)
       
      For now this will become a tempory guide to UAE4arm setup with the Ultimate Amiga Raspberry Pi Project a helpful source of information in google
      Step 1 - Install Uae4arm (beta)
      You need to follow this link to sign up to be a beta tester to gain access to the apk that can launch games directly from Hyperspin.
      https://play.google.com/apps/testing/atua.anddev.uae4arm
      Link above taken from the English Amiga Board and the post below
      http://eab.abime.net/showpost.php?p=1158186&postcount=349
       
      Step 2 - Install Kickstarts
      WIP
       
      Database taken from this thread post
       
      More to follow
       
      Amiberry Android progress threads
      https://github.com/midwan/amiberry/issues/206
      https://github.com/midwan/amiberry/issues/241
    • By IceLancer
      Hey there.
      Here is something for ppl that are looking for it

       
      Its action script for Adobe Photoshop that will make double sided 3d box from template.
      Use the box template to make full two sided artwork. Export it as png , open and run script!
      Do not run script on psd...
      This is example of finished png before action script

       
      Have fun!
      Thanks to @Robin55 from Launchbox forum for original 3d template
    • By thatman84
      Setting Up Systems That Have/Need Games In Subfolders
      Credits
      loueradun
      brentg
      This guide requires the text editor Notepad++
      https://notepad-plus-plus.org/
      NOTE
      A PC IS REQUIRED
      Why? - HSAndroid doesn't support games stored in subfolders directly
      There are a few systems that "need" games to be stored in subfolders, to retain specific rom file names and structure (ScummVM, Quake collection etc) and some that you really should organise games into subfolders to save a world of renaming "full sets" (Playstation or any large CD based system with bin/cue files or alike).
      This thread was the source of this information and IS a very welcome tip for any HyperSpin Android user (I should have done this post long ago...)
       
      Side Effects...
      The main side effect of doing this trick means all media needs to be stored in subfolders...It's a simple fix but will take a little extra work on your part. (Much less than renaming everything imo)
      The knock on side effects are...
      Custom database is required. The roms_only filter doesn't function How?
      1. For CD based systems like PS1
      Note.
      For more information on databases refer to the Tutorial Section Here.
      There are tools availiable for creating databases from your rom folders automatically. You will be missing all meta data but its up to. I personally dont create databases this way but have used Don's Tools Here to do it before. Other apps may be better... See 3rd Party Apps Here
      Step 1
      Your game folders along with the game file Hyperspin launches (i.e. .CUE files) must be named as stated in the xml or vice versa, as per normal Hyperspin setups require.
       

      Step 2
      Once your files are renamed and organised as required you will need to open the .xml database in Notepad++
      Hit control "ctrl f" to open the "Find" console Choose the Replace tab (or navigate to Search=>Replace from the menu)  
      Under "Find What:" input
      (?<=\<game name=\")(.*?)(?=\") Under "Replace With:" input
      $0/$0 And finally make sure "Regular expression" is marked in the Search Mode
      Click "Replace All" then save your file.
       
      Exampl Output Database Entry
      Note "game name" is repeated twice. "Blockids (USA)/Blockids (USA)"
      </game> <game name="Blockids (USA)/Blockids (USA)" index="" image=""> <description>Blockids (USA)</description> <cloneof></cloneof> <crc></crc> <manufacturer>Natsume</manufacturer> <year>2003</year> <genre>Puzzle</genre> <rating>ESRB - E (Everyone)</rating> <enabled>Yes</enabled> </game> <game name="Blood Lines ( Tip
      If you want to reverse these settings, use these values for the regex:
      (?<=\<game name=\")(.*?)/(.*?)(?=\") $1 One thing to note is that the regex is searching for the string <game name=" and stops when it sees the next double quote so if you have any additional spaces or a name is not the first attribute on the game element in the xml then it won't find the right string.
       
      2. For Systems like Quake (Tyrquake core in RetroArch)
      As the Quake Collection has different names for Game Folders and Game Files you would need to manually create the entries in the database.
      So long as you put the "folder/gamefile" under the <game name= tag everything will work correctly.

       
      Step 3 - Organising your media
      As I mentioned before ALL of your "per game" media will need to be sorted into their own folder to be of any use.... The database is looking for files inside a folder named the same as the file
      Wheel Art Box Art/Cart Art (Basically anthing in the Artwork 1 to 4 folders) Videos Game Themes (default.zip theme EXCLUDED) For Collections like Quake some games are named the same (PAK0.pak)....In this case you will probably have to manualy organise the media or manually rename it to match the xml.
       
      There are many methods of doing this in batch format. The quickest method I have found is a Program by EmuMovies user Tempest.
      https://emumovies.com/files/file/597-roms-in-and-out-of-folders/
      MAKE SURE YOU READ THE RELEASE POST.
      It will put EVERY file into a folder so only run it on a folder thats artwork only
      (There is a reverse program included)
      Quick Steps...
      Download the file (linked above) and unzip it. Copy the "Put Roms in Folders.exe" in to your artwork folder Double click Rince and Repeat for all types of game media you have

      Alternativley you can use WinRAR to zip everything then unzip all files to their own folder.
      Or another program that adds a shell extension to your right click menu
      http://www.dcmembers.com/skwire/download/files-2-folder/
      Another program I have that will browse to your directory is "File_in_Folder_Renamer.exe" but I cant find a link for that.
×
×
  • Create New...