• Как решать такую проблему?

    @Jenish
    Нарисовать концентрические круги с одинаковым шагом. Инструмент Blend в помощь.
    Ответ написан
    Комментировать
  • Как изменить заливку( цвет ) паттерна?

    @Jenish
    Можно в фотошопе перевести в чб (Shift+Ctrl+U), а потом уровнями (Ctrl+L) сделать так, чтобы фон стал белым. Затем цвет самого рисунка можно изменять с помощью другого слоя поверх слоя с паттерном и экспериментирую с режимами наложения (Overlay, Color и т д)
    Ответ написан
    Комментировать
  • Не могу выравнить линии у кривого объекта. Что придумать?

    @Jenish
    Если в лого много однотипных элементов и паттернов, то:
    - Сначала нарисуй на бумаге от руки.
    - Определи из каких простых фигур состоит лого.
    - Попробуй построить с помощью циркуля и линейки. Так ты поймешь как потом работать с кривыми.
    - Найди оси симметрии, закономерность и повторяющиеся элементы. Построй сначала один элемент и сделай из него символ (так ты сразу внесешь изменения во все одинаковые элементы). Трансформируй (отразить зеркально, повернуть и т. п) и расположи экземпляры символа по местам.
    - Не забывай про встроенные инструменты программы (построение звезды, волны, деформация и т п).
    - Точи и шлифуй.
    В общем и целом, построение лого - это как работа по начертательной геометрии :)
    fd53c5c225f2454f8a39508659a975df.jpg
    Ответ написан
    Комментировать
  • Есть ли другой более профессиональный способ замены цвета в Adobe Illustrator?

    @Jenish
    1) Select - Same Apperance/Color/... и в палитре
    2) Юзать глобальные цвета. Двойной клик по цвету в палитре "Swatches" и поставить галочку "Global". В итоге меняешь цвет в палитре - меняется цвет всех объектов с этим цветом. Удобно
    Ответ написан
    3 комментария
  • Насколько удобно создавать макеты сайтов в illustrator?

    @Jenish
    Жутко геморройно расставлять направляющие по пикселям, раздражало, что направляющие показываются в окне слоев.

    Направляющие очень удобные в AI. Можно задавать координаты вручную в полях трансформации (в этих полях даже арифметические операции можно делать + - * /). Также можно наклонять направляющие под любые углы (И быстрые направляющие тоже можно настроить под разные углы). Можно настроить привязку к пиксельной сетке. Даже объекты можно превратить в направляющие. Да и вообще, направляющие в АИ это по сути и есть почти полноценные объекты, в отличие от фотошоповских. И, как было сказано выше, направляющие лучше объединить в один отдельный слой. Так что в АИ с этим все норм. Есть еще куча плагинов для выстраивания сетки. Можно самому создать набор направляющих в 12 колонок, предварительно выровнять их и объединить в группы, а потом копировать и накладывать на макеты - вот вам и адаптивная сетка.
    По началу - да. Макетирование сайтов в АИ может показаться геморным, Но если разобраться в принципе работы инструментов и вообще всей логики работы в программы, то можно очень удобно настроить под себя.

    Совсем не понятно, если я рисую в масштабе 1:1, то сталкиваюсь с проблемой, что мелкие элементы (~ менее 10 пикселей) нарисованные в этом же масштабе потом плохо масштабируются в большую сторону, начинаются проблемы с толщиной обводки, к примеру, когда элмент скэйлится, а обводка - нет.

    Этот момент решается одной галочкой в настройках, как уже было сказано. Scale strokes and effects. Scale corners. Scale patterns. Есть еще 9png

    Растровый фон - совсем беда, хорошо если масштаб 1:1 в пискельном выражении, а если нет?

    Растровый фон помещается в АИ, а редактировать можно в фотошопе. Причем не надо перетаскивать постоянно. Просто в панели вверху выбираете Edit и автоматически открывается фотошоп. Сохраняете там - обновляется в иллюстраторе. И растр также можно быстро и удобно заменять просто меняя линки Relink.

    В пользу иллюстратора еще могу добавить такие фишки, как работа с символами. Создав, например, символ кнопки, можно отредактировав один экземпляр сразу отредактировать и все кнопки на макете. Или навбар и футер. Причем экземпляры символов можно масштабировать как 9пнг, в отличие от смарт-объектов в фотошопе. Это удобно, когда страниц много. И еще в иллюстраторе можно задавать глобальные цвета. Тоже очень удобно, когда надо "поиграть с цветами" интерфейса - изменяешь глобальный цвет в палитре и все объекты с этим цветом тоже меняют цвет.
    Для экспорта х1,5 х2 х3 есть плагины.
    В общем если всерьез и с усердием взяться за изучения AI и PS - то вместе они очень мощная сила. А если еще освоить и Muse или хотя бы панель Timeline в фотошопе, то можно и анимацию отдельных элементов интерфейса забабахать для наглядности, чтобы верстальщик лучше понимал что и как должно действовать.
    Да и вообще AI и PS с каждым обновлением становятся все лучше и лучше, удобнее и удобнее. Сейчасс юзаю CC 2017. Там есть хорошие усовершенствования и нововведения.
    Скоро должен выйти полноценный Adove XD для Windows. Хотя бета версию уже можно опробовать абсолютно БЕСПЛАТНО, но при условии, что у вас стоит Win10 anniversary edition (build #14393). И, надо сказать, что бета-версии УЖЕ ДОСТАТОЧНО, чтобы делать годные макеты :)
    Успехов!
    Ответ написан
    Комментировать
  • Как в illustrator устанавливать направляющие точно по координатам?

    @Jenish
    Просто выделяете направляющую и вбиваете в панели трансформации х: 113 и все.
    В люстре направляющие сделаны очень удобно:
    - можно даже объекты превращать в направляющие
    - можно задавать точные координаты в панели трансформации (там даже можно писать арифметическими выражениями типа 300+59)
    - можно вертеть и крутить их..
    в общем хорошие направляющие.
    В PS CC 2017 тоже крутые направляющие сделали. Отдельные для артбордов и холстов. Причем сразу можно строить одинаковые колонки на всех артбордах независимо от их размеров. Очень удобно при дизайне адаптивных макетов
    Ответ написан
    1 комментарий
  • Как рисовать красивые градиенты и научится работать с тенями?

    @Jenish
    Мне кажется, что автора больше интересует не как технически создавать градиенты, а как создавать красивые градиенты :) Если я прав, то вам следует почитать про теорию цвета и побольше экспериментировать с цветами, режимами наложения и прозрачностью.
    Ответ написан
    3 комментария
  • Как дизайнеры, использующие Illustrator для создания веб-интерфейсов и приложений, организуют свою работу?

    @Jenish
    Использую PS. И ассеты готовлю для верстки частенько сам. Так быстрее и отношения с верстальщиком теплее :)
    С выходом артбордов в фотошопе, процесс стал удобнее. До этого сам предпочитал иллюстратор.
    Но идеальный инструмент, говорят, Sketch. Сам не работал на нем, но наслышан.
    Ответ написан
    Комментировать
  • Как запретить pen tool резать себя?

    @Jenish
    Лайфхак (правда стремный): отрезок, где он пересекается с собой, разрывать "ножницами" на новый
    Ответ написан
    Комментировать
  • Что за артефакт в illustrator?

    @Jenish
    С обводкой внутрь\снаружи не всегда удобно работать. Я чаще юзаю по середине.
    И в вашем случае, если использовать другие "кончики", то это тоже не решит проблему: все углы станут либо круглыми, либо скошенными.
    А для решения вашей проблемы нужно две половинки объединить, чтобы они получились без линии по середине, а линию посредине дорисовать сверху
    Ответ написан
    Комментировать
  • Можно ли сделать контур разного цвета для текста, а именно для определенных частей букв?

    @Jenish
    Offset path на кривую копию маленькой надписи, потом expand appearance, потом работаем с pathfinder, и вуа-ля :)
    Ответ написан
    Комментировать
  • Чем динамический символ нового Adobe Illustrator CC 2015.2 отличается от статического символа Adobe Illustrator CC 2015.1?

    @Jenish
    Короче говоря, у динамических символов могут быть еще разные состояния
    Раньше приходилось разбивать экземпляр символа, чтобы изменить ТОЛЬКО его, при этом не затрагивая сам мастер или, как я его еще называю, "прототип" и другие экземпляры. А теперь экземпляры символов (динамических) можно редактировать каждый отдельно, при этом не отрывая его от прототипа. Если вносить изменения в сам прототип, то будут меняться все экземпляры.
    Здесь все описано
    Ответ написан
    Комментировать
  • Что я делаю не так?

    @Jenish
    Попиксельно - это для пиксельных иконок (в стиле пиксельной графики).
    А если стиль другой? :) Да и в любом случае придется иметь дело с полупрозрачными участками

    Если вы знаете, в каких размерах будет использована иконка:
    Выставляете в иллюстраторе pixel preview, включаете пиксельную сетку и рисуете самый маленький размер 24х24 например. При этом учитывая, что участки иконки с прямыми отрезками, окружностями и края иконки равнять к пиксельной сетке. Так границы и иконка в целом получаются четкими. Экспортируете в PNG (или какой там вам нужен). Далее делаете 48х48 и 24х24, например, и те места, которые расплылись, снова руками подправляете под пиксельную сетку. И так далее.

    Но помните, что идеальной иконки абсолютно под все размеры вы не сможете сделать. Все равно где-то что-то слегка поплывет - это не страшно. Главное, чтобы не сильно. Поэтому старайтесь избегать слишком тонких линий, изгибов и прочих мелких деталей. Следите, чтобы важные части

    7dc8b007b26140198c4fe33d7a648ef4.png
    Ответ написан
    Комментировать
  • Adobe illustrator размер текста?

    @Jenish
    1) Если сам шрифт есть, то методом тыка :) поставить поверх и крутить кутилки.
    2) Если и шрифт тоже неизвестен, то в инете есть инструменты их определения. Найти, установить, вернуться в пункт 1

    Основными единицами типографской системы мер являются 1 пункт (1 п.), равный 1/72 французского дюйма, 1 цицеро (1 циц.), содержащее 12 п., и 1 квадрат (1 кв.), содержащий 4 циц. или 48 п.
    1 п. = 1/2660 м = 0,3759 мм ≈ 0,376 мм; 1 циц. = 4,512 мм ≈ 4,5 мм; 1 кв. = 18,048 мм ≈ 18 мм.

    При компьютерном наборе используется англо-американский типографский пункт (point), равный 0,3528 мм. Для перевода англо-американской системы измерений в типографскую пользуются соотношением: 1 points=0,9348 п.; 1 п.=1,0697 points. Более крупная единица 1 пика (pica) равна 12 п. (≈4,22 мм).

    © Wikipedia
    Ответ написан
    Комментировать
  • Как экспортировать Ai в PSD с сохранением векторных слоев?

    @Jenish
    Я сам, конечно, не пробовал, и, конечно, это очень трудоемкий процесс, но я просто пораскину мозгами и как вариант предложу:

    Можно написать скрипт в AI, который экспортирует элементы в файлы. А в фотошопе написать другой скрипт импорта файлов.
    Нужно сначала правильно сгруппировать слои в иллюстраторе, разделить текст и вектор. Скрипт в иллюстраторе сначала экспортирует векторные элементы с учетом порядка следования слоев и положения (можно задавать в названиях файлов порядок и координаты, группы слоев в отдельные папки и т д), потом текстовые в псд (чтобы сохранить редактируемость и положение).
    Потом скрипт в фотошопе все это дело обратно собирает.
    Должно получиться вплоть до сохранения порядка слоев, групп и т д.

    Только кто напишет такой скрипт? :)
    Ответ написан
    1 комментарий
  • Для чего нужны подслои если есть просто группы?

    @Jenish
    1) цвет направляющих и т. п. разные на разных слоях. Удобно идентифицировать.
    2) порядок элементов и групп можно менять только в пределах слоя. То есть сочетанием клавиш shift+ctrl+[ или ] можно вынести элемент на передний или задний план только текущего слоя. Выше всех слоев не вылезет. Иногда удобно, иногда нет :)
    3) экспорт и блокирование удобнее.

    Считайте, что слой это более глобальная группа
    Ответ написан
    1 комментарий
  • Вопрос по прозрачностям и маскам в Adobe Illustrator CC 2015 №2?

    @Jenish
    Привет. Интересный вопрос. Ранее не сталкивался. Сижу тыкаю ))
    Есть группа объектов.
    В самом низу группы Зеленый квадрат с режимом наложения Overlay,
    Затем Лиловый квадрат с режимом Multiply
    И синий кругляш с режимом Screen
    10427803897c47dbbf1145a6b7031bc4.jpg

    Итак:

    Первая галочка (Isolate Blending) Отключена:
    d719fb564c754134aeefcb4bfee3842c.jpg
    То есть режимы наложения работают в отношении группы тоже. Учитывается фон.

    Первая галочка (Isolate Blending) Включена:
    23d47d043aaf496a8efa5bacc63e7fba.jpg
    Режим наложения объектов в группе работают только внутри группы, в тех местах, где пересекаются между собой и фон под группой вообще не учитывается. А в тех местах где под ними нет других объектов в их группе, режим наложения не работает (становится обычный режим Normal на прозрачном фоне).

    А маску с учетом непрозрачности я так и не допер ))
    Ответ написан
    3 комментария
  • Можно ли делать веб-дизайны в aillustrator?

    @Jenish
    Извечная дилемма ))
    Я делаю и в Иллюстраторе и в Фотошопе. По настроению. Особенно с выходом СС 2015 макеты стало удобно делать и там и тут (особенно в плане артбордов). В обоих программах где-то что-то лучше, а где-то - хуже. На всё это давно придумали кучу лайфхаков, так что разницы особой нет. Самый большой плюс иллюстратора - это работа с текстом, имхо. Хотя индизайн ещё круче. Но и в фотошопе можно задавать стили текста и параграфа, но я не пользуюсь особо.
    Ответ написан
    Комментировать
  • Как соединить 2 контура в Adobe Illustrator?

    @Jenish
    b0df661262604517af0b8767101ec589.jpg
    1 - это просто два контура
    2 - это составной контур
    3 - это слитые контуры

    Полагаю, это у вас составной контур и надо ее разбить для начала. Для этого надо правой кнопкой нажать на объект и выбрать пункт Release Compound Path или SHIFT+CTRL+ALT+8, выровнять как вам надо и нажать Unite в панели Pathfinder. Подробнее тут
    Чтобы объекты получались "стык в стык" пользуйтесь быстрыми направляющими (smart guides) и правильно настройте привязку объектов (snap to), которая тем точнее работает, чем больше зум :)
    Ответ написан
    Комментировать
  • К ак исправить искажение цветов вAdobe illustrator и LithRoom?

    @Jenish
    Предыдущий комрад тему говорит :)
    Есть такая вещь, как цветовые профили. Подробнее тут
    В продуктах Adobe в меню есть пункты Color Settings и Assign Profile. Обычно они подбираются под конкретное устройство. И, по-хорошему, надо предварительно говорить с цветокорректором и печатником, если таковые есть.
    Кстати, цветовые профили, бывают случаи, меняются и в самой операционной системе. Тогда надо калибровать монитор.. Но я чаще работаю с веб и у меня обычно все по умолчанию. Я туда не лезу.
    В общем, как-то так :) почитайте в интернете о теории цвета, цветокорррекции и профилях.. это полезно и довольно интересно
    Ответ написан
    Комментировать