Створюємо барвистий логотип у Фотошоп. Як зробити логотип у фотошопі


Залежно від ваших художніх талантів створення логотипу може бути чимось, що ви можете зробити навіть уві сні, а може бути і тим, що забезпечить вам безсоння. Якщо ви один з тих, хто не може вигадувати і малювати картинки, ця стаття для вас. У статті фахівець із Логастер розповість вам, як покроково створити логотип — від вибору ідеї до вибору формату готового файлу. Можливо, ваш логотип не виграє жодних нагород, але принаймні у вас буде непоганий логотип, який ви зможете розмістити на своєму сайті або візитній картці. Отже, починаємо! Кроки з 1 по 4 присвячені «мозковому штурму» під час створення лого. Кроки з 5 до 7 навчать нас створювати дизайн логотипу, включаючи такі аспекти як вибір форми, шрифту, кольору. А в Кроку 8 ми дізнаємося, як створити остаточний дизайн у вигляді готового файлу.

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

Крок 1. Пошук ідеї для вашого логотипу
Онлайн галереї логотипів, такі як Logogala.com та LogoFury.com чудові місця, де можна отримати натхнення від дизайнерів.

Подивіться на логотипи інших компаній, схожих на ваші. Запитайте себе, що вам подобається і не подобається у них. Що працює, а що ні, але не копіюйте дизайн - просто знайдіть те, що вам подобається, і дотримуйтесь цього стилю у власній розробці. Ваша мета повинна полягати в тому, щоб вигадати дизайн логотипу, який розповість хто ви, що робите, як це робите, і для кого, хто ви це робите.

Ще один спосіб знайти ідею для логотипу – зробити кілька начерків майбутнього логотипу. Напишіть назву вашого логотипу в різних стиляхта шрифтах, намалюйте різні символи, іконки – одним словом все, що пов'язане з вашою компанією та продуктом/послугою. Можливо, один із таких начерків стане основою вашого логотипу.

Крок 2. Подумайте про вашу цільову аудиторію
Логотип створюється не тому, що так потрібно чи модно. Логотип має нести певну функцію, користь компанії. Тому на початковому етапістворення логотипу слід чітко уявляти, хто ваші клієнти, що їм подобається, які якості вашої компанії вони цінують. З'ясувати це необхідно для створення логотипу, який викликатиме ті почуття та емоції, які вам потрібні і таким чином створювати позитивний бренд вашої компанії. Для цього ви можете поставити собі 11 питань, на які потрібно відповісти перед створенням логотипу

Крок 3. Дотримуйтесь принципів та правил створення логотипів
Щоб логотип вийшов дійсно ефективним, потрібно слідувати певним правилам. Дізнатись детальну інформаціюпро принципи створення логотипу ви можете у статті, нижче ми вибрали найбільш важливі принципиз коротким описом.

Логотип має бути простим: Простий дизайн логотипу дозволяє легко розпізнавати його і дозволяє логотипу бути універсальним і незабутнім.

Логотип має бути запам'ятовується: Ефективний дизайнлоготип повинен бути незабутнім і це досягається за рахунок оригінальності логотипу, який буде виділятися серед інших.

Логотип має бути довговічним: Логотип повинен витримати випробування часом — не втрачати своєї ефективності під впливом моди чи будь-яких інших короткочасних явищ, бути з доробком «на майбутнє» та ефективним через кілька років. Наприклад, відомі компанії не створюють новий логотип, а лише трохи покращують його, роблячи його сучаснішим.

Логотип має бути універсальним: Якісний логотип завжди відмінно зморитися у будь-якому середовищі та у будь-якому вигляді.

Крок 4. Намалюйте кілька ескізів логотипу
Малюнки - це швидкий і легкий спосібперенести ідеї з голови на папір. Тому після того, як ви зібрали всі ідеї, візьміть папір та олівець і намалюйте кілька прикладів логотипу. Якщо ви не вмієте малювати олівцем, ви можете використовувати такі графічні програми як Illusrtator, Photoshop. Якщо і вони не під силу, використовуйте онлайн лого конструктори. З їх допомогою можна знайти потрібну іконку або шрифт для логотипу.

Крок 5. Виберіть форму логотипу
Форма логотипу має психологічний вплив на людей. За допомогою певних форм можна викликати потрібні почуття та емоції. Наприклад, квадрат символізує стабільність та сталість, трикутник силу та знання. Як вибирати потрібну форму логотипу? Подивіться на малюнок від Logowiks нижче і виберіть потрібну виходячи з особливостей вашого бізнесу.

Крок 6. Визначтеся з кольором логотипу
При виборі кольорів для вашого логотипу подумайте про те, який колір відображає індивідуальність вашої компанії. Наприклад, якщо ваша компанія весела, креативна та яскрава, розгляньте використання жовтих або помаранчевих відтінківу своєму логотипі. За допомогою інфографіки нижче ви зможете підібрати колір логотипу, виходячи із тематики вашого бізнесу. Клацніть на картинці, щоб подивитися її в більшому розмірі.

