Как настроить пиксели в иллюстраторе

Обновлено: 06.07.2024

Когда начинающие иллюстраторы только приходят в волшебный мир диджитал, у большинства возникает вопрос, что такое пиксели и DPI, какие значения ставить в размере холста, какой формат нужен просто для иллюстраций в инстаграм, а какой выбрать для печати открыток. И тому подобное(=

С каждым разом я всё больше погружаюсь в эту тему и открываю для себя что-то новое, не могу сказать, что я в этом вопросе мега-профи, но кое-что уже начинаю в этом смыслить(=

Давайте разберём по пунктам:

Понятия
Иллюстрации для использования в электронном виде
Иллюстрации для печати

Понятия.

Похожие параметры задаются в любой графической программе, но я покажу на примере программы procreate, так как начинающие диджитал-иллюстраторы чаще всего используют именно эту программу(=

Что мы видим, когда создаём новый холст?!

Цифровые иллюстрации.

Вот теперь давайте подробно разберём, какие нам ставить параметры, когда мы рисуем что-то, что в дальнейшем будет использоваться в электронном виде (посты для инстаграма, оформление сайта, иконки, обложки, заставки, рекламные баннеры для фейсбука и так далее, думаю, суть вы уловили).

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

Можете забыть о DPI и физических размерах, когда вы рисуете для цифровых иллюстрации!

На самом деле, тут, как и с физическими размерами, есть свои стандарты:

Все эти размеры вы можете найти в интернете в свободном доступе. Просто введите в поисковик «Размеры . в пикселях»

Но! По своему опыту могу сказать, что в таких размерах бывает сложно рисовать, при трансформации объектов теряется сильно качество (но об этом поговорим в следующей статье), поэтому вы смело можете увеличивать эти данные в 1.5-2 раза!

Инстаграм автоматически сжимает картинки для постов, а стикеры я потом просто перекидываю в новый файл с необходимыми параметрами и от туда уже сохраняю файл для загрузки в мессенджеры.

Как сменить ppi на dpi при экспорте из illustrator (и нужно ли)?

Есть задача: сделать иконку в нескольких размерах (см. картинку)

Пытаюсь экспортировать из illustrator но там есть вариант выставить только ppi

1. Есть ли возможность смены ppi на dpi?

2. Принципиальна ли разница в моем случае (см. требования на картинке выше)

1dpi: 120 dpi 72 ppi

mdpi: 160 dpi 96 ppi

hdpi: 240 dpi 144 ppi

xhdpi: 320 dpi 192 ppi

Например, возьмем xhdpi (320 dpi). Делим его на 1dpi (120 dpi), получаем 2 целых и 2/3 (

2,66666667). Умножаем на этот полученный коэффициент 72:

Программа Illustrator, разработанная Adobe Systems и включенная в комплект программного обеспечения для проектирования и разработки Creative Suite, поддерживает создание графики, например рисунков, диаграмм, графиков, мультфильмов и других иллюстраций. Поскольку программа сохраняет элементы дизайна в векторизованном формате, который масштабируется до любого размера, вы не можете напрямую изменять разрешение файла Illustrator. Однако если вы решите экспортировать содержимое файла в другой формат, например JPEG, Illustrator предоставит вам возможность указать предпочитаемое разрешение.

Шаг 1

Откройте в Adobe Illustrator файл, который вы хотите экспортировать.

Шаг 2

Нажмите «Файл» в верхней строке меню и выберите «Экспорт».

Шаг 3

Выберите в появившемся диалоговом окне папку, в которую вы хотите сохранить экспортированный файл.

Шаг 4

Укажите имя файла в поле «Имя файла».

Шаг 5

Нажмите раскрывающееся меню «Сохранить как тип» и выберите нужный формат.

Шаг 6

Шаг 7

Щелкните раскрывающееся меню «Глубина» в разделе «Разрешение» на следующем экране и выберите «Пользовательский».

Шаг 8

Введите предпочитаемое значение разрешения в поле «Пользовательский».

Шаг 9

Нажмите «ОК». Illustrator экспортирует ваши изображения в выбранный формат с выбранным разрешением в течение нескольких секунд.

Как настроить dpi в illustrator

Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

10 авг. 2017 г.

Как сохранить JPEG в высоком разрешении в Adobe Illustrator

Понятно, что для стока прокатит и экранное разрешение 72 dpi с большими размерами в пикселях по ширине и высоте. В этом случае можно просто сохранить JPEG через Save for Web (Alt+Shift+Ctrl+S). У данной опции доступны поля для ввода ширины и высоты картинки на выходе. Но для тех, кто всё-таки хочет, чтобы JPEG был высокого разрешения 300 dpi, этот способ не подходит. Остаётся File > Export. Именно там можно выбирать разрешение. Но он часто подводит, если Adobe Illustrator посчитает, что не хватает оперативки на выполнение операции. Именно тогда вы можете увидеть такое предупреждение.

Это я пытаюсь в Ai CC отэкспортировать в JPEG высокого разрешения 300 dpi довольно простую картинку. Кстати, CS6 иллюстратор ругается точно также. Например, если артборд в иллюстраторе размером 1200×1200 px, то при экспорте в 300 dpi, получится JPEG высокого разрешения с размерами 5000×5000 px.

Могу предложить два способа обойти этот момент, и сохранить таки красивый качественный JPEG в 300 dpi.

1. Попробовать предыдущую версию Ai

Тут всё просто. Если ваша версия иллюстратора отказывается делать экспорт в JPEG, то берём любую другую, и пробуем через неё.

В моём случае Adobe Illustrator CS5 оказался более сговорчивым.

2. Растеризовать Ai файл через Adobe Photoshop

Закидываем ai в фотошоп. Не забываем выставить 300 dpi, сглаживание Anti-aliased и все остальные необходимые вам настройки.

Фотошоп отрастрирует векторный файл. Скорее всего вам придётся подождать некоторое время, пока он трудится.

И в конце останется сохранить полученный растровый файл через File > Save as в формате JPEG. Тоже не забывайте поставить настройки качества на максимум.

Не исключаю, что есть ещё хитрые способы .

Если вы такие знаете, то делитесь в комментариях. Будем обмениваться опытом.

Выбор редакции

Топ-10 лучших фильмов мая.

Топ 10 фильмов похожих на.

Топ-20 лучших сериалов про.

Adobe Illustrator: Начальная настройка, создание слоев и обрезка фона

Давайте попробуем разобраться с тем, в каких случаях необходим Adobe Illustrator и как в нем работать.

Ни для кого не секрет, что есть программы, которые стали стандартом в своей отрасли. Это такой софт, которым просто необходимо владеть в совершенстве, чтобы быть хорошим специалистом.

Попробуем поэтапно разобраться в его возможностях на простых примерах.

Создание нового документа

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

Фотография Экран создания нового документа

При создании файла вы можете выбрать единицы измерения в документе, цветовое пространство и многие другие параметры. Давайте подробно их разберем.

Выбор единиц измерения в документе

Millimeters, Santers, inches стоит использовать, если вы делаете то, что необходимо будет потом распечатать.

Points, picas максимально удобны для шрифтовой работы. Создание шрифтового начертания, работа со шрифтами и т.д.

Фотография Выбор единиц измерения документа

Важно!Для печати не забывайте выставлять параметр Bleed (Обрезка) как минимум в 3 мм, так как при печати ваш дизайн будут обрезать, поэтому необходимо оставить запас для вашего макета.

Выбор цветового пространства

В этом пункте все довольно просто.

Вэб-сайт, приложение, презентация либо если материал не предназначается для печати или цветопередача не очень важна, то RGB.

Фотография Выбор цветового пространства

При печати RGB не используется от слова совсем, и, если вы печатаете не бесполезную макулатуру для совещания, очень важно это помнить. Так же как макет сайта в CMYK выдаст чудовищные цвета на предварительном просмотре.

Работа с листами (Artboard)

Сразу после создания вашего документа вы увидите ваше рабочее пространство (Artboard) в виде белого поля или листа.

Важно! Ваше рабочее пространство может отличаться от приведенного в примерах

Изменение размера листа

Чтобы изменить размер вашего листа, вам нужно:

1. Выбрать ваш artboard на панели artboards или нажать Shift+O

Фотография Выбор Artboard

2.1. На верхней панели ввести необходимые размеры

Фотография Изменение размера Artboard

2.2. Выбрав Artboard (Shift+O) перетащить границы поля до нужного размера.

Фотография Для изменения размера просто потяните за границы области.

Создание нового листа

Для создания нового Artboard нажмите на значок на панели Artboards

Фотография Создание новой рабочей области

Также вы можете использовать Artboard (Shift+O) и просто кликнуть в любом пустом месте.

Фон рабочего пространства

Иногда для работы нам может потребоваться прозрачный фон.

Фотография Показать прозрачность

Повторное нажатие Cntrl+Shift+D вернет белую заливку. Это работает и с другими командами в Illustrator

Делаем сетку и направляющие

Иногда при работе нам может потребоваться отображение сетки и направляющих. По умолчанию они не отображаются.

Фотография Включаем сетку и направляющие

Вставка картинки

Вставить картинку в Illustrator проще простого. Для этого просто перетащите её из проводника прямо на вашу рабочую область.

Фотография Вставка изображения

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

Изменение размера изображений и обрезка

Изображение мы вставили, теперь нам нужно изменить его размер. Выберите ваше изображение с помощью Selection (V) и просто тяните за нужный край. Изображение будет уменьшаться или увеличиваться.

Удерживая Shift вы можете увеличить или уменьшить изображение с сохранением пропорций

Фотография Обрезка изображения

Сохранение результата

Вы сделали прекрасную работу, а теперь пора её сохранить. В Иллюстраторе есть несколько способов сохранения.

Фотография Сохранение результата

Нужно если вы хотите сохранить результат в векторном формате или сделать презентацию в PDF. Форматы доступные для сохранения: EPS, PDF, SVG, Ai

Фотография Сохранение для WEB

Идеально подходит для сохранения картинок и последующей загрузки на сайты. Форматы доступные для сохранения: Jpg, Png, Gif

Давайте разберём по пунктам:

Понятия
Иллюстрации для использования в электронном виде
Иллюстрации для печати

Понятия.

Что мы видим, когда создаём новый холст?!

Цифровые иллюстрации.

Можете забыть о DPI и физических размерах, когда вы рисуете для цифровых иллюстрации!

На самом деле, тут, как и с физическими размерами, есть свои стандарты:

Как сменить ppi на dpi при экспорте из illustrator (и нужно ли)?

Есть задача: сделать иконку в нескольких размерах (см. картинку)

Пытаюсь экспортировать из illustrator но там есть вариант выставить только ppi

1. Есть ли возможность смены ppi на dpi?

2. Принципиальна ли разница в моем случае (см. требования на картинке выше)

Вопрос задан более трёх лет назад
5382 просмотра

1dpi: 120 dpi 72 ppi

mdpi: 160 dpi 96 ppi

hdpi: 240 dpi 144 ppi

xhdpi: 320 dpi 192 ppi

Например, возьмем xhdpi (320 dpi). Делим его на 1dpi (120 dpi), получаем 2 целых и 2/3 (

2,66666667). Умножаем на этот полученный коэффициент 72:

Шаг 1

Откройте в Adobe Illustrator файл, который вы хотите экспортировать.

Шаг 2

Нажмите «Файл» в верхней строке меню и выберите «Экспорт».

Шаг 3

Выберите в появившемся диалоговом окне папку, в которую вы хотите сохранить экспортированный файл.

Шаг 4

Укажите имя файла в поле «Имя файла».

Шаг 5

Нажмите раскрывающееся меню «Сохранить как тип» и выберите нужный формат.

Шаг 6

Шаг 7

Шаг 8

Введите предпочитаемое значение разрешения в поле «Пользовательский».

Шаг 9

Пиксели – это не то, о чем думают большинство дизайнеров, когда запускают Adobe Ilustrator. И напрасно, поскольку именно они могут значительно преобразить изображение. Вообще, Illustrator предназначен для работы с векторами и не подходит для пикселей. Однако, из этой статьи вы узнаете, как с помощью Adobe Ilustrator получить идеально чёткое изображение и заодно увидите не столь широко известные возможности работы с изображениями.

Полезный приём №1: Установление изображения в базовом документе

Шаг 1

Откройте Illustrator и создайте новый документ (Ctrl+N)

Шаг 2

Нажмите на выпадающее меню Units и выберете в нем Pixels, где указаны выбранные единицы измерения. В настоящее время поля Ширина и Высота можно преобразовать в пиксели. Как правило, используется десятичная система. Так, 100 мм преобразуются в 283.46 пикселей, что не очень хорошо в том случае, если вы хотите получить документ с идеальным изображением, хотя бы потому, что нет такого понятия как «46% пикселя». Мы можем получить либо 0%, либо 100%. Итак, давайте изменим это значение вручную, чтобы получить абсолютно точную величину. Так, в вышеприведенном примере, это будет 283 пикселей, а не 283,46.

Шаг 3

Если окно еще не расширено, кликните по маленькой стрелке слева от Advanced. Появится 3 дополнительных поля, которые были скрыты, они позволят нам создать документ, ориентируясь на пиксели.

Шаг 4

Под полем Color Mode необходимо выбрать RGB. Как вы, должно быть, знаете, изображение на экране всегда использует RGB (красный, зеленый, синий). Для печати же используется CMYK (голубой, пурпурный, желтый и черный).

Шаг 5

Следующее поле под Advanced называется Raster Effects, оно устанавливает три основных эффекта документа, такие как Drop Shadow, Feather и Glow. Поскольку мы работаем с информацией, выведенной на экран, нет необходимости устанавливать эффекты выше 72ppi, поскольку это лишь затруднит получение эффектов.

Шаг 6

Следующее поле под Advanced носит название Preview Mode, в нем три подпункта, один из которых Default, он уставлен в Illustrator по умолчанию. Следующий пункт – это Overprint, он показывает, как будет выглядеть документ при печати. Но, как вы могли догадаться, пункт, который нас интересует, называется Pixel.

Отображение по умолчанию в Illustrator представляет собой четкие резкие линии, неважно насколько вы увеличите документ, выберите режим попиксельного превью чтобы отобразить каждый пиксель в зуме в 100% режиме. Итак, вместо идеально ровных линий вы увидите точечные изображения. Возможно, это звучит не слишком привлекательно, но возможность видеть пиксели является необходимой при создании идеального, с точки зрения пикселей, дизайна.

Шаг 7

Наконец, вы увидите флажок в нижней части окна, он читается как Align New Objects to Pixel Grid. Выбор этой опции будет привязывать все новые объекты, нарисованные в Illustrator, к пиксельной сетке. Хотя эта опция применима только для новых объектов, остальные объекты можно вставлять документ из других мест.