1. Призначення logo для Інтернет-ресурсу
2. Як самому зробити логотип для сайту?
3. Сайти для створення логотипів онлайн
4. Logaster
5. LogoMaker
6. LogotypeMaker
7. Online LogoMaker
8. CoolText
9. Програми для створення логотипів
10. Sothink Logo Maker
11. AAA Logo
12. Як завантажити логотип на свій Вордпресс-блог?

Привіт всім!

Сьогодні розберемося, як швидко і просто самому зробити гарний логотип для свого сайту або блогу. Ми розглянемо кілька сервісів і програм, які нам в цьому допоможуть. У даній статті будуть наведені приклади роботи з інструментами і їх функціонал. А ви зможете вибрати, який із способів створення логотипів підходить вам більше.

зміст:

1. Для чого потрібні логотипи, їх види
2. Як самостійно створити лого для сайту?
3. Онлайн-сервіси
4. Офлайн програми
5. Додавання логотипу на сайт на WordPress

Призначення logo для Інтернет-ресурсу

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

Логотипи умовно можна розділити на три основних види:

• текстовий;
• символьний;
• Комбінований.

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

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

Додатково можна виділити емблеми. В емблемах назва компанії з художнім оздобленням створює єдину композицію.

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

Якщо ж це ваша перша «проба пера», і ви створюєте лого для нового блогу дотримуйтесь основних правил. Бажано, щоб ваш логотип був унікальним і оригінальним. Адже якщо одне і те ж зображення використано на десяти подібних блогах, то його призначення і початковий сенс губляться. Важливо, щоб логотип був упізнаваним і висловлював суть вашого ресурсу (компанії, організації), його основні цінності.

Як самому зробити логотип для сайту?

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

Сайти для створення логотипів онлайн

Ми розглянемо п'ять найбільш популярних ресурсів.

Logaster

Дане веб-додаток, що є на десяти мовах (в тому числі російською) - Logaster

На сьогоднішній день сервіс дозволяє створити безкоштовно маленький логотип. Для того, щоб завантажити створене лого в хорошій якості, потрібно заплатити 9,99 $.

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

Ми перейшли безпосередньо до створення логотипу для сайту. Тут представлена ​​велика кількість варіантів. Можна фільтрувати картинки за ключовими словами ( «Пошук іконок»)

Вибирати картинки можна переходячи на різні сторінки списку. Також під іконками є функція «Змінити параметри», де ви можете задати колірну гамму, додати слоган або поміняти назву. Коли логотип обраний, переходимо на наступну сторінку «Редагувати лого».

Тут можна подивитися, як виглядає логотип на бланках, візитках (праворуч), а також в різних кольорах і оформленнях. Також клікнувши на кнопку «Редагувати лого» можна вносити коригування: змінити шрифт тексту, колір, картинку та інше.

Наступний етап - збереження логотипу. Для цього буде потрібно ввести email і пароль (створення облікового запису).

Після реєстрації ви зможете скачати створене вами лого безкоштовно в маленькому розмірі:

Розмір безкоштовного логотипу для сайту в моєму випадку - 191 × 73 пікселя з водяними знаками Логастера в різних колірних гамах.

Водяний знак праворуч можна легко обрізати.

LogoMaker

Це англомовний ресурс і підтримує він тільки латинські букви при створенні лого (кириличні символи відображаються у вигляді знаків питань).

Якщо вам підходять латинські символи в назві, тиснемо «Make a logo» на головній сторінці сайту. Вибираємо напрям діяльності і прописуємо назву сайту.

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

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

Наступний етап - редагування:

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

Після того, як внесені всі коригування, натискаємо «Save logo». Для збереження потрібно ввести поштову адресу і пароль.

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

LogotypeMaker

На даному онлайн-ресурсі можна зробити логотип для сайту безкоштовно в дозволі 300 dpi в форматі jpg, png. Інтерфейс доступний російською мовою.

Тиснемо «Створити логотип» і вводимо назву свого сайту. Після оновлення стають доступні картинки з потрібним назвою:

Вибираємо вподобаний (для безкоштовного скачування вибирати слід логотипи з позначкою) і приступаємо до редагування:

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

Online LogoMaker