Зрештою, подумайте про те, які кольори використовують ваші конкуренти. Це важливо для того, щоб виділятися на їхньому тлі. Іноді вибір кольору, який є протилежністю кольору вашого головного конкурента, може допомогти клієнтам розрізняти вас.

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

1. Дотримуйтесь 2-х основних кольорів і не використовуйте більше 4-х. Невелика кількість дозволяє досягти бажаного ефекту.

2. Виберіть лише 1 або 2 основні кольори, а решта має бути додатковими кольорами ледь помітними.

3. Не піддавайтеся спокусі додати більше кольорів – використовуйте натомість більше відтінків.

4. Забезпечте досить білий простір, щоб очі могли залишатися розслабленими.

Корисні сервіси для вибору кольору
Пошук потрібного кольору справа не легка. На щастя, є багато онлайн-сервісів, які допоможуть вам з підбором квітів для логотипу.

Kuler.adobe.com
Сервіс від Adobe надає велику бібліотекуготових колірних схемі також за допомогою спеціального колеса можна підібрати кольори, які будуть поєднуватися з потрібним кольором. Детальне відеояк працювати з Kuler.adobe.com

Сolorscheme.ru
Це російськомовний сервіс для підбору кольорів та генерації колірних схем. Сервіс працює аналогічно як Kuler.adobe.com, але можливостей трохи менше. Як працювати з Сolorscheme

Крок 7. Виберіть шрифт для логотипу
Вибір шрифту є важливим аспектом дизайну логотипу. Правильний шрифт може підкреслити переваги вашої компанії, а неправильний зробити логотип нечитабельним і звести нанівець усі ваші зусилля у створенні позитивного образу компанії. У той же час, серед тисяч найрізноманітніших і таких привабливих шрифтів, як же знайти саме той, ідеальний для вашого логотипу? Клацніть на картинці, щоб подивитися її у більшому розмірі.

Ось кілька простих порад, які допоможуть вам у цій справі: Уникайте популярних шрифтів Так, ваш офісний пакет Microsoft Officeвключає набір шрифтів. Проблема в тому, що він також є і в усіх інших. Тому використовувати шрифт із бібліотеки вашої ОС буде погана ідея. Аналогічно діє правило для популярних загальнодоступних шрифтів. Будьте поза часом Якщо здається, що всі раптом використовують певний стиль шрифту (такий, як повсюдно використовуваний Sketch Block), продовжуйте пошуки. Шукайте оригінальні шрифти, які виділятимуть ваш логотип. Пам'ятайте, шрифт та логотип загалом мають витримати випробування часом. Тренди приходять і йдуть, і ось чого вам точно не треба, так це вкласти чималу кількість свого часу і грошей в дизайн, який застаріє чи не за ніч.

Вибирайте читальний шрифт. Текст логотипу повинен добре виглядати, а тим більше читатися в малому розмірі. Перевірте, як шрифт буде відображатися в різних розмірах. Дайте трохи простору Великий джазовий трубач Майлз Девіс одного разу сказав, що ноти, які ви не граєте, так само важливі, як ті, які ви граєте. Тому при виборі шрифту логотипу необхідно враховувати відстань між символами (кернінг). Занадто велика відстаньможе зробити логотип "розкиданим" і безладним, а надто мале може зробити його нерозбірливим.

Використовуйте індивідуальність шрифту. Ваш логотип – це обличчя вашого бренду. Він стоїть під номером 1 у списку точок дотику вашої компанії із суспільством. Тому при виборі шрифтів подумайте про особливості характеру вашого бренду і про те, що ви хочете за допомогою шрифту донести. Це швидкість, сила, надійність, доступність чи увага до деталей? Стиль та індивідуальність шрифту допоможе досягти багато чого у створенні якісного логотипу.

Корисні сайти для пошуку шрифтів
Серед популярних сервісів для пошуку шрифтів можна виділити такі.

MyFonts.com
MyFonts є одним із тих місць, де можна знайти всі безкоштовні шрифти відразу. Крім того, є платні унікальні шрифти.

Fonts-online.ru
Деякі шрифти на сайті розповсюджуються безкоштовно, але за використання його з комерційною метою необхідно купувати ліцензію.

Webfont.ru
Каталог безкоштовних шрифтів (є кириличні). Є пошук та фільтр за сімействами шрифту.

Також дивіться добірку із 200 безкоштовних шрифтів для створення логотипів.

