РОЗДІЛ 2.
Засоби продукції Adobe та інші редактори
для створення логотипу/емблеми
Для створення логотипу/емблеми дизайнер може використовувати різноманітний спектр графічних редакторів. На даний момент великою популярністю як серед звичайних початківців так і професійних дизайнерів, користуються продукти відомої компанії Adobe а саме AdobePhotoshop, AdobeIllustrator, AdobeInDesign, AdobeXD. Також є й інші графічні редактори такі якCorelDRAW, Figma, Sketch, InVision Studio і багато інших програм.
Adobe Photoshop головним чином призначений для редагування цифрових фотографій та створення растрової графіки. Особливості Adobe Photoshop полягають у багатому інструментарії для операції створення і обробки зображень, високій якості обробки графічних зображень, зручності й простоті в експлуатації, широких можливостях до автоматизації обробки растрових зображень, які базуються на використанні сценаріїв, механізмах роботи з кольоровими профілями, які допускають їх втілення в файли зображень з метою автоматичної корекції кольорових параметрів при виводі на друк для різних пристроїв, великому наборі команд фільтрації, за допомогою яких можна створювати найрізноманітніші художні ефекти.
Базові інструменти редагування дозволяють змінювати тон, насиченість зображення, обтинати його, накладати фотофільтри, виправляти перспективу тощо. Photoshop підтримує так звані шари — прозорі області зображення, на яких розміщуються елементи фотомонтажу, текст, геометричні фігури. Програма містить інструменти для роботи з текстом і нескладними фігурами, дозволяє малювати робочі контури, задавати текстам і фігурам стилі оформлення. Для роботи з окремими фрагментами зображення передбачені різні типи виділення: за фігурою, в режимі «малювання» зони виділення, за діапазоном кольорів тощо.
Існують різноманітні фільтри для деформації та стилізації зображення, такі як фільтри розмиття, імітації різних художніх технік. Photoshop також містить інструменти для цифрового живопису, зокрема набори пензлів.
Користувач може змінювати їх розмір, кут нахилу, колір. Підтримується встановлення сторонніх пензлів, стилів, шрифтів, палітр. Попри те, що спочатку програма була розроблена як редактор зображень для поліграфії, в наш час коли вона широко використовується і у веб-дизайні.У більш ранній версії була включена спеціальна програма для цих цілей — Adobe ImageReady, яка була виключена з версії CS3 за рахунок інтеграції її функцій в сам Photoshop, а також включення в лінійку програмних продуктів Adobe Fireworks, що перейшло у власність Adobe після придбання компанії Macromedia.
Підтримується обробка зображень, як з традиційною глибиною кольору (8 біт, 256 градацій яскравості на канал), так і з підвищеною (16 біт, 65536 відтінків в кожному каналі). Можливе збереження у файлі додаткових елементів, як то: напрямних (Guide), каналів (наприклад, каналу прозорості — Alpha channel), шляхів обтравки (Clipping path), шарів, що містять векторні і текстові об'єкти. Файл може включати колірні профілі (ICC), функції перетворення кольору (transfer functions).
Photoshop підтримує такі колірні моделі або способи опису кольорів зображення (в нотації самої програми — режим зображення): RGB, LAB, CMYK, Grayscale, Bitmap, Duotone, Indexed, Multichannel.Через високу популярність Photoshop підтримка його формату файлів, PSD, була реалізована в його основних конкурентів, таких, як Macromedia Fireworks, Corel PHOTO-PAINT, Pixel image editor, WinImages, GIMP, Jasc Paintshop Pro і т. д.
Процес підготовки зображень для Web істотно відрізняється від підготовки зображень для типографського друку.
На відміну від паперової сторінки, розмір веб-сторінки не обмежений ні по горизонталі, ні по вертикалі. Оскільки зображення на веб-сторінці призначені тільки для перегляду на екрані, їхня роздільна здатність повинна збігатися з дозволом екрану, а розміри не повинні перевищувати розмірів екрану. Дозвіл моніторів варіюється в широких межах, так само як і діагональ екрану.
На практиці сторінки проектуються виходячи з середніх величин. Найбільш типовий дозвіл моніторів на сьогодні становить 72 пікселя на дюйм (800 х 600 пікселів), а діагональ дорівнює 15 дюймам (видима область - 14 дюймів або 35 см).
Оскільки всі розміри на веб-сторінці обчислюються виходячи з розміру екрану, в веб-дизайні зручніше застосовувати іншу одиницю виміру для зображень - піксель. Така одиниця рятує від необхідності використання пари параметрів «розмір / дозволом і дозволяє легше співвіднести розмір зображення з розміром сторінки.
З точки зору дизайнера, веб-сторінка складається з графічного і текстового матеріалів. Швидкість завантаження тексту з розрахунку на ту ж площу сторінки на багато порядків вище, ніж графіки. Тому при сумарному розрахунку можна в першому наближенні її знехтувати. Отже, швидкість завантаження сторінки практично цілком визначається розміщеною на ній графікою.[696]
Як показує досвід, останнім часом в комп'ютерній графіці склалася парадоксальна ситуація: для Web-дизайну та потреб поліграфії найчастіше використовується не зовсім природна зв'язка програм Adobe Photoshop + CorelDRAW. Неприродність полягає в тому, що вони не тільки написані різними авторами, але і сповідують різні підходи до процесу створення зображень. Навіть таке базове поняття векторної графіки, як криві Безьє, в пакетах Corel та Adobe реалізовані по-своєму. Різний інтерфейс, погана сумісність форматів, неможливість передачі з програми в програму багатьох параметрів документа (наприклад, шарів) - всі ці підводні і надводні камені, тим не менш, не заважають більшості користувачів в межах одного проекту створювати растрові зображення в Photoshop, а векторні - в CorelDRAW.
Тим часом у корпорації Adobe є чудовий, професійний і, головне, абсолютно узгоджений з Photoshop векторний пакет - Illustrator. Стрімке зближення інтерфейсів, розпочате з Photoshop 5.0 і Illustrator 7.0 (і підтримане в інших продуктах Adobe), в даний час призвело до того, що час на освоєння родинних пакетів суттєво зменшилася. Якщо у вас є досвід роботи в Photoshop або, скажімо, в PageMaker, дуже багато в Illustrator виявиться знайомим. Додайте сюди єдність форматів, покращений обмін даними, передачу документів без втрат і багато інших важливих переваги - і ви зрозумієте, що спільне використання Photoshop і Illustrator є розумним вибором для Web-дизайнера, фахівця з додрукарської підготовці, нарешті, художника.
Виникає резонне питання: чому досі не всі дизайнери, які працюють в Photoshop, перейшли на Illustrator? Причиною, на думку авторів, є консервативність людського мислення
Досвідчені. Професіонали, давно і успішно працюють в Illustrator. Як показує досвід, дуже часто навіть досвідчений користувач має уявлення лише про малу частину можливості програми, а використовує ще меншу.
Останнім часом намітилася тенденція масового переходу «поліграфічних» дизайнерів в сферу розробки зображень для Web. Автори не вважають за необхідне аналізувати тут причини подібних процесів, але факт, як говориться, у наявності.
Web-дизайн сьогодні розвивається набагато швидше і викликає у художників набагато більше інтересу, ніж традиційне видавництво і поліграфія. Разом з тим багатьом художникам, які професійно володіють CorelDRAW, Illustrator або FreeHand, доводиться витрачати багато часу на те, щоб опанувати абсолютно новий інструментарій і термінологію. Самі поняття інтерактивності та анімації абсолютно чужі фахівцю додрукарської підготовки. Illustrator 9-11 (CS) дозволяють максимально полегшити перехід від DTP до Web-дизайну. Художник має можливість, не виходячи зі звичної програми, створити найпростішу Flash- або SVG-анімацію, карту зображення, зрозуміти, як ефективно розбити зображення на слої. Звичайно, для створення HTML-сторінки існують більш професійні способи, але для початку Illustrator цілком підійде. Тому особливу увагу автори приділили підготовці та оптимізації зображень для Web. [21]
Програма Illustrator надає користувачам безліч різноманітних інструментів, необхідних для створення та роботи над графічними об'єктами.
Інструменти виділення
Даний набір інструментів дозволяє робити виділення однієї або декількох фігур, областей (див. Табл.1)
 | - інструмент «Виділення» або «Selection Tool» дозволяє виділяти об'єкти цілком, а також переміщати, копіювати або масштабувати їх. Клавіша для швидкого виклику «V». |
 | - інструмент «Групове виділення» або «Group Selection tool» дозволяє виділяти об'єкти та групи всередині груп. |
 | - інструмент «Чарівна паличка» або «Magic Wand tool» допоможе виділити об'єкти, які мають однакові атрибути. Клавіша для швидкого виклику «Y». |
 | - інструмент «Ласо» або «Lasso tool» виділяти будь-який опорних точок або сегментів контуру в будь-якому об'єкті. Клавіша для швидкого виклику «Q». |
 | - інструмент «Монтажна область» або «Artboard tool» дозволяє створювати кілька роздільних монтажних областей. Клавіша для швидкого виклику «Shift + O». |
