Back to top
Rules
Pixels
Code
FAQ & Tutorial
Sitely
Leave?

Confectionery

A pixel, oekaki and code site by Candy.

kənˈfɛkʃ(ə)n(ə)ri
Noun. Sweets and chocolates
considered collectively.

Updates

12.10.17
+ 1 star background, + perfume adoptable set, + blinking faerie aisha, + new additions to the pixel tutorial, + 8-bit shoyru, + pixel chibi makeable, + 3 affiliates: Project Star, Beyond the Batter and Scribble!


Welcome to Confectionery! I'm your host, Candy, and I make pixels and code for you to use, provided you follow my rules. Updates are cleared whenever Refresh updates.

I've been pixelling for around three years now, so you're in safe hands here!

ConfectioneryCandy's Portfolio Candy's Art Portfolio 'Little Uglies' Button from Kimochi

rules

  1. You may edit my pixels and reupload them for Neopets only, provided you credit me, and you allow others to use those edits freely too. Don't create a site of edits!
  2. You may edit my code as you wish, as long as proper credit is provided.
  3. You must credit me by either:
    • Linking the work to,
    • Putting one of my buttons on the page and linking that to,
    • Confectionery's Watermark
    this page (/~aboa), my main (candy_fizz) or the page the adoptable was from.
    • You can also state on the page the work was taken from /~aboa, if you don't want to link.
  4. Don't enter them into contests.
  5. Don't you dare put your own watermark over your edits, or remove them.
  6. I reserve the right to refuse requests.

You may change or edit the code or pixels as long as you credit me; I allow this freely, don't worry about getting reported by me! Don't steal my work. Seriously, I'm not that good. THOU SHALT NOT STEAL.

Neopets has a copyright over images with Neopets on them however, so edit those at your own discretion?? IDK.

Requests are alway open for pixels and closed for layouts. I can do anything from a simple recolour to something animated! If you want a custom layouts, check refresh to see if anyone has requests open. Please send a neomail to candy_fizz detailing what you would like to see.

