The logo design process - Start to finish

[Music] 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 video i will demonstrate you that how can we extract a logo design from very start to the very finish i will demonstrate you with the easiest and to the point steps and for the purpose of ease i have divided this video into different steps first of all we will go through the client's brief then we will work on the mind mapping process and extract the most important key points to design our logo then in the third step we will continue with the rough sketching process and in the next step we will discuss about the rough sketches and decide that which one is a better option and in the final step we will digitize our sketch in adobe illustrator so without wasting any time let's continue with the brief that we received from the client so this is a short question id that i sent to the client and first of all it's about the name of the logo which is power west and the second question is about their key services that they are providing to the clients and the client says that the power west is an investment platform for sustainable energy projects we are creating a platform where financial institutions and individual investors can find sustainable energy projects to invest in we will essentially be raising money from investors and investing the money in clean and sustainable energy projects critically we see ourselves as a fintech company because we plan to digitize the investment process and tokenize the proceeds from the projects that we invest in so now the major points that i extracted from this brief first of all it's the name of the business or you can say the name of the logo which is power west and the second important point is about investment that this is an investment platform and the third and the most important point is that this platform is for sustainable energy projects and the fourth one is about the investors which are financial institutions and individual investors and the last point is that they are going to digitize the investment process now these are the important points that are extracted from this brief now let's continue with the third question which is about colors and the client says that we want the color to be predominantly blue these three are the most important questions regarding to the logo design process there are several other questions you can study them from downloading this question id from the link given in the description now let's continue with the next step of our logo design process which is mind mapping now we are going to proceed with the mind mapping process we will write the most important points to design our logo for power vest the first and the simplest point to design our logo is a letter mark and the second point that we extracted from the brief is that this is an investment platform and the third and the most important point is that that this platform is for sustainable energy projects for the latter mark we can either use the initial letter p or we can use the combination of letter p and letter v now let's continue with the investment and when i think about the investment first of all i think about the profitable investment we can use a rising arrow to represent the profitable investment second and my personal favorite point to represent investment process is a histogram this is the most minimalistic and elegant way to represent your investment or you can say the profitable investment process and the third point which i think is not very good to represent the investment process is a line chart now let's continue with the third and the most important point which is sustainable energy when i think about sustainability the first thing that comes in my mind is a leaf this is the most balanced and minimalistic way to represent the sustainability but i think that the use of this leaf design is very old-school way to represent the sustainability process here the power investment is going to digitize the process that's why we can use a version of the leaf that is more digital dimensional or you can say that represents the technological feeling so for the digital leave i'm thinking about this design because this one is very geometric and the third point that comes into my mind is renewable because everything that is sustainable it means it can be recycled or recovered and to represent the sustainable or you can say the renewable source we can use the arrow marks in opposite direction like we use in a reversible reaction sustainable energy is a modern and clean way that's why we can also use a mark that represents the clean technology now another important key point that comes into my mind is forever and to represent this point in a very abstract way i think that the symbol of infinity provides a very good visual windmill is also an effective and important point to represent the sustainable energy source and if you want to represent only the energy then we can also use a voltage mark now these are the important points that comes into my mind when i think about sustainability now let's continue with the rough sketching process in this process i will design different sketches by using the combination of these points [Music] do [Music] [Music] we are done with the rough sketching process and now let's continue with the next step in which we will discuss these sketches and select the most suitable option now this sketch is the combination of a rising arrow and initial letter p and the next one represents the combination of letter p and v and this sketch is the combination of a leaf design and initial letter p personally i like this sketch it's the combination of two elements infinity and renewable but the problem is that it lacks the factor of investment and my second favorite sketch is this one this one is the combination of two leaves and a voltage mark which represents that we are extracting the energy from the leaves which is the best representation of sustainable energy but again this sketch lacks one of the most important points which is investment process and finally i think that this is the most suitable design for our logo because it covers all the important points that are required this one represents the geometry of the leaf but when we extend this line now it represents initial letter p now this is the combination of two elements initial letter p and a leaf design and then we will incorporate a histogram design in the logo and now it covers all the three points initial letter p then histogram represents the investment process and finally the geometry of a digital leaf to represent the sustainable energy and now we will continue with the next and the final step of this video which is vectorizing the logo in adobe illustrator in adobe illustrator first of all go to file and select new then select the units to pixels and select the width of your page to 1920 and height to 1080 pixel and select ok now first of all select the rectangle tool then left click on the page and set the value of the width to 500 and for the height to 465 pixels and select ok now it doesn't need the solid color so we will cancel it by clicking on this none icon and assign it some stroke color from here like this red color and set the value of stroke width to 70 points and press enter now select the selection tool hold down your left mouse button at the shape and drag it at the center of the page like this now select the direct selection tool hold down your left mouse button and drag it over this anchor point and you can see that a small circular icon is appearing simply hold down your left mouse button and drag this icon at the center of the shape like this also for this anchor point again drag this circular icon at the center now go to object then go to path and select outline stroke now again select the rectangle tool left click on the page and this time select the value of width to 70 pixels and for the height to 300 pixels and select ok and to differentiate between the parts we will assign it some different color like this blue color again select the rectangle tool left click on the page and this time select the value of width to 55 pixels and select ok and again to differentiate between the parts we will assign it some different color like this green color now select the selection tool select all of these parts now we will reduce the opacity here you can see that the option for the opacity is appearing on the right side of your screen if this option is not here then simply go to windows and select transparency and set the value of transparency to 60 and press enter now simply minimize the panel from here then select this green rectangle and drag it at this intersection point now hold down your left mouse button at this rectangle and drag it towards this corner of this green rectangle like this now again hold down your left mouse button at this green rectangle and drag it towards the left corner like this now simply select this rectangle go to edit select copy again go to edit and select paste and now hold down your left mouse button at this duplicated copy and drag it towards the left corner of this green rectangle like this again hold down your left mouse button at this green rectangle and drag it towards this corner go to edit and select paste and again drag this third copy at this corner of this green rectangle like this now simply select this green rectangle then select the rotation tool and select the value of angle to 90 degrees and select ok hold down your left mouse button at this green rectangle and drag it towards this corner of the shape then select this rectangle and drag it towards the top side of this green rectangle like this now select this one and drag it towards the bottom again this one and like this now again hold down your left mouse button at this green rectangle which is our reference rectangle and now drag it towards this corner again select this rectangle and drag it towards the bottom up to this point now again drag your green rectangle at this corner select this one and drag it at this point again at this corner select this rectangle and drag it up to this point like this now all of our rectangles are properly aligned now simply drag this green rectangle at this position then select this red shape go to object then go to path and select offset path and set the value of offset to 55 pixels which is equal to the width of the green rectangle and select ok then right click on the offset shape go to arrange and select bring to front and now hold down the shift key and select this rectangle then go to windows and select pathfinder and simply select minus front now again select this green rectangle select the rotate tool set the value of angle to 90 and select ok then select the selection tool and drag this rectangle towards this intersection point again hold down the shift key and simply left click on this red shape and again select minus front now select the direct selection tool simply drag your mouse cursor over these anchor points and now drag them up to this point now select all of these parts go to windows and select transparency and increase its value up to 100 percent like this and then in the pathfinder menu simply select your knight now we will convert our body into grayscale for better visual so simply change its color to this gray color now simply minimize this transparency panel and also this pathfinder menu and select the selection tool and to reduce the size of your shape simply hold down your left mouse button at this handle and also hold down your shift key and drag it like this now simply select the type tool left click on the page and write the name of your logo which is power west now i want to change the phone so simply select these alphabets and write the name of your favorite phone like i want to change to moan so simply write mod and from the list select mod semi bold now i want to differentiate between the words power and west so now i will simply select this west and from this menu i will select book and now you can understand that these two are different words power and west now again select the selection tool and to increase the size simply hold down your shift key then your left mouse button at this handle and drag it like this now again select the selection tool drag your logo mark towards the text like this and now to have a better proportion between the logo mark and the text we will simply reduce the size of the logo mark so simply hold down your left mouse button and also shift key and reduce it up to this point now we will simply assign the same color to both of these parts for better visual and we will apply the same gray color and now in the next step we have to represent the background story or you can say the background logic of our logo for this purpose simply select this logo mark and to duplicate it simply hold down your left mouse button then hold down the alternate key and drag it like this and now we will simply reduce the size of this logo mark for this purpose again hold down your left mouse button and shift key and drag it like this and now we will make three different copies so again hold down your left mouse button then hold down the alternate key and drag it like this again hold down your left mouse button and also alternate key and drag it like this now select all of these parts right click and select ungroup now we have to zoom in our page to have better visual so simply press z on the keyboard and zoom in like this now deselect all of these parts by simply clicking on the white area then we have to select these three rectangles so first of all hold down the shift key then left click once at this also this one and this one and now we have to reduce the opacity so simply go to windows and select transparency and reduce the opacity to 20 and press enter now in this way we can represent our client that this part represents the initial letter p and in the next step we will represent that this part represents a leaf for this purpose select the pen tool left click once at this intersection point and drag your mouse cursor at this position and again left click then again select the selection tool hold down the shift key and left click on this shape now again go to windows and select pathfinder and this time select this divide now right click on the shape and select ungroup then deselect both of these parts by clicking on the white area then again hold down the shift key select this divided part and also these rectangles and again reduce their opacity to 20 and press enter and now for this one simply select this part and reduce its opacity to 20 and press enter now select the type tool left click and simply write letter p select these alphabets and from this menu select semi bold then select the selection tool and to reduce its size simply hold down your left mouse button at this handle then hold down your shift key and drag it like this and now to apply the same color scheme simply select this eyedropper tool and click on this shape now again select the selection tool hold down your left mouse button at this one then hold down the alternate key and duplicate it like this and now again select the type tool and simply write leaf this part represents the leaf we can further explain that this leave is used to represent the sustainable process for this purpose again hold down your left mouse button then hold down the alternate key and drag it like this select the type tool and simply write sustain ability now again select the selection tool and reduce its size like this because this one is the secondary part now select both of these parts again hold down your left mouse button then hold down the alternate key and drag it like this again select the type tool and simply type histogram and histogram is used to represent the investment process now select these parts then hold down the shift key and click once on this one then from the pathfinder menu simply select align and from the align to select align to key object and then select your key object and simply select horizontal align center like this now simply minimize this menu by clicking on this cross icon and also this one and to reset your page view simply select control plus zero in this way you can represent your client the logo mark and also the background story of the logo now we will assign some colors to our logo as per the client requirements now simply select this one and to change its color simply select this fill menu and write your hex code like in this case i want to change it to 0 0 a1 ff and select ok and for this typography again select and this time select the value to 2 1 4 7 and select ok and now if you want to align all of these parts at the center of the page so simply select all of these parts right click and select group then go to windows and select align from the align to simply select align to artboard then select on this one which says horizontal align center and also on this one vertical align center like this and now this is for today's logo design process this video is a bit lengthy because i try to demonstrate each and every step in the simplistic way now you can hear your thoughts about the design process in the comments section that whether you liked it or not or if you want to suggest any modifications and if you think that this video helps you in some way then like and subscribe the channel thanks for watching and have a nice day

Channel: Royal Logos

Views: 3,120

Keywords: The logo design process Start to finish, the logo design process, logo design process, design process, logo design tutorial, logo design process from start to finish, how to design a logo, logo design, logo design ideas, how to find logo ideas, logo design from sketch, logo design process with a client, logo process, design a logo, logo from sketch, logo design illustrator, logo mind mapping, mindmapping process, logo ideas, logo designer, royal logos, logo, design, process

Id: sqDTgVqYv1c

Length: 24min 24sec (1464 seconds)

Published: Sat Oct 23 2021