Крок 8. Створіть остаточний дизайн
Після того, як ви зробили кілька нарисів логотипу, вам потрібно перейти до його безпосереднього створення. Ви можете зробити це 3 способами: - Створити логотип самостійно в графічній програмі; - Створити логотип за допомогою онлайн генератора логотипів; — використовуйте інструмент для створення логотипів.

Створити логотип самостійно
Якщо ви вибрали цей спосіб, вам потрібно визначитися із програмою для малювання, наприклад Adobe Illustratorта/або Adobe Photoshop.

Adobe Illustrator є векторною програмою для малювання. Її часто використовують, щоб малювати ілюстрації, схеми та логотипи. Уроки створення логотипу за допомогою програми Adobe Illustrator:

Adobe Photoshop є найпопулярнішою програмою для редагування фотографій та растрових зображень. Її діапазон використання - від повнофункціонального редагування великих фотографій до створення складних цифрових картин та малюнків. Уроки створення логотипу за допомогою програми Adobe Photoshop:

Створення логотипів за допомогою онлайн генератора логотипів
Онлайн генератори логотипів це непоганий варіант, якщо у вас немає навичок та знань для самостійного створеннялоготипів і бракує ресурсів (часу, грошей). Ми зібрали кілька онлайн сервісів, які стануть вам у нагоді при створенні логотипів.

Logaster.ru
Російськомовний онлайн генератор логотипів, за допомогою кирилиці в логотипах. Процес створення логотипу за допомогою цього сервісу описано нижче. Уточнимо лише, що після створення логотипу, ви можете завантажити файли в растрових (PNG та JPEG) та векторних форматах (SVG та PDF). Також ви можете зробити візитні картки, конверти, бланки, фавікон на основі логотипу.

Zillion Designs
Це найпростіший інструмент для створення логотипів. Ви можете створити свій логотип всього за 3 кроки, аналогічно до Логастера. У Zillion Designs ви самостійно вибирайте всі елементи логотипу - картинку, колір, шрифт. Після успішного створення логотипу, ви можете завантажити файл у форматах EPS, JPEG та PNG.

Hipster Logo Generator
Цікавий сервіс створення логотипу. Цей сервіс повний різних інструментіві налаштувань, так що ви зможете створити логотип, який виглядатиме саме так, як ви хочете. За допомогою Hipster Logo Generator можна створювати прості, але цікаві логотипи. Є й недоліки - редагувати елементи не можна, крім того, інтерфейс англійською.

Як створити логотип онлайн
Створимо приклад логотипу за допомогою сервісу Logaster. Зайдіть на головну сторінкусервісу та натисніть “Створити логотип ”.

Введіть текст логотипу та виберіть тему. Тиснемо «Далі».

Сервіс запропонує десятки варіантів логотипу. Вибирайте уподобаний і клацніть на нього.

Якщо потрібно зробити правки, наприклад, змінити текст, колір, іконку, шрифт тощо, то клацніть "Редагувати логотип".

Використовуйте інфографіку для підбору квітів, щоб вибрати відповідний шрифт під ваш вид діяльності. Аналогічно використовуйте поради для вибору шрифту. Якщо ви задоволені логотипом, клацніть "Зберегти". Завантажте логотип безкоштовно (у малому розмірі) або за $9,99 повнорозмірний.

Крім логотипу, ви також можете створити й іншу продукцію. Наприклад, візитну карткучи бланк.

Продовжуйте прислухатися
Після того, як ваш логотип буде створено, важливо залишатися відкритим для відгуків. Для цього покажіть логотип для тестової групи людей, які відповідають профілю вашого клієнта. Ви можете показати їм кілька варіантів дизайну або тільки той, який, за вашими відчуттями, є найсильнішим варіантом. Запитайте їх, чи подобається їм логотип, які емоції він волає. Якщо відповіді вас влаштовують – вітаємо! Ви створили чудовий логотип. Якщо ні, можливо вам варто доопрацювати дизайн логотипу.

Вибирайте правильний формат файлів для логотипу
Ваш логотип може бути збережений у двох форматах. Один відомий як векторний, а інший як растровий. Вам потрібні файли логотипу як в одному, так і в іншому форматі. Векторний формат (PDF, CDR, EPS, SVG) використовують для редагування логотипу, а також масштабування, друку. Растровий формат (PNG, JPEG) використовується для Інтернету. Наприклад, для розміщення вашого логотипу на сайті, соцмережах, у підписі до електронній пошті. Для роботи з вектором використовують такі програми як Corel, Adobe Illustrator, Inkscape ( безкоштовна програма), для растру - Adobe Photoshop, Pint.Net та інші.

От і все! Сподіваюся, наша стаття виявилася корисною. Не забудьте написати, які у вас є поради під час створення логотипу та поділиться посиланням на статтю в соціальних мережах.

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

Найважливішою частиною іміджу є логотип, переглядаючи який клієнт формує своє первісне уявлення про компанію. Логотип є унікальним зображенням, що складається з малюнків, текстової інформації або одночасно цих двох складових.