All requests will be made free to use (unless I've offered to do something exclusive to you, like the button for Floral), so don't request something for yourself and expect it to be exclusive to you.

pixels

Please hover for more details on the pixel! It's width by height. Some things with blue backgrounds/borders will be either have a white outline or need to be dragged to see their true size.

Backgrounds
Non-repeatable Green Sun 300 by 300

Repeatable Clouds 293 by 303

Repeatable Stars Animated 300 by 300

Pixels
92 by 102 Vel'Koz

64 by 89 Beach Window

40 by 60 Ghost (animated)

33 by 51 Candy Cane

35 by 53 Candy Cane with White Outline

27 by 25 Grey Rat (animated)

27 by 25 Brown Rat (animated)

32 by 23 Hedgehog (animated)

28 by 21 Mouse (animated)

20 by 27 Pink Cupcake with White Outline

50 by 50 Tui Yeah Right

50 by 50 Watties Spaghetti

50 by 50 Bonsai

30 by 34 Mushroom (animated)

30 by 34 Poisonous Mushroom (animated)

219 by 68 Poofy cloud, looks best on white background

37 by 65 Faerie Aisha (animated)

Repeatable Tiles
40 by 40 Forest Ceiling

40 by 40 Rock Floor

40 by 40 Mines Wall

Works best as backgrounds for headers!
Placeholders
88 by 31 Grey Placeholder

100 by 50 Grey Placeholder

8 bit pets
An exception to the rules: you do not have to credit me for making these, because I just copied the official neopets art. However, you may not claim that you made them, and it would be nice if someone asked you where they came from to tell them it was from Confectionery.
42 by 33 8-Bit Shoyru

Pixel Chibi Makeable
I made this three years ago; this is really, really old and ugly! I'll update it in the future. Thanks to Ashe for suddenly reminding me I had this!
REMINDER TO SELF: I can probably use this to illustrate pixel blinking.
Candy's Chibi Makeable V.1
Adoptables
Adoptables link to the page they're on. Check that page to see if colour requests or custom trades are open! I provide makeables for each set too.

Shoyru

49 by 50 Shoyru Adoptables 49 by 50 Shoyru Adoptables 49 by 50 Shoyru Adoptables 49 by 50 Shoyru Adoptables

Perfumes

39 by 51 Perfume Adoptables 39 by 51 Perfume Adoptables 39 by 51 Perfume Adoptables 39 by 51 Perfume Adoptables

code

Coding isn't a thing I'm known for, so there's nothing fancy here, just CSS based code. Link/bold colour is steelblue, link/bold hover colour is gainsboro, text colour is dimgray.


Want something with more flair and personality? Check out Floral!
Pet lookups
Candy's clean petlookup code (border-bottom)Candy's clean petlookup code (border-bottom)
  • I just wanted something that looked clean, but also allowed navigation.
  • Should be pretty easy to edit the code.
  • Depending on whether your petpet has a petpetpet/was zapped you may have to move the content down by editing the div margin-top value.

  • Live pet lookup

    Candy's clean petlookup code (border-top)
  • Same as above, but now the border is on the top!

  • Live pet lookup

    Candy's clean petlookup code (border-top)
    Shop/Gallery
    Candy's clean shop/gallery code Candy's clean shop and gallery code.
  • For the minimalists or people who like clean layouts.
  • Works the best with an adblocker or premium; the ads look horrible.
  • Probably best to only change the background, font and font colours. I recommend Peta for great backgrounds!

  • Live shop | Live gallery

    Guild
    Candy's clean guild codeCandy's clean guild code
  • If you wanted something simple and clean, you've come to the right place.

  • Live guild

    FAQ + Pixel Tutorial (WIP)

    What do you use to pixel?
    Gimp 2.8 and a mouse, Gimp is free!

    Do you have any advice for pixelling?
    Of course! I know the medium but unfortunately, I cannot help you with art; anything to do with anatomy, lightning, etc as I don't take art as a subject.

    Why should I trust your pixel advice?
    I used to approve pixel art submissions; trust me, I know what pixel art is.


    Candy's Impromptu Pixel Tutorial!

    The one pixel rule that you should abide:

    1. Make sure your lines are clean! I cannot stress this enough. Want your pixels to look great? No kinks, and make sure pixels lines increase like 1, 2, 3, 4 not 3, 1, 2, 4. This is called cleaning your lines. Fibonacci's spiral doesn't go 0, 1, 2, 1, 13, 5, 8, 3, 21, 34, it goes 0, 1, 1, 2, 3, 5, 8, 13, 21, 34.
    Cleaning Lines
    I hate the 8-bit pets, therefore I will be using one to illustrate.

    The lines next to the question mark shouldn't be in your pixel art, unless you plan to get rid of it with antialiasing.

    The one pixel rule you should maybe abide:

    1. Don't worry about making the shading soft. Pixel art goes against traditional blending and such, but you should fight past that! Pixel art was made to be seen because traditional video game consoles had limited colour palettes; the original game boy had 4 colours (22=4) on the screen. Also, my eyesight is terrible, so soft shading on 'kawaii' pixels strains my eyes. It's a personal preference, but you won't see most professional pixel artists with soft shading.

    2. Which one looks better?

    Those are the only things you need to keep in mind when doing pixel art. An eye for good art + anatomy will come in time.

    What's not so important (because if you didn't want to pixel, you wouldn't do it) but deserves a mention; if you want to become good at something, keep at it!

    labor omnia vincit | Hard work conquers all!

    What do I do after I line the pixel?

    Colouring in.Drag and Drop for full size.
    1. I added a grey background (#808080). Not only is it easier to change the outline, but it's a neutral colour so your pixel will look better on a wider variety of background colours.
    2. Flat coloured it and took note of the colour palette, reduced the color count from an heart-attack inducing 19 to a more acceptable 9.
    3. The goal here is to reduce the number of colours you use in pixel art, the purple outline (#2f1c3a) of the shorts was too similar to the colour used in the eyes and mouth (#07232e), so I changed it to the purple (#2f1c3a). I chose the purple because a variety in colour is always good, and purple is the darkest natural colour.
    4. GAHHH! IT'S GOT SO MANY WEIRD BITS?
    Hello!

    This leads me to the next frequently asked question:

    How can I shade well?
    There are three things I use to shade: dithering, contrast, and colours.

    What is dithering?
    Oxford dictionaries define dithering in the context of pixel art as 'Displaying or printing (a colour image) in such a way that it appears to contain more colours than are really available.'. Because pixel artists avoid the use of many colours, dithering is the way to give the appearance of a colour, such as purple from blue and red.

    Red, to purple, to blue.
    There are only two colours in this image.

    How you dither is also important.

    CONTRAST LEADS INTO NEXT TOPIC cause a big part of that is choosing right colours!!!

    How do I choose good colours for pixel art?
    Some pixel artists have palettes they've already made up and pick from there, but those palettes are suited to their own taste, and may lack in say, purples. There are a lot floating around, but I won't link them here for fear of improper crediting. Andrew Kensler, who works at Pixar wrote some code that maximised the difference in hue for 16 colours.

    Colour Palette. (16)

    He also made one for 32 colours. I'd advise choosing your starting colours from one of these, then editing to your taste.

    Colour Palette. (32)

    Some pixel artists advise to pixel in grayscale first so the values are right, and there is enough contrast. Personally I just pick and re-pick until the colours seem right; purple, the darkest natural colour at a value of 50 will seem darker than a yellow, the lightest natural colour. image needed

    270 is purple, 60 is yellow on the 'perfect' colour wheel

    Go for neighbouring colours, something about less dark colours and more bright colours for details???

    How do you pixel?
    Line, clean, clean again, if I haven't already added grey background I do so now, colour, then shade.

    how to animate - blinking

    What is antialiasing? i need to link to different sections here

    Notes on pixel art in general:

    1. Sometimes, pixel artists will outline in black or white. White makes pixels look more 'kawaii'. Black makes a pixel look more cohesive. Sometimes I will do both, but change the colour of the inside lines from back to a lighter shade.
      White outlineBlack outline
    2. Please save pixels as a png or gif file. Jpg will reduce quality, make your pixel look spotty, and it will increase the number of colours on the pixel.
    3. Some pixel artists will say to avoid 1:1 pixel lines + 2:2 things. I can't find the proof anymore, but I tend to avoid those out of habit.
    4. hmmm
    5. There's a thing called dithering if you want to shade! Don't go overboard, and don't be afraid to go out. (should move down a topic, and should move shading up)image needed
    6. Sometimes 'plagiarism' is inevitable, how many types of circles can you make out of a 3px by 3px pixel circle? That's about three-ish plus some odd ones.
      3 by 3 Circles
      • For example: The font I generally use is either 3px by 5px or 3px by 3px, how are you supposed to say "I made this font!" when there were only like two possible combinations at the most? Extrapolate this to small buttons, arrows etc. Of course the larger the pixel, the more likely someone plagiarised you, be sure to report them!

    Try a challenge?

    1. Why not try for a very limited colour palette? The button I made for floral used three colours (#fef3bf, #f2a5a5 and #d182d9). This will help improve your colour palette picking ability.
      Three colours
    2. Don't use brush/gradient tools if you want a real challenge! Using those tools are fine on Neopets, just don't expect to get a good reaction from 'purist' pixel artists! As a side note, I would have declined those submissions, so please don't get yourself roasted by purists. QAQ

    add a glossary maybe

    This section is a WIP :0 needs images to illustrate + feel free to neomail me if you need pixel help :)

    sitely

    Affiliates and listers are always open! Please neomail me if interested! I'll affiliate with art and code websites.

    Affiliates Listers
    Ru's Pixel Realm XOX adoptables Button from /~chinensisdesigns Button by Jewlz?
    Shade draws pixels that are just, very, very cool. Go check them out! :D Charm has a veritable tonne of pixel adoptables, in all species and colours! A must see :0 Jewlz runs both The Popsicle Stand and Refresh! The Popsicle Stand also informs you of broken picture on sites, and if I've pixelled for you, consider rating me at Refresh.
    Button by Kimochi Button from /~camhe 'Directly' button from /~camhe 'Indirect' Button from Kimochi
    Marge runs Kimochi, and makes wonderful pixels, buttons and art! HMGR makes soft, beautiful backgrounds for you to use! Shaedi runs two directories, Directly and Indirect. Like Malisha, they also don't recommend sites, they only state if they take requests or not. If I've done a pixel for you, you should review me at Indirect!
    'Project Star' Button from Kimochi Button from /~Nepotia Button from /~chinensisdesigns Coming soon!
    Ashe runs Project Star, though her adorable chibi requests may only be periodically open, her Aisha, Draik, Kougra and Usul adopts come in all colours! Megan runs this cupcake request site, but she also offers delicious premades and lolipops as well! Malisha runs this awesome directory, where sites are not ranked by the hoster's recommendations, but the state of their requests! Coming soon!
    'Scribble' button by Scribble Coming soon! Coming soon! Coming soon!
    Kristie has a whole ton of pixels on her page! They're all very small, and she even has some adoptables too. Coming soon! Coming soon! Coming soon!
    Sister site! Link Back?
    Button made by me Button by Kimochi Transparent button Button with a background
    Floral is a high-quality code site run by my Sunlit, my twin sister! She provides userlookups, petlookups and petpages which you can edit to your own liking!

    Layout was coded by me with some code stolen supplied from my sister, Sunlit. All pixel content avaliable for you to use was done by me, do not steal the code or layout. Hover over buttons to see who made them. Background from Mariposa.

    NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-2017.
    ® denotes Reg. US Pat. & TM Office. All rights reserved.




    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    /help/bumper/headers/log-in-to-facebook

    NEOPETS, characters, logos, names and all related indicia
    are trademarks of Neopets, Inc., © 1999-2017.
    ® denotes Reg. US Pat. & TM Office. All rights reserved.

    PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
    Use of this site signifies your acceptance of the Terms and Conditions