Тут можна вибрати мову інтерфейсу «Русский» і приступати до створення лого для сайту, натиснувши «Запустити LogoMaker». Далі в панелі управління зліва тиснемо «Додати символ» і вибираємо сподобався нам малюнок. Для цього можна вибрати відповідну категорію:

Тиснемо на обрану картинку, а далі міняємо текст під нею.

Тут же можна змінити шрифт тексту, його розмір, колір та інше. Також, клікнувши по картинці, можна змінювати її кольору, розмір. Уже на цьому етапі для безкоштовного скачування логотипу можна зробити скріншот, а потім його відредагувати в програмі (Paint, Photoshop, Word і т.д.), прибравши все зайве. Або натискаємо в правому верхньому куті «Завантажити» і вибираємо безкоштовну або платну завантаження. У безкоштовному варіант ми завантажуємо файл у форматі png з дозволом 300 px.

CoolText

Наступний онлайн-сервіс служить для створення текстових логотипів.

Вибираємо необхідний нам шрифт зі всієї великої кількості і натискаємо на нього.

Далі прописуємо назву нашого сайту, міняємо розмір тексту, якщо буде потрібно. Тиснемо «Create Logo» і завантажуємо логотип, в моєму випадку в форматі gif.

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

Програми для створення логотипів

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

Sothink Logo Maker

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

Розглянемо основні кроки роботи з програмою Sothink Logo Maker.

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

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

1. Всі картинки можна міняти, вибираючи готові іконки з правої колонки. Для них також можна задавати колірну гамму.
2. У тому числі можна імпортувати картинки в програму з інших джерел.
3. Після того, як логотип створений, його можна зберегти на комп'ютер, натиснувши Export Image.

У пробної версії збережені вами файли будуть містити водяні знаки.

Дана програма дозволяє зберігати логотипи в jpg, png, bmp, tif і svg форматах.

AAA Logo

Програма працює за схожим принципом з Sothink Logo Maker:

• вибираємо темплейт;
• вносимо зміни в текст і об'єкти;
• зберігаємо готовий логотип.

Експортувати файли можна у всіляких форматах (jpg, png, psd), в тому числі в векторних (eps, svg).

Експорт можливий тільки в повній версії програми.

Приклад створення логотипу в програмі AAA Logo можна побачити в відео-ролику:

Як завантажити логотип на свій Вордпресс-блог?

Існують теми з можливістю заміни базового логотипу, і без лого зовсім. Тому підхід до додавання логотипу на сайт на WordPress може проходити трьома різними способами.

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

Якщо в шаблоні вже є логотип, але підтримки заміни немає, потрібно зайти в папку з картинками вашої теми: / wp-content / themes / назва шаблону / images /

У цій папці необхідно знайти файл теми (як правило, logo.jpg). Згідно розмірами даного логотипу коригуємо наше нове лого. Називаємо його так само як файл теми і замінюємо старий логотип на новий.

Наступний варіант - у вашій темі немає підтримки логотипів. У такому випадку потрібно додати потрібний код в файли шаблону. Для початку вибираємо місце, куди будемо розміщувати логотип, редагуємо його під потрібні розміри, даємо назву, наприклад, logo.jpg. Після цього поміщаємо його в папку теми з зображеннями (/ wp-content / themes / назва шаблону / images /).

Найчастіше, логотип поміщають в шапці сторінки, а тому ми будемо вносити зміни в файл header.php. Після <div id = "header"> вписуємо наступний код:

<img src = "https: // ім'я сайту / wp-content / themes / назва теми / images / logo.jpg" style = "position: absolute; top: 20px; left: 15px;">

В описі стилю ви можете змінювати відступи для переміщення картинки (top, left).

Якщо ви захочете, щоб логотип був посиланням, наприклад, на головну, код зміниться на такий (на прикладі мого блога):

<a href="https://pro-wordpress.ru> <img src = "https://pro-wordpress.ru/wp-content/themes/название теми / images / logo.jpg" style = "position: absolute; top: 20px; left: 15px; "> </a>

Також можна додатково внести правки в логотип у файлі стилів style.css. Про те, як працювати зі стилями читайте в статті «Редагування стилів CSS в WordPress» .

Це вся інформація на сьогодні. До нових зустрічей!