Как да направите лого в Photoshop

Как да направите лого в Photoshop

Преди да започнем с това как да направим лого в Photoshop, трябва да се обърнем към слона в стаята - Photoshop CC не е изграден с мисъл за дизайн на лого. Едно от основните качества на логото е възможността да се мащабира нагоре и надолу, без загуба на качество. Ето защо базираният на вектор софтуер, като Illustrator, е предпочитаната опция за създаване на лога, където пикселната база на Photoshop е по-малко подходяща. За повече информация относно проектирането на лого с помощта на Illustrator, вижте това удобно ръководство , който ще ви преведе през процеса, от концепцията до завършването.

Но това, което липсва в приложението на Photoshop, повече от компенсира популярността, особено в сравнение с Илюстратор CC . Така че, ако трябва да знаете как да направите отлично лого, но не искате да плащате за софтуер, който не ви е необходим, този урок е за вас. Ще ви преведем как да проектирате основно лого в Photoshop, като използвате прости инструменти за фигури, градиенти и текстови опции. Разгледайте тези опции и за нула време ще създадете свои собствени лога във Photoshop. Използваме Photoshop CS6, но същият процес се отнася и за други версии.

Що се отнася до действителното проектиране на вашето собствено лого, може да се наложи да започнете да мислите за идентичността и стила на марката. За повече вдъхновение се насочете към нашето професионално ръководство за дизайн на лого , който ви казва всичко, което трябва да знаете за света на логата.



01. Създайте ново платно

дизайн лого в Photoshop

Задайте вашата решетка на всеки 50 пиксела

Отворете Photoshop и създайте нов документ. Използвах размер на платно 500px x 500px, но по-големите размери биха работили също толкова добре. Можете да промените размера на платното по всяко време. Отидете в Photoshop> Предпочитания, за да зададете решетка на всеки 50px. След това включете решетките в платното, като натиснете cmd + ' или Преглед> Показване в лентата с опции. Уверете се, че Snap to Grid е включено, в View> Snap to.

02. Начертайте основна форма

дизайн лого в Photoshop

Създайте форма на стрелка

Изберете инструмента Pen в лентата с инструменти или чрез натискане P и се уверете, че е зададено на Shape в ляво на лентата с опции, а не на Path. Използвайте писалката, за да нарисувате форма на стрелка, започвайки от централната точка на платното и използвайки пресичания на решетъчни линии за останалите ви точки. Именуването на слоевете не е необходимо за този проект, но може да бъде полезно при по-сложни документи, където има много слоеве.

03. Дублирайте и редактирайте формата

дизайн лого в Photoshop

Дублирайте слоя си, за да можете да редактирате формата

Дублирайте слоя, като натиснете cmd + J и кликнете върху новия слой, за да го изберете. Използвайте инструмента за пряк избор, пряк път ДА СЕ , за да щракнете върху най-горната точка на върха на стрелката, разположена в центъра на платното. Преместете тази точка надолу по няколко квадрата на мрежата, като задържите клавиша Shift, за да я заключите на оста y.

04. Добавете цвят с градиент

дизайн лого в Photoshop

Градиентите все още са в тенденция в дизайна на лого, така че добавете един към вашето лого

Създайте нов градиент в падащото меню Попълване вляво от лентата с опции. В прозореца с градиент щракнете двукратно върху долните плъзгачи, за да изведете RGB опции, където можете да изберете вашите цветове; Отидох на светло и тъмно синьо. След това приложете този градиент към двата обекта, променяйки въртенето на градиента, така че те да се противопоставят. Ако не можете да видите опциите за запълване, може да е така, защото може да сте избрали инструмента за преместване, така че превключете към инструмента Pen или Shape.

05. Групирайте и дублирайте слоевете си

дизайн лого в Photoshop

Подредете нещата, като групирате слоевете си

Групирайте двата слоя, като ги изберете и натиснете бутона за група, който прилича на малка папка, разположена в долната част на раздела Слоеве. Това предотвратява разхвърлянето на раздела Слоеве и улеснява обработката на двата слоя заедно.

