В този урок ще научим как да рисувамеот нулата икона на компас в Adobe Photoshop с помощта на инструменти като Pen Tool, Rounded Rectangle (Rounded Rectangle Tool) и Rectangle (Rectangle Инструмент).
Също така ще научите как да комбинирате прости векторни форми, за да създавате сложни съставни форми. Накрая ще видите как да добавите сянка към иконата, което зависи от размера на иконата.
За по-добро разбиране можете да изтеглите готовия PSD файл, направен според резултатите от урока, от връзките в долната част на страницата.
Ето какво получих в крайна сметка:
Да започваме. Отворете Photoshop и създайте документ с размери 500 x 500 px. Запълнете документа с розов цвят db687b. Резултат:
За да направите фона не толкова скучен, предлагам да го украсите със стила на слоя "Carbon" , можете да го изтеглите безплатно от тази страница, има и връзка към ръководството за настройка на стила на слоя в Photoshop.
Дублирайте фоновия слой и добавете стил на слоя към него, намалете непрозрачността на новия слой до около 45%. Ето как изглежда документът сега:
Препоръчвам да преобразувате фоновия слой в нормален и да групирате двата слоя и да преименувате групата на „Фон“, за да не претрупвате панела със слоевете.
Създаване на основата на иконата
Задайте цвета на предния план на 3ab2cb. Вземете Rounded Rectangle Tool, задайте Length и Width на 190px и Radius на 30px и създайте форма:
Създайте нов слой над слоя с правоъгълник. Задръжте натиснат клавиша Ctrl и щракнете върху миниатюрата на правоъгълния слой, за да се появи селекция:
Изберете един от инструментите за избор, например "Правоъгълна област" (Rectangular Marquee Tool), щракнете с десния бутон върху селекцията, ще се отвори контекстно меню, където щракнете върху реда "Инсулт" (Stroke). Ще се отвори диалогов прозорец, където задайте теглото на щриха на 2 пиксела, цвят1d6b80 и позиция „Inside“ (Отвътре):
Тъй като новият празен слой беше активен в момента, в който се създаде щрихът за избор, щрихът се появи върху него. Искам плавно да скрия горната част на щриха. За това ще използваме обикновена маска на слоя. Добавете маска на слоя към слоя с щрихи, вземете черна четка с нулева твърдост и диаметър около 200 пиксела и плавно начертайте четката под наклон, както е показано на снимката:
Мисля, че трябва да направим заобления правоъгълник по-интересен. Добавете градиент към него. Отидете до слоя с правоъгълник и добавете стил на слоя Gradient Overlay към него със следните настройки, режим на смесване - Overlay (Overlay):
Групирайте тези два слоя и наименувайте групата "база" .
Резултат:
Това завършва създаването на основата на иконата, нека преминем към рисуването на самия компас.
Създаване на форма на компас върху иконата
Първо, трябва да поставим водачите точно в центъра на основата. За удобство трябва да увеличите мащаба на дисплея на документа, да преместите нулевите линийки в ъгъла на горния ляв ъгъл на основата и да зададете водачите на разстояние 95 пиксела:
Задайте цвета на преден план в цветовата палитра на бяло (FFFFFF). Вземете Ellipse Tool и задайте Mode на Shape. Задръжте курсора на мишката точно върху мерника на водачите, задръжте клавишите Alt + Shift, натиснете левия бутон на мишката и плъзнете курсора от центъра във всяка посока. В резултат на това трябва да получите нещо като този геометрично правилен кръг:
След това по същия начин създайте втори по-малък кръг. След това в лентата с опции щракнете върху бутона за опции Path Operations и изберете Subtract Front Shape. Трябва да получите кръг като този:
Създайте нов слой, вземете Pen Tool и нарисувайте триъгълник по този начин:
Клонирайте слоя, като натиснете Ctrl+J. Натиснете Ctrl+T, за да активирате инструмента Free Transform. Задръжте Alt и плъзнете центъра за трансформацияexact върху мерника на водачите:
Завъртете триъгълника на 90°:
Натиснете Enter, за да приложите трансформацията. Повторете процедурата още два пъти. Можете просто да щракнете двукратно върху комбинацията Ctrl + Shift + Alt + T. Резултат:
В панела със слоеве изберете всички слоеве с фигури, щракнете с десния бутон върху който и да е от избраните слоеве и щракнете върху реда "Обединяване на фигури" :
Създайте нов слой и нарисувайте по-малък триъгълник:
Използвайте Free Transform, за да завъртите триъгълника на 45°, не забравяйте да преместите центъра на трансформацията към мерника на водачите, преди да завъртите. След това клонирайте и завъртете триъгълника на 90°, повторете това още два пъти. Слейте контурите в едно. Ето как трябва да изглежда, натиснах Ctrl+H, за да скрия водачите и пътеките:
И така създадохме стилизиран циферблат на компас. В следващия урок ще добавим обем към циферблата на часовника и ще начертаем стрелка на компас със север и юг.
Продължение на урока
Изтеглете материали за урока:Изтеглете от Depositfiles.com