SEC20/WK4: Graphic Design Hands - On practical 1steemCreated with Sketch.

in graphics-s20wk4 •  2 months ago  (edited)

🌟 Creative Wonders in Graphic Design: A Step-by-Step Journey with Canva 🌟

Hey friends! I’ve come across an exciting challenge that I’m eager to join this week. It’s called Graphic Design Hands - On practical 1, hosted by @lhorgic. You can find more details and participate through this link: SEC20/WK4: Graphic Design Hands - On practical 1.


Green Finance Tutorial YouTube Thumbnail.png
Image Source: canva


Step 1: Setting Up the Canvas

I began by launching the Canva app, carefully selecting the appropriate dimensions for my project. Once my workspace was meticulously set up to mirror the required template, I clicked on the color icon and chose the desired shade using its precise hex code. After reflecting on how to enhance the visual appeal, I decided to add an artistic touch. As a result, I introduced a gradient to the background, giving it a more dynamic and polished look.

Image 1Image 2Image 3Image 4
Image 1Image 2Image 3Image 4

Step 2: Choosing the Perfect Image

With the background now set exactly as intended, I proceeded to click on the gallery option to select an image. I opted for an image related to money or finance, aiming to enhance the overall theme and add a subtle effect to the background.

Image 1Image 2Image 3
Capture 6 - CopieCapture 6Capture 7

Step 3: Adjusting Image Transparency

Once the image was placed on the workspace, as seen, I adjusted its size by enlarging it. Next, I selected the Transparency option and set the transparency to 25% using the slider, though this can also be done manually by entering the value.

Image 1Image 2Image 3
Capture 8Capture 10Capture 11

Step 4: Introducing Text

With the background now fully set, I proceeded to click on the Text icon to add my text. The text was positioned and styled to match the design, ensuring it aligns with the overall layout.

Image 1Image 2Image 3
Capture 12 - CopieCapture 12Capture 13

Step 5: Establishing Hierarchy

I arranged the text to suit my vision, ensuring that the principle of hierarchy is clearly demonstrated through the varying text sizes. This helps guide the viewer’s attention and enhances the overall structure of the design.


Capture 14 |


Step 6: Incorporating Shapes

The result of my arrangement is now visible. Next, I clicked on the Elements icon and selected a square shape, which I planned to incorporate into the design to enhance its structure.

Image 1Image 2Image 3
Capture 15Capture 16Capture 17

Step 7: Emphasizing Key Elements

I adjusted the size of the square shape and placed it beneath the text. To emphasize the word 'Earn,' I modified its color, as indicated by the visible hex code. I also added another text element, 'STEEMIT.COM,' to enhance the overall composition of the design.

Image 1Image 2Image 3
Capture 18Capture 19Capture 20

Step 8: Adding Decorative Elements

I carefully positioned the text and then went through the same steps to design a circular shape for the '&' symbol. To enhance the visual appeal of the design, I incorporated additional shapes. Finally, I introduced an image, placing it to the right of the main image to further elevate the overall aesthetic of the layout.

Image 1Image 2Image 3
Capture 21 - CopieCapture 22bb

Image 4Image 6=5Image 6
Capture 24Capture 25Capture 26

Step 9: Final Touches with Shapes

With the image now displayed, I resized it to fit my preferences. Then, I accessed the Elements section to incorporate the shape needed for my design.

Image 1Image 2Image 3
Capture 27Capture 28 - CopieCapture 28

Step 10: Layering Elements for Depth

I opted for the circular shape, and when it was added to the design, I placed it over my image. Subsequently, I found the Position icon to adjust the arrangement of my elements.

Image 1Image 2Image 3
Capture 23Capture 29Capture 30

Step 11: Final Arrangement

An option to select 'Back' ('Arrière') or 'Backward' ('Arrière-plan') appears. Choose 'Backward' to position the circle shape behind the image for a more appealing effect. Be careful not to click 'Backward' excessively, as this may result in the circle moving behind the background. Furthermore, make sure to arrange your elements to your satisfaction.

Image 1Image 2
22.JPGFinal Arrangement

Final Design

And there you have it! The culmination of creativity and design principles led to a visually stunning outcome that effectively conveys the intended message. Whether you’re a beginner or a seasoned designer, Canva offers the tools to unleash your creativity. Remember, every design is a journey, and with each step, you’re one step closer to mastering the art of graphic design!

Final Design


I want to invite @livinword, @kingit and @kore-1 join the contest.


My introduction post on Steemit: link


About the Author

👋 Hi, I’m Kafio!
Software Engineer | Data Science Enthusiast | Trading Buff | Development Geek | Computer Science Lover 💻📊📈

I’m passionate about exploring the intersection of technology and innovation, with a special interest in data science, trading, and software development. Whether it’s diving into the latest in computer science or developing new projects, I’m always excited to learn and share insights. 🚀

I also love to travel

Got questions or just want to connect? Feel free to reach out to me at: [email protected] 🌟

image00001.jpeg


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
Loading...

the post is shared on Twitter: Twitter Link.

sssssss.JPG

Congratulations! - Your post has been upvoted through steemcurator06

6VvuHGsoU2QBt9MXeXNdDuyd4Bmd63j7zJymDTWgdcJjnznJFhDarJ9fLxNdiYx8HVPoEzcEA7kPcfbq7RG3ttNdbik32xD2rDTJzjDaPuWexei3DJmoHSkkXh7z9c.jpeg

Curated by : @rosselena - Selective Team

Thank you, @rosselena, for your support!