In this lesson, Josh Pomeroy will introduce us to Figma a design and layout program, that uses vector graphics.
Gradient Fill
Create Frame (1080×1080 – Instagram Square)
Create 3 Vertical Rectangles
Change fill type for the first Rectangle to Linear Fill
Choose colors from palette (first swatch/stop and second swatch/stop)
Pattern Fill
Change fill type of second rectangle to Image
Choose Pattern under the second drop-down menu
Select Choose Image… and use one of the provided pattern assets
Make sure the sizing is set to 100%
Image Fill
Change fill type of third rectangle to Image
Choose Fill under the second drop-down menu (Default)
Select Choose Image… and use one of the provided photo assets
Not only is this the first lesson but for some of your this is your first experience with using Mosby.Tech. So we will be learning our first lesson AND learning how to navigate the lesson page.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
These are the instructions for THIS lesson. Before you complete an assignment you first need to follow along with the lesson.
In this lesson, you will learn how to modify fill properties in Figma. Including the gradient, pattern, and image fill options, as well as Blend Modes.
Gradient Fill
Create Frame (1080×1080 – Instagram Square)
Create 3 Vertical Rectangles
Change fill type for the first Rectangle to Linear Fill
Choose colors from palette (first swatch/stop and second swatch/stop)
Pattern Fill
Change fill type of second rectangle to Image
Choose Pattern under the second drop-down menu
Select Choose Image… and use one of the provided pattern assets
Make sure the sizing is set to 100%
Image Fill
Change fill type of third rectangle to Image
Choose Fill under the second drop-down menu (Default)
Select Choose Image… and use one of the provided photo assets
Not only is this the first lesson but for some of your this is your first experience with using Mosby.Tech. So we will be learning our first lesson AND learning how to navigate the lesson page.
Just like the first lesson, I want you to take a screenshot of your work. Make sure you everything FITS on the screen and hide the UI. Please refer to the HOW TO on the left side of your screen if you are lost.
So, you will need:
Move on to the second assignment!
Now, I want you to practice and experiment building your own shapes and applying color, pattern, and image fill properties.
Learn the foundations of text and fonts with Figma.
Not only is this the first lesson but for some of your this is your first experience with using Mosby.Tech. So we will be learning our first lesson AND learning how to navigate the lesson page.
This assignment will consist of two .FIG files for you to work on. But, you will submit both of them at the same time in Google Classroom.
See how other students did it.
You will create a student card using Figma.
Use this lesson for practice for your assignment. Josh will show you how to create a student card using Figma.
We are starting a new school called Village Academy and we need a student ID card. I have included the images you will use and it is up to you to design an ID Card on your own.
You will create a student card using Figma.
Use this lesson for practice for your assignment. Josh will show you how to create a student card using Figma.
You have a worksheet to complete but watch the video(s) below for specific instructions.
Learn about Masks and how to create a cutout with the Pen Tool.
Use this lesson for practice for your assignment. Josh will show you how to perform a cutout using the Pen Tool and Masks
You have a worksheet to complete but watch the video(s) below for specific instructions.
Learn about Masks and how to create a cutout with the Pen Tool.
Use this lesson for practice for your assignment. Josh will show you how to perform a cutout using the Pen Tool and Masks
What we are working towards something bigger that will come in the second nine weeks. Right now we are learning the fundamentals of Figma. So, you need to practice fundamental skills.
For this assignment, I want you to do the following:
THEN you will:
Learn about how to use the Gradient tool in Figma
Use this lesson for practice for your assignment. Josh will show you how to perform a cutout using the Pen Tool and Masks
Watch the tutorial video below and great five of your own ideas using, gradients and effects. Learn to leverage the skills to manipulate graphics to look the way you want!