Створити логотип та візитку компанії можна, скориставшись можливостями графічного редактора Adobe Photoshop. Створення простого варіанту є абсолютно нескладним і захоплюючим творчим процесом, але справжні професіонали знають секрети, як зробити логотип у Фотошопі, щоб його можна було використовувати навіть під час друку великих плакатів.

Створити простий логотип компанії під силу всім, хто опанує основи роботи з графічним редактором Adobe Photoshop та вивчить рекомендації справжніх профі, як створити логотип у Фотошопі.

Різновиди логотипів

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

Перша полягає у створенні простого варіанта, що супроводжується лише певною текстовою інформацією. Найчастіше за основу беруть назву компанії та красиво промальовують букви. Професіонали розглядають цей різновид як найпростіший для створення, але при цьому досить суворий. Безумовно, напис має супроводжуватись креативністю, інакше привернути увагу споживачів навряд чи вдасться.

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

До третього різновиду відносяться змішані логотипи, що успішно поєднують у собі текстову інформацію та графічне зображення. Такий вид є найскладнішим, оскільки важливо не просто поєднати два графічні елементи, а красиво їх скомбінувати. Графічні дизайнери мають достатній практичний досвід, віддають перевагу все-таки змішаному типу, оскільки саме він дозволяє максимально проявити творчість.

Процес створення простого варіанта

Якщо початківець графічний дизайнербажає вдосконалювати свої навички роботи з Adobe Photoshop, йому корисно вивчити інформацію, як зробити логотип у Фотошопі.

Спочатку слід запустити сам графічний редактор Adobe Photoshop, після цього створити новий документ. Програма запропонує вказати вимоги до цього документа. Користувач обов'язково вказує ширину та висоту логотипу в пікселях, а також піксельну роздільну здатність графічного об'єкта.

Тепер, коли документ створено, слід відкрити інструмент «Текст» та за його допомогою написати будь-які слова, використовуючи різні варіантишрифту, підбираючи оптимальний варіант.

Готовий текст не можна просто так дати спокій, найкраще піддати його креативному видозміні. Зокрема, за допомогою різних ефектів текст можна супроводити тінню, додатковим обсягом, підсвічуванням. Також можна видозмінювати розмір букв, їх напрямок, кут нахилу.

Створити графічний елементу Фотошопі теж нескладно. На панелі меню можна знайти інструменти, які дають змогу з великою легкістю намалювати коло, прямокутник, багатокутник.

Якщо дуже хочеться, щоб фігура мала незвичайні форми, слід у меню «Редагування» знайти пункт «Трансформація», клікнувши яким з'являються додаткові інструменти, що дозволяють змінювати зовнішні обриси обраної раніше фігури.

Після того як графічний елемент прийняв бажані контури, можна направити дії на зміни стилю. Клацнувши по меню «Стиль шару», відкриється діалогове вікно, в якому по черзі вибираються пункти «Тіні» та «Тиснення», в яких встановлюються на власний розсуд різні параметри. Добре те, що у діалоговому вікні вбудована опція попереднього перегляду, завдяки чому можна відразу вносити коригування.

Змішаний логотип виходить шляхом накладання на графічний рисунок текстової інформації. На завершення залишається лише зберегти отриманий результат, вибравши правильне розширення. Фахівці рекомендують використовувати розширення PNG.

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

Основи створення складного логотипу

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

Цілі створення векторного різновиду

Застосування простих фігуршрифтів дозволяє створити растровий логотип, який цілком успішно буде виглядати на моніторі. Його можна впроваджувати на сайт компанії, друкувати візитки.

Однак розчарування може виникнути, як тільки компанія забажає використовувати цей логотип для друку величезних плакатів, календарів, вивісок, що світяться. У цьому випадку необхідно збільшити готове зображення, але при першій спробі цього користувач миттєво помітить явну втрату якості.

Векторний логотип є комплексною математичною інформацією про контури зображення. Використовуючи векторний логотип, можна збільшувати зображення до будь-яких розмірів.

У зв'язку з цим, бажаючи стати професійним графічним дизайнером, слід знати, як намалювати логотип у Фотошопі, супроводжуючи його векторним зображенням.

Створення анімованого різновиду

Залежно від того, для яких цілей створюється логотип, графічний дизайнер може визначитися з тим, який різновид віддати перевагу. Зокрема, якщо логотип планується розмістити в шапці сайту, найкраще віддати перевагу анімованому різновиду, який здатний максимально привернути увагу відвідувачів.

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

Натиснувши на такий шар, дизайнер повинен перейти до розділу меню «Вікно», після цього знайти підменю «Робоче середовище», а потім натиснути на пункт «3D». Виконавши такі нехитрі дії правильно, шар з текстовою інформацією миттєво перетвориться на 3D-об'єкт.

