Як зробити логотип для сайту самостійно, якщо немає таких навичок і відповідних програм? У наш час - це цілком вирішуване завдання. Не потрібно ніякого спеціалізованого софту, створити логотип для свого сайту або блогу можна самому в режимі ONLINE, за допомогою спеціальних сервісів. Про них якраз і піде мова в цій статті, але і крім цього, в ній можна буде узнаеть про те, як зробити логотип у вигляді напису або кнопки, графічного елементу або просто тексту, за допомогою фотошопу або онлайн-сервісів, а також як його встановити на сайт або блог Wordpress.
Логотип (лого, logo) - це фірмовий знак ресурсу, який відрізняє його від інших. Це найважливіший елемент, який повинен бути присутнім на кожному сайті- практично всі успішні web-сайти мають свій унікальний логотип. Він може являти собою як звичайну напис (url-адресу або назву сайту), так і графічний елемент (тварина, рослина чи будь-який предмет).
Якщо є серйозні плани на сайт, в плані його розкрутки та підвищення відвідуваності, то просто необхідно створити власний logo, адже без нього даний ресурс навряд чи сприймуть всерйоз.
1. Що таке логотип
Спочатку логотип представляв собою товарну марку якої-небудь компанії, як правило, виробляє продукцію. За допомогою нього організація виділялася серед конкурентів і залишалася в пам'яті споживачів. Лого був обличчям компанії.
З появою інтернету логотип став з'являтися у багатьох сайтів. Так вебмастери намагалися виділитися. А зараз ситуація кардинально змінилася: популярність логотипу так зросла, що він став невід'ємною частиною будь-якого сайту. І тепер лого потрібен для того, щоб «не виділятися з натовпу» - в поганому сенсі фрази.
Так, відсутність логотипу не допоможе збільшити відвідуваність сайту за пошукових систем, але його завдання інше - привернути увагу відвідувачів, змусити їх повернутися.
Логотипи можна розділити на три види:
- текстові;
- графічні;
- текстові та символьні.
До логотипу пред'являється велика кількість вимог:
- повинен легко запам'ятовуватися, занадто складний логотип не допоможе розвиватися блогу-
- повинен бути оригінальним, інакше на нього не будуть звертати увагу відвідувачі;
- повинен бути унікальним, інакше він не зможе виділитися;
- повинен бути асоціативним, тобто відображає характер блогу та його автора.
2. Як зробити текстовий логотип (онлайн)
Текстові логотипи дуже просто зробити за допомогою онлайн-сервісів. Їх зараз достатньо, тому є з чого вибрати. Ось сервіси, які виявилися найбільш корисними для роботи вебмайстрів:
Зручний і простий генератор лого, відмінно підійде для тих, хто бажає швидко створити логотип, що не вдаючись в усі тонкощі цієї справи. Можна зробити собі логотип менш, ніж за хвилину - потрібно буде лише ввести напис, яку ви бажаєте бачити в логотипі, вибрати відповідний стиль і натиснути на кнопку [Enter]. Іншими словами, створення лого проходить в 3 кроки:
- крок 1: вибираємо сподобався стиль і натискаємо на нього;
- крок 2: вводимо бажану напис, при необхідності міняємо деякі налаштування стилю;
- крок 3: натискаємо на кнопку [Create Logo] і викачуємо логотип.
Трохи більш складний, але відмінний багатофункціональний генератор, що допомагає зробити логотип для сайту.
Перейшовши на головну сторінку сайту, можна знайти безліч різних шаблонів. Виберіть той, який подобається більше інших, і натисніть на нього лівою клавішею миші.
Після цього потрапите на сторінку з параметрами стилю, де можна налаштувати:
- шрифт;
- колір шрифту;
- колір фону (якщо є);
- градієнт фону;
- параметри градієнта;
- розширення логотипу.
Якщо вирішите поміняти шрифт тексту або фон, на якому він розташований - клікніть по них і виберіть більш підходящі.
Найкраще зберігати логотип в форматі gif (гірше якість, менше розмір) або png (краще якість, але більше розмір).
Налаштувавши параметри, натискайте на [Render Logo]. Після цього потрапите на сторінку із зображенням обраного логотипу. Скачайте його за допомогою посилання [Download Image].
Цей генератор трохи менше функціональний, ніж два попередні, але зате їм легко користуватися. Все що потрібно - налаштувати вікно з параметрами майбутнього лого:
- [Text] - напис на логотипі.
- Галочка [Bold] - жирний, [Italic] - курсив, [Underline] - підкреслений.
- [Background Color] - колір фону, праворуч від нього знаходиться палітра. Натиснувши на неї, можна вибрати підходящий. Аналогічно для полів [Color A] і [Color B] - це інші кольори логотипу.
- [Font] - вид шрифту.
- [Font size] - розмір шрифту.
- [Reflection Proximity] - це поле можна пропустити, воно відповідає за прозорість лого.
- [Add Symbol] - тут можна вибрати гарний символ і додати його в логотип.
- [Symbol Position] - розташування символу: [Left] - ліворуч-[Right] - справа.
- [DPI] - роздільна здатність, чим вона вища, тим більше розмір файлу і вище якість. Я використовую стандартне значення.
- [Type] - тип розширення. Рекомендуюется зберігати файл у форматах png або gif.
Налаштуйте параметри та натисніть на кнопку [Create Logo], через кілька секунд сторінка перезавантажиться, і вибраний логотип з'явиться у верхній частині сторінки. Щоб завантажити його, натисніть на нього правою кнопкою миші і виберіть «Зберегти картинку на комп'ютер» або щось аналогічне.
3. Як зробити текстовий логотип у вигляді кнопки
Крім звичайних генераторів, існують також і конструктори кнопок. У цьому випадку логотип може красуватися на тлі кнопки. Такі logo оригінальні і красиві, тому є сенс їх використовувати.
Непоганий конструктор кнопок. За хвилину можна зробити самостійно логотип, перейшовши на даний сайт.
Там знаходяться три поля:
Перше поле містить шаблони кнопок. Вибирайте будь-який вподобаний і натискайте на нього лівою кнопкою миші. Через кілька секунд у третьому полі картинка оновиться. До речі, врахуйте, що колір шаблону поміняти не можна.
Друге поле містить параметри написи:
- Поле [Text] - напис на логотипі.
- Кнопка [Aply] - застосувати зміни.
- [Font] - вид шрифту.
- [Font size] - розмір шрифту.
- [Font color] - колір шрифту.
Нижче розташовується палітра, з її допомогою можна поміняти колір напису.
[X, Y coordinate] - координати написи (за замовчуванням - центр). Якщо хочете змістити напис, змініть ці значення.
[Angle] - обертання написи в градусах (проти годинникової стрілки).
Третє поле відображає вид логотипу. Його можна скачати в будь-який момент, для цього треба натиснути на нього правою кнопкою миші і зберегти зображення на комп'ютер.
Цей конструктор кнопок містить більше налаштувань, ніж попередній. Але його основна перевага полягає в тому, що він створює css-код стилю кнопки. Можна зберегти цей стиль у відповідному файлі теми і використовувати його, не повертаючись на сайт.
Генератор кнопок складається з трьох областей. Тут кнопки створюються у вигляді прямокутників.
У першому полі знаходяться параметри написи logo-картинки:
- [Text] - напис лого.
- [Font] - розмір шрифту.
- Галочки [Bold] і [Italic] - жирний і курсив.
- [Size] - розмір напису.
- [Color] - колір напису.
- [Text shadow] - тінь написи.
- [Distance to text] - віддаленість тіні від напису.
- [Color] - колір тіні.
- [Output type] - вихідний тип (виберіть css background, щоб отримати css-код).
- [Image format] - формат зображення.
У другому полі знаходяться налаштування кнопки:
- [Style] - вид кутів.
- [Background] - стиль заливки.
- [Bolder] - наявність рамки.
- [Shadow] - наявність тіні від рамки.
- [Size] - розмір кнопки (або фіксований, або гумовий).
В третьому полі відображається сам логотип. Його можна зберегти на комп'ютер в будь-який момент.
4. Як створити логотип у фотошопі
Не обов'язково використовувати онлайн-сервіси для створення логотипу. Можна скористатися фотошопом, програма дозволяє створити дуже красиві варіанти logo-картинок і фавіконок.
Запустіть фотошоп і виберіть Файл-> Створити, тут виберіть ширину і висоту нового документа. Вибирайте їх розміри такими, який хочете бачити кнопку.
Вибираємо форму кнопки за допомогою інструментів «Постаті» в бічній панелі інструментів: це може бути прямокутник із звичайними або гострими кутами, круг, овал, ромб і т.д. До речі, якщо захочете зробити коло, то виберіть овал, затисніть [Shift] і малюйте. Також не забудьте вказати відповідний колір кнопки.
Тепер потрібно трохи прикрасити вийшов овал. Вибирайте Слоі-> Стиль шару-> Внутрішня тінь. Тут потрібно виставити зміщення і розмір тіні. Можете експериментувати і з іншими стилями шару або скористатися ефектами фільтрів (кнопка Фільтри верхнього меню).
Залишається додати напис за допомогою інструменту "Текст" бічній панелі інструментів.
5. Як зробити графічний логотип
Логотип може містити не тільки напис, але і який-небудь графічний елемент. Для цієї справи підійде відмінний конструктор, що знаходиться за адресою . Перейдіть на цей сайт, знайдіть посилання [online logo maker], щоб потрапити в генератор лого.
Як тільки конструктор завантажиться, то можна почати роботу. Він досить потужний, функцій багато, тому не поспішайте - розбирайтеся з ним потихеньку. Генератор має 5 полів:
Перше поле містить у вигляді списку об'єкти логотипу (на англ. мові).
Друге поле містить кнопки для створення нових елементів, як графічних, так і текстових (але, на жаль, російські літери не підтримуються), а також кнопки завантаження logo-картинки.
Третє поле містить посилання, які, в принципі, вам не знадобляться. На них не звертайте уваги.
Четверте поле містить такі параметри, як обертання, затемнення, позиція елемента і т.д. Можна використовувати параметри цього поля, але все це можна зробити за допомогою миші.
П'яте поле - зовнішній вигляд отриманого логотипу, робоча панель.
6. Де замовити хороший логотип
У представлених вище генераторів є істотний недолік - з їх допомогою виходить логотип середньої якості. Якщо є бажання створити для свого сайту дійсно якісний logo, тоді краще звернутися до професіоналів і замовити у них розробку логотипу. Знайти таких фахівців можна на біржах фрілансерів:
- freelance.ru
- free-lance.ru
- freelancejob.ru
- free-lancers.net
- freelancejob.ru
- weblancer.net
Для отримання хорошого логотипу, треба постаратися якомога докладніше скласти завдання фрілансерам. Для цього треба визначитися з розмірами логотипу, кольоровою гамою та іншими важливими параметрами. Логотип обійдеться десь в 1000-1500 рублів.
Якщо не вдається знайти відповідного логотипу, тоді є сенс скористатися послугами цього веб-дизайнера: . Ціна приблизно така ж, але зате можна бути впевненим у якості роботи цього виконавця.
7. Як додати логотип на сайт або блог Wordpress
Після того, як логотип буде зроблений самостійно або виконавцем, його потрібно буде додати на блог Wordpress. Процес додавання буде залежати від теми:
- тема підтримує заміну логотипу в своїх настройках;
- тема не підтримує заміну лого, але має стандартний логотип logo.png;
- тема не підтримує заміну і не має логотипа.
Перший випадок найпростіший: зайдіть в налаштування теми і замініть стандартний логотип на власний.
Другий випадок складніше. Тут знадобиться відкрити папку з темою (за допомогою ftp-менеджера або через хостинг) і знайти файл, який є логотипом. Швидше за все, тема буде знаходитися за адресою:
/ Wp-content / themes / імя_вашей_теми / images /
У цій папці пошукайте логотип, швидше за все, це буде файл logo.png або logo.jpg. Скопіюйте його на свій комп'ютер, потім за допомогою будь-якої програми роботи із зображеннями визначте розміри завантаженого логотипу (в пікселях). Виставте такі ж розміри для логотипу (який хочете додати), перейменуйте файл також, як був названий базовий логотип - logo.png або logo.jpg, і закачайте на хостинг, в ту ж папку де зберігався базовий. Під час закачування при спливаючому запиті на заміну існуючого файлу з такою назвою, погоджуйтеся на заміну. Цей випадок є універсальним і також підійде для будь-якого сайту. Необхідно лише самому визначити місце розташування файлу логотипу на хостингу.
Третій випадок найбільш складний. Тут доведеться «змусити» тему сприймати логотип. Для цього зайдіть в редактор теми (через адмінку Wordpress) і відредагуйте Заголовок (header.php). Вставте в потрібному місці (всередині тегів
) Таку строчку:
Тепер виконайте всі дії, описані в другому випадку. Якщо все виконаєте, то картинка з'явиться.
Джерело інформації:
- як зробити логотип для сайту самому (з картинками)