Загадковість Photoshop CC 2017

1. створимо документ
2. оновлення інструментарію
3. Кадрування і заливка
4. шрифти
5. пластика
6. Маска і виділення
7. Пошук
8. Шаблони і набори
9. А що ще?!
10. Покращення і поліпшення, як підсумок

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

Ми всі знаємо це додаток добре, майже кожен день їм користуємося і давайте подивимося правді в очі: Adobe не планує закривати його в найближчі роки. Але з виходом останньої версії Photoshop CC 2017 з'явилося досить багато поліпшень і нововведень, які навіть веб-дизайнери не зможуть обійти стороною. Особливо після останніх оновлень.

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

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

Для прикладів ми в СС 2017 використовуємо світлий інтерфейс, в СС 2015 - темний.

створимо документ

Перше, що кинеться в очі на початку роботи з версією СС 2017 - це створення документа. Особливо помітно, якщо раніше ви користувалися версією без CC. Тепер вас зустріне універсальний екран вітання, що дає можливість відкрити недавній документ, зразок з Creative Cloud або мобільних додатків Adobe, створити новий, налаштувавши потрібні параметри, або вибрати з безлічі шаблонів, які розділені на категорії Фотографія, Друк, Ілюстрація, Веб, Відео або мобільно додаток. Так, розміри потрібного документа тепер стало зручніше вибирати, наочніше.

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

Окремо варто сказати про підтримку шаблонів Adobe Stock, мініатюри яких будуть представлені в цьому ж вікні. Але це тільки в тому випадку, якщо у вас існує підписка на Creative Cloud. В іншому випадку, ви зможете працювати тільки з готовими налаштуваннями документів.

Детальніше про це ми поговоримо в кінці.

оновлення інструментарію

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

Кадрування і заливка

Поліпшено роботу інструментарію Рамка і Кадрування, які зазвичай використовувалися для того, щоб обрізати малюнок або збільшити розмір полотна. Як це виглядало раніше, представлено нижче.

Починаючи з Photoshop CC 2015.5, малюнок можна збільшити і при цьому ще додаток автоматично зарисуйся нові області. Виділивши зображення, поставте галочку «З урахуванням вмісту» і підтвердіть дію. Результат і можливості вражають, бо «заливка» здійснюється дуже красиво. Залишиться тільки трохи згладити краї стиків, якщо такі виявляться сильно. Зручніше використовувати для цього зображення лісу, хмар, моря, неба, луки, але не людей, тварин.

І ось що вийшло у нас. При цьому збільшувати можна якусь одну частину зображення або всі чотири сторони. Версія СС 2017 стала обробляти великі зображення швидше.

шрифти

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

В якості робочих варіантів додаток працює з Trajan Color Concept і EmojiOne.

Але одна інверсна річ все ж є. В одному «текстовому» гліфів тепер можуть бути і градієнти, і кольору різні, і в якості гліфа може бути використаний смайлик. При цьому є можливість настройки кольору цього смайлика. Доступні вони в вікні «Гліфи» і набрати ними звичайний текст не вийде. Справа в тому, що в шрифті EmojiOne, який і додає смайли SVG, літери гліфа не відповідають тим, що на клавіатурі, а при з'єднанні їх один з одним, утворюють прапор країни відповідно до міжнародного кодом.

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

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

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

пластика

Ще одне велике нововведення, про яке не можна мовчати - «Пластика з урахуванням особи». Раніше інструмент Пластика (Меню Фільтри) завжди використовувався з обережністю і навіть викликав справжні муки, якщо художник слабо уявляв, що має бути на фотографії в деталях. Так хочеться зробити посмішку, але не завжди виходило створити її правильно. Добре, якщо створюються карикатури або шаржі, але при решті роботі труднощі виникають завжди. А адже багато чого ніколи не потрібно: трохи прочинити очі, підправити злегка посмішку, зняти яскравість рекламного стилю фотки і зробити її трохи більш реальною. А адже в веб-дизайні не всяка фотографія теж підійде.

Пластика з урахуванням особи з'явилася у версії Photoshop CC 2015.5, але в останній версії стала трохи більш поліпшеної. Нове поліпшення Пластики в Photoshop СС 2017 дозволяє вибрати: змінювати очі на портреті незалежно один від одного або симетрично. І для цього всього достатньо натиснути розблокування властивості.

Раніше зміни очей проводилися відразу для лівого і правого.

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