Тепер на 3D-панелі, що з'явилася, слід знайти шар з текстовою інформацією, клікнути по ньому, щоб внести зміни в його властивості. Зокрема, слід змінити параметри глибини екструзії та зняти галочки, встановлені на параметрах тіні.

На панелі тимчасової шкали слід знайти та клацнути пункт «Створити тимчасову шкалу для відео». Після цього всі наявні шари будуть відображені як окремі відеошари.

Викликавши властивості першого шару, слід вибрати параметр "Положення 3D Сцени", після цього запустити секундомір і визначити за допомогою синього покажчика тривалість анімації.

Далі на 3D-панелі слід перейти в шар «Сцена», там внести зміни до координат осі Y, встановивши параметр повного кута (360 градусів). Після такого налаштування можна переконатися, що зображення починає обертатися.

Отже, створення логотипу під силу всім, хто здатний виявити терпіння, посидючість, наполегливість, а також орієнтований на постійний творчий процес. Стати затребуваним веб-дизайнером можна лише якщо навчитися створювати логотипи різних рівнів складності, задовольняючи запити споживачів.

Минулого разу ми з'ясували, що виявляється у Фотошопі можна зробити, хай із невеликими витонченнями, візитку. На цей раз ми з'ясуємо, що Фотошоп здатний і на цілком робочий та придатний для замовника Логотип.

Логотип — вектор чи растр?

Маса замовників під логотипом має на увазі не більше ніж картинку, яку вони зможуть подивитися на своєму комп'ютері. Основна проблема починається тоді, коли замовник, намилувавшись на логотип у своєму моніторі вирішує пустити його у справу. Наприклад, надрукувати великий плакат розміром з будинок. Пригадується саме такий плакат колись вивішував сайт Delfi. Або зробити вивіску, що світиться, для свого магазину. Або надрукувати календарі з великим гарним логотипом, гарячим, з-під лапи дорогого дизайнера.

Справа в тому, що логотипи робляться у векторі. Звісно, ​​так було не завжди. За часів моєї бабусі логотипи малювали художники та ілюстратори на величезних полотнах. У сучасному комп'ютерному світі растровий логотип є мертвим логотипом. Його можна, хіба що зменшити, якщо він великий або роздрукувати як є. Векторний логотип — математична інформація про контури логотипу. Його можна легко збільшити для друку на будь-якій поверхні, його можна завантажити в Автокад, в спеціалізовану машину з різання паперу, в машину з випилювання фігур з матеріалу.

Будь-яка велика компанія в сучасному світімає брендбук та стратегію просування логотипу. Тобто серію прийнятих усередині компаній правил позиціонування логотипу. Яким він має бути? Що з нею можна робити. Де його можна друкувати кольоровим, де можна друкувати стилізованим, де чорно білим. Деякі компанії припускаю стилізацію, деякі забороняють. Але в будь-якому випадку логотип починається із простої чорно-білої векторної форми. Потім йде фірмовий стиль, потім йде стилізація.

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

Створюємо лого у Фотошопі

У цьому уроці-воркшопі зі створення лого у Фотошопі я використовую свій старий логотип AQ, який я створював для одного приятеля. Пам'ятаю, ми домовилися про бартер, я йому логотип та дизайн для CMS, він мені движок сайту та верстку. Щоправда, після того, як я свою частину виконав, йому здалося чудовою ідеєюзникнути і не відповідати, замість сказати «Вибач, зовсім немає часу робити верстку». Цей логотип є рядом простих овальних яйцеподібних об'єктів. Фотошоп представляє нам ряд дуже мізерних інструментів для роботи з векторними шляхами. На щастя, цих убогих інструментів цілком достатньо щоб зробити 60% існуючих логотипів, якщо не більше. Я почну зі створення форм, посилатимуся на інші уроки, які допоможуть вам створити мій логотип, і звичайно в кінці уроку кожен зможе завантажити мій PSD фаїл з усіма шарами.

Малюємо основні постаті

Виберіть інструмент Ellipce Toolі намалюйте звичайний еліпс. На панелі налаштувань обов'язкова опція Shape Layer. І якщо ви не знаєте, що це, почитайте мою статтю про . Якщо коротко, ця опція створює векторні контури у вигляді векторної маски із шаром заливки. І саме так вектор відображається у Фотошопі.

Виберіть інший інструмент Direct Selection Toolвін виділяє конкретні векторні точки і може змінювати напрямок їх напрямних. Клацніть їм по еліпсу. Потім виділіть дві середні точки, верхню та нижню. Щоб вибрати відразу 2 точки, натисніть SHIFT. Коли 2 точки виділені, потягніть їх назад, щоб еліпс набув яйцеподібної форми. Перша форма готова.

