Як можна експортувати зображення із зображення Illustrator у кількох розмірах?


29

Я новачок у Adobe Illustrator, і у мене є логотип, який мені потрібно використовувати в 5 або 6 різних розмірах. Зображення логотипу було створене в Adobe Illustrator, але коли я намагаюся зберегти зображення в PNG або JPEG, те, що повинно було бути простим, виявляється дуже складним.

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

Однак для багатьох веб-застосувань користувач вже знає розміри вихідних пікселів, які необхідні. Чи існує спосіб просто вказати ширину пікселя або висоту збереженої графіки, яка потрібна?

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



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

Відповіді:


26

Файл> Зберегти для Інтернету, а потім введіть розміри пікселів, натиснувши Image Sizeвкладку праворуч від вікна Зберегти для веб.

Або я вас правильно не розумію?


Ідеально, дякую. Я щойно витратив близько 15 хвилин на функцію "експорту", але оскільки він відмовляється використовувати менше 72 пілонів на дюйм, мені довелося змінити масштаб картини та обкладинки для дуже невеликого експорту, це, мабуть, і те, що робив запитувач.
К'єльд Шмідт

12

Використання File → Save for Webта введення габаритів буде робити те, що ви хочете. Крім того, Illustrator використовує векторне масштабування, тому результати кращі, ніж якщо ви спробували те ж саме в Photoshop - введення розмірів, що не відповідають документу в Photoshop, означає, що зображення буде масштабоване.

Зауважте, що після зміни розмірів вам потрібно натиснути Застосувати, якщо ви використовували версію Illustrator до CS6.

Збережіть для Інтернету в Illustrator

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

введіть тут опис зображення


У CS6 немає кнопки Застосувати .... і я не погоджуюся з приводу перетворення в RGB, ви хочете, щоб увімкнено зображення, призначені для Інтернету.
Скотт

2
Дякуємо про пораду CS6. Залишити функцію « Перетворити на sRGB» абсолютно неправильний підхід для роботи в Інтернеті та інтерфейсі користувача. Ось ціла стаття про те, чому: bjango.com/articles/photoshop ( Змагай мене з цим на свій страх!)
Марк Едвардс

2
Ви насправді читали статтю? Під час роботи в Інтернеті та інтерфейсі користувача, ОБОВ'ЯЗКОВО слід підтримувати точні значення кольору протягом усього процесу. Якщо ви вводите # FF0010 як колір, ОБОВ'ЯЗКОВО виводиться у файл як # FF0010, якщо ви бажаєте відповідати кольору в коді. Це означає, що перетворення в sRGB ОБОВ'ЯЗКОВО вимкнено. Я відчуваю, що ти не робиш такої роботи і не розумієш, що тут пов’язано.
Марк Едвардс

1
Скотт, будь ласка, не сприймай це як атаку ad hominem, але з подібних дискусій я думаю, що ти, можливо, підібрав помилкові ідеї щодо кольорового представлення RGB. Дивіться також graphicdesign.stackexchange.com/questions/7815 / ... .
e100

3
Перетворення на sRGB - це неправильний вибір майже в будь-якій можливій ситуації під час роботи в Інтернеті. "ПРИЧИНА команда Save for Web реалізувала опцію" Перетворити в sRGB "" - час, щоб виправити це. feedback.photoshop.com/photoshop_family/topics/…
Marc Edwards

1

Коли мені потрібно підтримувати розміри пікселів декількох розмірів, я обробляю масштаб мистецтва в одному файлі AI. Кожен розмір розміщується на окремій графічній панелі правильного розміру. Я додаю ім'я дошки з форматом файлу, який потрібно експортувати. Потім я запускаю jsx, який експортує кожну обкладинку і вибирає формат файлу з імені, використовуючи останні налаштування, які я ввів для цього формату у цьому файлі. Це все в CS5.

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


Будь ласка, можете поділитися .jsx?
келін

@kelin Боюся, що не можу. Давно минуло, як я набридла продуктами Adobe.
цивільний одяг

1
Не проблема, тут я знайшов чудовий сценарій: stackoverflow.com/a/28067227/3050403
kelin

0

Ви також можете створити документ відповідного розміру у Photoshop (або виділити область з напрямними), а потім Файл> Розмістити векторне зображення.

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

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


0

Доповненням до цього предмету, який я виявив цікавий для дизайнерів мобільних додатків, є цей сценарій, який створює активи сітківки для iOS та Android в 1 клік.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.