Digital Art
Beginner
60 mins
Teacher/Student led
+140 XP
What you need:
Chromebook/Laptop/PC

Building a Shape City

Design a colorful cityscape using shapes in Piskel, and add fun elements like buildings, the sun, and a plane.

Teacher Class Feed

Load previous activity

    1 - Open Piskel

    Open a new browser tab and go to Piskel. Click on 'Create Sprite' to start a new project.

    2 - Resize the Canvas

    Resize the canvas to create a long cityscape. Click on 'Resize' in the top right corner, then set the width to 800 pixels and the height to 200 pixels. Click 'Apply' to save the changes.

    3 - Add a Background

    Choose a color for the sky by clicking on the color picker. Then use the 'Paint Bucket' tool to fill the entire canvas with the chosen color.


    4 - Create and Fill Buildings

    Use the 'Rectangle' tool to draw different shapes of buildings. Experiment with different colors and sizes to make your cityscape unique. Place the buildings at the bottom of the canvas to create the appearance of a skyline.

    A skyline is the outline of buildings and other structures against the sky, like what you see when you look at a city from far away. After drawing each building, use the 'Paint Bucket' tool to fill in the rectangle with the same color.


    123learn · Online learning platform

    Unlock the full learning experience

    You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

    Hundreds of curriculum-aligned lessons
    Interactive activities in every lesson
    Printable resources & progress tracking
    Copyright Notice
    This lesson is copyright of Coding Ireland 2017 - 2026. Unauthorised use, copying or distribution is not allowed.
    🍪 Our website uses cookies to make your browsing experience better. By using our website you agree to our use of cookies. Learn more