Official Everybody Edits Forums

Do you think I could just leave this part blank and it'd be okay? We're just going to replace the whole thing with a header image anyway, right?

You are not logged in.

Donate!

pls donate


#1 2015-02-12 22:09:27

BEE
Member
Joined: 2015-03-14
Posts: 1,678

BEE's Guide to EE Art [Palettes, Pics, & More!]

Hello everyone. Since so many new colors have been added to EE, it is difficult to take pictures and put them here as they do not fit into one screen. Instead I have made a live palette to be found here: http://everybodyedits.com/games/PWtxkwFE-Sa0I

If you need to see the colors on the minimap closer up, simply press the "PrtSc" button on your keyboard, then open MSpaint (or any other drawing program) and press Ctrl+v. Then you can zoom in and out to your heart's desire

Below is the old post and old palettes:
-----

Welcome to BEE's Art Guide. Feel free to post asking for feedback, requesting different palettes, linking to other resources, or just showing off your own art //forums.everybodyedits.com/img/smilies/smile

Table Of Contents:

1. Palettes of EE color schemes and shading
2. Step-to-step-guide to EE art
3. Other Resources

=====================================================
1. Palettes of EE color schemes and shading
=====================================================
Live Palette found at: http://beta.everybodyedits.com/games/PWFC_eBHxxa0I

