Як зробити значок Google Plus у Photoshop
Крок 1 - Розмір піктограми
Для цього ми підемо на більшу піктограму - 256 X 256px. Ви також можете спробувати зробити 128 х 128 пікселів або піктограму 512 х 512 пікселів, але звичайна піктограма повинна виконати цю роботу.
Крок 2 - Налаштування керівництва
У цьому підручнику нам потрібно бути дуже точними, тому давайте створимо кілька посібників, які допоможуть нам на цьому шляху. Щоб створити новий путівник, перейдіть на сторінку Перегляд, Новий путівник.
Вам потрібно буде повторити цей крок кілька разів, щоб зробити собі наступні посібники (пам'ятайте, що ми працюємо в пікселях, тому не забудьте змінити см у полі позиції до a px):
Горизонтальні напрямні: 0px, 40px, 256px
Вертикальні напрямні: 0px, 64px, 128px, 192px, 256px
(Нижче - приклад другого горизонтального напрямного)
Коли ви закінчите, ваше полотно має виглядати так:
Крок 3 - Розширення полотна
Ми хочемо, щоб логотип Google Plus був на гладкому біло-сірому тлі в типовому стилі Google. Клацніть Зображення, розмір полотна і встановіть полотно на дозвіл шпалер. Для цього ми пішли з 720p (1280 × 720).
Тепер підберіть інструмент для градієнта та створіть радіальні градієнт, що вицвітає від білого до світло-сірого. Щось подібне до цього:
Крок 4 - Створіть форму
Створити новий шар. Тепер перейдіть до Інструменти форми і виберіть Інструмент із закругленим прямокутником. Змініть його радіус на 20 пікс і його колір до темно-сірого (343434). Тепер, використовуючи напрямні, які ми зробили раніше, витягніть округлу форму і переконайтеся, що вона добре вписується в її межі.
Крок 5 - Верхня частина логотипу
Перш за все, розфарбуйте ваш шар за допомогою rнатиснути, розмалювати. Тепер, використовуючи Прямокутний інструмент для розмітки виберіть верхню частину логотипу (між першим і другим горизонтальними напрямними) і потім клацніть правою кнопкою миші вибір Шар через розріз. Тепер розділіть новий шар на чотири менших шари - кожен для кожного верхнього фрагмента. Ось як би виглядав, якщо я ввімкну, а потім відключити кожен шар один за одним:
Швидкий підказки - ви можете перейменовувати свої шари і давати їм такі назви, як верхня частина 1, верхня частина 2 тощо. Це не тільки зробить речі більш чистими, але й полегшить роботу. Можна навіть спробувати склавши верхні шматки у власну групу шарів.
Крок 5 - Візуальні деталі нижньої частини
Виберіть шар, який містить нижню частину зображення ... (цей):
…і потім клацніть правою кнопкою миші вибір Параметри змішування. Тут ви хочете додати деякі Скос і рельєф…
… І а Градієнтна накладка (зникає від 1d1d1d до 292929).
Після цього ваше зображення має набути змін, подібних до цього:
Крок 6 - Візуальність верхньої частини
Спочатку переконайтеся, що ви включили верхній лівий фрагмент піктограми. Тепер знову відкрийте цей шар Параметри збивання і дайте це трохи Внутрішня тінь…
… А також деякі Кольорове накладання.
Ось як має виглядати ваше зображення до та після змін:
Повторіть цей крок для кожного нового шару, встановивши його правильний колір накладання:
1-й твір: Червоний - f23a3f
2-й твір: Синій - 5988f5
3-й твір: Зелений - 5fb816
4-й твір: Жовтий - ffc000
Крок 7 - Додавання легкої глянцю
Зробити новий шар і розміщуємо його над усіма іншими шарами. Тепер використовуйте Градієнтний інструмент створити Радіальний градієнт згасання від білого до прозорості всередині області ікони. Потім встановіть Непрозорість шару до 30% і Режим змішування до Накладення. Зміни ледь помітні, але все ще досить життєво важливі. Ось короткий час до / після:
Крок 8 - Всемогутній g +
Зробіть швидкий знімок екрана логотипу Google від Google.com. Потім пасти постріл прямо у Photoshop (її шар проходить між градієнтом накладання та іншим зображенням) і видаліть що-небудь, крім малої літери "g".
Тепер ви можете використовувати будь-які інструменти, які ви віддаєте перевагу для видалення фону з маленького “g”, а також можете використовувати Уточнити край щоб згладити це трохи. Потім Ctrl + клацання мініатюру шару, а потім, маючи a Прямокутна Марке у руці клацніть правою кнопкою миші і виберіть Заливка. Використовуйте Білий у 100% і Нормальний і вам слід дійти до цього:
Тепер на плюс. Ну, нічого тут обговорювати. Просто схопіть Введіть інструмент і знайдіть шрифт із хорошим худим "+" який є схожий на оригінальний логотип і отримайте це в образі. Коли ви закінчите, ви повинні мати це:
Крок 9 - Великий нарешті!
Ще один крок чекає! Йти до Перегляд> Очистити напрямні щоб позбутися Посібників, оскільки ми більше не будемо їм потрібні, і тоді ваше зображення буде повним. (О, і не забудьте скористатися швидким Ctrl + Shift + S - ви б не хотіли втратити всю цю важку роботу, чи не так?)
Крок 10 - Насолоджуйтесь!
Нарешті зроблено! Але чекай, навіщо тут зупинятися? Хто знає, які ще круті логотипи могли вийти з цього шаблону! Вперед і спробуйте свою творчість і подивіться, що ви придумали.
Залишити коментар