To add shadow, I simply copied f1 and pasted it on the same layer. That’s what will be resized to form the shadow. Note: The layer highlighted above is actually beneath the visible on. creating shadow layer by copying existing layer and editing it When rays of light fall on an object, a shadow is automatically formed relative to the direction of light and the object. Notice the way the gradient is layered on f2? I did the same for f1, and then adjusted the degree of the gradient fill to match the direction of light on the box.Īfter adding the gradient, I added the shadows.
I added a gradient fill to the visible box lids (f1 & f2) to make it look much more realistic and flat. creating covers Step 3: making it more realistic This laid a foundation so that the sides of the box could be worked on independently. I added color to differentiate each side of the box, and also to give an idea of how the shadows, contrast, and gradient fill would be applied. The next thing I did was recreate the same rectangles and turn them backwards to make up the third and fourth sides of the box.
In the above illustration, I used the edit object tool to resize and manipulate the rectangles to make a rhombus-like shape. But in the above example, the pen tool doesn’t afford us the flexibility to create shadows, add gradients, or do any sort of object manipulation to individual shapes or parts of the box. I know some people are fans of the pen tool. This was created with the use of shapes (rectangles only). The first thing I created was a box that looks similar to the brown one in the picture above.
So, I will take you through the process of how I came up with the above image. In the end, it didn’t really matter what type of design I might want to do or venture into. This post is about me exploring Figma beyond UI/UX to uncover new ways of using it and new things I could discover while using it as my complete design tool. I wanted to discover more tricks with the software, so I could arrive at end-results that aren’t “typical Figma.” This stemmed from the fact that the designs I hope to make aren’t necessarily what the software was developed to do.įigma is more of a UI/UX design tool than a visual designing or illustrating tool like Adobe Illustrator. But since I joined the “Figma gang”, I’ve dropped illustrator so I can focus on Figma and learn as much as I can about it. Prior to using Figma, I used Adobe Illustrator for most of my designs (like logos, mockups, illustrations, and so on).
0 kommentar(er)