І друге нововведення в Пластику, як в одному єдиному інструменті - з'явився попередній дій з пластики, який можна відключити.

Маска і виділення

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

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

Що ж собою являє робоче середовище «Виділення і маска»? Для початку зазначимо, що для її запуску не варто вирушати в верхній правий кут. Активуйте інструмент Виділення або перейдіть в меню Виділення і побачите пункт (або кнопку) «Виділення і Маска». Натискаємо і з'явиться нове робоче простір, а зображення стане трохи більш прозорою.

Зліва приставлені інструменти і нове серед них - Лассо. Досить обвести їм об'єкт і він стане яскравішим, а ви зможете побачити якість обведення виділення перед збереженням. В цілому ж все інтуїтивно і зрозуміло, як завжди у Adobe. Можна посилити прозорість і налаштувати краю виділення. Іншими словами, як ви вже здогадалися, дане робоче простір прийшло на зміну інструменту «Уточнити край». Громіздко це здасться або, навпаки, зручніше - кожен творець вирішить сам, але не зайве вже точно.

Пошук

Поліпшення користувальницького інтерфейсу ми почнемо розглядати з Пошуку. Це функція нова і в дійсності дуже велика. Давайте згадаємо такий момент: коли необхідно було повторити фільтр, на допомогу приходило поєднання клавіш Ctrl + F. Тепер же це поєднання відкриває вікно пошуку, в якому можна шукати все, що відноситься до додатка і документа як всередині нього, так і за межами.

Пошук можна вести по Photoshop, довідці та в бібліотеці Adobe Stock. Наприклад, раптом ви забули, де знаходиться функція або інструмент. У Довідці відобразиться список підручників, а в Stock набір шаблонів і прикладів.

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

Шаблони і набори

Це стало зручно. Створювати новий документ і підбирати розміри. Adobe добилася великих успіхів в області мобільного веб-дизайну. Тепер можна не просто використовувати інструменти і пропоновані на екрані запрошення шаблони, а й встановити мобільний додаток Adobe Preview CC (тільки для системи iOS). І отримати можливість спостерігати, як ваш проект виглядає на мобільному, одночасно редагуючи його (цей самий проект) в Photoshop на РС.

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

Монтажні області та заготовки були і раніше в Photoshop CC, але тепер на них робиться більший акцент і на екрані запрошення все стало більш наочним.

Готові набори містять також ряд попередніх, в тому числі і розміри, що відповідають різним екранів пристроїв, але всі налаштування можна змінити перед натисканням кнопки «Створити» і навіть «Зберегти», як для користувача.

А що ще?!

Що стосується інших поліпшень, вони незначні, але дуже спрощують роботу.

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

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

Покращилися функції щодо стабілізації камери в Фільтри -> Посилення різкості -> Стабілізація. Наприклад, якщо замовник надіслав фотки для дизайну сайту кілька розмиті, то цілком можна спробувати їх зробити чіткіше і контрастніше. Раніше інструмент існував, але Adobe трохи тепер змінила алгоритми зміни і роботи з квітами.

Була додана інтеграція з Adobe Experience Design CC . Ми про це теж розповідали. Звернемо увагу, що при роботі з інтерфейсами для мобільних пристроїв або навіть для сайтів у Experience Design є свої плюси, але набір «творчих» функцій більше все ж у Photoshop.

Покращення і поліпшення, як підсумок

В цілому, було багато дрібних поліпшень по роботі з гамою, контрастністю, освітленням, групуванням шрифтів і іншим. Неможливо відразу сказати, що саме з нововведень здатне «реально шокувати» веб-дизайнерів. Все стане в нагоді в роботі, зайвим не може стати нічого. Як то кажуть: «мало не буває, а то раптом коли-небудь для чого-небудь». Але кожне оновлення, як для Photoshop в цілому, так і для CC 2017 Зокрема робить програму трохи краща за попередню. І таким чином, Photoshop залишається найбільш потужним і повним пакетом інструментарію для різних завдань аж до веб-дизайну. Хоча у нього є багато конкурентів з Free-ліцензією, але з меншими наборами інструментарію або можливостями.

Переходити на нову версію СС 2017 або залишатися на старій - вибір за веб-майстрами, але все залежить від прагнення до зручності, від звичок, від необхідності.

Наш вердикт: 10 з 10.

Революції в можливостях немає, але навіть незначні поліпшення і невеликий набір нових можливостей дозволяють Photoshop залишатися кращим додатком для творчості.