Wednesday, May 26, 2010

MMBN:OSS English Logo

Since it's obvious that the sloppy port of BN1 isn't going to be released stateside, I was given a request to make a localized version of the logo. I accepted because I've wanted to do this for a while now. I know how to create most of the effects that the Japanese logo used and therefore, I could make a very realistic-looking logo.

Here is what the logo for EXE:OSS would have looked like if it was released in the US as Megaman Battle Network Operation: Shooting Star.
Click the image to see a larger size.
Click here to download the full size version.

I wanted to make this logo different from a standard Battle Network logo. I combined elements from the original Japanese logo and from the Star Force 3 logo. For example, the yellow-green gradient and glowing edges around it are very similar to the original logo. The stylizing of the words "Battle Network" are done in a similar style as the "Operation Shooting Star" part on the Japanese logo. The background inside the words "Shooting Star" is a background I made fairly similar to the style of the background used in the game when Star Force is mentioned. The background inside the purple ring is custom made using brushes. The original background was too unclear and would actually be better off if a background was made from scratch.

Overall, I think this looks really nice. I learned a lot of techniques while I was creating this and may write more tutorials. This has been really fun.

Oh, and one last thing. Here is a smaller "game-sized" version of the logo. If all the words can be read at that size, then the logo has great legibility.

Sunday, May 23, 2010

MMBN5DS Sprite Hacking

Here is the other guide I promised. This guide/tutorial explains how to hack the sprites in MMBN5DS similar to the video I posted earlier. The tutorial is available to TREZ members. There is also a new useful tool attached to that post. This tutorial opens up many more possibilities for hacking. Because the DS version of the game neatly creates files for almost anything, lots of hacks can be done fairly easily. There are no size limits with these hacks and it's very convenient.

View the hacking guide

Saturday, May 22, 2010

MMBN5DS Battle Hacker

It's finished. As you can see from the previous video, a simple battle hack was made. Originally, I had to make a lot of cheats to get the effects. But now thanks to Greiga Master's new program, hacking battles has become much easier!

You can read the tutorial at TREZ. GM has requested the link be protected. You need to be a participating member of TREZ to download the tool. I think it is a really well-made tool. Very effective!

Go to tutorial

Friday, May 14, 2010

BN5DS Sprite Hacking

It's really simple.

Thursday, May 13, 2010

MMBN: Chrono X

I recently designed the new game logo for the fangame Megaman Battle Network Chrono X. I think it came out really well.

There is some info at Sprites INC.

http://www.sprites-inc.co.uk/forum/showthread.php?t=8510

Here is the logo I designed.
MMBN Chrono X logo

Tuesday, May 11, 2010

More EXE:OSS sprites

A while ago, I ripped and uploaded an archive of the new sprites from Operate Shooting Star. I missed two sprites last time and they were the Clockman overworld sprite and Omega-Xis in-battle sprite. Both sheets can hardly function on their own but they are at least available.

Now, thanks to Box.net's file update option, the same link can be used to distribute an updated version of the file.

Here is the same link with the new sprites added to the archive.
http://www.box.net/shared/sypcuxio15

Sunday, May 9, 2010

Photoshop Tutorial: Create shiny metallic text

This is my latest tutorial, and in plain text. It teaches you how to creates a unique, shiny metal effect on text in Photoshop. This tutorial was converted from BBCode to HTML using this conversion site. The effect is very nice.

_

To start, open up Photoshop and make a new document with dimensions around 1000x1000. Bigger sizes work better.


ps_tut0.png


_

Now with the new document, get a shape or text to make the effect on. I'm using 2 letters of text for this demo.


ps_tut1.png


_

Select the new layer. If you have a vector object, you should preserve the paths by right-clicking on the layer and converting it to a shape. The same thing goes for text.

Next, right-click the layer again and go to blending options. Go to Gradient Overlay. It should look like this:


ps_tut2.png


_

You can add an Inner Shadow with the following settings:


ps_tut3.png


_

And you can also add a small Outer Stroke:


ps_tut4.png


_

When the blending options are set, click OK. After that, duplicate the layer (Ctrl+J). Turn off the visibility of the Inner Shadow effect by clicking the eye icon. Then, right click on the effects region and select Create Layers. This will make layers out of the blending effects.


ps_tut5.png


_

Hide the gradient layer and the layer it is clipped to. Then, move the Outer Stroke layer to the bottom of the original object.


ps_tut6.png


_

Go to blending options for the Outer Stroke layer and add another Outer Stroke. This time, color the stroke white and make it larger. The effect works better on sharper edges so don't make the outer stroke too large because it begins to curve. If you imported vector Outer Strokes (which can be sharper) use those.


ps_tut7.png


_

The next step is optional. You can add an Outer Stroke to the white stroke or use the stroke option to hide parts of stroke. You can do this by lowering the opacity of the effect to 0%.


ps_tut8.png


_

After setting the layers, Control-click the thumbnail for the white stroke. This selects the pixels of the object. Select the Brush Tool and pick a regular circle brush. Pick a small size that way it won't spill onto other parts. Lower the hardness to make a soft brush. Make sure the primary color is black and that the mode is set to Normal. Set the Opacity to 50%.


ps_tut9.png


_

This is the most important step. Using the brush, draw on the stroke. Try not to draw the shape of the segment. Draw in different directions and leave openings. For segments facing the upper-left, leave more white. Drawing on a spot you drew on before makes it darker. Try to create contrast by leaving dark spots near the angles. Repeat the procedure for all the shapes using the same technique.


ps_tut10.png


_

The stroke should start to look very shiny by now. You may modify the Levels (Ctrl+L) to adjust the balance of black and white.


ps_tut11.png


_

You can add a white Inner Shadow or bevel to this metallic border now.


ps_tut12.png


_

You can end here but the metal effect can get better. Trash the duplicate object made earlier in the tutorial. Alt-click between the gradient layer and the original object layer. Turn off Gradient Overlay.


ps_tut13.png


_

A basic brushed metal effect will be applied. With the gradient layer selected, go to Filter > Noise > Add Noise...

Set amount to 15%, Gaussian, Monochromatic. Click OK.

Then, go to Filter > Blur > Motion Blur. Set the angle to 0 and distance to 60. It should look like this:


ps_tut14.png


_

After that, go to Filter > Render > Lighting Effects. Use settings similar to these:


ps_tut15.png


_

It is done!


ps_tut16.png

You can always go back and change some steps but this is the final product. I hope you liked the result.

Tuesday, May 4, 2010

Megaman Logo

Over the past week, I've been working on another vector project. This time, I decided to vectorize the two main Megaman logos. In case you haven't noticed, over the past decade, there has been one major element common in all of the Megaman game logos. From Megaman and Bass, to Megaman X Command Mission, to Megaman Battle Network and even the latest Megaman Zero Collection. By carefully tracing over the letter shapes in the largest available logo, I was able to make a fairly accurate rendition of the letters.
 megaman logo
There is also another version of the Megaman logo used mainly on classic games such as Megaman Powered Up, Megaman Rush Marine, and even Megaman Star Force. This one was more difficult to create.
 Photobucket
Now that I've finished, you can use these designs however you wish. Using any program capable of handling SVGs or the PNG version, you can stylize the text and make a logo for a Megaman game. I think this will be especially useful to game makers since looking for these designs are usually difficult.

You can download both the SVG and PNG from the link below.
DOWNLOAD