• Hey, guest user. Hope you're enjoying NeoGAF! Have you considered registering for an account? Come join us and add your take to the daily discourse.

NeoGaf Isometric City II - Come Get Some!!

Status
Not open for further replies.

Mik2121

Member
2a7a4qp.png


I'm aware there was another thread for this, but for some reasons I had to put the project on stand by. I'm still busy with some iPhone game project I have at school so I won't be able to continue with this until the end of September, most likely, so I just sent Jocchan the original PSD so he can continue.

Also notice that this is a continuation of the last city, not a whole new one. Though it's up to Jocchan if he wants to give it some spin and make something different!.

ATTN: FOR RULES AND SEEING THE LATEST VERSION OF THE CITY, CHECK THE POST BELOW.
 

Jocchan

Ὁ μεμβερος -ου
Thanks Mik for trusting me to mantain the project until you return :)
Link to the old thread: http://www.neogaf.com/forum/showthread.php?t=366059

WHAT IS THIS PROJECT?
A collaborative project to draw a pixel art city that represents GAF (both the Gaming and OT sides).

WHO CAN CONTRIBUTE?
Everyone! :D Many GAFfers had never done pixel art before, and have contributed successfully up to this point. Just remember to be nice and accept constructive criticism by other users: we're all doing our best, and every improvement will end up improving the whole picture.

ANY RULES I SHOULD FOLLOW?
Just a few, we're working together so we'll have to be sure everything will fit nicely when put together.

- First of all, we have some size constraints to keep everything as proportionally correct as possible. There's a bit of flexibility, but to avoid misunderstandings and lots of added work, stick to them as closely as you can, and always keep an eye on the way other buildings are sized (ie. for doors and windows). See later for more details about size and sample pictures.

- Then, no blurring nor weird Photoshop tools: everything must be drawn pixel by pixel. Dithering is generally allowed, but the picture mostly uses flat shading... so avoid it if you think you can, and ask on the board first if you think you can't.

- Then again, human characters should use the basic template to keep the style uniform:
2zjjf51.png
2cqiu5g.png


- Lastly, no black outlines: just use a darker shade of their filling color for them. Diagonal lines should also be smooth (and not blocky), like in this picture:
fbjqk9.png
CAN YOU BE A BIT MORE DETAILED ABOUT SIZES AND DESIGN?
Of course. From Mik's original OP:


-- UPDATED SIZE REFERENCE --

Also, here is the size reference:

gafbldgsizes.png


Basically take this as the minimum smallest size. A door and a really small room. Make all the doors about this size or larger, but not much smaller because they will look weird.
To make it all homogeneous, we will do the buildings with face A being your base color, B being a 25% lighter and C a 25% darker. The shadow will be black on 25% opacity. If you can't use alphas with the software you use, leave the shadows that get casted outside the building and I will add them.
The shadows should be casted like in the picture I posted. If it isn't exactly like it, it doesn't matter, I will try to fix it or if it doesn't bother anyone, I can leave it like that.

ALRIGHT GUYS, NEW BYLAWS OF THE NEOGAF ISOMETRIC CITY:


YOU SHALL NOT CREATE ANY BUILDING THAT EXCEEDS THE NEW LIMITED SIZE BELOW. THE ONLY BUILDINGS THAT DON'T NEED TO FOLLOW THIS RULE ARE THE 'FHUTA TOWERS' AND 'MICROSOFT SKYSCRAPER'.

bldgsizelimits.png


THIS BYLAW WILL STAY ACTIVE FOR AS LONG AS NECESSARY.


Also, save your image at 100% size on PNG with transparent background so I can add it to the city.

-- DESIGN REFERENCE --


gafbldgsothers.png


We have two buildings here, right? A and B. I guess probably everybody will agree on the fact that A looks tons better than B. And I want all you guys to do buildings that look as similar to A as possible.

Here are some tips:

* Have some kind of roof on your building or other details.
* Don't make a roof 1 pixel thin, but 3 or 4 like on the A building.
* Try to use nice colors that match and the difference isn't very huge.
* Try to pick up colors already on the image (look for the newest one I posted) instead of using new colors if you can't get a nice matching.
* Add shadows!. 25% opacity!.
* Details!. Details will help A LOT. Even the A building is lacking some details on the right side, but that can be fixed easily.
* Don't make ultra-small details that look ugly!. If you are going to add stuff, don't do them 1 pixel thin unless they are paintings or stuff like that, or tubes, etc..
* Don't make the buildings with incredibly weird shapes, but don't make them like a perfect cube either. Add some architecture details every now and then and make those big and easy to understand their shapes.