Як залити кольором? Знайдіть шар овалу на панелі шарів Layers. Клацніть по іконці заливки, у вікні виберіть колір.

Продублюйте яйце, що вийшло. Layer > Dublicate Layer. Виберіть його на панелі шарів та трансформуйте Edit > Free transform. Якщо ви не розумієте, що відбувається, читайте мою статтю. Якщо коротко, Free Transformдозволяє змінювати форму чого завгодно, майже що завгодно. Просто натисніть SHIFT, щоб змінювати форму пропорційно, та потягніть за край рамки у бік зменшення. Залийте форму світло-блакитним кольором.

Знову продублюйте яйце, знову скористайтесь Edit > Free transformале цього разу просто стисніть яйце по вертикалі. Потім виберіть Direct Selection Tool, знову виділіть середні точки, і змініть довжину напрямних кожної точки. Це зменшить кут нахилу між точками. Вітаю, ми відтворили форму яйця. І це перший крок на шляху створення логотипу у Фотошопі. Перейдемо до літер. Це яйце треба залити білим кольором.

Малюємо літери у Фотошопі

Виберіть перше яйце і продублюйте шар. Помістіть його на верх і скористайтесь Edit > Free transformщоб зменшити його розмір до розміру літери, яка поміститься всередині яйця. Не вимикайте Free transform, потягніть за середні якір, щоб розширити яйце по вертикалі.

Знову продублюйте це яйце Layer > Dublicate Layer, знову виберіть інструмент Free Transformі зменшіть цей шар затиснувши SHIFTна клавіатурі, щоб зменшення було рівномірним. Залийте фігуру, що вийшла, білим кольором і при необхідності, а вона швидше за все виникне, трансформуйте її ще раз по вертикалі і горизонталі, щоб отримати візуально рівномірний контур літери, замість звужується по краях.

Знову продублюйте блакитне яйце від літери Qта перемістіть його в ліву сторону. Це буде основою для літери А. Для початку розгорніть його в інший бік Edit > Transform Path > Horisontalі стисніть його по горизонталі, щоб надати більш стислу форму і за необхідності скористайтеся Direct Selection Tool, щоб змінити фігуру точково, наприклад, збільшити кут овалу подовживши напрямні по краях.

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

Залишилося домалювати частину літери Q. Виберіть інструмент Rectangle Toolі намалюйте маленький прямокутник. Залийте його білим кольором та помістіть під букву Q. Продублюйте і зменшіть його за допомогою Free Transform, потім помістіть вище літери Q. Наш логотип у Фотошопі наближається до завершення.

Створюємо складну векторну фігуру у Фотошопі.

А тепер увага. Досі ми грали у гуртки. Зараз буде щось складніше. Принаймні для моїх пальців, щоб описати. З незрозумілих мені причин вектор у фотошопі вважається найскладнішою темою. Я впевнений що найскладніша тема у Фотошопі це Анімація та 3D, але ніяк не вектор. Якщо ви зовсім не розумієтеся вам допоможуть мої статті, і, але найбільше для розуміння наступних процесів, вам допоможе моя стаття так як саме цими режимами ми будемо користуватися весь час, що залишився.

Виберіть на шарах зовнішній блакитний овал від літери А. Тепер виберіть інструмент Path Selection Toolі клацніть по овалу. Овал буде виділено. На шарах ви побачите, що ваша векторна маска підсвітилася. Це тому, що тепер ми працюємо всередині векторної маски цього шару. Далі попереджаю, не користуйтесь інструментом Move Toolвін управляє шарами. Використовуйте тільки Path Selection Tool, який на вигляд виглядає як чорна стрілочка, але керує не шаром цілком, а тільки векторним контуром в масці.

Виділіть інструментом Path Selection Toolовал, потім Edit > Copyі Edit > Paste. Візуально нічого не сталося, але ми скопіювали контур і тепер на масці їх два. Другий контур не видно, тому що знаходиться в тому ж місці, де перший. Це легко виправити. Клацніть по контуру Path Selection Toolі перетягніть його. Потім використовуйте Free transformщоб деформувати контур. Я досить серйозно змінив форму овалу, скориставшись не тільки Free transformале й Edit > transform Path > Warp

Повторіть усю операцію. Виділіть другий контур інструментом Path Selection Tool, натисніть SHIFT. На курсорі Path Selection Toolз'явиться плюс. Тепер посуньте контур і він скопіюється. І це другий спосіб дублювати контури. B цього разу я знову скористався трансформацією через Warpщоб ще сильніше зігнути овал.

Тепер виділіть інструмент Rectangle Tool. Візуально нічого не змінилося. Але зверніться до панелі налаштувань Rectangle Tool. Швидше за все там обрано опцію Create Shape New Layer. Скориставшись Rectangle Toolви просто створите інший шар із новою векторною маскою. А ми цього не хочемо. Ми хочемо малювати лише на одному шарі. Перейдіть в панелі налаштувань на опцію Add to Shape Area (+)Ця установка додає векторні шляхи на вже створені векторні маски. Залишилося тільки виділити правильну маску вектор на потрібному векторному шарі. Намалюйте 2 прямокутники.