Інструменти для малювання
За допомогою даних інструментів можна малювати в програмі, створюючи неповторні творіння.
 | - інструмент «Перо» або «Pen tool» призначений для малювання прямих і кривих ліній в процесі створення об'єктів. Клавіша для швидкого виклику «P». |
 | - інструмент «Додати опорну точку» або «Add Anchor Point tool» допоможе вам додати необхідну опорну точку на контурі. Клавіша для швидкого виклику "+". |
 | - інструмент «Видалити опорну точку» або «Delete Anchor Point tool» з легкістю видалить непотрібну опорну точку на контурі. Клавіша для швидкого виклику «-». |
 | - інструмент «Перетворити опорну точку» або «Convert Anchor Point tool» допомагає перетворювати опорні точки, роблячи з гладких кутові і навпаки. Клавіша для швидкого виклику «Shift + C». |
 | - інструмент «Відрізок Лінії» або «Line Segment tool» дозволяє створюваті ОКРЕМІ відрізкі прямих ліній, регулююча довжина и нахил майбутньої прямої. Клавіша для Швидкого виклику «\». |
 | - інструмент «Дуга» або «Arc tool» призначений для малювання сегментів увігнутих або опуклих кривих, створюючи дуги, кола і інші більш складні елементи. |
 | - інструмент «Спіраль» або «Spiral tool» призначений для створення спіралей, які закручуються за годинниковою або проти годинникової стрілки. |
 | - інструмент «Прямокутна сітка» або «Rectangular Grid tool» призначений для малювання прямокутних сіток з необхідною кількістю роздільників і потрібного розміру. |
 | - інструмент «Полярна сітка» або «Polar Grid tool» дозволяє створювати концентричні кола з сіткою заданих параметрів. |
 | - інструмент «Прямокутник» або «Rectangle tool» дозволяє з легкістю створювати різноманітні прямокутники і квадрати. Клавіша для швидкого виклику «M». |
 | інструмент «Прямокутник з округленими кутами» або «Rounded Rectangle tool» призначений для малювання прямокутників і квадратів у яких закруглені кути. |
 | - інструмент «Еліпс» або «Ellipse tool» дозволяє створювати різні овали, еліпси і кола (кола) різних розмірів. Клавіша для швидкого виклику «L». |
Інструменти для роботи з текстом
Ці інструменти призначені для нанесення тексту.
 | - інструмент «Текст» або «Type tool» дозволяє створювати, вводить в ручну і редагувати текст або контейнери з текстом. Клавіша для швидкого виклику «Т». |
 | - інструмент «Текст в області» або «Area Type tool» перетворює замкнуті області в контейнера з текстом, що дозволяють вводить і редагувати текст всередині них. |
 | - інструмент «Текст за контуром» або «Type On A Path tool» перетворює будь-які контури в контури з текстом і дозволяє вводити і редагувати текст уздовж таких контурів. |
 | - інструмент «Вертикальний текст» або «Vertical Type tool» дозволяє створювати, вводить і редагувати вертикальний текст або вертикальні контейнери з текстом. |
 | - інструмент «Вертикальний текст в області» або «Vertical Area Type tool» перетворює замкнені контури в контейнери для вертикального тексту і дозволяє вводити і редагувати текст всередині них. |
 | - інструмент «Вертикальний текст по контуру» або «Vertical Type On A Path tool» перетворює контури в контури з вертикальним текстом і дозволяє вводити і редагувати текст уздовж таких контурів. |