про салон
художня зйомка
рекламна зйомка
репортажна зйомка
зйомка iнтер'єрiв
весiльна зйомка
вiдеозйомка
наше портфолiо
контакти
уроки photoshop
робота з текстом
робота з фото
графіка для сайту
робота з ефектами
магія фотошопу

Кориснi статтi:

Створюємо якісні векторні логотипи


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

Робимо растр краще

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

Як приклад візьмемо gif-файл із логотипом компанії "Кодекс". Це файл із офіційного сайту компанії (мал. 1).


Рис.1

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

Цей файл має прозоре тло. При векторизации ефект прозорості ролі не грає, а в подальшій роботі він буде тільки заважати. Тому злийте шари зображення, вибравши команду меню Layer>Flatten Image (мал. 2).


Рис.2

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

Для початку переведемо логотип у градації сірого (grayscale). Для цього виберіть команду меню Image>Mode>Grayscale (мал. 3).


Рис.3

Тепер у вас є зображення з білим тлом і сірим логотипом замість синього.

Залишилося зробити сірі букви чорними. Виберіть Image>Adjust>Curves або просто натисніть комбінацію клавіш Ctrl+M.


Рис.4

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


Рис.5

Після того як всі попередні операції виконані, можна приступитися до збільшення дозволу зображення. Виберіть команду меню Image>Image size.


Рис.6

У панелі, що відкрилася (мал. 6) установите прапорці Constrain Proportions ("Однакові зміни по ширині й висоті") і Resample Image ("Проводити зміни дискретних розмірів"). У поле Resample Image виберіть Bicubic ("Бикубическая інтерполяція"). А в поле Height ("Висота") задайте розмір 600 пикселов - цього цілком вистачить для якісної векторизации.


Рис.7

У підсумку вийде зображення достатнього дозволу, але з розмитими контурами й східчастими краями букв (мал. 7).

Щоб забрати східчасті краї, використаємо размитие по Гауссу. Укажіть у меню Filter>Blur>Gaussian Blur.


Рис.8

На панелі фільтра (мал. 8) треба підібрати таке мінімально можливе значення параметра Radius ("Радіус размития"), при якому сходи краю розмиваються й стають непомітними.


Рис.9

Отже, ми одержали зображення із краєм без сходів, але з розмитими контурами (мал. 9), яким необхідно додати чіткість.

Виберіть команду меню Image>Adjust>Levels або просто натисніть комбінацію клавіш Ctrl+L.


Рис.10

Панель Levels (мал. 10) розділена на дві частини: Input Levels ("Вхідні рівні") зверху й Output Levels ("Вихідні рівні") знизу. У нашому випадку потрібно буде працювати тільки із вхідними рівнями.

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


Рис.11

Краю логотипа стали більше чіткими (мал. 11).

Наступний крок - конвертування логотипа в чорно-біле (bitmap) зображення, але колись застосуємо до файлу граничне перетворення. Це дасть більше можливостей для контролю над процесом конвертування. Отже, укажіть у меню Image>Adjust>Threshold.


Рис.12

На панелі, що відкрилася, Threshold (мал. 12) розташована вже знайома гистограмма й движок (а також поле із числовим значенням Threshold Level), що вказують поріг перетворення. Нам потрібно підібрати поріг так, щоб забезпечити усунення шумів на краях букв і максимальну передачу деталей (мал. 13).


Рис.13

Тепер виберіть команду меню Image>Mode>Bitmap, і логотип перетвориться в чорно-біле зображення.


Рис.14

панель, Що Відкрилася, Bitmap (мал. 14) розділена на дві частини - Resolution ("Дозвіл") і Method ("Метод перетворення").

У частині Resolution у поле Output уведіть таке ж значення, як установлене в поле Input. Далі в частині Method у поле Use ("Використати") виберіть 50% threshold ("Граничне перетворення по 50%-ному сірому"). А тому що граничне перетворення вже проведене, то в режимі bitmap всі пиксели залишаться колишніми, зміниться тільки глибина кольорів (мал. 15).


Рис.15

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

Перетворюємо растр у вектор

Для векторизации графіки використаємо Adobe Streamline 4.0. Нарівні із цією програмою я також застосовую CorelTRACE 10. Обидві програми мають подібні можливості векторизации, так що всі операції, пророблені в Adobe Streamline 4.0, ви без праці зможете повторити в CorelTRACE 10.

Програма Adobe Streamline 4.0 має великий набір попередніх установок, використання яких істотно прискорює процес її настроювання. Отже, виберіть команду меню Options>Setting або просто натисніть комбінацію клавіш Ctrl+T.


Рис.16

У лівому верхньому куті вікна, що відкрилося, Settings виберіть установку Clip Art (мал. 16). Для одержання якісного результату все-таки буде потрібно невелике настроювання параметрів перетворення. Укажіть у меню Options>Conversion Setup або використайте комбінацію клавіш Ctrl+J.


Рис.17

У вікні Conversion Setup (мал. 17) потрібно настроїти всього два параметри: Noise Suppression ("Придушення шуму") і Tolerance ("Допуск векторизации"). Поставте мінімальне значення придушення шуму, тому що шум у зображенні відсутній, і найменший допуск для забезпечення найбільш точної векторизации.

А тепер векторизуйте логотип, вибравши команду меню File>Convert або нажавши комбінацію клавіш Ctrl+R.


Рис.18

Отже, ми одержали векторний логотип. Щоб оцінити точність векторизации, настроїмо параметри відображення файлу (мал. 18). У лівому верхньому куті панелі файлу розташовані два поля. Перше відповідає за режим відображення графіки. У ньому виберіть пункт Art&Raster ("Векторизованная версія з накладенням на растровий оригінал"). Друге поле управляє режимом відображення векторизованной версії. Тут виберіть Artwork. У цьому режимі показуються тільки контури векторного зображення (на малюнку вони позначені червоними). Отримане векторне зображення практично збігається з растровим оригіналом. Збережете результат роботи, вибравши тип файлу EPS.

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

Останній крок

Для остаточної корекції векторизованного логотипа скористаємося програмою Adobe Illustrator 9.0. Можете також застосовувати CorelDRAW, Macromedia FreeHand або інший векторний редактор, до якому ви звикли. На даному етапі роботи будуть потрібні тільки базові функції редагування, а вони є в будь-якому редакторі.

Через особливості векторизации частина областей у логотипі, які повинні бути прозорими, виявилися білими. Це добре видно, якщо покласти під логотип прямокутник, зафарбований яскравим контрастним кольором (мал. 19).


Рис.19

На прикладі букви "ДО" розглянемо, як усунути цей недолік.

Для зручності роботи виберіть і заблокуйте жовтий прямокутник, указавши в меню Object>Lock або нажавши комбінацію клавіш Ctrl+2 (мал. 20).


Рис.20

Далі виберіть контури, що утворять букву "ДО": чорний і білий, на місці якого повинне бути отвір (мал. 21).


Рис.21

Потім укажіть у меню Object>Compound Path>Make або просто натисніть Ctrl+8.


Рис.22

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


Рис.23

Після того як оброблений кожен символ логотипа, виділите їх всі й укажіть у меню Object>Compound Path>Make або просто натисніть Ctrl+8.


Рис.24

Тепер весь наш логотип є одним більшим складним контуром (мал. 24).

Пофарбуйте його в потрібні кольори й видалите жовтий прямокутник (мал. 25).


Рис.25

Робота закінчена - логотип готовий. Можна зберегти його й використати в будь-яких публікаціях, наприклад в оформленні поверхні компакт-диску (мал. 26).

Джерело: photoweb.com.ua