Залишилося зібрати зі всієї цієї гори нормальну фігуру і для цього ми скористаємося режимами Add, Subtract, Exclude та Intersect. Налаштування - Subtractперетворює векторну фігуру на векторну фігуру, що «вирізає». Як у букві 0 є 2 контури. Але один зовнішній, що заповнює, а другий, менший, що вирізує. Ось і оберіть інструментом Path Selection Toolвеликий прямокутник і овал, і перейдіть в налаштуваннях на Subtract from Shape Area (-)

Для точності виберіть інструмент Rectangle Tool, у налаштуваннях поставте Subtract from Shape Area (-)і відріжте ще один шматочок від літери А. Потім виберіть інструмент Direct Selection Tool, клацніть по верхньому куткувузького прямокутника, виділіть векторну точку та потягніть її вниз. Фігура набула сенсу. І якщо все правильно, ви щойно навчилися робити логотип у Фотошопі з нуля.

Зливаємо векторні шари

Зливаємо в дещо іншому сенсі. Я не маю наміру розтеризувати шари, які ми старанно малювали у векторі. Але подивіться, що відбувається на робочій області. Що є наші векторні фігури? Здебільшого це купа овалів, які налазячи один на одного, створюють видимості складних фігур. А насправді у нас лише одна складна фігура, буква А. Ми бачимо QАле тільки тому, що білий овал поверх блакитного овалу, а хвостик букви Q перетинає основне яйце, здається ніби в цьому місці яйце переривається, щоб дати хвостику Q вийти за межі, але насправді білий прямокутник візуально закриває яйце.

З одного боку зійде і так, а з іншого боку, кожна з цих фігур при збереженні PDF створить маску з растрової заливкою, яка буде вбудована всередину. Ми отримаємо цілу купу шарів, маски яких перекриватимуть один одного. Такий фаїл буде більше важити, а в хаосі шарів неможливо розібратися, тому я пропоную створити всього 3 складні фігури, замість 104 простих.

Почнемо з літери А, яка вже складна, але білий овал зверху як і раніше існує у вигляді другого шару, що закриває частину літери А. Виділіть інструментом Move Toolмаску білого овалу, що знаходиться вище літери А. Потім виділіть векторний контр інструментом Path Selection Tool. Скопіюйте його Edit > Copy. Тепер клацніть по масці шару літери Aзробіть Edit > Pasteскопійований контур. Ми впровадили контур у маску літери А, залишилося задати йому правильні налаштування і ці налаштування Subtract from Shape Area (-)Тепер ви можете сміливо видалити непотрібний овал, у вас з'явилася складна фігура. При впевненості, що ви більше не мінятимете контури, виділіть інструментом Path Selection Toolвсі контури літери Aі злийте їх натиснувши кнопку Combineна панелі налаштувань.

Зробіть те саме з літерою Q. Виділіть білий хвостик та білий овал і скопіюйте контури всередину основного блакитного контуру від літери Q. Змініть їх налаштування на Subtract from Shape Area (-)Потім скопіюйте і видиму частину хвостика. І я б злив літери Aі Q, тому що вони не призначені для того, щоб перебувати окремо один від одного. У ході подібної роботи може виявитися ситуація, коли у вас всередині однієї маски буде контур, що додає, і приховує. І приховуючий буде перекривати той, хто додає. Ось що відбувається насправді. Вирізуючий контур вирізують додає, тому що знаходиться вище по ієрархії. Насправді, всі ці контури знаходяться не на одній площині. Звичайно, у фотошопі немає «Шарів» контурів, ними неможливо керувати, оскільки в Ілюстраторі. Все, що ми можемо зробити, це вирізати контур і скопіювати його назад. Тоді він з'явиться вище за всі інші контури.

Аналогічну роботу проробіть з контурами великого яйця, щоб у результаті отримати всього 2 шари - зовнішня темно-блакитна смужка і внутрішня світло-блакитна. І мені здається, ми щойно намалювали логотип у векторі за допомогою Фотошопу. Залишилось лише зберегти його у формат PSD, EPSабо PDF.

Друк логотипу

У плані друку логотипу важливі кольори. Працюйте у колірному режимі CMYK,Image > Mode > CMYKпро який ви докладно можете почитати в моїй статті, щоб дізнатися, як готувати графіку для друку, почитайте статтю. Якщо ви впевнені, що логотип створюється насамперед для Веб контенту я все одно порадив би вам досягти максимально яскравих кольорівв CMYK, а потім вже перекладати логотип у RGBдля використання у веб. У такому разі ви будете впевнені в тому, що логотип виглядатиме однаково як на друк так і в інтернеті. І я сподіваюся, що тепер ви зможете самі створити цілком професійний технічному планілоготип.

