Revision as of 20:20, 17 January 2022 by Filmlover12 (talk | contribs) (Small improvements)

Document.png This article or section needs additional citations for verification. Its information may not be accurate. Editors can help by adding references. (July 2017)
Document.png Please expand this article or section. You can help by adding more information if you are an editor. More information might be found in a section of the talk page. (July 2017)
Document stub.png This article or section may not have content matching Scratch Wiki editing standards. Please improve it according to Scratch Wiki:Guidelines and Scratch Wiki:Editing Conventions. (September 2017)
Reason: Informal language

Flat design is a style of art that is commonly used on the Scratch website.

An example of flat design by Scratcher Xiko

Flat Design

Flat design rose around 2012, and became popular on Scratch in 2013.[citation needed] Drawings made in this style look simple and modern. There are many projects that are made using flat design on Scratch.[citation needed]

With flat design, one can create almost anything.[problematic] The flat design style is especially popular with vector artists due to how easy it is to reshape and distort shapes that have been created.[citation needed]

Using Flat Design in Art

It is highly suggested that when using flat design that one uses a vector art program, such as the vector art editor on Scratch. This can be done by clicking the "Convert to vector" button in the bottom right of the paint editor when in bitmap mode.


Cover shapes with other shapes to make smoother transitions.

In flat design, the goal is to achieve a smooth minimalist look. This means that minimal detail will be used. Here are some tips to keep this art simplistic:

  • Try to avoid reshaping circles. Use full circles or half circles, but reshaping can make shapes look lumpy instead of smooth and modern.
  • Try using plain or subtle gradient backgrounds.
  • Cover shapes with other shapes to make smoother transitions. This benefits from the previous tip.
  • Try using rounded rectangles. Here is a tutorial.
  • Use lines for they can make some beautifully rounded shapes. Try making a small thin line then enlarging the width and then growing the line. This can also make rounded rectangles.


Paint Bucket Flat Design Example.png

Shading with flat design is very simple, and often uses just a shadow underneath the objects. When making the shadow, one must simply take the color of the surface an object is on, darken it, and create an oval underneath the object giving off a shadow with that color.

If the surface used is white, then a very light grey would be used for the shadow. If the surface is light blue, the shadow should be a slightly darker blue. If the surface is black, try not to use a shadow.


A table alongside a computer using flat design by -Aquaris

Most art made using flat design does not use bright, flashy colors. What this means is that one should not just use a bright red or a bright yellow whenever one would like. The colors used are usually more light, and pastel-like. Most users do not use black inside of their art, either; rather, they use a dark grey or a darker tone of what is around it, to make their art appear more washed-out and pastel-like.[citation needed] This normally means staying away from the default Scratch pallet and using the advanced color pallet.

If one chooses, they can also search up a color palette to follow.

Other Tips

One can create "round" squares by simply using a thick brush and creating a non-filled square or other rectangular shape close together enough so that looks like it is filled and filling it with a gradient using two sides of the same color.

Vector or Bitmap?

Both Vector and Bitmap can be used to create flat design, but they both have advantages and disadvantages. Vector art is sharp and is not pixelated but the fill tool is not as easy to use in Vector mode. Bitmap is beneficial for pixel art, and the fill tool works as expected, but the final image quality is not as good because it will look slightly more pixelated than if it were made in Vector.

Cookies help us deliver our services. By using our services, you agree to our use of cookies.