BROWNS AND GREY
brownpalettefeb2011.jpg
RED ORANGE YELLOW
roypalettefeb2011.jpg
GREENS, BLUE, PURPLE
greenpalettefeb2011.jpg
And Thanks to Doh, for doing a list of minimap colors and bricks:
(http://img705.imageshack.us/img705/4074/colorso.png)
colorso.png
namnlska.png

=====================================================
2. Step-to-step-guide to EE art
=====================================================
STEP ONE: Figure out what you want to draw.

While this may seem simple, its actually quite difficult as you need to know your strengths and weaknesses in drawing. For example, I am horrible at drawing faces. Smilies are easy, but faces are impossible. Oh, hands too, can't draw hands.

For this tutorial I will draw a jar of peanut butter //forums.everybodyedits.com/img/smilies/smile Something not too hard but unusually shaped enough to make it not easy.

STEP TWO: Sketch it.

Grab a pencil and paper or MS paint and sketch what you want to draw. This will help you get a general idea of proportions and allows you to fix mistakes faster.

My sketch for this drawing:
pb1-1.jpg

STEP THREE: Sketch it in EE

Just drawing it in a neutral color is easiest, not black though, as you cant see black on the minimap.

spb2.jpg

STEP FOUR: Clean up the sketch

If your object is in any way symmetrical, find the "folding line" and make sure its exact on either side. One block out of place ruins the design.

If you are using any type of diagonal line, remember that you overlap the squares to make the line look thicker, or you do a direct diagonal to make the line look thinner. If you have a straight line that is diagonal (such as when drawing a box) make sure that the angle is consistent. If it starts off up-one-over-two then it better finish that way!

Dont forget to think about what angle the viewer is at. Are they looking down? Straight at? Up? from the side? Adjust accordingly.

spb3.jpg

STEP FIVE: Shading

The limitations of colors on EE is something I personally find exciting. If you are uncertain what colors look like that on the minimap, you need to have a palatte. I add one too all my drawings then usually erase them after.

Pick a place that your "sun" or "light" will come from, whether above, from the side, or underneath //forums.everybodyedits.com/img/smilies/smile

Remember, perspective matters, meaning that colors appear on the minimap depending on the colors around them. For example,the crown block makes a brownish color on its own, but when put at the edge of another shape, instead it looks like there is a glow.

spb4.jpg
spb5.jpg

STEP SIX: Advanced Shading

All I can really do for advice on this section is to practice. You are welcome to try a "checker board" pattern for shading, but with EE it doesnt look natural enough, Remember to blend the colors both ways, not just one way

spb6.jpg

(I apologize for the extreme jump in art for the most recent images. I gave the code to friends and they wanted to make their own art. Nanutore actually jumped in and made the JIF part while I was doing advanced shading, but it looks great so I left it.)

STEP SEVEN: Final Details

While the above drawing is pretty good for peanut butter, in real life, peanut butter isnt outlined in white //forums.everybodyedits.com/img/smilies/wink So manke sure to erase any lines you created before to help you with drawing. The keys are excelent   for this as they give a soft glow on the map instead of hard edges:

spb7.jpg

And thats the end of the tutorial //forums.everybodyedits.com/img/smilies/smile

Want a sammich?

peanutbutterjar.png

=====================================================
3. Other Resources
====================================================

=Circle Chart (Thanks to Ravatroll): http://img12.imageshack.us/img12/9899/1292807760611.png
=Playable Art Guide: http://eeforumify.com/viewtopic.php?id=3568

Last edited by BEE (Mar 25 2012 11:18:13 am)


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

Wooted by: (2)

#2 2015-02-12 22:09:26

mistahboi
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

This guide is great for more specific art. But this type of art isn't very common. The most common art, I think is sprite art of video game stuff. Many of that stuff isn't symmetrical. But this is useful for making stuff that is more... universal, such as maybe drawing foods. XD

#3 2015-02-12 22:09:25

RavaTroll
Member
From: France
Joined: 2015-02-16
Posts: 816

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

There are many things you should add.
But it's like teaching people how to draw, they also should learn everything about perspective, shadow, realistic dimensions, etc. //forums.everybodyedits.com/img/smilies/tongue
Thanks for this tuto anyway //forums.everybodyedits.com/img/smilies/smile

I also wanted to create an "Art tutorial", but my poor english makes it quite impossible for me.
Anyway, here's something very usefull :
http://www.natomic.com/hosted/marks/mpat/softening.html
http://www.natomic.com/hosted/marks/mpat/shading.html

And use this :
http://img12.imageshack.us/img12/9899/1292807760611.png

Just search "Pixel Art Tutorial" on Google if you wants more. //forums.everybodyedits.com/img/smilies/tongue

Last edited by RavaTroll (Dec 30 2010 6:23:14 pm)


SNTDcGF.png Trolls be in da place, mon ! SNTDcGF.png

Offline

#4 2015-02-12 22:09:24

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

This honestly was a tutorial to show people that its not impossible to do art on EE

I know easy pictures are very common, but that doesnt mean that has to be the only art done on EE.

For example, my team's new years level was criticized for being "hacked" when it wasnt, it was jsut drawn as you can see here:   http://img251.imageshack.us/img251/2715 … eation.jpg

Last edited by BEE (Dec 31 2010 5:39:35 pm)


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

#5 2015-02-12 22:09:23

Wady
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

OMG, ty for this epic tutorial!

#6 2015-02-12 22:09:22

Krazyman50
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Awesome!

#7 2015-02-12 22:09:21

Different55
Forum Admin
Joined: 2015-02-07
Posts: 15,956

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Great tutorial! Now I can draw from scratch on EE as well as photoshop and real life. //forums.everybodyedits.com/img/smilies/big_smile


"Sometimes failing a leap of faith is better than inching forward"
- ShinsukeIto

Offline

#8 2015-02-12 22:09:20

mistahboi
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

LOL, nice peanut butter, but I dun liek the nose on the top left. It's too bloated. D:

#9 2015-02-12 22:09:19

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Lol I actually didnt make the other art in the level just the peanut butter, the other art is from random people who came in ^_^


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

#10 2015-02-12 22:09:18

D-rock2308
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Meh. If you make a scenic level THIS WONT help. Needs touchup

#11 2015-02-12 22:09:17

haythere
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

I think this tutorial is really useful, just because it isnt something people wouldnt commonly draw on there doesnt mean that they couldnt apply what they have learnt here into that piece. Thank you for this //forums.everybodyedits.com/img/smilies/smile

#12 2015-02-12 22:09:16

capasha
Member
Joined: 2015-02-21
Posts: 3,806

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

BEE wrote:

This honestly was a tutorial to show people that its not impossible to do art on EE

I know easy pictures are very common, but that doesnt mean that has to be the only art done on EE.

For example, my team's new years level was criticized for being "hacked" when it wasnt, it was jsut drawn as you can see here:   http://img251.imageshack.us/img251/2715 … eation.jpg

How do you even draw so good lines? I would never draw so good lines.
Looks like they are made out of tools, to draw lines. //forums.everybodyedits.com/img/smilies/tongue

Offline

#13 2015-02-12 22:09:15

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

D-rock2308 wrote:

Meh. If you make a scenic level THIS WONT help. Needs touchup

I beg to differ, scenic levels are just several parts that make up a whole. Just focus on each piece individually while keeping in mind your end goal. ^_^

How do you even draw so good lines? I would never draw so good lines.
Looks like they are made out of tools, to draw lines. //forums.everybodyedits.com/img/smilies/tongue

How do I draw lines? I don't know if I understand the question... O_o

When drawing lines in pixel art, you have to keep in mind that it should be consistent. Determine the slope (steepness) of the line before you draw it. Open MS paint and draw a bunch of angled lines and then zoom in. each pixel on MS paint would represent a dot on EE //forums.everybodyedits.com/img/smilies/smile


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

#14 2015-02-12 22:09:14

D-rock2308
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

BEE wrote:
D-rock2308 wrote:

Meh. If you make a scenic level THIS WONT help. Needs touchup

I beg to differ, scenic levels are just several parts that make up a whole. Just focus on each piece individually while keeping in mind your end goal. ^_^

How do you even draw so good lines? I would never draw so good lines.
Looks like they are made out of tools, to draw lines. //forums.everybodyedits.com/img/smilies/tongue

How do I draw lines? I don't know if I understand the question... O_o

When drawing lines in pixel art, you have to keep in mind that it should be consistent. Determine the slope (steepness) of the line before you draw it. Open MS paint and draw a bunch of angled lines and then zoom in. each pixel on MS paint would represent a dot on EE //forums.everybodyedits.com/img/smilies/smile

Anyways Bee I   had a question for you that I will send in Pms

#15 2015-02-12 22:09:13

Zoey2070
Moderation Team
From: Shakuras
Joined: 2015-02-15
Posts: 5,326

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

That's one sexy jar of peanut butter.


proc's discorb UnGdm07.gif stylish themes for forums/the game UnGdm07.gif
꧁꧂L O V E & C O R N꧁꧂
danke bluecloud thank u raphecOtX1wh.gif rest in peace my dear lil crab teague. and fitzpatrick. i loved you a lot
🌈 Hc0cu9u.gif         6yG4Efc.gif

Offline

#16 2015-02-12 22:09:12

IceMarioEx
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

I'll try this! //forums.everybodyedits.com/img/smilies/big_smile

#17 2015-02-12 22:09:11

TrappedTime
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Hey, I know how to make smooth edges on circles ( all kinds ). If you want, I can make a tutorial.
Pretty simple really o_O
O <= there I win.
XD jk. But I can make sufficient circles.

#18 2015-02-12 22:09:10

DBear
Member
From: rags to riches
Joined: 2015-03-15
Posts: 312

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

It looks like I could just reach into the computer screen and be able to use that for a delicious peanut butter and jelly sandwich...
Thanks for making me hungry. ;_;
(But seriously, that is amazing, props.)


Please, call me Danni.
NNID: DanniDearest
MK8 or Splatoon, brah.
EOnu2OZ.png

Offline

#19 2015-02-12 22:09:09

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

If you want to make a tutorial about basic shapes that would be fine Trapped Time, I mean this is pretty advanced, some people are below this level


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

#20 2015-02-12 22:09:08

MnM
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

That awesome ty this'll help

#21 2015-02-12 22:09:07

TrappedTime
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

I'm a fast learner, BEE. I've only been playing EE for less than half a year now, but my skills did advance oh so quickly. Check out my tutorial when   I finish it!
Btw, awesome job on the jar! Really looks authentic o_O almost

#22 2015-02-12 22:09:06

evilmuffin
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

ive actually been to that level.

#23 2015-02-12 22:09:05

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Slowly making my small and medium worlds into palettes.

Here are the palettes for brown and grey:

brownpalette.png


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

#24 2015-02-12 22:09:04

Chimi
Guest

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Thanks! I tried this out, and i probably should've used a better item. It turned out pretty well though.
Link: http://everybodyedits.com/games/PWxIOMP7FYa0I
The tutorial was great for me, since i'd never tried anything but smileys before now. The above link will take you to my very first try, and i haven't revised it yet. i filled everything outside with anti-grav blocks, everything inside that wasn't colored in with black. I didnt trun it into a playable level like you did with your tutorial. Please give me feedback. Thanks, Chimi.

#25 2015-02-12 22:09:03

BEE
Member
Joined: 2015-03-14
Posts: 1,678

Re: BEE's Guide to EE Art [Palettes, Pics, & More!]

Haha Chimi thats awesome //forums.everybodyedits.com/img/smilies/big_smile And I love 5 Gum XD

Some feedback though. The lines for the outline of the gum are great, but sometimes they overlap and sometimes they are at an angle

BBBB    BBBB

VS

BBBB     BBBB

I say pick one or the other and the lines will look smoother. Also, the white color is a bit distracting, maybe make the outline blue, to make it less "IM AN OUTLINE" ish =P If that makes sense lol

Last edited by BEE (Jan 17 2011 4:50:19 am)


Custom Tab: Forum Post|Trello

Thanks Xen for my Avatar and Smitty for the smiley 47BA5lq.png

Offline

BEE1423775367186065

Board footer

Powered by FluxBB

[ Started around 1569058537.6095 - Generated in 0.068 seconds, 10 queries executed - Memory usage: 1.52 MiB (Peak: 1.74 MiB) ]