Thanks! :)

HOW DOES THE CITY LOOK RIGHT NOW?
Like this :)

newgaf14.png

I'M NEW TO PIXEL ART, WHERE CAN I FIND SOME TUTORIALS?
From Mik's original OP:
Mik2121 said:
If you still want to build something but don't know how, here is one very simple tutorial:

http://www.opendb.net/element/869.php#pixel-art-tutorial

QuickSilverGunk said:
Put this in the OP if you like, idk.

Pixel Art/IPA tutorials:

* Isometric Pixel Art Guide

Very detailed and organized, explains all the basics, definitely check this out if you're interested in contributing!

* Isometric Pixelart Tutorial

Nifty tutorial explains basic shapes, how to make a building, lighting, some photoshop facts, etc.

* Pixel art tutorial

Basic IPA stuff, building a house yet again, gives some nice subtle lessons.

* MATRIAX TUTORIAL'S

How to make a swimming pool and other assorted stuff, check it out, kinda hard to navigate...

* The Complete Guide To Isometric Pixel Art ($9.95)

I don't know about this one, first it costs money, then again, the first link is a revision of the original free iteration of this guide...

* The Pixel Tutorial

Nifty little tut on basic pixel art.

* kitted's Isometric Tutorial for beginners

Make a box, it's simple!

* Isometric Tutorial: Intermediate Level by kitted

Make a chair, it's fun!

You can use MS Paint, Photoshop/GIMP, Pixen (OS X), and various other graphics editors.

I'll add stuff as I find it, but I think this list will suffice.
 

Jocchan

Ὁ μεμβερος -ου
Moar stuff:
PANTHERLOTUS'S CHECKLIST

"________________________________________
::::::::::::_N E O G A F___P I X E L V E R S E_::::::::::::

_____________..::: OffTopicTown :::.._____________

MonsterCable.png
pixeliPhoneStatue.png
MonsterCable.png
pixeliPhoneStatue.png
MonsterCable.png

_________________________________________________

[x] IronGAF: Giant Chef Hat
[x] AV GAF: A giant set of Monster gold-plated cables
[x] Recent News Tribute Statuary (Michael Jackson)

[x] iPhone Statue -- READY
[x] Sports-Age: Stadiums -- READY
[x] FitnessGAF: Squat Rack -- READY
[ ] N E O G A F (letters in the hills) -- never completed
[ ] Comic-Age building -- needs side-art pixelated and additional detail
[ ] Gaborn News Tower: Cock-and-NeoGAF Balls -- needs a ton of work
[x] Wolverine O-Face
[ ] Why So Serious tribute
[ ] Libertopia
[ ] PoliGAF Left-Leaning See-Saw (Obama v Palin)
[ ] ReligiGAF: Atheist Church
[x] PhotoGAF: Giant Camera Building
[x] GayGAF Pride Parade!
[ ] Hipster/Creative Writing House
[ ] MediGAF -- never completed
[x] NBA Building -- way too large, had to cut it in half


________..::: Meme-ory Lane & GAFisms :::.._______
2a0nplw.png
2a0nplw.png
2a0nplw.png

_________________________________________________

[x] Bish Ban Hammer Billboard
[x] Hive Mind Honey Building
[x] "Tag Parlour" (tatooist)
[x] Troll/Hobbit Holes "Drinky Lives Here"
[x] Land of the Banned
[x] Megaton Site (Crater)
[x] BOHICA Shop
[x] meme-aton Dance Hall

[x] Account Activation Dept UPGRADE: With Grass, Tents. -- READY
[x] FHUTA Tower -- READY
[x] Portal Entry/BUSTED! -- READY
[x] The Diner 500/Server Cafe -- READY
[x] GAF --> Internet --> GAF pipeline -- READY
[x] Sharp Knees Gentleman's Club -- Blurred. Needs real pixel art.
[ ] "6.5" /Bad IGN Score Building -- Needs more detail.
[x] Wollan Meme -- needs work
[ ] Carnival of Stupid: Entrance -- In progress
[ ] Carnival of Stupid: Circus Tent -- READY
[ ] "Welcome to GAF: Land of BELIEVE" Billboard
[ ] Internet Rumor Mill
[ ] Center for Experts of Japanese Culture
[ ] Hype Train w/Link driving
[ ] MEGATON Prediction Center/Satellite Dish -- Not needed


