Створюємо барвистий логотип в фотошоп

Примітка перекладача: WWDC (Apple Worldwide Developers Conference) - всесвітня конференція розробників на платформі Apple. Проводиться щорічно в Каліфорнії, США.

Завантажити архів з матеріалами до уроку

Створюємо барвистий логотип в фотошоп

Примітка перекладача: колір заливки для шару з заднім фоном буде залежати від ваших уподобань, а також, все буде залежати від того, на якому тлі буде розташований логотіпApple.

Створюємо барвистий логотип в фотошоп

Створюємо барвистий логотип в фотошоп

Ми отримаємо наступний результат.

Створюємо барвистий логотип в фотошоп

Отже, ми створили контур логотипу. Тепер ми додамо до нього наступний квадратик. В даному випадку, я вибрав інструмент Прямокутник з округленими кутами (Rounded Rectangle Tool (U)), в налаштуваннях даного інструменту встановив Радіус (Radius) 15 px, далі, утримуючи клавішу (Shift) + намалюйте наступний квадратик, як показано на скріншоті нижче. Далі, за допомогою інструменту Вільна трансформація (Free Transform (Ctrl + T)), поверніть квадратик на 45 градусів.

Створюємо барвистий логотип в фотошоп

Зменшіть значення Заливання (Fill) до 0% для шару з квадратиком. Далі клацніть по значку Додати стиль шару (Add a layer style) в нижній частині панелі шарів, щоб застосувати стиль шару Тінь (Drop Shadow).

Створюємо барвистий логотип в фотошоп

Далі, застосуєте стиль шару Накладення градієнта (Gradient Overlay):

Створюємо барвистий логотип в фотошоп

Створюємо барвистий логотип в фотошоп

Поміняйте режим накладення для шару з квадратиком на Жорсткий світло (Hard Light).

Створюємо барвистий логотип в фотошоп

Ми отримали такий результат.

Створюємо барвистий логотип в фотошоп

Ми повинні растеризувати новий шар. Для цього, створіть новий шар поверх шару з квадратиком, далі, виділіть обидва шару, а потім, натисніть клавіші (CTRL + E), щоб об'єднати їх разом. Тепер, за допомогою інструменту Переміщення (Move Tool (V)), ми можемо розташувати квадратик всередині контуру логотипу. При використанні інструменту Переміщення (Move Tool (V)), утримуйте (Alt) + потягніть за квадратик, щоб створити дублікат квадратика. Створіть кілька квадратиків. За допомогою інструменту Вільна трансформація (Free Transform (Ctrl + T)), варіюйте розміри квадратиків.

Створюємо барвистий логотип в фотошоп

Для дублікатів шарів з квадратиками ми застосуємо інше значення Заливання (Fill).

Примітка перекладача: для оригінального шару з квадратиком значення заливки було 0%, для дублікатів шарів з квадратиками значення заливки буде 70%.

Далі, ми також поміняємо колір квадратиків.

В даному випадку, створіть ще один дублікат шару з квадратиком (вибравши інструмент Переміщення (Move Tool (V)) + утримуючи клавішу (Alt) + потягніть мишкою квадратик, щоб створити дублікат шару). Далі, натисніть клавіші (CTRL + U) і в діалоговому вікні налаштування Тон / Насиченість (Hue / Saturation) змістите бігунок опції Тон (Hue) вліво, щоб змінити колірний тон квадратика.

Створюємо барвистий логотип в фотошоп

Тепер, продублюйте шар з синім квадратиком. Розмістіть дублікати синіх квадратиків, як показано на скріншоті нижче:

Примітка перекладача: не забувайте варіювати розмір дублікатів квадратиків.

Створюємо барвистий логотип в фотошоп

Продовжуйте додавати квадратики, на цей раз вже іншого кольору. Щоб поміняти колір, використовуйте ту ж саму команду корекції Тон / Насиченість (Hue / Saturation). Тепер, кілька разів продублюйте шар з квадратиком, використовуючи техніку, яка описана вище.

Створюємо барвистий логотип в фотошоп

Ми отримали такий результат.

Створюємо барвистий логотип в фотошоп

Шари з квадратиками повинні розташовуватися один за одним. Далі, ми повертаємося на шар з першим квадратиком, створюємо дублікат шару (за допомогою інструменту Переміщення (Move Tool (V)) + клавіші (Alt)). А потім, міняємо колір квадратика за допомогою корекції Тон / Насиченість (Hue / Saturation (CTRL + U)).

Створюємо барвистий логотип в фотошоп

Тепер, кілька разів продублюйте шар з квадратиком, використовуючи техніку, яка описана вище.

Створюємо барвистий логотип в фотошоп

Продовжуйте додавати квадратики різних колірних відтінків. Створіть дублікат самого першого шару з квадратиком, використовуючи техніку, яка описана вище. А потім, поміняйте колір дубліката квадратика за допомогою корекції Тон / Насиченість (Hue / Saturation (CTRL + U)).

Створюємо барвистий логотип в фотошоп

Ми отримали такий результат.

Створюємо барвистий логотип в фотошоп

Використовуючи вищеописану техніку, додайте ще квадратики різних колірних відтінків.

Створюємо барвистий логотип в фотошоп

У центральній частині логотипу, ми додамо різнокольорові квадратики розміром побільше. Застосуйте до цих верствам різну ступінь непрозорість (Opacity), а також різні режими накладення, наприклад, Перекриття (Overlay), Жорсткий світло (Hard Light), М'яке світло (Soft Light). Варіюйте розмір квадратиків за допомогою Вільної трансформації (Free Transform (Ctrl + T)).

Створюємо барвистий логотип в фотошоп

Тепер, видаліть шар з контуром логотипу.

Створюємо барвистий логотип в фотошоп

Натиснувши на значок «Створити новий шар, що коректує або шар-заливку» (Create new fill or adjustment layer) в нижній частині панелі шарів, додайте коригувальний шар Криві (Curves) поверх всіх шарів. Встановіть криву, як показано на скріншоті нижче, щоб провести невелику корекцію кольору.

Створюємо барвистий логотип в фотошоп

Створюємо барвистий логотип в фотошоп

Вітаю, ми завершили урок!


доповнень:
23 422

передплатників:
70 000+

Робіт користувачів:
329 573

Інші наші проекти:

Реєстрація

Реєстрація через пошту