Help:Посібник зі створення векторних логотипів

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
This page is a translated version of a page Help:Vector logos tutorial and the translation is 92% complete. Changes to the translation template, respectively the source language can be submitted through Help:Vector logos tutorial and have to be approved by a translation administrator.
Outdated translations are marked like this.

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

Передумови

Ймовірно, Вам потрібен буде редактор векторної графіки, бажано такий, що може створювати файли у форматі Scalable Vector Graphics (SVG) — стандартний формат для файлів векторної графіки в мережі, а також формат, який слід використовувати на Вікісховищі. Inkscape тут є чудовим вибором. Ця програма є вільною, і ще раз вільною!..

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

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

Пошук

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

Найбільш поширеними типами файлів векторної графіки, які слід шукати, є

  • Scalable Vector Graphics (.svg), відкритий веб-стандарт, що також використовується на Вікісховищі
  • Adobe Illustrator Artwork (.ai) — рідний формат найвідомішого комерційного редактора векторної графіки (зазвичай містить PDF або EPS)
  • Portable Document Format (.pdf) — більш загальний, орієнтований на друк, формат документів, що може містити об'єкти векторної графіки,
  • Encapsulated PostScript (.eps) — подібний до PDF
  • PostScript (.ps) — подібний до PDF

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

У мережі є колекції векторних логотипів. У цьому випадку навіть простий пошук «назва бренду svg» може бути успішним.

Чимало проектів вільного програмного забезпечення мають код (він нерідко включає логотипи, але часто лише бітмап-версії) у публічному репозиторії на GitHub. У них можна легко віднаходити файли, наприклад, за extension:svg.

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

Особливо більші компанії часто мають професійно розроблені документи у форматі PDF, які часто містять речі, що ідентифікують компанію, такі як логотипи, і часто саме у векторному форматі. Ці логотипи можна видобути за допомого, наприклад, Inkscape, і після цього Вам треба буде виконати хіба що кілька виправлень. Скористайтесь ключовим словомfiletype:pdf, щоб відшукати такі файли, напр., у компібнації з назвою бренду чи site:brandwebdomain.com.

Текстові логотипи

У випадку текстових логотипів чи текстових частин деяких логотипів Ви можете спробувати ідентифікувати використані шрифти.

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

Ці пошукові системи може бути трохи складно використовувати успішно. Іноді до успіху можна дійти лише якщо не здаватись одразу ж після отримання поганих результатів або й їх відсутності. Уважно вибирайте те, що Ви використовуєте як пошуковий запит — щоб цього матеріалу не було замало й не було забагато, можливо спробуйте без якихось тривожних елементів у Вашому пошуковому запиті, контраст, ... Задайте в пошуку приклад із кращою роздільністю, якщо можливо. Зворотній пошук зображення, такий як images.google.com, TinEye чи подібні пошукові системи теж можуть згодитись. Можливо, Ви не знайдете кращої версії, але відшукаєте «подібне зображення» (напр., щось інше, що містить той же шрифт), що працює краще. Іноді навіть (вміле) збільшення розміру зображення в редакторі може допомогти. Зазвичай вистачає лише декілька символів для пошуку.

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

Знайшли щось? отримайте файл шрифту і встановіть його.(Можливо, перезапустіть свій графічний редактор, щоб шрифт завантажився в нього.) У малоймовірному випадку гарнітури під вільною ліцензією Ви можете відшукувати й завантажувати чимало таких шрифтів через fonts.google.com. В іншому разі — може Ви можете, скажімо, позичити шрифт звідкись? — Вам треба скористатись ним лише один раз, і ліцензія Ваших інструментів не має значення для ліцензії створеного файлу...

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

Ручне креслення

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

Ви захочете відшукати найкращий із доступних шаблонних файлів — той, що має найвищу роздільність. Скористайтесь зворотнім пошуком зображень, використавши відомий файл (напр., із заголовка веб-сайту бренду) як відправну точку для пошуку версії з вищою роздільністю, якщо така є десь в мережі. Загалом тут також діють підказки з розділу про пошук. Остерігайтесь версій, що мають багато пікселів, але містять лише сильно масштабований, низькоякісний вміст! Як це, можливо, очевидно, PNG-файли зазвичай мають точніший контент з розрахунку на піксель, аніж їх JPEG-версії.

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

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

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

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

Ліцензування

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

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

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

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

Див. також