Дублирайте тази група и използвайте функцията Free Transform, за да завъртите новата група на деветдесет градуса, като задържите натиснат клавиша Shift, за да се завъртите на стъпки от петнадесет градуса. Можете да получите достъп до Free Transform с помощта на cmd + т или под Редактиране> Безплатна трансформация. Сега преместете втората група нагоре, докато тя отразява първоначалната форма, като използвате центъра на платното като линия на симетрия.

06. Трансформирайте фигурите

дизайн лого в Photoshop

X маркира мястото. Може би

Преместете всяка фигура нагоре или надолу по един квадрат от мрежата, далеч от централната точка, като използвате Shift + курсорен клавиш.

07. Групирайте, дублирайте, повторете

дизайн лого в Photoshop

Създайте по-сложна форма, като дублирате тази, която имате

Използвайки същия метод от стъпка # 5, за да групирате слоевете заедно, дублирайте групата и завъртете с деветдесет градуса. Новата форма трябва да прилича на нещо като кръстосана форма.

08. Начертайте кръг с инструмента за фигура

дизайн лого в Photoshop

Издълбайте нашето пространство във вашето лого, като добавите кръг

Преминавайте през инструментите Shape, докато намерите кръг, или като щракнете и задържите иконата в лентата с инструменти или натиснете Shift + U . Кликнете върху централната точка на платното, като задържите Alt, за да нарисувате кръг, излъчващ се от центъра, и Shift, за да запазите пропорционалността на ширината и височината. Ако сгрешите, можете да отмените или прередактирате формата си с помощта на Free Transform.

09. Начертайте правоъгълник и подравнете към центъра

дизайн лого в Photoshop

Направете място за текст с правоъгълник

Преминете отново през инструментите за фигури, докато намерите инструмента за правоъгълник. Начертайте бяло поле върху графиката, над останалите слоеве, правейки достатъчно място за текст. Можете да подравните това към центъра на платното, като щракнете върху правоъгълния слой и долния слой (който трябва да бъде бял квадрат, със същия размер като платното) и с помощта на инструменти за подравняване, намерени в Layers> Align в лентата с менюта или бутоните за подравняване в лентата с опции.

По-напредналите потребители могат да използват този правоъгълник, за да извадят от фигурите по-долу, като използват Layer> Combine shape, но засега просто ще се придържаме към използването му като бял блок.

10. Добавете вашия текст

дизайн лого в Photoshop

Ще наречем нашето лого „снежинка“. Не се обиждайте

Начертайте текстово поле над правоъгълника, като щракнете върху иконата T в лентата с инструменти или натиснете т , след което плъзнете през платното. Въведете текста си в полето и го центрирайте, като използвате бутоните в раздела Символи. Използвайте инструмента за подравняване отново, за да центрирате това към платното.

11. Изберете подходящ шрифт

дизайн лого в Photoshop

Получаването на правилния шрифт за вашата марка е от ключово значение

Изберете шрифт, който отговаря на вашата марка. Има много безплатни шрифтове, но е изключително важно да изберете такъв, който имате разрешение да използвате - вижте нашия безплатни шрифтове обзор за някои идеи, за да започнете. Тъй като това лого може да се появи в много от вашите активи, би било лоша новина да използвате незаконно изтеглено шрифтове. Играйте с размер и цвят, докато харесате това, което виждате.

12. Настройте кернинга си

дизайн лого в Photoshop

Не забравяйте да кернирате текста си

Керн на текста. Това означава коригиране на хоризонталното разстояние между отделните букви, увеличаване на четливостта на думата. Можете да направите това в раздела Тип, маркиран с V | A, или като щракнете между буквите и натиснете всичко + ляво или всичко + вдясно. За повече информация относно кернинга, вижте публикацията ни на как да керн тип .

13. Добавете окончателни подробности и експортирайте

дизайн лого в Photoshop

Не забравяйте да запазите като psd файл, за да можете да редактирате логото си по-късно

Направете всички окончателни корекции, които са ви необходими, за да му придадете това специално нещо. За основното изображение в горната част на тази страница добавих две по-малки ленти над и под текста, оцветени със същия градиент. Също така добавих фон, сянка и отражение, използвайки подобни техники към другите стъпки, както и използвайки маски на слоеве, за да добавя избледняване.

Когато сте доволни, запазете изображението в какъвто формат искате. Използвах RGB jpg тук за уеб формат, но също така го запазих като psd, за да мога да се върна и да направя промени.

Прочетете още: