deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour

The Journal Portal

Tune into the voice of the community by checking out deviantART's Journal Portal. Join the conversation by browsing, adding faves, and leaving comments, or submit your own Journal to let your voice be heard.

Submit Journal

Community Mood

  • Love
  • Joy
  • Wow!
  • Affection
  • Adoration
  • Love 22755
  • Joy 18478
  • Wow! 4703
  • Affection 1752
  • Adoration 1069

Polls

What is your preferred drawing software?

Vote! (58,949 votes) 3,904 comments
81,847 Deviants Online

What is dithering?


Dithering is a pixel art process used to blend blocks of colour together or help apply a texture to a pixelled surface. Within emoticons it is most commonly used when making pixelled backgrounds, however it can be used in a number of other areas, e.g. massive emote bases, pixel objects etc. In this tutorial, we will focus on how 2 colours can be blended with dithering.

To break dithering down into simple terms, it is achieved by simply taking the colours from the two blocks of colour and placing individual pixels of each on the opposite side. This creates a region where the two colours merge together to create a more blended colour transition instead of a clear line between the two.

Dithering can seem like a complex process, but it's really not. Once you get the basic idea and technique, it's just all about practice and over time you'll learn how to apply it to a number of different situations. There are many dithering styles which can be used to give a different end result. In this tutorial, I will walk you through a basic dithering method designed for dithering larger surfaces, such as background or huge emote bases. Whilst this method has several set steps, this is not the only way to dither and I do encourage you to experiment and find a style you feel comfortable with.

Dithering straight lines


For this style of dithering, the process can be broken down into 4 main steps. Each phase adds more detail to the dithering to give a more even and smooth blend to the colour transition.

Initial shading




Step 1 - Inner layers



Having created your two patches of colour, the first step is to put down a 'inner layer' of dithering. This is a dotted line of pixels right at the dividing line of colour. The pixels should be quite regular as this is the point where the colours should most blend. To get a good coverage it can be useful to place the pixels in a set pattern (e.g. every other pixel).

As you go further and further away from the colour split, the amount of pixels you use should decrease to help give a nice blend in and out of the dithered region. This can be achieved by changing your pattern. e.g Place a pixel of colour every other pixel on the first row, every 4 pixels on the second row, every 8 pixels on the third row etc.

Another good idea is to make sure that you don't clump pixels together. To give a nice even spread it works best to place a pixel in a position diagonal to the last, rather than directly up, down, left or right. This helps to mix the two colours together and no create spots of colour that stand out too much.

The size of the inner layer you use should depend on the size of the colour blocks you are blending. With a small gap, fewer layers should be used. If the distance is larger, you can increase the amount. A lot of this comes down to practice, experimenting and your personal preference.

Step 2 - Outer layers



Once you have used as many inner dithering layers as you feel is appropriate, it is best to add another layer of dithering that is far more spaced out to help make a smother and more gradual blend. To achieve this, it is best for the pixels not to touch any others in the area to prevent them becoming an extension of the inner layers.

Step 3 - Random noise



After completing the stages above, the end result will look quite rigid and structured. Whilst this style of dithering is useful in some pieces of art, the 'real world' isn't usually perfect and adding in a few random pixels can help make the dithering look more natural.

Step 4 - Mirror



Dithering should be applied on both sides as only pixelling in one direction will still leave an obvious dividing line. Once you have finished steps 1-4 on one side of the line, simply repeat on the other to complete the blending of colours.

End shading




   


Hints and Tips


:bulletblue: It can be quite boring and tiresome to dither a large region all by hand. You can therefore take some slight shortcuts with straight line dithering and reuse sections. Having dither a length, simply copy and paste it to repeat it on the same line, on the mirror of the side, or on a different patch of blended colour.

:bulletgreen: If you opt to reuse patches of dithering, try and make sure that you don't lose and randomisation you have included. If you only dither a 10 pixel region and repeat it, it will again look quite structured. It is far better to repeat regions of 40+ pixels so it is less obvious.

Dithering curves


Dithering around circles and curves can be a little harder to get the hang of. Whilst the principle is the same as straight line dithering, the method changes slightly and relies a lot more on 'going with the flow' and working with each individual case, rather than using a set pattern.
 

Initial shading




Step 1 - Inner layers