__________..::: Gamingside Slums :::.._____________
lttpsidewalk3208.png
lttpsidewalk3208.png
lttpsidewalk3208.png

_________________________________________________

[x] Spin Artists: "Spin Doctor" laundromat
[x] Sales-Age Building
[x] GameCubeHut
[x] PC Castle of Superiority
[x] Nintendo-shaped Skyscraper
[x] PS3-shaped Skyscraper
[x] 360-shaped Skyscraper
[x] Fanboy/Gang Slums (with abandoned SEGA lot?)
[x] 09/09/09 DreamCast Building
[x] LTTP: Buy/Sell/Trade Shop

[ ] Closed Mega Theater -- needs...something?
[x] .gif Factory -- too large
[ ] PSP Skating Rink w/scratched screen


__________..::: Gaming Tributes :::.._____________

slime.png
2ufzpky.png
bigdaddy3.png
toad-1.png
wkkdxx.png
10z7kfr.png

_________________________________________________

[x] Dennis Dyak
[x] Scribblenaut on Dino

[x] Toad -- READY
[x] Metroid Head Crab Guy -- READY
[x] Big Daddy -- READY
[x] Slime -- READY
[x] Master Chief w/ODST Squad -- READY
[ ] Kirby! - READY
[x] Franchise Graveyard -- Needs character consistency, deserves expansion.
[ ] E3 Building -- needs work (shadows, detail, etc)
[x] NES Controller
[x] HaloGAF: Dropship -- Needs to come to 'life'
[ ] KZ2
[ ] MarioLand


____________..::: Personalities :::..______________

10p7iuo.png
stal-1.gif
Ninja.png
Pirate.png
Viking.png
r7rij9.png
OnkelC.png
24v5wro.png

_________________________________________________

[x] Pedobear w/kids
[x] Angry bishoptl
[x] Old Man on the Scooter
[x] Stalin
[x] OnkelC
[x] Ninja
[x] Viking
[x] Pirate
[x] Iwata on top of Nintendo building tossing out bombs
[x] Reggie: "Not My Problem"

[x] Bam! There it is! -- READY
[ ] Random Gaffers -- READY
[x] Sniper Guard -- READY
[ ] Zoo Based Orangutan Hunting -- READY
[ ] Canuk/Hockey Player -- READY
[ ] Chris Hanson Leaning Around a Corner w/clipboard



____________..::: Props/Extras :::..______________

tree-1.png
pipe.png
tree-1.png
pipe.png
tree-1.png
pipe.png
tree-1.png
pipe.png

_________________________________________________

[x] Benches
[x] Pipes
[x] Trees
[x] Trees
[x] Bushes
[x] Open Grave

[ ] Additional Side Building -- Needs a NFS/GT5/PGR type car in the garage! -- READY
[x] Additional Billboards -- READY
[x] Additional Billboards -- Blurry?
[ ] Traffic Signal -- Is this isometric?
[ ] Small Rocks
[ ] Animals (pokemon/slimes/etc)


=======================================
[x] -- Completed and Added to the City
[ ] -- Notes indicate status
[ ] -- Submissions wanted
======================================="

CITY PLAN (by Mik2121)
cityplan.png
 

DrEvil

not a medical professional
Glad to see it return, hopefully I'll get off my ass and finish the LOST piece I've been slowly working on.
 

pubba

Member
This is amazing! I'm going to check out those tutorials and give it a shot.

I'll try doing an xbox360 clown for the gaming side.
 

Jocchan

Ὁ μεμβερος -ου
Mik2121 said:
Hot! :O

But remember to save in PNG so the quality doesn't go poo-poo :p
Whoops, I did but apparently tinypic resized/converted it (the pic was probably too big). I was kinda in a hurry, so I didn't check.
Reuploading somewhere else :)

EDIT: done!

DrEvil said:
Glad to see it return, hopefully I'll get off my ass and finish the LOST piece I've been slowly working on.
I had made a LOST island, maybe you can find it useful:
21mhoua.png


ckohler said:
You guys willing to give out the latest PSD? I wouldn't mind trying my hand at a different layout.
You'd better ask Mik, I'm just helping mantaining it for a while :)

josephdebono said:
Yay! Thanks and good luck Jocchan!

(same goes to you Mik)
Thanks ^^
 

Jocchan

Ὁ μεμβερος -ου
Awesome :)
I'll keep adding the stuff from the other thread later/tomorrow, please notify me if I missed anything and feel free to repost here anything I might have missed.
 
I would like to request someone put Fei Long doing a midair spinning kick like my avatar somewhere where there is a Street Fighter theme/building.

