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

png_20221130_222249_0000.png


Happy new month friends, am happy we all made it into this month. Welcome to another beginners graphic lesson. I deemed it fit to continue with another practical class just to solidify what we started last week.


So I made another simple and catchy flier. Well simplicity has always been my watch word when it comes to design. Every good designer must learn to come out with simple and less complicated designs.


I made that cover design to welcome us into the new month and also to teach us how to create stuffs like this. As you can see, it looks really simple, you can try it out as well. You can actually step up your graphic design game by trying out the practicals.


So without mincing words, let get straight into it.
I hope we have not forgotten the app we are using for the time being, Canva app. Below is the design we will be reproducing.


png_20221130_231039_0000.png
Cover design designed by me


The Making



Step 1:
Open your canva app,click the circle"+" icon, then go ahead to select the instagram post (square). The reason why we did that is just for the default size that comes with what we opted for.

iMarkup_20221130_231424.jpgiMarkup_20221130_231533.jpgiMarkup_20221130_231628.jpg

Step 2:

You are brought a list of template as usual. Locate the one I selected or any other with a circle shape. The shape is the only relevant thing I used. After picking our template, delete the unwanted elements just as highlighted in the images below.

iMarkup_20221130_231722.jpgiMarkup_20221130_231722.jpg

Step 3:
Duplicate text and edit to our desired text just as seen below.

iMarkup_20221130_231830.jpgiMarkup_20221130_231912.jpg

Step 4:
Resize your text by dragging text by the tip/edge and then select the colour icon to change the colours of our shape and text.

iMarkup_20221130_231949.jpgiMarkup_20221130_232102.jpg

Step 5:
After clicking the colour icon, do well to choose your desired colour for both the shape and the text. I chose white and yellow. Yello for background, white for our text and circle shape just as seen in the images below.

iMarkup_20221130_232203.jpgiMarkup_20221130_232233.jpg

Step 6:
Duplicated any of the text using the "+" just as highlighted so we can input our Hello. This would automatically appear in uppercase, you have to adjust it by clicking the font icon denoted with Ff. It has also been highlighted below.

iMarkup_20221130_232516.jpgiMarkup_20221130_232330.jpgiMarkup_20221130_232634.jpg

Step 7:
The font used for "Hello" is "Amsterdam Four". Then you proceed to tweak the letter format by clicking the "B" icon and then change it to "Aa". This automatically changes the format.

iMarkup_20221130_232725.jpgiMarkup_20221130_232905.jpgiMarkup_20221130_232947.jpg

Step 8:
Apply effect to our text ( Dec & Ember) by clicking "Effect", select the "lift" option.

iMarkup_20221130_233135.jpgiMarkup_20221130_233236.jpg

Step 9:
Now to the black line in our design, we need to tweak it by selecting the line styles option we can then choose any style of our choice. You can decide to choose the one I used.

iMarkup_20221130_233353.jpgiMarkup_20221130_233426.jpg

Step 10:
As you can see,the style chosen has reflected, you can then duplicate it and position it by dragging.

iMarkup_20221130_233513.jpgiMarkup_20221130_233540.jpg

Step 11
Now it's time to add our image, be sure to have it in your gallery, get png image or use a site called remove.bg to crop out your image. Now click the "+" just as highlighted to bring in the image.

iMarkup_20221130_233705.jpgiMarkup_20221130_233801.jpg

Step 12:
Do well to resize the image by increasing it size and then positioning it between our circle shape for a very nice effect.
Note: You resize by dragging the tip of the image.

iMarkup_20221130_233842.jpgiMarkup_20221130_233913.jpg

Step 13:
If you observed our sample image you would see that there are two faded image in our background, you can decide to add it as well using position & transparency. Bring in the image as usual, use position icon to send to back and then transparency icon to faint/fade the image into the background.


iMarkup_20221130_234503.jpgiMarkup_20221130_234626.jpg

Final result


png_20221130_231039_0000.png

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.

Special mention:@franyeligonzalez @fonjougiresse
@ruthjoe @xkool24 @chukwu10 @richy20


If you missed the previous posts on this beginners class, kindly check them out here.
Introduction post
Lesson 1
Lesson 2
Lesson 3
Lesson 4


Graphic Design Instructor
@lhorgic♥️


Cc: @ubongudofot.

H2
H3
H4
3 columns
2 columns
1 column
7 Comments