Цей посібник буде корисним для тих, хто працює з Adobe Photoshop і Adobe Illustrator, а іноді й обмінюється зображеннями між цими двома програмами та відправляє свої роботи у мікросток .
Adobe Photoshop та Adobe Illustrator можуть працювати разом у багатьох відношеннях для плідних результатів. На цьому уроці ми обговоримо вирізання та вставки векторних файлів у Photoshop за допомогою наступних фото- та векторів Shutterstock від Loriklaszlo та Дональда Sawvel.
Копіювати та вставити
Це один з найбільш цікавих способівімпорт векторних зображень у Photoshop. Якщо ви відкриєте векторний файлу такій програмі, як Illustrator, вибирайте те, що ви хочете імпортувати, потім натисніть копіювати та вставити в документ Photoshop.
Спочатку я видаляю фон з малюнка так, що я можу вставити ілюстровану картинку в верхню частинучорно-білих фотографій.
У діалозі, який з'являється, коли я вставив, виберіть стандартно за замовчуванням Пікселі, давайте почнемо з цієї опції.
При вставці об'єкта з'явиться прямокутник, що обмежує, який вписується в документі.
Утримуючи shift і потягнувши один з кутів можна масштабувати об'єкт до потрібного розміру(утримуйте клавішу, якщо ви хочете масштабувати об'єкт пропорційно).
Enter та ваше векторне зображення конвертується в пікселі та розміщується.
Path просто імпортує вектор як Work Path, але це не зробить об'єкт кольоровим. Після того, як ви натиснете ОК, у вас є всі опції редагування з Work Path. Крім того, при використанні опції Path, всі кроки вставляються у своєму оригінальному розмірі, а чи не у вигляді документа.
Опція Shape Layer імпортує шлях до об'єкта як Vector Mask. Цей спосіб імпорту не дає колір малюнку, він заповнює форму кольором, вибраним у вашому плані. Як опція Path об'єкт прийме свою натуральну величину без обмежувальної рамки.
Моя улюблена опція (вибачте мені за збереження останнього...) є "Smart Object". При вставці вибору в документ колір проникає, і ви отримаєте прямокутник, що обмежує, для масштабування при необхідності.
Return та об'єкт поміщені. Тепер у вас є шар під назвою “Vector Smart Image”. Якщо ви хочете щось змінити в об'єкті, який ви розмістили, на жаль, ви не зможете змінити його у Photoshop, тому що коли ви поміщаєте його як смарт-об'єкт, ви не отримаєте шлях. Але де це стає дивним: якщо ви двічі клацніть на значку смарт-об'єктів...
З'явиться вікно, яке пояснює, що потрібно робити, якщо смарт-об'єкт відкривається...
Натисніть OK, і об'єкт відкриється в Illustrator, готовий до зміни.
Я вирішив змінити всі квіти і зробити кольором фуксії, щоб вони виділялися на чорно-білої фотографіїя використовую.
Як тільки ви закінчите вносити зміни, натисніть Зберегти (не Save As) і повернутися до документа Photoshop.
Об'єкт автоматично оновлюється у Photoshop документі! Ви можете зробити це стільки разів, скільки ви хочете і вносити стільки змін, скільки подобається.
Відкриття "Smart Object" змінило моє життя, і я сподіваюся, що покращить і ваше! Ви зможете надсилати свої роботи до будь-якого фотобанку!
Photoshop чи Illustrator? Яку з програм по роботі з графікою краще застосовувати для конкретних завдань? Очевидно, відповідь на це питання залежатиме від ситуації. У цій статті я напишу невеликий оглядпрограм і зроблю висновок, який інструмент, на мою думку, найкраще підійде для роботи в певних ситуаціях.
Якщо ваш досвід відрізняється від мого, то прошу вас поділиться своєю думкою у коментарях нижче!
Давайте почнемо.
З чого починалися Фотошоп та Ілюстратор
Запущений у 1988 році, Photoshop став однією з найкращих програмдля багатьох дизайнерів. Спочатку він був створений як інструмент для фотографів, який дозволяв редагувати та керувати фотографіями. До речі, для багатьох людей, це і залишається його основним застосуванням. Тим не менш, через величезний масив наявних інструментів, які постійно додаються і вдосконалюються, Photoshop став набагато більше, ніж просто програмою для редагування фотографій.
Ілюстратор же почав своє життя трохи раніше, ніж Photoshop — у 1987 році і був насамперед створений для верстки та створення логотипів як однієї з області графічного дизайну. Робота з логотипами залишилася і досі однією з головних її функцій, але з розвитком вона стала широко використовуватися графічними дизайнерамита художниками для створення величезної кількості інших видів цифрових продуктів – ілюстрацій, схем, графіків, діаграм, карикатур реальних фотографій та багато іншого.
Яка з програм найкраще для дизайну логотипу?
Використання програми Illustrator означає, що ваш логотип буде об'єктом векторної графіки, яка не є частиною растрового зображення. Ще не знаєте, що це таке? Тоді вам сюди.
У той час як Photoshop і Illustrator можуть створити логотип, ви повинні подумати про придатність і можливість подальшого його використання.
Початкові розміри логотипу не можуть бути визначені, вони можуть змінюватися, і можливо неодноразово, а все це потрібно для того, щоб використовувати такий логотип у різних матеріалах.
Крім того, варто пам'ятати, що логотип, створений у Photoshop, є елементом растрової графіки та не може бути змінений без втрати якості.
Маючи це на увазі, варто використовувати програму Illustrator, оскільки створений вами логотип буде об'єктом векторної графіки, а значить, його розміри можна буде змінювати, зберігши при цьому якість самого логотипу.
Програма Photoshop дійсно має місце в дизайні логотипів, але здебільшого Illustrator завжди повинен бути вашим першим вибором.
Переможець:
Яка програма краща для веб-дизайну?
Для багатьох дизайнерів (включно зі мною) Photoshop, як правило, є першим вибором для даної категорії робіт. Оскільки Photoshop - графічний редактор, за допомогою якого створюються растрові зображення на основі пікселів (які мають дозвіл, як і екрани моніторів), що ідеально підходить для проектування дизайну сайту, наприклад, який відображається на моніторі.
Тим не менш, при проектуванні інтерфейсів користувача, Illustrator може забезпечити безліч переваг, чого Photoshop не може.
Наприклад, з допомогою Illustratorроботу з веб-дизайну можна зробити набагато швидше, змінюючи при цьому розмір від більшого до меншого, і навпаки. Ілюстратор також підходить для створення компонентів, які повторно використовуються, і розміри яких часто змінюються.
Illustrator завжди є частиною моєї роботи в проектуванні інтерфейсів, але більшість роботи все одно робиться у Photoshop.
Переможець: 
Що краще використовувати Photoshop або Illustrator для створення мистецьких творів?
Ілюстратор найкраще підходить для чистих, графічних ілюстрацій, у той час як Photoshop – для фотоілюстрацій.
З одного боку може здатися, що програма Illustrator є очевидним вибором, але не все так просто. В першу чергу все залежить від типу ілюстрації, вони зазвичай починають своє життя на папері, потім малюнки скануються та перетворюються на графічній програмі, Набуваючи при цьому колір і насиченість.
Як згадувалося раніше, з Illustrator'ом ми можемо створити чисті, висувні графіки, багато з яких можуть бути легко використані повторно. У той час як Photoshop створює фотореалістичні ілюстрації на основі малюнка, які вимагають дуже ретельної уваги до деталей та фото маніпуляцій.
У багатьох випадках більшість дизайнерів використовує обидві програми. Але в першу чергу все залежить від того, який тип ілюстрації ви хочете створити.
Переможці: 
І у підбитті підсумків переможець …
Та ні тут переможця!
У цій статті мною було створено імітацію конкурентної боротьби між двома програмами. Як можна вибрати переможця між правою та лівою рукою? Все залежить від Вас і від того, що ви плануєте створити, як плануєте надалі це використовувати і чого більше звикли. От і все.
Що Фотошоп, що Ілюстратор, це дві програми, які мають найважливіше значеннядля більшості майстрів пензля, будь то веб-дизайнер, дизайнер, модельєр, ілюстратор або будь-яка інша творча людина з купою вільного часу.
Найголовнішим висновком з усього перерахованого я б назвала необхідність навчитися працювати з обома програмами, або хоча б ознайомитися з другою (той факт, що ви знаєте одну з них, точно сумніву не викликає – інакше ви б не знайшли мій блог). Таким чином, ви не тільки розширите своє резюме та можливості для подальшого зростання та розвитку – вибір потрібного інструментув потрібний моментвиведе вас на новий рівень.
Чи працюєте ви в дизайн фірмі, фрілансіті або просто насолоджуєтеся процесом - освоїти обидва інструменти буде безперечно корисним вкладенням часу. А читання та коментування цього блогу зробить процес ще ефективнішим.
Поки що себе не похвалиш…
Вам також сподобаються ці статті:
Просили написати таку ж інструкцію і для Adobe Illustrator, ну що ж, просили – отримуйте 🙂
Adobe Illustrator версії CC 2018 - потужний векторний графічний редактор, розроблений, що розповсюджується та постійно оновлюється компанією Адобе.
Завантажити Ілюстратор російською мовою безкоштовно можна офіційне посиланняі замінивши всього 1 файл dllдля активації повної версії.
Поїхали - скачаємо, встановимо та активуємо російську Adobe Illustrator CC 2018 (кому потрібна англійська або інша збірка дивіться часті питаннянаприкінці статті):
- Завантажте за офіційним посиланням zip-архів 32 або 64 бітності навпроти напису Illustrator (щоб дізнатися якої бітності ваша система - клікніть правою кнопкоюмиші на Пуск-е та виберіть Система).
- Вийміть архів і розпаковані папки знайдіть файл Set-up.exe - запустіть установку. У процесі з'явиться вікно, де буде запропоновано зареєструватися або ввести Adobe ID.
- Заповніть всі поля для отримання Adobe ID: Ім'я, Прізвище, E-mail (будь-який, підтверджувати не треба) та пароль (має складатися з ВЕЛИКИХ і маленьких букв на латиниці, а також із цифр. Приклад: UIooo2139 або OIDDzxcv23). Поставте всі галочки, можна пропустити підтвердження номера телефону.
- Почнеться автоматичне встановленняякщо не почалася натисніть Демо. Після встановлення програма автоматично запуститься, якщо ні натисніть Демо. І підтвердіть початок використання пробного періоду, натиснувши Підтвердити.
- Качаємо для 64-бітної Windows цей архів або для 32-біт цей (пароль на архіви 111). Розпаковуємо архів у будь-яку папку: Завантаження, на робочий стіл - куди завгодно.
- Відкриваємо папку: C:\Program Files\Adobe\Adobe Illustrator CC 2018\Support Files\Contents\Windows\ і знаходимо файл amtlib.dll, перейменовуємо його, наприклад так amtlib(оригінал).dll
- Вставляємо в цю папку раніше завантажений файл amtlib.dll та запускаємо Adobe Illustrator CC 2018 зі значка на робочому столі або через Пуск. Все має працювати – пробного періоду у програмі немає.
Як бачите, завантажити та встановити активовану повну версію Adobe Illustrator CC 2018 можна без торрента.
Запитання та відповіді щодо Illustrator CC 2018
- Як змінити мову інтерфейсу на російську чи англійську, або на будь-яку іншу?
- Нічого не працює? Проблеми?
Перед тим, як почати встановлення в Creative Cloud, необхідно натиснути шестерню зверху праворуч і вибрати потрібна мовадля встановлюваних програм. За замовчуванням ставиться Українська.
Пишіть у коментарі, розбиратимемося 🙂
Назва: Adobe Illustrator CC
Версія програми: 17.1.0
Офіційний сайт: посилання
Мова інтерфейсу: Російська, Англійська
Лікування: не потрібно
Adobe Illustrator CC 2017 - найкращий засібдля створення та редагування векторної графіки, що широко використовується майстрами своєї справи. При створенні ілюстрації, друкованої продукції, інтернет-вмісту, додатків і навіть відеороликів. У програмі Illustrator тепер можна скористатися функцією пов'язаних та вбудованих картинок. Коли ви робитимете обрізання, можна використовувати методи керування віджетом обрізки. Ця функція буде застосовуватися лише до зображення, яке буде виділено. Пов'язані зображення після обрізки перетворяться на вбудовані. Створюйте та переглядайте колірні гамиу програмі Illustrator, щоб скористатися ними в ряді інших програм. Ви також можете переглядати й інші гами Adobe Color з безпосередньою фільтрацією за різними категоріями: найпопулярніші, ті, якими ви часто користувалися, а також довільні опубліковані теми. Вибрана тема допоможе вам підібрати потрібні кольоридля роботи, які ви зможете зберегти на палітрі кольорів у Illustrator. Програма в новій версії отримала абсолютно новий та яскравий дизайнразом з зручним інтерфейсом. Інструменти знайшли нові привабливі значки. Інтерфейс тепер ви зможете налаштувати по власним бажанням, а також вибрати одну з чотирьох доступнихтим. Завдяки тексту, що заміщає, ви зможете забезпечити ефективну візуалізацію проекту. З цього моменту нові об'єкти, створені за допомогою шрифтів, автоматично заповнюватимуться заміщеним текстом. Для тексту такого типу автоматично зберігаються налаштування та кегль, які використовуються у попередньому текстовому об'єкті. Завдяки інтуїтивним функціям, ви легко зможете створювати графічні об'єктиз піксельною точністю. В першу чергу дана функціябула додана в Ілюстрастор для екранів з різними типамиобведення дисплея. Існуючий об'єкт можна також вирівнювати піксельною сіткою одним натисканням мишки під час малювання. Коли відбувається перетворення робочих об'єктів, ви зможете зробити вирівнювання пікселів, не змінюючи основний графічний об'єкт. Вирівнювання пікселів можна застосовувати виключно до об'єктів, а також деяких частин контуру та опорних точок, що містяться в них. Нова версіяДодатки бездоганно привнесли багато функцій, дізнатися про які докладніше можна вже всередині програми.
Процесор Intel Pentium 4 або AMD Athlon 64
Microsoft Windows 7 з пакетом оновлень SP 1 або Windows 8
1 Гб оперативної пам'яті(рекомендується 3 Гб) для 32-розрядної версії; 2 Гб оперативної пам'яті (рекомендовано 8 Гб) для 64-розрядної версії
2 Гб вільного місця на жорсткому диску для установки; додаткове вільний простір, необхідне для встановлення (не встановлюється на знімні пристроїзберігання флеш)
Роздільна здатність монітора 1024 x 768 (рекомендується 1280 x 800)
Для обов'язкової активації програмного забезпечення, підтвердження підписки та доступу до онлайн-послуг потрібне інтернет-з'єднання та реєстрація
Інструмент «Зміна тексту»
Створюйте проекти та додайте в них текст за допомогою ефективного інструменту"Зміна тексту". Тепер із символами можна працювати як з окремими об'єктами. Експериментуйте зі шрифтами, переміщуйте, масштабуйте та повертайте текст. Тепер можна створювати роботи не тільки за допомогою миші чи стілусу, але й просто торкаючись сенсорного екрану мобільного пристрою.
Зображення в кистях
Малюйте пензлем, у який було поміщено фотографію. Об'єктний, візерунковий і дискретний пензель може містити растрові зображення, що дозволяє створювати складний дизайн за кілька хвилин, малюючи обведення, що імітують мазки натуральним пензлем. Яким би пензлем Illustrator ви не скористалися, форму та зовнішній виглядобведення можна змінити за вашим бажанням.
Пошук шрифту
Швидко знаходите ідеальний шрифт. На панелі "Символ" введіть стиль шрифту, наприклад, "напівжирний" або "курсив", назву сімейства шрифтів або частину назви шрифту. Відобразяться лише результати пошуку, які відповідають введеному запиту.
Синхронізація шрифтів
Функція синхронізації шрифтів, що входить до складу Creative Cloud, змінить уявлення про роботу з текстом. За допомогою бібліотеки шрифтів Adobe Typekit, що постійно поповнюється, ви зможете швидко знайти ідеальний шрифт, синхронізувати його з системою і відразу ж почати його використовувати.
Розміщення кількох файлів
Імпортуйте в Illustrator кілька файлів одночасно та керуйте процесом за допомогою нових функцій. Тепер можна визначити розташування файлів (зображень, графіки та тексту), застосувати до них масштабування, а також скористатися новим видом мініатюр, щоб уточнити розташування файлу в проекті.
Вилучення каскадних таблиць стилів (CSS)
Написання коду вручну для таких веб-елементів, як значки та візерунки, може бути стомлюючим. Однак тепер створювати веб-сайти стало ще простіше завдяки програмі Illustrator, яка сама створює код CSS навіть для логотипів, що включають градієнти. Копіюйте та вставляйте код прямо у ваш веб-редактор.
Синхронізація кольору
Фіксуйте знайдені та вподобані вам колірні теми за допомогою програми Adobe Kuler для iPhone Публікуйте свої колірні теми та оцініть тисячі тем інших користувачів на веб-сайті Kuler. Синхронізуйте улюблені колірні теми та отримуйте миттєвий доступ до них із Illustrator.
Перетворення тексту з точки на текст в області і навпаки
Миттєво перемикайтеся між текстом області та текстом з точки. Перетворення текстового об'єкта тепер можна виконати всього за секунду, що значно спрощує процес створення дизайну в текстових макетах. Працювати з імпортованим текстом стало простіше завдяки функції зміни формату.
Автокути для візерункових пензлів
Створюйте кути лише за кілька кроків. Створюйте візерунчасті пензлі за кілька секунд завдяки функції автоматичного створеннякутів, які ідеально підійдуть до решти оформлення обведення. Більше не потрібно займатися стомлюючим створенням спеціальних гострих кутів.
Застосування інструменту «Вільне трансформування»
Вдосконалюйте свої навички у створенні дизайну за допомогою інструмента «Вільне трансформування». Переміщуйте, масштабуйте та повертайте об'єкти прямо на сенсорний екранмобільного пристрою. Або скористайтеся мишею або іншим маніпулятором, щоб інтуїтивно та швидко трансформувати об'єкти прямо на монтажній області.
Висока продуктивність роботи з текстом
Працюйте з текстом навіть під час створення складних дизайнів, що містять багато текстового матеріалу. Текст, що обтікає об'єкти або розміщений у кількох пов'язаних текстових кадрах, миттєво оновлюється після кожного внесення змін.
Синхронізація налаштувань
Створюйте проекти на будь-якому комп'ютері: Mac або PC. Синхронізуйте налаштування вашого робочого простору в хмарному сервісі Creative Cloud, включаючи установки, стилі, пензлі та бібліотеки Illustrator, та використовуйте їх, де б ви не знаходилися.
Упаковка файлів
Функція пакування файлів дозволяє автоматично зібрати всі необхідні шрифти, пов'язану графіку та звіт про пакування в одній папці. Можна скористатися пакуванням файлів для зручнішої здачі проектів замовнику або їх систематизації на комп'ютері.
Вилучення зображень
З легкістю витягуйте зображення, які були поміщені та вбудовані у файл llustrator. Виймайте файли за кілька секунд і починайте їх редагувати. Можна також вийняти файли, вбудовані в ілюстрацію, отриману від іншого користувача. Посилання на файли зображення створюються автоматично.
Розширені можливості панелі «Зв'язки»
Тепер прямо на панелі «Зв'язки» можна знайти докладнішу інформацію про розміщені файли. Усі розміщені об'єкти – зображення, графіка та текст – відображаються на панелі «Зв'язки», де їх можна детально відстежувати.
Покращені векторні інструменти
Створюйте яскраві векторні графічні об'єкти для друку, мережі Інтернет, мобільних додатківта відео. За допомогою інструментів для точного створенняфігур, настроюваних кистей і розширених елементів керування контурами можна вільно експериментувати зі складними фігурами, ефектами та витонченою друкаркою.
Система Adobe Mercury Performance
Обробляйте великі, складні файлиз високою точністю, швидкістю та надійністю. Завдяки вбудованій підтримці 64-розрядних обчислень Mac OS та Windows система Adobe Mercury Performance дозволяє отримувати доступ до всієї оперативної пам'яті, щоб з легкістю відкривати, зберігати та експортувати об'ємні файли, а також здійснювати попередній переглядскладні дизайни.
Використання кількох монтажних областей
Упорядковуйте та переглядайте до 100 монтажних областей різних розмірів, що розташовані каскадом або у вигляді сітки. З легкістю додавайте, видаляйте та перейменовуйте області, а також змінюйте порядок їх розташування. Зберігайте, експортуйте та друкуйте монтажні області окремо або разом.
Градієнти та прозорість
Працюйте з градієнтами безпосередньо на об'єкті, задавайте розміри еліптичних градієнтів, коригуйте кольори та налаштовуйте параметри непрозорості. Застосовуйте градієнти за довжиною, шириною або всередині обведення. Можна навіть створювати градієнти для сіток.
Обведення змінної ширини
Малюйте обведення змінної ширини, легко коригуючи на будь-якому етапі роботи. Створюйте та зберігайте профілі ширини та застосовуйте їх до обведення - або використовуйте стилі змінної ширини.
Чіткість контурів у проектах для веб-додатків та мобільних пристроїв
Створюйте векторні об'єкти, що знаходяться точно по піксельній сітці, для підготовки растрових ілюстрацій з чітко вираженими контурами. Використовуйте параметри згладжування тексту, щоб з особливою точністю керувати окремими кадрами.
Трасування зображення
Перетворіть растрові зображення на редаговані вектори за допомогою ефективного механізмутрасування, що забезпечує винятковий рівень контролю роботи з квітами та фігурами. Прості, інтуїтивно зрозумілі функції забезпечують високу точністьліній, чіткість припасування та отримання надійних результатів.
Створення візерунків
Легко створюйте векторні візерунки, що розділяються. Вільно експериментуйте з різними видамивекторних візерунків, які можна редагувати в будь-який час для створення максимально гнучких макетів.
Тривимірні об'єкти та малювання в перспективі
Перетворюйте двовимірні фігури на редаговані тривимірні об'єктиза допомогою операцій витягування та обертання контурів. Додайте освітлення та зображення поверхні для створення реалістичних об'єктів. Скористайтеся сітками перспективи для створення об'єктів у 1-, 2- та 3-точковій лінійній перспективі, тим самим досягаючи реалістичної глибини та відстані.
Швидше за все ви знаєте, що є два типи графіки. растрова та векторна.
Растрове зображення складається з безлічі маленьких осередків - пікселів, де кожен піксель має свій колір. Растрове зображення легко дізнатися, просто збільшивши його на 200%, дуже швидко стане помітно безліч маленьких квадратиків — це і є пікселі.
Два найпопулярніші растрового формату: JPEG, PNG.
Растрова графіка зручна для фотореалістичних зображень. Фотографія – це також растрова графіка. Саме з нею ми з вами і працюємо у Adobe Photoshop.
На відміну від растрових, векторні зображенняскладаються не з пікселів, а з безлічі опорних точок і кривих, що з'єднують їх. Векторне зображення описується формулами і не вимагає наявності інформації про кожний піксель. Завдяки цьому векторні зображення не втрачають як при збільшенні розміру і займають менше місця.
Векторна графіка використовується для логотипів, ілюстрацій, іконок, а такожтехнічних креслень. Але вона не підходить для роботи із фотореалістичними зображеннями.
Найпопулярніші векторні формати: SVG, AI, ас найпопулярніший редактор векторної графіки Adobe Illustrator.
Як бачимо, у кожного формату є свої плюси та мінуси, тому якщо ви працюєте з графікою, то в ідеалі вам треба вміти працювати і з растровою і з векторною графікою.
За всі роки існування проекту «Фотошоп-майстер» ми давали вам уроки лише з растрової графіки. Але наші передплатники та клієнти часто просили нас порекомендувати їм якісні навчальні матеріали за векторною графікою. І ось сьогодні ми сміливо можемо вам такі матеріали рекомендувати, бо на дружньому проекті "Відеосмаїл" вийшов новий навчальний мінікурс - Adobe Illustrator для новачків.
Перші три уроки цього мінікурсу ви можете вивчити вже сьогодні:
Урок 1 - Знайомство з програмою
Урок 2 - Інтерфейс Adobe Illustrator
Урок 3 - Обведення та заливання
Урок 4 — Інструменти в Adobe Illustrator
Урок 5 — Відображення зображення
Урок 6 - Робота з текстом
Практичний урок для закріплення
Якщо цей курс вам сподобався і ви хочете розвиватися далі в напрямку векторної графіки, то у мене для вас є хороша новина.
Вже в понеділок12 лютогоу рамках дружнього нам проекту «Відеосмаїл» виходить великий курс Вероніки Полякової, який отримав назву«Супер Illustrator».
У цьому курсі на вас чекає71 урок, а за час навчання ви створитепонад 25 власних ілюстрацій та зберете повноцінне портфоліо, яке допоможе вам у пошуку перших клієнтів.