It's just too funny to pass up. :lol
 
So I've tried my hand at this for the first time.

How many pure game references do you guys want in there? Even though it's not really about GAF itself, I felt the Orange Box and Valve deserved a little representation (maybe next to the PC Master Race Castle?). Also, Portal alone spawned several memes.

So here it is, my tiny Orange Box including a 96 Metascore, HL2 logo, crowbar, lying cake and tiny Valve Time (says "11:49", the time the TF2 beta went live). Also tried to put in a gravity gun, but I'm clearly not good enough at this yet.:D

2qibpj5.jpg


Anyone, feel free to change this thing and add shadow/light/details to it, because I'm done for now and you guys are much better at it! :)
 

Bernbaum

Member
It lives!

Happy to see my Robotnik Tower still standing proud. I had an enquiry for Mik2121 regarding a completely new strucutre, but I'm going to be away for a month :(

I guess when I get back, the whole city might be complete! :D
 

DieselRainbow

Neo Member
moto.png

Still needs transparency adding to it.

I also made these as the 1st thread got me addicted to pixel art!
Making my own city now! :lol

MJ.png

Zeds.jpg
 

Rewrite

Not as deep as he thinks
It makes me so happy that this project is up and kickin' again!

Thanks for taking over, Jocchan.
 

Jocchan

Ὁ μεμβερος -ου
Just finished adding (almost) everything else from the past thread (PHEEEW!), except what I think was still incomplete. Please let me know what's missing. Going to draw some more streets soon.

Some probably incomplete stuff from last thread:
http://i362.photobucket.com/albums/...i30.photobucket.com/albums/c324/Cyport/E3.png
http://i40.tinypic.com/33ux3dz.png
http://i42.tinypic.com/ifwgol.png

Something else was complete and completely awesome, but way too big:
http://i164.photobucket.com/albums/u13/Wired79/trees_and_bushes_1_final.png
http://i44.tinypic.com/16jnecm.png

Current revision:
newgaf11.png
 

Jocchan

Ὁ μεμβερος -ου
methane47 said:
Jochan! make a list of things you still want added to the map!! so we can better contribute.
Paging PantherLotus for his checklist.
 

Sibylus

Banned
Damn, this is impressive.

Random thought, but has anybody tried to make a random Gaf-themed, isometric RPG? (With one of those freeware programs) Judging by the stuff in this thread, it'd look fantastic, and there'd certainly be a lot of opportunity to make something fun.

FHUTA attacks and Bishop summons amirite?
 
RedShift said:
WIP Whatever the Wind Waker boat was called-
vynuit.png

NICE!

So glad to see this back, makes me smile to see my Falcon racing the Feisar (and my MK guys).

Trying to think of something new to do. I was working on this when the original thread fizzled..

monster2.png
 
Just noticed this - if that's the direction the Luigi and Wario Karts are going to be traveling, I'll redo the 'L' to face the correct way.
 

Jocchan

Ὁ μεμβερος -ου
megashock5 said:
NICE!

So glad to see this back, makes me smile to see my Falcon racing the Feisar (and my MK guys).

Trying to think of something new to do. I was working on this when the original thread fizzled..

monster2.png
I love it :D

Human_Shield said:
PhotoGAF still needs a home in IsoGAF City:

iwnm0o.jpg
Is it final? It will be in the next update :)

megashock5 said:
Just noticed this - if that's the direction the Luigi and Wario Karts are going to be traveling, I'll redo the 'L' to face the correct way.
Whoops. It's a temporary setup, but if you can do it then thanks! It would certainly help.
 

methane47

Member
Jocchan...

Just wanted to remind you.. Don't overwrite the files when you update them.. Create a new one.. this way when its done we can see how it progressed.
 

Jocchan

Ὁ μεμβερος -ου
methane47 said:
Jocchan...

Just wanted to remind you.. Don't overwrite the files when you update them.. Create a new one.. this way when its done we can see how it progressed.
I'm already saving each revision separately :)
Going to add them to my previous posts in this page.
 

Jocchan

Ὁ μεμβερος -ου
Added some more stuff that had been left behind:
newgaf12.png

And now I'm off to bed. I'll be adding some more streets tomorrow.
 

NetMapel

Guilty White Male Mods Gave Me This Tag
So when are you guys gonna develop the hype train and the lightrail train track I made ? ;)

Oh, and where is that scary deer that somebody made ? I thought that one was good :lol
 
Status
Not open for further replies.
Top Bottom