| Welcome to Archella Region. We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Tile Tutorial by Cello | |
|---|---|
| Tweet Topic Started: Sep 11 2010, 02:44 AM (143 Views) | |
| Post #1 Sep 11 2010, 02:44 AM | Pokemon Trainer N |
|
cello's guide to everything tile insertion, tile/set placement, and much more! introduction 1) tools you will need 2) basics/need to know 3) Preparing a tile 4) pallette editing/saving 5) Advanced map block editor 6) Did you know?... 7) FAQ/Fixes 8) Credits Introduction Hello, I'm Cello, and I'm a stringed instrument apparently. Today I will be bringing you an advanced guide to tile insertion. I know what you're thinking, "isn't there enough of these guides already?" Yes, it's true this guide will be covering the same tile insertion that others do, but it will also be providing tips & tricks, teach you the basics which other guides overlook, provide fixes and answers to any of your problems, and tile/set placement. Even though this guide says advanced, it will be covering things from your first time inserting a tile, until you become a expert yourself. It is beginner friendly Don't let my post count or join date fool you. Not meaning to brag or anything but I'm kind of a big deal when it comes to this stuff, yahr? ;< ....Just kidding, now lets get on with the guide! First off, the tools. tools you will need Alright, so starting us off I will list you (in order of tile creation and not including the rom) what kind of tools you will need to put your pretty pixel pictures in your pokemon game. ;o First off, you need a heavy pixel-friendly software such as: Spoiler: click to toggle You will need a palette editing tool: Spoiler: click to toggle You will need a map editing/tile insertion tool. Spoiler: click to toggle If you need a extra hand, this isn't a hospital and I'm no surgeon... but here are some extra tools that can help? : Spoiler: click to toggle basics need to know Before we start, we need to know the basics for anything to do with everything I'm about to cover. For tile insertion or anything I'm about to teach you, a prerequisite is computer experience or else a lot of what I say will make no sense. So in this section I will cover the info on tiles, common file types, and terms. Basic terms/file types: Spoiler: click to toggle Basics on inserting tiles: Spoiler: click to toggle preparing a tile Now that we know the basics and have all of our tools, what say we finally get cracking on our tile work? In this section I will be covering how to prepare a image to be cut up into tiles. First of all, I would like to suggest something: Organize out your files. Here's how I have my folders set up: Spoiler: click to toggle This way, everything is nice and tidy within the folders and easy to locate. Moving along, we will now prepare a image to be imported and cut up into tiles. FIRST Step - Open your program / Set your canvas. You'll want to open up the program you're using to pixel. I'm going to use paint since it's less complex and easier to take a small sized photo with. Start a new file of any size, you'll probably re size it later anyways. If you have a tile already made or prepared, good! Open it up, you may not even need the next step. SECOND Step - Set a Transparent color. This is very crucial; Set your transparent color before anything. From experience, a palette chooses your transparent color based on the first color to actually be set in the image. Choose a color you know your tiles wont have in them. This color will be removed when placed on any game map. Spoiler: click to toggle I chose straight-up black. I know I'll never use that dark of black on any of my tiles. While you're in there messing with colors, make sure you're tile is edited and final. Also be sure you're not going over 16 colors with your tile, it will save you a lot of time. THIRD Step - Set your tiles, touch them up! Alright, we have our transparent background color. Now lets place our tile(s) overtop our transparent color! After the tile(s) are set, be sure to go to File -> Save As and the save your image in a memorable spot. I chose to save it as a .PNG for best quality results. Spoiler: click to toggle Alright, preparation was easy, yeah? Next comes grabbing your image's palette information. palette editing/saving This part can be either very easy, or very annoying. I'll be demonstrating how to index and save palettes in this section, in both photoshop and Gale. Basically it's teaching you how to use a program to find every color in the image you just made, and throw it together in one file. Fire up your program and load your image. PHOTOSHOP - Locating the palette editor/saving the palette. Alright, so I'm assuming we have our tile's image loaded into our palette editing program. In the images in the spoiler below is how to locate what you need in order to save your tile's palette. First up is photoshop.In order to view your image's palette, you have to index it first. Simply go to Image -> Mode - > and click "Indexed Color". Like so: Spoiler: click to toggle When prompted, click "OK." But before clicking ok, make sure your tiles palette is 16 colors or UNDER. You wont be able to use your tile if it's over. If you're under 16 colors, don't worry, I'll tell you what to do later to resolve this in the FAQ section. If you're over 16 colors, i'll cover it in another step below. Here's an example of what to look for: Spoiler: click to toggle Now that we have your image indexed, we can now go see the palette. Click on image -> mode -> and then color table now. Demonstration: Spoiler: click to toggle You'll now end up with a palette showing all the colors in your image. You will need to save your palette from here, so click save, like this! (Save it in a place you'll remember, as either a .PAL or a .ACT): Spoiler: click to toggle GALE - Locating the palette editor. (DO NOT SAVE PALETTES IN GALE, REASON BELOW.)The palette editor is automatically up the second you start gale. If not, it's a easy fix by clicking View -> Palette. WARNING: A new bug with the palette saver has been foun. When you save your .PAL file and then load it in A-Map, the colors are all darker. I do not recommend this program for palette saving any longer. I am looking into seeing if this can be fixed or not, however. Graphics Gale is still a good pixelling program with the grid and all, but I do not recommend this palette saving, only editing. How to save just in case, BE WARNED. Spoiler: click to toggle |
![]()
Administrator
|
|
![]() |
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Tutorials & Guides · Next Topic » |



































12:28 AM Jul 11