Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. Knowledge Base
  3. Tools
  4. Painting a Costume

Painting a Costume

Scheduled Pinned Locked Moved Tools
1 Posts 1 Posters 1.8k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • CreatiCodeI Offline
    CreatiCodeI Offline
    CreatiCode
    wrote on last edited by admin
    #1

     

    Prerequisite

    • Working with Costumes

     

    Adding a New (Blank) Costume

    To add a new/ blank costume, you have to click the “Paint” option in the Costumes Gallery.
    You can add or paint as many costumes as you want.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/8503d478-4943-42b4-977a-ae2313e871da.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">

     

    Draw on a Costume with Shapes, Brush, and Erase.

    You can easily draw on a costume by using the Editing tools in the Costume Window.
    To draw different Geometrical shapes, you can use the “Circle”, “Rectangle”, “Triangle”, “Curve”, “Arrow”, “Pentagon”, “Hexagon” and “Octagon” Tools.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/cb62f4dd-0ed3-4706-bbd9-b10871b951c8.PNG" width="100" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

    To Draw straight lines you can use the “Line” tool.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/e3826ef3-1545-48cc-aafe-9137387d6a2a.PNG" width="100" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

    “Brush” tool is the best if you want to do Free-hand drawing.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4219d802-f9e0-4587-8c40-54f14ac82983.PNG" width="100" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

    And “Erase” tool is there to help you get rid of any mistakes.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f72243c3-5fef-49d9-ac3e-f40cc2d37237.PNG" width="100" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

    Here is how these tools work;

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/69406075-0a50-4605-9e50-fd287d758791.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">

     

    Difference in Fill Color and Border Color

    In the Costume editing window, you will find two options for Coloring, Fill and Outline. https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a9ba7f4c-3bb6-4c64-977d-fedd79a8713d.PNG" width="150" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

    “Fill Color” is the color of the inside shape, and “Outline Color” is the color of the Border or Outline of the Shape.

    To change the Fill or Outline color of any shape/drawing, you have to select the shape first and then change the color by sliding the horizontal bar.
    Here is how it works;

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c15abcd4-0d37-48de-90fe-c42524efce8c.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">

     

    Different Color Settings

    Within the “Fill” and “Outline” color options, you will find three different settings, “Color”, “Saturation” and “Brightness”.
    And there are two other options of “No Fill” and “Pick Color from Drawing”.

    Color

    The “Color” setting lets you choose any color by sliding the horizontal bar.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3b2d6c80-4fab-4d56-927a-37d221d91614.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    Saturation

    With the “Saturation” setting, you can change the intensity of the color.
    You can slide the horizontal bar towards left to get a lighter shade of color, and slide it towards right to get a brighter shade of color.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/d00a3687-90f0-4072-972f-5f62acc44385.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    Brightness

    With the “Brightness” setting you can change how Light or Dark you want the color to be.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5ff54b7b-a8a8-4806-8fe3-d78d22c14417.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    No Fill

    You can select the “No Fill” option to make a shape empty inside (so only the outline is shown).

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c38fab5a-9f2e-4fe4-990c-79c8ac2372a0.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    Color Picker

    With the “Color Picker” tool, you can click any point in the costume to use that point’s color.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/581a05ee-10ce-4dd1-b37f-4b4f0a1b6ffc.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    “Flip Horizontal / Vertical” Tool

    The “Flip horizontal” tool https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/c3bd1921-94de-4325-9633-4f4d44def28c.PNG" width="60" style=""> turns the sprite’s face from “right to left” or “left to right”.
    Every time you click on the “flip horizontal” tool, the sprite will turn its face towards left or right.

    The “Flip vertical” tool https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/3aa1286b-a384-4371-83a7-ddd6f43fa14f.PNG" width="60" style=""> turns the sprite up and down.
    Every time you click on the “flip vertical” tool, the sprite will turn upside-down.

    Note: The direction of the sprite does not change if you flip it horizontally or vertically.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5b8b0f6c-c6d5-42c2-a70e-d375954881ab.gif" width="700" style="border-radius: 5px; border: 1px solid #29622d;">
     

    “Stroke Width” Tool

    “Stroke Width” is a tool to change the thickness of a shape’s outline. https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ddf76fe8-08e4-4f46-9891-04878c542cb3.PNG" width="350" style="">
    You can draw or select any shape and then click on the up and down arrows right next to stroke width to change the thickness of its outline.

    Note: The value of thickness can be changed from “0” (minimum) to “100” (maximum).

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/11a5d9f0-f305-497f-851d-064a02e14333.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
     

    “Text” Tool

    The “Text” tool is used to add text in a sprite’s costume. https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/f833feac-f23f-47e8-81dc-8efaf7ea1665.PNG" width="130" style="">
    You have to select the text tool, click anywhere in the costume editor window and then type the text.

    You can change the font of your text by clicking on the font drop-down menu. https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/9c0f8592-3f59-42db-9970-159bf7272e7c.PNG" width="400" style="">

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a78c6d44-7107-48fb-91d1-4318805466af.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
     

    “Reshape” Tool

    The “Reshape” tool is used to change a shape and add curves to it. https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/4e146072-ff2b-4f06-b279-2543623eef20.PNG" width="130" style="">
    You have to first select the shape which you want to change, then click and drag the small blue circles on that shape to add curves.
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/762d5d92-ace2-4e19-8f0f-aa98b730687b.PNG" width="140" style="">

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2347d0c2-37bf-4d6c-8aa3-3faecb401532.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
     

    1 Reply Last reply
    0

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode