Graphic Design made Simple (G101) #lesson 4 - Hands-on Practical session.

png_20221024_153439_0000.png

Hello friends, I trust you all are good. Trust me,I have missed y'all but am glad am here again for another beautiful lesson. Welcome to out beginner's graphic design class. Today we will be taking a break from the theoretical aspect of the lecture as we will be having a "practical break". This came as a result of a feedback I got from the last class.

I would love to engage you and show you how I make most of my beautiful fliers. I believe this will make the class more interesting because you can start implementing the knowledge gotten from the practical session even as we continue with the principles and theories.

So I though of what design we cod use for our practical then I remembered our cover design, maybe some of us thought it was download somewhere (lol)...well you're wrong.

So I will be walking us through the Making of the cover design. Am sure you would like to know how I came about the simple yet top notch design. Let's reproduce the design with some touch of uniqueness. Below is the cover design.

png_20221122_203127_0000.png

Note: The design app we will be using for this practical is Canva. Canva is used by most users on the platform hence my choice for this practical session.


The Making


Step 1:
Open your canva app, click on the + to create a new project and then choose custom size and set your size. We are using the 16:9(inches) dimension for this design This is as seen in the images below.

iMarkup_20221122_210458.jpgiMarkup_20221122_210626.jpgiMarkup_20221122_210803.jpg

Step 2:
You're automatically shown different template/design with that size to pick form. Locate the one I highlighted below. This was what I manipulated to give us that awesome design.
Note: you can build from the scratch but it's more easier to tweak a template.

iMarkup_20221122_210949.jpgiMarkup_20221122_211105.jpg

Step 3:
Delete the unwanted text just as highlighted , edit the bolder text in yellow by inputting Graphic Design then resize. You resize by dragging text by the tip/edge

iMarkup_20221122_211250.jpgiMarkup_20221122_211508.jpg

Step 4:
Add your "INTRODUCTION TO" which is likely to appear in uppercase. Change the font to "Amsterdam four". The "Ff" icon is used to choose the font of your choice.

iMarkup_20221122_211838.jpgiMarkup_20221122_221751.jpgiMarkup_20221122_212011.jpg

Step 5:
Go and reset the Letter case of the "Introduction to"just as seen below. Stylish fonts do not look good in designs when typed in upper case.

iMarkup_20221122_212103.jpgiMarkup_20221122_222447.jpg

Step 6:
The arc-like rectangle is then resized and positioned. Kindly note that the shape already exist in the template. Just resize by dragging the tip/edges of the shape and then position it properly just as seen below.

iMarkup_20221122_212312.jpgiMarkup_20221122_212514.jpgiMarkup_20221122_212555.jpg

Step 7:
You're going to be duplicating the image in the circle shape using the "+" icon just as highlighted for you. Duplicate into 3 more and then arrange by dragging the image to our desired position.

iMarkup_20221122_212838.jpg

Step 8:
Since we are not interested in the template's image, we can then replace it with ours. Be sure to have your image ready in your gallery. So click on each of the image and replace, you will have to do this over and over again until all the images there are replaced.

iMarkup_20221122_213213.jpgiMarkup_20221122_213335.jpgiMarkup_20221122_213418.jpg

Step 9:
Finally we have the design below. It looks good already but then in the original design, we have a faint image In the background. I would be showing us how I did that in step 10

png_20221122_203127_0000.png

Step 10:
First click on the main blue background of our design then Click on the "+" button just below your workspace and then select from your gallery the image you would love to use as the fainting background image then click "Add to page". This automatically brings it into the picture just as seen below.

iMarkup_20221122_213613.jpgiMarkup_20221122_213839.jpgiMarkup_20221122_213942.jpg

Step 11:
Do well to enlarge it and then locate the "Position" icon just as highlighted by scrolling below your workspace. The position icon helps to push the image to the back since it's covering every other elements and character in our design. Keep clicking "backward" it it goes to the back.

iMarkup_20221122_214115.jpgiMarkup_20221122_214202.jpg

Step 12:
As you can see our image is now behind every other elements in the design. Now you need to locate "Transparency" just below our workspace and then adjust the parameter to 20 to give the image that fainting and complementing look.

iMarkup_20221122_214327.jpgScreenshot_20221122-202506.png

Step 13:
Boom! The design is ready!

png_20221122_202733_0000.png

You can now proceed to download your design. The download icon is just at the top right corner of your screen.


This is where I will be wrapping it up for this lesson. I really appreciate you for coming this far with me. I trust you got value from this post. Feel free to share your thought on today's lesson. If there is anything you would love me to add to improve the lesson, be free to share.


Homework


Reproduce the design with your unique touch. You can tag me I will sure be dishing out rewards to those who attempts. Also kindly note that it's not compulsory, the task is just to help speed up your learning.

Special mention:@franyeligonzalez @fonjougiresse
@ruthjoe @xkool24 @sahmie @chukwu10 @badmus-official @richy20


Did you miss the previous lessons? You can check them out here.

G101 introduction postLesson 1Lesson 2Lesson 3

Graphic Instructor
@lhorgic♥️


Cc: @ubongudofot.

H2
H3
H4
3 columns
2 columns
1 column
16 Comments