Once again we start by adding in a layer of pixels directly on the colour change line which are linked together on the diagonals. It is never easy to work to a set pattern, so it is best to judge each part of the curve separately. The pixels should be added in a diagonal position to any existing ones to help create a nice blend of the two colours, rather than solid blocks with a wavy edge. It is also a good idea not to add a pixel on every diagonal position, or you can demolish and rounded edges by squaring them off with dithering.

Step 2 - Outer layers




Having added the inner layers, you should again add some outer layer pixels, which aren't directly connected to any of the pixels already in place. these can also be useful to help round off the shape and back a circle appearance that the inner layers may have hidden.

As the placement of pixels on a rounded circle ends up being more random due to the lack of pattern, additional 'random noise' isn't really needed as the outer layers offer this.

Step 3 - Mirror





It is especially important to remember to dither on both sides of the diving line when shading a rounded edge. When working on the inside curve, it is important that you don't bunch up the pixels too much as it will affect how well the colours blend.

End shading




   


Different dithering styles


The examples above give details on one method of dithering. However, there are many different styles used by the community, and there is nothing wrong with modifying or ignoring some of the stages to create your own style. To help show off some of the other styles in the community, I kindly asked a number of emoticonists to dither a sample of their own dithering to give some example of other end results.

                 
Hover for artist's names


General hints and tips


:bulletblue: Colour choice is very important when you work with dithering. The colours you use should contrast enough so that the dithering is noticeable when you zoom out. However, be careful not too go too far the other way and make the contrast too large that the colours wont easily blend. A lot of it is simply down to practice and experimenting.


Too little   |   About right   |   Too much


:bulletgreen: Don't forget to apply dithering at the top and bottom of the canvas. Sometimes the boundary of a colour block can lie on the border or just outside the edge of the canvas. It is important to dither these areas as if the canvas is never ending, or the top and bottom sections will look out of proportion to those with dithering on both sides. Alternatively offset the colours so no colour dividing lines are near the edge.


Without | With


:bulletpurple: To help make the patterns more obvious when dithering, try using random bright contrasting colours during the dithering process and re-colouring them once you are happy with the dithered pattern.

Emoti-Art Feature #1

Sat May 18, 2013, 5:32 AM

What is Emoticon Art?


What is Emoticon Art?  As founder of #Emoti-Art, that's a question I get asked a lot. What criteria is used that sets one piece apart from another? 

First, it should be noted that I am of the belief that all emoticons are art. I feel a level of skill is needed to make them, and even a simple static emote is creative. Sure, it may not be high-art, such as a child's sketch is not a Mona Lisa. But there is still effort behind it and that's important. For more thoughts on this issue from the emoticon community, check out this article.

When we use the term "Emoticon Art," it's a classification, much like Chat-Friendly. Traditionally, Emoticon Art pieces are larger and more detailed. Because of their size and theme, they are often not useful for chats or comments. They are pieces that are simply lovely to sit and look at, admiring the details and pixelling, or marvelling at the high-level of skill and complexity of the animation.

Of course, the question often arises, can "chat-friendly" emoticons be emoticon-art? That's tricky and there are different schools of thought on the issue. Personally, I feel they can, but it's more of an exception to the rule. For the mostpart, chat-friendly are functional and not meant to simply be admired.  Chat-friendly emotes that fall into the "art" category usually include additional pixel art, props, disguises, or other features which make the piece stand apart from regular emoticons. While I have seen some amazing chat-friendly emotes, the bottom line is that even if you have an out-of-this world emoticon smile (or wave or wink), chances are you're not gonna sit there for several minutes admiring it. That's not its purpose. 

Visual Purpose is the phrase that is used to describe most Emoticon-Art. It's to be admired, and perhaps used as decoration. But, again, not all visual purpose emotes are emoticon art. 

Whatever the case, Emoticon Art is a valuable part of the emoticon community. It is a cross between standard emoticons and general pixel art. It gives emoticonists a chance to spread their pixelling wings and create something special. This article showcases a collection of some emoticon art favorites. This is just a small collection of what you can find around deviantART.  Be sure to check out the Visual Purpose gallery and #Emoti-Art to see even more great pieces.

Emoti-Art Feature


All of these pieces are part of #Emoti-Art




Synfull's Picks


When creating this article, I asked `Synfull if she would be so kind and give me a list of some of her favorite emoticon art pieces. Here's her collection:

 


Ravenswd's Picks


Since I love to spread the Emoticon Art love, I also asked `Ravenswd to give me a group of his favorites. Here are his picks:



CHIBI COMMISSION
- Sketch 45 points
- Half/full body 50 points
Example


NORMAL COMMISSION
- sketch 55 points
- halfBody 70 points
- fullBody 100 points
Example


GROUP COMMISSION
- chibi 45 points per person
- normal 65 points per person
Example



[25~100 points]*Extra points will be added depending on the difficulty.

I love to draw shounen, hoodie, and mask.
I won't draw shoujo-ai, mature 18+, mecha, and muscle...
*no full/half-naked and reference always needed.
*have own life. No rushing/forcing.
  • Listening to: IA - Yakubyougami
  • Reading: Torikago Syndrome.
  • Watching: Kamen Rider Decade.
  • Drinking: 100 Plus Aqtiv

Emoticon Gallery: Newsletter #1

Thu May 2, 2013, 12:00 PM



Summary


I was hat-ed in the last week of April, so I don't have a lot to share, per say.  Firstly, though, I wanted to express my excitement over there being an Emote CV again! :happybounce: Yes, yes, I know.  I should be more excited about being the CV, but that excitement was tempered with fear...and it has passed.  Now, I get to just be excited knowing someone is posting DDs again. :giggle: Speaking of which, please keep the suggestions coming!  The more, the merrier, in my book!  As you have probably seen by now, I am trying to stick to an Emoticon DD every other day.  We are a small community and I don't want to run out of pieces to feature.  So, it is the schedule that I will stick with for now, with the chance of more or less days between subject to change to fit my schedule, if necessary.

Also, please take a moment to go give input on the Emoticon Gallery Makeover Discussion that `Synfull is leading.  We want to be sure we get the new layout as simple as possible to cut down on miscats. :happybounce:



Contests and Projects


Several contests have drawn to a close, with a few more popping up.  This is a list of the active contests and projects going on right now.


Also, there are a few open projects that I highly recommend you go check out.  Like, nao.


If you are running a contest or project, or know of one that I have missed, please feel free to note me about it.  I would love to keep an updated list of these happenings in the community. :flirty:



Contest Features


I am going to feature the winners from the contest for the month, right in this spot here. :D


National Pride Contest by #EmoticonOpus

First Place


by =Web5teR

Second Place


by ~Serrius07

Third Place


by *TanteTabata

Honorable Mentions



Rainbows EMTC by #TheEMTC

First Place


by =Kath602

Honorable Mention


by `stuck-in-suburbia

Close Contenders




April Spring/Easter Contest by #SnazzEmoticons

First Place


by *spring-sky

Second Place


by =TheWritingDragon

Honorable Mention


by *TanteTabata

Rainy-emote Contest by #ee-motes

First Place


by `IceXDragon

Runner-Up


by =KitLightning



Emoticon Related Articles & News


:bulletpink: April Emoticon DDs
:bulletpink: Emtoicon Community #28
:bulletpink: Emoticon Community #29
:bulletpink: Emoticon Community #30
:bulletpink: Emoticon Community #31
:bulletpink: Emoticon Gallery Makeover Discussion
:bulletpink: April 2013 EmoteADay Summary


Note me or email me at sparklydest@volunteers.deviantart.com


I promised you a surprise!
And here's to you:

30 Days CUTE PIXEL AVATAR Challenge.

Rules:</b>
1.  Submit only original works;
2. Submit only free avatars;
 3. Appoint the work "Day n. .. - topic of the day" and add in the description te list of challenge and other information;
4. To beginning copy in your journal the list of challenge and tagged other 3 deviants.

Have fun!

30 Days List:

Day n.1 - Sweet.
Day n.2 - Vintage.
Day n.3 - Hot drinks.
Day n.4 - School.
Day n.5 - Ice cream.
Day n.6 - Art.
Day n.7 - Food.
Day n.8 - Books.
Day n.9 - Music.
Day n.10 - Candy.
Day n.11 - Clothes.
Day n.12 - Colors.
Day n.13 - Weather.
Day n.14 - Fruit.
Day n.15 - Jewelry.
Day n.16 - Space.
Day n.17 - Bows.
Day n.18 - Objects.
Day n.19 - Love.
Day n.20 - Shoes.
Day n.21 - Animals.
Day n.22 - Tecnology.
Day n.23 - Jello.
Day n.24 - Glitters.
Day n.25 - Nature.
Day n.26 - Seasons.
Day n.27 - Cold drinks.
Day n.28 - Smile.
Day n.29 - Fanart.
Day n.30 - The nicest thing for you.

April Emoticon DDs

Wed May 1, 2013, 4:28 PM

Visual Purpose NaNoEmo

Journal Entry: Wed May 22, 2013, 10:00 AM
Together with `Mirz123, I am proud to present a new event hosted here at #NaNoEmo in the month of June.

Background


As many of you will know, this group, #NaNoEmo hosts a fun emote-a-day style challenge every November to match up with NaNoWriMo in the literature community. Over the last 2 years we have had a fair number of emoticonists taking part and some fantastic emotes appearing all through the designated month.

Whilst this is great for creating smaller or ‘chat friendly’ emotes, it is far harder to work on larger canvases in the given time scale. Although there is nothing stopping artists working emotes every day and  producing a smaller quantity of emotes, the majority of participants opt for the more traditional approach of 30 emotes in 30 days.

We have therefore decided to launch a separate event in the month of June, known as VP NaNoEmo, designed specifically for Visual Purpose (VP) emotes.

The Challenge


The challenge of VP NaNoEmo is to ideally create one emote a week. The emote should be geared towards the Visual Purpose branch of the gallery - emotes which are designed solely to look at and generally feature a larger canvas and background. You can find some great examples in #Emoti-Art's recent news feature: [link]

If you are unable to make one every week, then don’t sweat it. The goal is to make more emotes than you usually would and possibly even try new styles and techniques you have never used before. If you want to take part and only make 2 emotes then that’s better than none. Equally there is no shame in making more than 1 emote a week if you feel up to it!

For those who are new to this branch of the art form, don’t think you have to go big. VP emotes come in all shapes and sizes and can be as small as 50x50 pixels if you wish. Avatars are also valid VP emotes, and a great way to work on a Visual Purpose emote on a smaller scale. The main aim to make emotes designed to look at rather than use in conversation, so don’t think you have to fill a massive canvas straight away.

Taking Part


If you aim to take part in VP NaNoEmo then join the group and leave a comment on the journal below. We’ll add you to the list of participants so others can check your emote(s) each week. It may be useful to make a separate gallery folder to help people keep track of your entries. If you have one, post that below too and we will place it next to your name.

Once you have finished your emote(s) each week, upload them to the 'featured' folder at #NaNoEmo so other group members to check them out. At the end of the month we will also create a news article to show off a range of the brilliant pieces made.

You don’t have to take part in the entire month. So if for any reason you want to sign up part way through June or need to drop out, then that is ok. We will edit the list throughout the month to help keep it as up to date as possible.

Emotes made for VP NaNoEmo can also be entered into other contests such as #TheEMTC, #ee-motes or #EmoticonOpus giving you exciting themes to base your entries on. VP NaNoEmo simply aims to get people making VP emotes in the month of June, so we have no issue with these doubling up as contest entries elsewhere.

Tutorials + Resources


For those that may not have much experience with Visual Purpose Emotes, #Emotication has a handy list of tutorials and resources which may assist making your art pieces.

:iconemotication:

   


Advertisement


It would be brilliant if you could help spread the word about this new event. We would love to see members throughout the community (and even beyond) taking part, so please help promote it through journals, polls, Twitter or simply show it to your friends.

To help spread the word `Krissi001 has kindly made a stamp for people to use. Feel free to add it to your page or journal to help let others know about the event.



We look forward to seeing everyone sign up for this event, and eagerly await seeing what wonderful pieces you come up with! :eager:

Participants


`Mirz123
`Synfull
=happy-gurl
*Bubbles21500
=Waluigi-Prower
~ioanacamelia2000

HEY, PLEASE READ THIS- ITS SERIOUSLY IMPORTANT
THE FATE OF YOUR INTERNET-LIFE IS AT STAKE!!!!!!
APPARENTLY THERE IS A HACKER ON DEVIANTART, CALLED 'LIFE OWNER'.....

TELL EVERYONE ON YOUR LIST BECAUSE IF SOMEBODY ON YOUR LIST ADDS HIM THEN YOU WILL GET HIM ON YOUR LIST. HE WILL FIGURE OUT YOUR ID COMPUTER ADDRESS, SO COPY AND PASTE THIS MESSAGE TO EVERYONE EVEN IF YOU DON'T CARE FOR THEM AND FAST BECAUSE IF HE HACKS THEIR EMAIL HE HACKS YOUR MAIL TOO (I think what it means by that is that he could assume the identity of your friends, and FOOL you into opening the letter since you think it's your friend that's sending it )!!...

Anyone using Internet mail such as Yahoo, Hotmail, AOL and so on. This information arrived this morning, Direct from both Microsoft and Norton. Please send it to everybody you know who has access to the Internet. You may receive an apparently harmless e-mail titled 'Mail Server Report'

If you open either file, a message will appear on your screen saying: 'It is too late now, your life is no longer beautiful.'

Subsequently you will LOSE EVERYTHING IN YOUR PC,

And the person who sent it to you will gain access to your name, e-mail and password.

This is a new virus which started to circulate on Saturday afternoon. AOL has already confirmed the severity, and the anti virus software's are not capable of destroying it .

The virus has been created by a hacker who calls himself 'life owner'..

PLEASE SEND A COPY OF THIS TO ALL

Remember, always be careful of messages you receive in email-don't open them unless you're 100% POSITIVE they're safe. If you have even the SLIGHTEST doubt, DON'T open it-DELETE it, it's the smart thing to do!


DO WHAT THE TOP SAYS. WARN EVERYONE OR YOU ARE ALL DOOMED!!!
  • Mood: Hysterical


This month's collected DDs from the Icons & Handhelds gallery.




:bulletpink: 2013-04-02
by ~nabeeluet06
featured by ^ValaSedai


:bulletpink: 2013-04-05
by =torimisu
suggested by `SavageFrog, featured by ^ValaSedai


:bulletpink: 2013-04-12
by =kiko11
suggested by `mintyy, featured by ^ValaSedai


:bulletpink: 2013-04-13
by ~theNBT
featured by ^ValaSedai


:bulletpink: 2013-04-17
by ~ThePrettyArtist
suggested by ~Dream-Land-Princess, featured by ^ValaSedai


:bulletpink: 2013-04-18
by ~SolusNox
suggested by `mintyy, featured by ^ValaSedai


:bulletpink: 2013-04-19
by =gseth
suggested by `mintyy, featured by ^ValaSedai


:bulletpink: 2013-04-20
by ~shorty91
featured by ^ValaSedai


:bulletpink: 2013-04-21
by =Crazdude
featured by ^ValaSedai


:bulletpink: 2013-04-22
by ~apricum
featured by ^ValaSedai






Emoticon Gallery Makeover




Okay, after reading comments and discussing a final style with `Synfull, this is what I plan on submitting for the Gallery Makeover.
  • Chat Friendly: There will be three heights.  Small (max 25 pixels) will be for emotes that don't disturb text.  Medium (max 50 pixels) will be larger and more along the size of Plz accounts.  Finally, Large (max 150 pixels) will be for the much bigger pieces.  Rather than limit each category with its own width, that could later lead to confustion (where does one put a 24 x 136 pixel piece?!?!?!), I am going to try to get a max width of 150 pixels for the entire Chat Friendly category.  This is the max size of thumb images, it seems like a nice end point for Chat Friendly emoticons.
  • Visual Purpose: This is the category where pieces that that are created solely for artistic enjoyment go.  They are the pieces that are not intended for conversational use, but more for their beauty.  There wwill be a limit of 800 x 800 max limit on this in the hopes of keeping out miscats.
  • Emoticon Sets:  This is the category formally known as "Packs."  It would stay the same, with just its title getting a tweak.
  • Emoticon Projects: This category will cover Emoticon Projects, their bases and templates, and the entries.  Hopefully removing the terms bases and templates will keep the random bits out of this category.
There you have it.  Now, if you see anything up here that just completely offends you, please leave a comment.  If you see anything that makes you super happy, please leave a comment. :) I want to be sure everyone's voice is heard.  I will give this about a week for discussion, and then I will submit it to the higher powers. :)

Original journal and discussion found here.



Contests and Projects


Don't forget about these awesome contests!  They offer some inspiration, as well as some pretty amazing prizes. :eyes: There are also a few new projects that could use some love, attention, and entries.


Also, there are a few open projects that I highly recommend you go check out.  Like, nao.


If you are running a contest or project, or know of one that I have missed, please feel free to note me about it.  I would love to keep an updated list of these happenings in the community. :flirty:



Emotes!!



The reason we are all here. :aww: Just some random emotes that have caught my attention.

:bulletpink: :bulletpink:
:bulletpink: :bulletpink:
:bulletpink:




Note me or email me at sparklydest@volunteers.deviantart.com