Сьогодні я покажу вам, як за допомогою фігур та стилів шару створити гарний логотип Apple WWDC у Photoshop CS5. Ви дізнаєтесь, як створити гарний логотип, при цьому не використовуючи безліч технічних прийомів. Посилання на файл PSD уроку вказано в кінці уроку. Отже, давайте приступимо!

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

Підсумковий результат

Крок 1

Спочатку створіть новий документ (Ctrl+N) у програмі Adobe Photoshop CS5 з такими розмірами: 1920 px х 1200 px (колірний режим RGB), роздільна здатність 72 пікселів на дюйм(pixels/inch). Виберіть інструмент Заливка(Paint Bucket Tool (G)) і залийте шар з заднім тломколірний відтінок #120807. Підберіть логотип Apple у форматі PNG. Додайте вибраний логотип на наш робочий документ, я використовував логотип , посилання на який дано на початку уроку. За потреби, ви можете збільшити масштаб зображення за допомогою інструмента Вільна трансформація(Free Transform (Ctrl+T)).

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

Крок 2

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

Крок 3

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

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

Зайдіть у налаштування градієнта. Встановіть кольори градієнта, які вказані на скріншоті нижче. Натисніть кнопку OK, щоб закрити вікно налаштувань редактора градієнта.

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

Крок 4

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

Крок 5

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

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

Примітка перекладача: автор до рожевих квадратиків додає сині квадратики.

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

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

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

Крок 6

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

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

Крок 7

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

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

Крок 8

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

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

Крок 9

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

Крок 10

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

Крок 11

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

Крок 12

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

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

25.01.16 13.3K

Нерідко при створенні сайту потрібно розробити логотип, який має бути яскравим і незабутнім. Чому так важливо? Логотип – це свого роду емблема, символ компанії або сайту, який використовується як реклама та підвищення впізнаваності. Тому логотип – це важливий атрибут кожної організації, який представляє її ім'я.

Хороший логотип повинен відповідати таким вимогам:

  • запам'ятовуваність – бажано, щоб логотип запам'ятовувався людиною після кількох поглядів нею;
  • унікальність – логотип має бути не схожим ні на одні з існуючих логотипів на ринку. Понад те, він має виділятися з їхньої фоні;
  • оригінальність – у логотипі має полягати цікава «фішка», яка також впливає на впізнаваність та запам'ятовуваність;
  • лаконічність – логотип не повинен бути перевантаженою інформацією;
  • асоціативність – логотип має залишати чітку асоціацію із компанією.

Логотипи поділяються на три типи:

  • Назва, представлена ​​в оригінальній графічній обробці;
  • Фірмовий знак;
  • Фірмовий блок – симбіоз назви та фірмового знака.

Створення логотипу

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

Перед початком уроку варто згадати онлайн-сервіси генерації логотипів таких як: www.logaster.ru, ogotypecreator.com і т.д. Звичайно, це зручно, але в такому разі відсутній елемент особистої творчості і не завжди користувач буде задоволений результатом. У той час як створення логотипу у фотошопі дає повну свободу і можливість зробити логотип таким, що максимально відповідає задуму автора.

Тож почнемо.

  • Після запуску Photoshop необхідно створити новий файл. Для прикладу буде встановлена ​​ширина та висота 300 на 250 пікселів відповідно;
  • Заливання фону. Для цього в меню "Шари" вибрати пункт " Новий шар-заливка», «Колір»:
  • У меню "Фільтр" переходимо через пункт " Галерея фільтрів» і вибираємо відповідний фільтр:

  • Далі малюємо логотип у фотошопі за допомогою інструменту «Еліпс» та заливаємо його кольором:

  • Після цього в меню "Шари" вибираємо "Стиль шару". У вікні, що з'явилося, переходимо на вкладку «Обведення»:


-Поточний результат представлений нижче:

  • Тепер потрібно виконати напис, щоб отримати гарний логотип у фотошопі. Так як на даний момент створена лише заготівля – тло логотипу. Використовуючи інструмент « Горизонтальний текст», створюємо напис потрібного кольору:

  • Потім необхідно деформувати текст і використовувати Обведення , як це було зроблено раніше, а також застосувати стиль Тінь. Усі налаштування стилів шару та інструментів встановлюються залежно від своїх переваг:


І на завершення уроку про те, як створити логотип у фотошопі додамо тематичні зображення до вже створеної емблеми. Для цього у Photoshop необхідно відкрити картинки, які будуть додані на логотип, виділити потрібні ділянки та перетягнути їх на шар із тлом. В результаті виходить досить цікавий логотип: