Як намальовані логотипи Web 2.0 (Photoshop)

Ви ніколи не замислювалися, як ці хлопці малюють свої Web 2.0 логотипи? Іноді приємно вчитися у інших, створювати основні навички і починати власну творчість звідти. У цьому підручнику Photoshop, я збираюся розкрити вам деякі з хороших логотипів Web 2.0, як ви можете зробити їх логотип точно таким же (ну, не дуже 100%, хоча) з Photoshop.

1. Завантажте та встановіть файл стилю

Перш за все, вам потрібно завантажити стиль, який я створив, і завантажив його у Photoshop.

1. Завантажити стиль Photoshop тут. (Клацніть правою кнопкою миші -> Зберегти як)
2. Для користувачів Photoshop CS2 вставте цей файл стилю “C: Файли програм Adobe Adobe Photoshop CS2 Пресети Стилі” Photoshop інших версій, помістіть файл всередину Стилі

2. Стиль завантаження

Викличте діалогове вікно Стиль у Photoshop

1. Windows -> Стилі
2. Зверніть увагу на маленьку кнопку зі стрілкою у верхньому правому куті. Натисніть її та виберіть Завантажити стилі з падіння вниз
3. Знайти web20 у списку та натисніть Завантаження. Якщо ви не знайдете web20, спробуйте закрити Photoshop, повторно відкрийте його повторіть крок 1.
4. Натисніть кнопку зі стрілкою ще раз і виберіть Великий список з падіння вниз

Ваш результат повинен виглядати приблизно так, як показано нижче.

3. Шість логотипів Web 2.0

Ось шість логотипів Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In та Go2Web20. Стиль, який ви тільки що встановили, покаже, як їх намалювати. Я пройду “mixd” і “Go2Web20” логотипи, решта просто повторно використовує ту ж техніку.

4. Як малювати

Причина, по якій я використовую Стиль, полягає в тому, що після того, як вони будуть збережені в файлі .asl (файл, який ви завантажили), вони зручні для застосування. Давайте розберемо деякі з цих логотипів.

Логотип для малювання mixd

Початкове спостереження, логотип mixd складається з

1. “mixd” текст
2. прямокутний округлий
3. маленька точка
4. менша точка

Ми будемо грубо витягувати їх у Photoshop, кожен з яких знаходиться в іншому шарі, як показано на малюнку нижче.

Тепер ось і трюк. Шукати “мікс-мітка” в Діалог стилів. Перетягніть їх безпосередньо на фоновий шар, шар з малими крапками і шар з меншими точками відповідно. Якщо ви перетягнете їх правильно, ви помітите, що шар тепер успадковує кольори та змішування стилю. Знайти “mixd-font” в Діалог стилів, перетягніть його до текстового шару, і ваш логотип mixd повний, 90% схожий на оригінал, який я скажу.

Малюнок логотип Go2Web20

Створіть 4 нові шари, кожен для “GO“, “2“, “WEB” і “2.0“

Перетягніть “go2web20-purple” у діалоговому вікні Стиль “GO” & “WEB”, перетягування “go2web20-зелений” в “2” & “2.0” і ви отримаєте цей кінцевий результат.

Що стосується решти (MyBlogLog, imified, skype і Linked In), то все про перетягування відповідного стилю та відповідність правильного шрифту.

5. Висновок

Якщо ви подивитеся на Параметри накладання кожний стиль, ви помітите, що більшість логотипів Web 2.0 мають значення грати з градієнтами, штрихами з комбінацією правильних шрифтів. Це не може “точний” Таким чином, як ці хлопці зробили свій логотип, але його принаймні спосіб досягти цього. Я не заохочую вас підробляти свій стиль і перемалювати ваш логотип, але спробуйте зрозуміти його, і ми сподіваємося, що ви зможете вийти з гарним елегантним логотипом Web 2.0. Я люблю розміщувати свої малюнки в Style (.asl), я можу повторно використовувати їх, коли захочу.