SEC20/WK4: Graphic Design Hands - On practical 1

This week class is one of the best class I have enjoyed so far. I like it when I do things with my hands and it comes out with a very beautiful result. It may not be beautiful us you may think or the one you do but to me as long as I can achieve this I am so happy that I have made a graphic design with my hands Thanks to @lhorgic I appreciate this your lecture.

So far I have learnt how graphic design works the different principles to apply while designing, colour combination and ofcourse the different typeface and font. This week is going to be practical of what I learnt and having gone through the lecture for the week following through the graphic design step by step of which was shown how to do, I arrived at a design.

To do my homework task for this week, I proceed by opening my canva app to a workspace and progress with my work follow along as I make my designs.

---

Homework task

---

Step 1; creating of workspace and adding background colour

I opened my canva app and create a dimension that is not to big but suitable for a cover image. I'll be creating an advert promoting steemit, using effect and adding an image to it.

1	2	3

1. The first image shows dimension of a workspace of 1280 by 720

2. I selected my background colour by clicking on the colour icon as I indicated in the image.

3. The third picture shows the hex code I choosed, meanwhile I already choosen a traidic colour for my work which are purple, orange and green.

---

Step 2; adding of effects to the background

Next, you can see the variant of how this purple look like

1	2	3

1. Shows the background colour

2. I went ahead to choose an image that will give my background some effect. I clicked on gallery and the next image took me to gallery.

3. I choose image that has to do with money because the fly out I'm creating is a financial advert. I selected the image and clicked on Add to page

---

Step 3; Adding of effects

1	2	3

1. Shows my background effect on the workspace

2. I enlarged the image to cover the background then click transparency to add this effect to the background

1. I adjusted the the slide to set the transparency at 20

---

Step 4; addition of text

1	2	3

1. Shows the effect of the background

2. To add the text, I clicked on the text icon

3. I typed the words I'm using for the design, write blog earn.

---

Step 5; choosing typeface

1	2	3

1. I clicked on font

2. Choose impact as my type face

3. The principle of hierarchy is shown here.

---

Step 6; addition of element

1	2	3

1. That's the final look of my arrangement, then I selected the element icon to pick elements needed for my design

2. I selected a square.

3. Highlighted the elements and drag it to give my desired and fitting shape for the design.

---

Step 7; adjusting of element and applyimg colour to test

1	2	3

1. After getting the shape, I placed it below my text then make sure it maintain the principle of heirachy and Alignment.

2. Then I applied the principle of emphasis, by changing the colour given on "EARN" to orange colour thus, my viewers would pay attention to this word. I used hex code as seen to select preferred colour.

3. An Introduction to another sentence which is "ON STEEMIT.COM" this will help my viewers to understand the advert and go on to experiment what they saw. At this point the sentence is not yet complete but let's go further.

---

Step 8; Applying colour to text and adding of image

1	2	3

1. I placed the text on the rectangular elements as seen in image 1 above, I used impact as typeface. I also changed my text colour to green see the hex code above. Changed some text to purple colour and that's makes my work have a triadic colors which I choose from the colour scheme.

2. To complete my sentence so it can make sense and give out meaning to the viewers I added "&" At this point, I repeated the process of adding a shape, this time I choose a circle then added the symbol &.

3. I clicked on Gallery to get photo from my gallery for this design. The image has already been fix for this design. But I've learned to always use remove.bg, to remove background from image for my design

---

Step 9; adjusting of the image

1	2	3

1. I selected the image and placed it well on the design.

2. I discover that the image has a different colour from my text so I adjusted the text colour to align with the image own so as not to flaunt my work with unnecessary colours. See the hex codes

3. I finally achieved a nice position for the image and a suitable matching colours. I proceeded to add an element to make the image stand out.

---

Step 10; Applying element

1	2	3

1. I selected a circle

2. Adjust d it to fit well on the image to a point I needed it to.

3. Then I proceeded to position the circle at the back of the image by clicking on the position icon as shown in the second image above.

---

Step 11; Finally process

1	2	3

1.It took me to another page that I selected which side I want to position the element, I selected backward because I want the image to show up.

2.I adjusted the element well, and look up for other adjustments to give my final look.

3.My design is finally ready after many hours of learning and practice.

---

---

Final Design

---

---

The experience on it was awesome 👍

I want to invite @wirgo @goodybest and @chant to take part in this contest.