Logo Design Process - Idea, Mind Mapping, Sketching, Sketch to vector

hi guys welcome to royal logos it's my pleasure to have you here and i really hope that you all are doing well in today's tutorial i will demonstrate you that how to design a logo from very start to the very finish by using the simple and easy to follow instructions for the purpose of ease this tutorial is divided into different segments like the client's brief mind mapping rough sketching refined sketching and the final vector design now without wasting any time let's continue with the brief that we're saved from the client so this is the mail that we received the client says that i'm from denmark and i'm going to initiate a business in which i will provide the products that provide comfort like wood carvings fluffy pillows bed sheets with soft fur candles and many other delicate products i want a simple logo design with a corporate visual impact and the business name is yoga way yes the pronunciation of this word is hyuga and now the client says the logo should target the following keywords coziness comfort calm joy humor and especially warmth and the aspects that logo should include i like rounded logos because they provide with a sense of comfort and try to avoid the pointy designs and now the client says the aspects that logo should not include please do not design a logo based on pillow wood or bed sheets i do not want to specify one or two products in the logo a generic feel will be better and the major points that i extracted from this brief first of all definitely it's the name of business or you can say the name of logo which is yoga way and the second one is the keywords that we have to target during the design process and the third one is that the logo should be rounded and we should avoid pointy designs and the fourth one is dead the logo should not based on the products and it should provide a generic feel now let's continue with the next segment of this tutorial which is mind mapping first of all take a white paper and write the name of the logo yoga way now let's write down all the keywords that client has specified in the brief and then i started writing down all the random verbs that were coming in my mind at that specific moment and now i will choose the most suitable words and those words which are repeating again and again like home smile and a heart now these are the specific chosen words and we will design our logo on the basis of these three words home heart smile we can design a logo by using the combination of two elements like home and hurt and like home and smile or also we can design a logo by combining all of these three elements now let's continue with the rough sketching process [Music] [Music] one thing that i noticed during the rough sketching process is that the home design is providing the pointy edges and the client says in the brief that the logo should be rounded and we have to avoid the pointy designs that's why i'm excluding the home from the design and we will choose the design on the basis of only two elements hurt and smile and i think that this one is a better design and let's continue with the refined sketching process [Music] [Music] [Music] and after the refined sketching process i simply took a picture from my mobile and imported in my personal computer now we will vectorize our logo on the basis of this sketch by using adobe illustrator now go to file and select new select the value of width to 1920 pixels and height to 1080 pixel and press ok now we have to import our sketched image for this purpose simply go to file and select open then select the location where you have placed your image and simply double click on it now it will open the image in new tab so simply hold down your left mouse button on the image and drag it towards your required tab like this and now to simply synchronize the image with the artboard simply drag the image at this corner and then hold down your left mouse button at this node and drag it towards the other corner like this now we will reduce its opacity and here we have the transparency panel and if this panel isn't appearing on your screen then go to windows and here we have the transparency panel so simply reduce the opacity to 50 and press enter now we have to lock over layer and here we have the layers panel and if this panel isn't appearing then go to windows and here we have the layers panel now click on this drop down menu and here we have our image simply select it with the left click of mouse and then left click on this blank box and your layer will be locked and now you can see that our logo is a symmetric shape with a right half and a left half so we will simply design one of the halves and the other one will be copied and reflected so we will design the right half first of all select the ellipse tool hold down the alternate key and shift key on your keyboard and then hold down your left mouse button and drag your mouse towards the outward direction like this now it doesn't need the fill so we will cancel it by clicking on this cross icon like this and assign it some stroke color like this black color and increase the stroke width so that it can match with our sketch so simply write a random value like 50 points and press enter and still the width is smaller and to have a better visual impact simply decrease the opacity of this circle to 50 and press enter now again set the value to 60 points and press enter it's still smaller so simply select a value like 75 points and this is better so now we need a center line so that we can have a symmetric geometry for this purpose simply go to view then go to rulers and select show rulers and drag your ruler towards this quadrant like this and now this ruler will act as a center line now select the line segment tool and select a different stroke color like this red color and set the value of stroke width to 5 points and press enter now drag your mouse towards this circle and hold down your left mouse button when this intersection option appears and drag your mouse towards this corner while holding down the shift key like this now we have to rotate our line to 45 degrees in counter clockwise direction so here we have the rotate tool simply double click on it and you can see that a menu is appearing simply select the value of angle to minus 45 degrees and press enter and you can see that the line is rotated so now we have to duplicate this line for this purpose simply go to edit and select copy again go to edit and select paste in place and now we have two lines placed on top of each other again double click on this rotate tool and set the value of angle to 90 degrees and press ok and you can see that now the copied line is rotated at 90 degrees simply select the selection tool and drag this line towards this corner like this again go to edit and select copy again go to edit and select paste in place and drag this copied line at this corner like this now again select the ellipse tool and drag your mouse towards the center point of this larger circle and when this screen option appears simply hold down the alternate and shift key on your keyboard and then hold down the left mouse button and drag your mouse towards the outward direction like this and now select the selection tool and you can see that four nodes are appearing we have to place one of the quadrants of this circle exactly at this line for this purpose simply select your circle and rotate it to 45 degrees so again double click on this rotate tool and set the value of rotation angle to 45 degrees and press ok again select the selection tool and you can see that your node or your quadrant is rotated to 45 degrees now again hold down the alternate and shift key on your keyboard and left mouse button and drag your note towards this line like this now also set the value of the stroke width for this circle to 75 points like this and press enter and also reduce the opacity to 50 like this now we will reduce the unwanted segments that we don't need in the design process for this purpose simply select the scissor tool and cut the segments at the intersection points of the circle and the grid for this purpose simply select z on your keyboard and zoom in this area and again select the scissor tool and click once at this intersection point now if you want to restore the view of your page then we have two methods you can simply press ctrl 0 on your keyboard and the second one is that simply click on this drop down menu and select fit on screen like this again we have to place a cutting node at this point again press z on the keyboard and zoom in this area again select the scissor tool and place the cutting node at this intersection point like this and again press ctrl 0 on your keyboard now select the direct selection tool left click on the white area and then again click on the circle and press delete also for this node and press delete also for this one and press delete again select this segment of the circle and press delete also this node delete and we are done with this one now select this circle with the left click of mouse again select the scissor tool and place the cutting nodes at the intersection points like this one and also for this one and then select the direct selection tool first deselect the shape by left clicking on the white area and then select this segment and press delete also this one and press delete now we will design this geometry of a thinner circle for this purpose again select the circle tool drag your mouse cursor towards this corner and when this intersection option appears simply hold down the alternate and shift key on your keyboard then hold down your left mouse button and drag your mouse towards this point like this now reduce the opacity to say 30 and press enter now press z on the keyboard and zoom in this area and you can see that the width of our circle is greater than the width of our sketch so simply set the value of stroke to say 50 pixels and press enter now again reduce the value to say 45 points and press enter and i think that this value is better now again reset the view by pressing ctrl 0 on the keyboard like this now select the direct selection tool and deselect the circle by clicking on the white area like this and now select this segment and press delete also this one and also this one and press delete now again we have to shrink the width of this arc at 30 degrees for this purpose simply select this line go to edit and select copy again go to edit and select paste in place then double click on this rotate tool and set the value of angle to 30 degrees and select enter and you can see that the copied line is rotated at 30 degrees now select the selection tool and drag this line towards this intersection point like this again select this line go to edit select copy again go to edit and select paste in place again double click on this rotate tool and select the value of angle this time minus 30 degrees and select ok then selection tool and drag this line towards this intersection point like this now select this arc press z on the keyboard and zoom in this area and then select the scissor tool and we have to place the cutting nodes at the intersection point at this one and also at this one now select the direct selection tool left click on this line and press delete also on this one and press delete now select the selection tool left click on this arc then go to stroke and set the value of caps to round caps like this again reset the view by control plus 0 on the keyboard now left click on this semicircle and then select the line segment tool and simply hold down your left mouse button at this anchor and drag your mouse in the direction of this line like this then selection tool simply click on this semi-circle go to stroke and select round caps also for this one go to stroke and select round caps and also for this one go to stroke and select round caps now again click on this semicircle and then select the line segment tool and hold down your left mouse button at this anchor and drag your mouse in the direction of this line up to this point like this now again select the selection tool click on this line again select the line segment tool and hold down your left mouse button at this anchor and drag it towards this point like this now we are almost done with the right half of our logo now select the selection tool and now we will delete the unwanted lines simply select on this line and press delete also for this one this one this one and this one now hold down the shift key on your keyboard and left click on this line again left click on the semicircle while holding down the shift key and also on this line and now we will convert these strokes into an outlined object for this purpose go to object select path and select outline stroke and now we want to unite all of these parts so simply go to windows and select pathfinder in pathfinder simply click on this option which says your knight now deselect this shape by clicking on the white area and again hold down the shift key and click once on this line on this one and also on this one again go to object go to path and select outline stroke and then select your knight in the pathfinder menu now select the rectangle tool like this and drag your mouse towards this center line and hold down your left mouse button when the green icon appears and drag it like this now simply select the selection tool hold down the shift key and click once on this segment then in the pathfinder menu simply click once on this minus front like this again select the rectangle tool and draw a rectangle from this center line like this select the selection tool hold down the shift key and click once on this segment and again click on this minus front now select this segment go to edit and select copy again go to edit and select paste in place and then select the reflect tool like this now again double click on this reflect tool and you can see that a menu is appearing simply select vertical and select okay and you can see that your object is reflected we will simply change the color so that we can differentiate between the segments for this purpose simply go to color fill and select on this blue color like this now select the selection tool now drag your blue segment to the left side of your page while holding down the shift key like this now select this segment go to edit select copy again go to edit and select paste in place and double click on this reflect tool select vertical and select ok again you can change the color to differentiate between the segments so simply change the fill color to again this blue color now select the selection tool and drag this segment towards the left side of your page while holding down the shift key now we have to unite our logo for this purpose simply select all of these parts while holding down the shift key like this and click on this unite and pathfinder menu like this now it doesn't need over sketch so we will delete it in the layers menu simply scroll down and you can see that your image is appearing at the bottom you can simply hide this layer by clicking on this i like this and you can see that this heart is providing the pointy edges and according to the client's brief we have to avoid the pointy edges for this purpose first of all select z on the keyboard and zoom in this area then select the direct selection tool and you can see that these options for the rounding corners are appearing simply deselect the shape by left clicking on the white area and just select on this node like this and hold down your left mouse button at this circular icon and drag it towards the upward direction like this now select this node and also for this one like this and now i think that this one is better now simply reset the view by using control plus 0 now select the selection tool and now it doesn't need this ruler so select it and press delete on the keyboard and again select your shape and reduce its size by holding down the shift key on your keyboard like this and now it's time to write the name so select the text tool and write the name which is yoga way select the selection tool and increase the size of your text while holding down the shift key like this now if you want to change the phone then here we have the option for the characters i want to change the phone to alice a l i c e and you can see that the alice font is appearing simply select it with the left click of mouse if this font isn't appearing on your menu then you can simply download it this is completely free and now we want to align our logo in a perfect straight line so simply select both of these shapes go to windows and here we have the option for the align menu simply click on this option which says horizontal align center like this and if you want to align your logo at the center of your page then again select both of these parts and in the align menu simply click on this one and select show options and from align 2 select align to artboard and select horizontal align center like this and now it's time to assign the logo with the colors so simply select this hud and smile shape and double click on this fill colors and in the color code simply write ff9955 and select ok and for this text again left click on this fill color option and select seven seven six nine five e and select ok now these are the initial colors that i have chosen for the logo you can also experiment with the different colors and these are the different layouts that i have provided to the client to have a better visual impact and we can also provide with the simple presentations and this is for today's logo design process tutorial if you think that this video helps you in some way then like and subscribe the channel and share the video with your friends and also share your thoughts about the design in the comments section thanks for watching and have a nice day

Channel: Royal Logos

Views: 16,247

Keywords: logo, logo design, logo design idea, logo design ideas, how to design a logo, logo design process, free logo design, fiverr logo design, design a logo, buisness logo design, customl logo design, company logo design, modern logo design, logo design services, logo design inspiration, professional logo design, logo design illustrator, logo design tutorial, logo design adobe, logo design beginners, letter logo design, logo design with client, adobe illustrator, royal logos

Id: ipnqm6UQIEw

Length: 25min 59sec (1559 seconds)

Published: Thu Jan 07 2021