Як застосувати прозорість до SVG
Дізнайтеся, як застосувати прозорість до SVG-графіки в Illustrator. Дізнайтеся, як виводити SVG із прозорим фоном та застосовувати ефекти прозорості.
Робота з монтажними областями в Photoshop CC
Як і в Adobe Illustrator, монтажні області Photoshop надають можливість створювати окремі сторінки або екрани в одному документі. Це може бути особливо корисно, якщо ви створюєте екрани для мобільного додатка або невеликої брошури.
Ви можете розглядати монтажну область як особливий тип групи шарів, створеної за допомогою панелі «Шари». Його функціональність може бути не такою інтуїтивно зрозумілою в Photoshop, як в Adobe Illustrator, але, трохи попрактиковавшись, ви повинні впоратися з цим. Виконайте наведені нижче дії, щоб побачити, як ви можете зробити монтажні області самостійно:
У цьому прикладі новий документ створюється за допомогою початкового документа iPhone 6. Якщо ви починаєте новий документ із застарілим вікном «Новий документ», створіть новий файл із такими розмірами: 750 ширина x 1334 висота.
Створіть документ розміром з iPhone 6.
Якщо ви створили новий документ за допомогою початкового файлу iPhone 6, ви вже бачите монтажну область на панелі «Шари».
Панель "Шари" з уже створеною монтажною областю.
Якщо ви не бачите монтажну область, створіть її зараз, вибравши «Нова монтажна область» у меню панелі «Шари».
Ви можете додати власну монтажну область за допомогою меню панелі «Шари».
Створюючи монтажні області, ви можете вибрати з широкого спектру попередньо встановлених розмірів або визначити свій власний розмір монтажної області.
Виберіть «Файл»→ «Розмістити вбудований» і перейдіть до папки Book03-Photoshop. Двічі клацніть, щоб вибрати зображення з ім’ям water_sky, або виберіть зображення та натисніть Place.
Коли зображення з’явиться на монтажній області, візьміться за одну з кутових ручок, утримуйте клавішу Shift і клацніть і перетягніть назовні, щоб масштабувати зображення та заповнити всю монтажну область. Коли зображення буде визначено розміром і розташуванням, установіть прапорець «Зафіксувати» на панелі параметрів або натисніть клавішу Enter, щоб підтвердити розміщення зображення.
Розмістіть зображення та розтягніть його так, щоб воно помістилося на всю монтажну область.
Далі ви додаєте текстовий шар.
Виберіть інструмент «Текст», клацніть і перетягніть монтажну область, щоб створити текстову область та додати новий текстовий шар.
Введіть текст ВОДА І НЕБО. За допомогою елементів керування на панелі параметрів установіть для типу такі властивості:
- Шрифт: Myriad Pro Bold
- Розмір: 110 пт
- Колір: білий
Після того, як ви встановите свій тип, виберіть кнопку «Зафіксувати» на панелі параметрів.
Додайте текстовий шар до монтажної області.
Ви можете натиснути Ctrl+Return (Windows) або ⌘ +Return (Mac), щоб також зафіксувати шар типу.
Отже, як ви бачите, ви працюєте з монтажними областями так само, як і з будь-яким іншим документом Photoshop. Різниця з’являється на наступному кроці, де ви дізнаєтеся, як додати додаткові монтажні області до вашого файлу.
Додавання додаткових монтажних областей
Ви також можете створити додаткові монтажні області. Можливо, ви хочете створити багатоекранний мобільний додаток у Photoshop, або ви просто хочете створити кілька версій одного екрана. Щоб отримати ці інструкції, ви продовжите проект, розпочатий вище.
Натисніть на інструмент «Перемістити» і виберіть прихований інструмент монтажної області.
Використовуйте інструмент монтажної області, щоб маніпулювати монтажними областями та створювати більше.
Значки плюсів з’являються з усіх боків монтажної області. Ви можете натиснути на ці значки плюса, щоб додати додаткові монтажні області.
Натисніть значок плюса праворуч від існуючої монтажної області, щоб побачити, що додано нову порожню монтажну область.
Додайте порожню монтажну область, клацнувши значок «плюс».
Подивіться на панель «Шари». Переконайтеся, що, як і шари, найновіша монтажна область з’являється над вибраним шаром.
Ви також можете використовувати інструмент монтажної області, щоб створити монтажну область власного розміру. Зробіть це, клацнувши та перетягнувши інструмент монтажної області на полотні Photoshop. На панелі параметрів інструмента виберіть попередньо встановлений розмір у спливаючому меню «Розмір» або просто залиште його у своєму власному розмірі.
Назвіть свої монтажні області
Перш ніж цей файл стане більш складним, було б розумно назвати монтажні області. Це робиться на панелі «Шари».
Виберіть початкову монтажну область (Артборд 1) і двічі клацніть назву монтажної області. Коли текстове поле активне, введіть назву Home.
Двічі клацніть на назві Artboard 2 на панелі шарів і назвіть цей шар Beach.
Додавання вмісту до другої монтажної області
Тепер додайте зображення та текст до другої монтажної області:
Клацніть на інструменті монтажної області та переключіть його назад на інструмент «Переміщення».
Переконайтеся, що монтажна область Beach вибрано на панелі «Шари» і виберіть «Файл»→ «Розмістити вбудований». Перейдіть до папки Book03_Photoshop, виберіть зображення з назвою Beach і натисніть Place. Зображення додається до другої монтажної області.
Як і для останнього розміщеного зображення, утримуйте клавішу Shift і Shift перетягніть кутову точку, щоб пропорційно збільшити зображення та заповнити екран.
При активному інструменті Переміщення клацніть і перетягніть зображення. Зауважте, що навіть якщо він знаходиться в одному документі, він не перекриває і не заважає ілюстрації на інших монтажних областях.
Клонування з однієї монтажної області в іншу
Тепер клонуйте текст з монтажної області Home на монтажну область Beach:
Вибравши інструмент Переміщення, клацніть, утримуючи клавішу Ctrl (Windows) або ⌘ (Mac) на тексті WATER & SKY на головній монтажній області. Це активує цей шар.
Утримуйте клавішу Alt (Windows) або Option (Mac), клацніть і перетягніть текст з однієї монтажної області на іншу.
Якщо під час перетягування утримувати клавішу Shift, зображення залишиться вирівняним.
Перейдіть до монтажної області та двічі клацніть нещодавно клонований текст, щоб активувати текстову область, і введіть FUN BEACHES.
Файл Photoshop з двома монтажними областями.
Переміщення елементів з однієї монтажної області на іншу
Щоб перемістити елемент з однієї монтажної області на іншу, просто перетягніть елементи з однієї монтажної області на іншу. Коли ви переміщуєте елемент між монтажними областями, Photoshop намагається розташувати його в тому самому місці відносно початку лінійки, розташованої у верхніх лівих кутах монтажних областей.
Експорт ваших монтажних областей
Ви можете зберегти свій файл як файл Photoshop, щоб зберегти шари, але в цьому прикладі ви експортуєте файл як двосторінковий PDF-файл. Або скористайтеся функцією Файл→ Експорт, щоб експортувати монтажні області у форматі PNG, JPEG, PDF тощо.
Експортуйте монтажні області як ресурси зображення
Ви можете експортувати монтажні області як ресурси зображень у форматі JPEG, GIF або PNG безпосередньо з панелі Шари .
Експорт монтажних областей як PDF
Ви можете експортувати монтажні області як документи PDF. Виконайте такі дії:
У Photoshop виберіть Файл > Експорт > Монтажні області в PDF.
У діалоговому вікні Artboards To PDF виконайте такі дії:
- Виберіть місце призначення/розташування, де ви хочете зберегти створені документи PDF.
- Вкажіть префікс назви файлу для створених PDF-документів. Наприклад, Campaign_insurance.
- Укажіть, чи потрібно експортувати лише вміст монтажних областей чи також вміст у областях, що перекривають монтажні області.
- Укажіть, чи потрібно експортувати всі монтажні області чи лише вибрані.
- Укажіть, чи потрібно також експортувати фони монтажних областей разом із монтажними областями.
- Укажіть, чи потрібно створити один PDF-файл для всіх монтажних областей у поточному документі чи створити один PDF-документ для кожної монтажної області. Якщо ви вирішите створити кілька PDF-документів, усі ці документи отримають префікс імені файлу, який ви вказали раніше.
- Укажіть кодування для експортованих документів PDF: ZIP або JPEG. Якщо ви вибрали JPEG, також укажіть параметр Якість (0-12).
- Укажіть, чи потрібно включити профіль Міжнародного кольорового консорціуму (ICC) до експортованих документів PDF. Профіль ICC містить дані, які характеризують пристрій введення або виведення кольору.
- Укажіть, чи потрібно також експортувати назви монтажних областей разом із експортованими монтажними областями. Під час вибору цього параметра можна вказати спеціальний шрифт, розмір шрифту, колір шрифту та колір розширення полотна.
Натисніть Виконати. Photoshop створює PDF-документ.
Експорт монтажних областей як файлів
Ви можете експортувати монтажні області як окремі файли. Виконайте такі дії:
У Photoshop виберіть Файл > Експорт > Монтажні області до файлів.
У діалоговому вікні Монтажні області до файлів виконайте такі дії:
- Виберіть місце призначення, куди ви хочете зберегти створені файли.
- Вкажіть префікс імені файлу.
- Укажіть, чи потрібно експортувати лише вміст монтажної області чи також потрібно включити області, що перекриваються.
- Укажіть, чи потрібно експортувати всі монтажні області чи лише вибрані.
- Укажіть, чи потрібно також експортувати фони монтажних областей разом із монтажними областями.
- Виберіть тип файлу, який ви хочете експортувати. Ви можете експортувати як BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 або PNG-24.
- Укажіть параметри експорту для вибраного типу файлу.
- Укажіть, чи потрібно також експортувати назви монтажних областей разом із експортованими монтажними областями. Під час вибору цього параметра можна вказати спеціальний шрифт, розмір шрифту, колір шрифту та колір розширення полотна.
Натисніть Виконати. Photoshop експортує монтажні області як файли у вибраному форматі.
Робота з зображеннями в Adobe XD
Після імпортування зображень у Adobe XD у вас не буде великого контролю за редагуванням, але ви можете змінювати розмір і обертати зображення, як і будь-яку іншу форму. Ви також можете легко округлити кути імпортованого зображення за допомогою кутових віджетів. Маскування зображень Визначаючи закриту форму […]
Як налаштувати властивості тексту в Adobe XD
Коли у вашому проекті Adobe XD є текст, ви можете почати змінювати властивості тексту. Ці властивості включають сімейство шрифтів, розмір шрифту, вагу шрифту, вирівнювання, інтервал між символами (кернінг і відстеження), інтервал між рядками (провідний), заливку, межу (обведення), тінь (тінь) і розмиття фону. Тож давайте розглянемо, як ці властивості застосовуються. Про читабельність і шрифт […]
Робота з монтажними областями в Photoshop CC
Як і в Adobe Illustrator, монтажні області Photoshop надають можливість створювати окремі сторінки або екрани в одному документі. Це може бути особливо корисно, якщо ви створюєте екрани для мобільного додатка або невеликої брошури. Ви можете розглядати монтажну область як особливий тип групи шарів, створеної за допомогою панелі «Шари». Його […]
Фігури та багатокутники в InDesign
Багато інструментів, які ви знайдете на панелі інструментів InDesign, використовуються для малювання ліній і фігур на сторінці, тому у вас є кілька різних способів створення цікавих малюнків для своїх публікацій. Ви можете створювати будь-що, від простих фігур до складних малюнків всередині InDesign, замість того, щоб використовувати програму для малювання, як-от […]
Перенесення тексту в Adobe Illustrator CC
Загортання тексту в Adobe Illustrator CC — це не те саме, що упаковувати подарунок — це простіше! Обтікання текстом змушує текст обтікати графіку, як показано на цьому малюнку. Ця функція може додати трохи творчості до будь-якого твору. Графіка змушує текст обертатися навколо нього. Спочатку створіть […]
Як змінити розмір фігур в Illustrator
При розробці дизайну в Adobe Illustrator CC вам часто потрібно, щоб фігура була точного розміру (наприклад, 2 x 3 дюйми). Після того, як ви створите фігуру, найкращий спосіб змінити її розмір до точних розмірів — використовувати панель «Трансформувати», показану на цьому малюнку. Виберіть об’єкт, а потім виберіть «Вікно→ Трансформувати до […]
Як створити QR-коди в InDesign CC
Ви можете використовувати InDesign для створення та зміни графіки QR-коду. QR-коди – це форма штрих-коду, яка може зберігати таку інформацію, як слова, числа, URL-адреси або інші форми даних. Користувач сканує QR-код за допомогою камери та програмного забезпечення на пристрої, наприклад смартфоні, і програмне забезпечення використовує […]
Як зробити так, щоб нова фотографія виглядала старою в Photoshop CS6
Можливо, вам знадобиться нова фотографія, щоб виглядати старою. Photoshop CS6 допоможе вам. Чорно-біла фотографія є більш новим явищем, ніж ви думаєте. Дагеротипи та інші ранні фотографії часто мали коричневий або блакитний відтінок. Ви можете створювати власні шедеври в тонах сепії. Тоноване зображення може створити […]
Функція Live Paint в Adobe CS5 Illustrator
Використовуючи функцію Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, ви можете створити потрібне зображення та заповнити області кольором. Відсік Live Paint автоматично виявляє області, що складаються з незалежних пересічних контурів, і заповнює їх відповідно. Фарба в певному регіоні залишається живою та автоматично тече, якщо […]