Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| artifact [2026/08/07 22:18] – [Avatar Clothing] larvapuppy | artifact [2026/08/09 22:56] (current) – [Avatar Workshop] melon | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Artifacts ====== | ====== Artifacts ====== | ||
| - | todo | ||
| - | ===== Creating ===== | + | {{: |
| - | todo | + | |
| - | ===== Swapping ===== | + | Artifacts are mostly fun forum game, but they can also be enchanted with extra features such as avatar clothing, plus artifacts can be placed and worm on Main Street. Collecting and swapping artifacts is a popular pass time on MelonLand and well worth your time exploring if you get a chance! |
| - | todo | + | |
| - | ===== Enchanting ===== | + | The artifacts section of the forum can be accessed via the [[https:// |
| - | todo | + | |
| - | ====== Avatar Clothing ====== | + | ===== Creating |
| - | ==== Tutorial: Making Artwork for Avatar Bases ==== | + | To create an artifact head to the [[https:// |
| - | This tutorial is intended to help those who are unfamiliar with digital graphics editing | + | * Artifacts |
| + | * GIFs and PNGs are recommended. | ||
| + | * Animated GIFs are supported, but wont work in the avatar builder. | ||
| + | * Artifact creation costs no swap credits, gifting an artifact costs 1 swap credit. | ||
| - | === Software === | + | You can also visit the artifact section of someones profile such as [[https:// |
| - | You can make your own custom clothing and accessories for your avatar. All you need is some raster graphics software, preferably one that can do pixel art (which is most graphics software), and a machine to run it on. Drawing your items pixel by pixel with an aliased brush will make them fit in nicely with the base artwork for a cohesive look. Pixel art has the added bonus of precision and control; you don't need to buy a fancy graphics tablet to draw dot by dot. | + | ===== Enchanting ===== |
| - | In this tutorial I will be using Aseprite, a paid graphics program specifically meant for making pixel art. However, you don't need to use this one as there are many free alternatives available. [[https:// | + | You can enchant artifacts with extra features such as avatar clothing. Artifacts can be enchanted when they are created or after they have been created from the artifacts info page. |
| - | Your program of choice **must be able to export your image as transparent**, otherwise your avatar will just be a clothing item with a white background, | + | |
| + | * Enchantments cant be removed! __The only way to remove an enchantment is to delete | ||
| + | * Different enchantments cost different swap credit amounts! | ||
| - | Your program** should also support layers**. This will make it much easier for you to draw clothing that aligns to the base artwork | + | ===== Swapping |
| - | + | ||
| - | === Preparing the Canvas | + | |
| - | + | ||
| - | Open your graphics program of choice and create a new canvas. The site standard for avatar bases is **64x64 **pixels. **Your canvas must be this size** so that any clothing items you make will align properly with your chosen base. | + | |
| - | + | ||
| - | **Make sure that the background of your canvas is transparent.** Some programs will provide this option in the canvas creation window. Others automatically create a white background layer for you each time a new canvas is made. To remove this white background layer, you usually need to make an additional layer and then delete the white one. Sometimes the background layer is locked; you may have to delete it to unlock it. Graphics programs often represent a transparent background with a grey checkerboard pattern, so if your canvas looks like that, you should be okay to move forward. | + | |
| - | + | ||
| - | Choose a base body and import it into your canvas either by saving it to your computer or by copying it and pasting it into the canvas. I'm using the standard human base for this tutorial, but the instructions outlined here will work for any base. | + | |
| - | + | ||
| - | {{humanbase.png}} | + | |
| - | + | ||
| - | **Tip**: If you want to make sure that your item layers well with other items that you use, you can import all of the items to the same canvas on different layers. That way you can play with the layering to see how it'll look once you upload to the site. | + | |
| - | + | ||
| - | === Planning Stage === | + | |
| - | + | ||
| - | Make a new layer above the layer containing your chosen base. On this layer, we'll make a sketch or plan for the final item. | + | |
| - | + | ||
| - | {{item_tut_layers.png}} | + | |
| - | + | ||
| - | Naming your layers like I have here is a good way to make sure that you don't get mixed up while drawing. It can be frustrating to find out that you've been drawing on the wrong layer. To name your layer, you might have to right click the layer to find the option, or double click it to open a properties window. It varies from program to program. | + | |
| - | + | ||
| - | Also take note of the eye icons to the left. Most programs have these. Clicking on one will allow you to hide or show the artwork for that particular layer. | + | |
| - | + | ||
| - | Make sure your new layer is selected before you start drawing (clicking on the layer' | + | |
| - | + | ||
| - | I like to use a bright colour, like red or green, when sketching so that my sketch stands out from any artwork on layers underneath or above. | + | |
| - | + | ||
| - | Zooming in or out while drawing can help you draw with more precision. You can also draw by laying each pixel down individually for ultimate control over pixel placement. | + | |
| - | + | ||
| - | Draw the basic outline of your desired item. I'm choosing to draw a cap. Let's use a 1 pixel-wide aliased brush. Don't worry if it's a little messy; just make sure it's clear enough for you to work with. | + | |
| - | + | ||
| - | Pay attention to the contours of the base you're using and the angle at which it is facing. The human base is facing slightly to the right, so I'll draw the bill of the cap facing that way as well. I've also made sure that all of my lines either overlap or surround the pixels of the base, so that when I colour in my cap, there aren't any stray bits of head sticking out underneath. | + | |
| - | + | ||
| - | {{item_tut_sketch.png}} | + | |
| - | + | ||
| - | Okay, that looks like a good enough cap. Once you're satisfied with your sketch, it's time to move on to the next step. | + | |
| - | + | ||
| - | === Lining Stage === | + | |
| - | + | ||
| - | Make another new layer above your sketch layer for your lineart. This will be the final outline for your item. We will base it on the sketch you've just made. | + | |
| - | + | ||
| - | {{item_tut_layers2.png}} | + | |
| - | + | ||
| - | Make sure your lineart layer is selected so that things don't get messy. | + | |
| - | + | ||
| - | At this point I usually use black or another dark colour to draw over my sketch. You can hide the body layer for clarity if you find that it helps. | + | |
| - | Use this step to refine | + | A big part of artifact collecting is swapping artifacts! On your artifact list you'll see a lock icon. Unlocked artifacts are open to be swapped/ |
| + | {{ : | ||
| + | To adopt an artifact, click its icon on a swap shelf, or find it on someones profile, | ||
| - | {{item_tut_lines.png?400}} | + | Artifacts also offer embed codes that can be found on their info page. This code shows an artifacts swap status and can be embedded on around the forum, everyone site and your homepage to offer artifacts for swapping! |
| - | Here I've temporarily hidden the body layer and kept the lines and sketch visible to illustrate the difference between the two. You can see that there are little pixels from the red sketch poking out under the black outline of the cap. | + | ===== Swap History ===== |
| - | {{item_tut_lines2.png?400}} | + | Every artifact has a swap history that can be viewed by clicking its swap count. The swap history tab gives you a complete list of everyone who has ever owned that artifact in the past, plus the person who created it. |
| - | When I hide the sketch layer, you can see that the lineart is more crisp and refined than the sketch we based it on. This is achieved by carefully choosing which pixels make it to the final lineart and avoiding the " | + | ====== Avatar Workshop ====== |
| - | Colouring Stage | + | The [[https:// |
| - | Shading and Finishing Touches | + | The avatar builder offers a number of standard bases you can create cloths for, they include: |
| + | * Human (64px) - by larvapuppy - a human style avatar base | ||
| + | * Ozwomp (64px) - by larvapuppy - a ozwomp style avatar base | ||
| - | === Tutorial Summary | + | ===== Creating Avatar Clothing ===== |
| + | Check out this fantastic [[avatar_clothing|clothing creation guide]] by larvapuppy! | ||
