In this activity, you will learn about Figma's Masking and Drop Shadow features. These features help make your designs look better by hiding parts of images or adding shadows to create depth. You will create examples for each feature and write a simple guide on how to use them.
Steps:
-
What is Masking in Figma?
-
Masking lets you hide parts of an image or shape you don’t want to show. You can display only the parts of the image that fit within another shape.
-
Why use it? It helps make your designs look neat and allows you to crop images or shapes without changing them permanently.
-
Example: Create an example where you use a circle or rectangle to mask part of an image in Figma.
-
-
What is Drop Shadow in Figma?
-
Drop Shadow adds a shadow behind an element, making it look like it’s floating above the background.
-
Why use it? It helps your design look 3D by adding depth, and it makes important elements like buttons or cards stand out.
-
Example: Create an example by adding a drop shadow to a button or card in Figma to give it a raised effect.
-
-
How to Apply These Features (Step-by-Step Guide):
-
For Masking:
-
Choose an image.
-
Apply a shape (like a circle or rectangle) over the image.
-
Mask the image to fit the shape, showing only the parts you want.
-
-
For Drop Shadow:
-
Select an element like a button or card.
-
Apply the drop shadow effect.
-
Adjust the shadow's blur, size, and color to get the look you want.
-
-
-
Write Your Explanation on Medium.com:
-
After creating your examples, write a simple post on Medium.com.
-
In your post, explain why you used masking and drop shadow in your designs, and how they help improve the overall look of your project.
-
Deadline:
Oct 4, 2024
The video recording of our previous discussion is available in the module section.
Here is our sample last discussion
