Ответы пользователя по тегу Adobe Illustrator
  • Дизайнеры, как вы передаёте логотип заказчику?

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

    Итак, вот открыт графический редактор и в нём готовый лого, а клиент уже радостно потирает ручки в предвкушении. Не у всех воображение развито и чтобы понять, хорошо ли лого смотрится в жизни нужно это показать. Да, долгие годы дизайнеры слали просто на белом фоне лого "анфас" и радовались, но часто этот лого потом ужасно смотрелся на одежде или бланке или еще где.
    Хотите чтобы клиентe понравилось? Сделайте несколько красивых картинок (дизайнер же все-таки, да?). Мокапов сейчас огромное количество и бесплатно в том числе. 10 минут на поиск в интернете подходящих и 10 минут на то чтобы вставить лого (ну и плюс время на скачивание). Какие именно мокапы выбирать смотрите по задаче (где-то подойдут на визитке, где-то на здании, а где-то на транспорте и т.п.).
    Не нужно лениться, это окупится, а даже если лень, то включите в общую стоимость лишние монетки за это.

    Всё. Ни векторных файлов, ни каких-то руководств и прочего. Если умеете, то сложите всё это в PDF-документ для удобства. И снабдите текстовыми пояснениями, иногда могут оказаться полезными. Лично я так делаю практически всегда, если лого делается "с ноля".

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

    И еще, вижу так и не разобрались люди с тем, что же такое брендбук. Запомните: брендбук делает НЕ дизайнер. Его делают маркетологи (с при помощи дизайнеров, конечно же). Дизайнер может сделать руководство по использованию лого и фирменного стиля и именно с ним все путают понятие "брендбук". Руководство входит в брендбук, но это понятия разные — все просто.
    Служат такие руководства для того чтобы другие дизайнеры (штатные в той фирме, типографии, рекламном агентстве или просто фрилансеры) делали нужные макеты в едином стиле и без "отсебятины". Потому подходить к такой задаче надо ответственно. Я видел руководства, которые лучше было бы сжечь, чем применять написанное в жизни.

    Теперь и вы это знаете)
    Ответ написан
  • Как установить TTF шрифт в Adobe CC 2018?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Попробуйте воспользоваться менеджером шрифтов типа FontExpert.
    У меня он установлен и я "на лету" могу подключить любой шрифт и он установится корректно (в отличие от простого копирования в папку Fonts). Проблем подобных никогда не было.
    Ответ написан
  • Странные проблемы с горячими клавишами в Photoshop и Illustrator?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Варианты решения проблемы есть в официальной инструкции
    https://helpx.adobe.com/ru/photoshop/kb/keyboard-s...

    PS Автору помог первый пункт: восстановление настроек по-умолчанию.
    Ответ написан
  • Как сделать такой паттерн?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Конечно же есть способ проще — через штатный функционал работы с узорами.
    Изучайте https://helpx.adobe.com/illustrator/using/create-e...

    "На лету" корректируйте линии и после можно будет применить к любому объекту (без необходимости ручного копирования) как и любой другой узор из стандартных палитр Иллюстратора.
    Ответ написан
  • Как сохранить логотип белого цвета на прозрачном фоне в Illustrator под печать в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

    Подходящие форматы файлов спрашивайте напрямую в типографии (или у клиента). Можно для печати и PDF, и EPS, и много других форматов, но требования могут отличаться у каждой.
    Ответ написан
  • Кто объяснит нетипичное поведение "обработки контура" (pathfinder)?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Во-первых, выделить легко т.к. у всех инструментов при использовании есть доп. функционал при нажатых Ctrl, Shift, Alt в разных сочетаниях — это очень удобно. При выбранном инструменте "перо" надо нажать Ctrl (курсор сменится на стрелку) и Shift (добавление к выделению), кликнуть по второму объекту/контуру и теперь выбраны оба.

    Во-вторых, скорее всего, на каком-то этапе автор сделал копию объекта внешнего контура губ и сейчас, выбрав верхнюю из них, использовал intersect (создает объект по форме пересечения двух фигур). Копия делается горячими клавишами (Ctrl+C - Ctrl+F) потому на видео действие осталось незаметным. Были бы открыты слои - было бы понятнее.

    Кстати, в Ютубе можно менять скорость воспроизведения чтобы разглядеть внимательнее действия, совершаемые слишком быстро. Вдруг не знали.
    Ответ написан
  • Как сохранить SVG файл в иллюстраторе, если там находится растровый объект?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    В чем проблема трассировать растр и не мучиться? Даже не трассировать, а просто взять тот лого в векторе (если нет, то перевести самому, он простейший).

    А так, есть пункт при экспорте
    5c091bc711328783245977.png
    Ответ написан
  • Как отключить прилипание к границе монтажной области в Adobe Illustrator?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Snap to pixel уберите.
    Я повторил ваш пример и у меня не липнет к краю.
    5ae1a6cce1e58162091717.pngUPD В версии 2015 проблема есть, а в 2017 ее нет.
    Ответ написан
  • Как сделать чтобы при наложении на белое в Adobe Illustrator были видны все цветные элементы объекта?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Проверьте режимы наложения (панель Transparency Shift+Ctrl+F10). Ну и можно проверить из чего круги сделаны. Бывает, что это не фигура залитая цветом, а всякие маски и непонятные приёмы.
    Ответ написан
  • Почему после трассировки и экспорта в SVG формат появляются вот такие линии?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Нарисовать дерево по-нормальному и не мучаться. Трассировка без доводки руками изначально плохой вариант, так что нечего удивляться косякам.
    Ответ написан
  • Как в illustrator сделать собственные stroke для Curvature Tool(Shift+~)?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Странный вопрос. В тексте сказано про Curvature Tool, а скриншот показан окна width profile.
    Первая рисует с той обводкой, которую зададите (в том числе и через окно width profile), а второе можно задать своё по мануалам типа этого.
    Ответ написан
  • После трассировки в Adobe Illustrator Smart объекта из PSD, изображение меняется, появляются полосы разных оттенков, что делаю не правильно?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Неправильное тут одно: размещение вопроса здесь вместо изучения основ векторной графики, её отличий от растровой, что такое трассировка и где она поможет, а где нет.

    Вот прошло первое знакомство с трассировкой. Теперь можно еще попробовать на разных картинках и в разных режимах с разными настройками чтобы увидеть как она работает и забыть про неё.

    Сейчас либо разобрать результат трассировки, а потом слить разделённые объекты вместе и наложить нужный градиент, либо взять перо и обрисовать фигуры вручную, перекрасив их как оригинальное изображение.
    Ответ написан
  • Чем отличается действие опций Release to layers (Sequence), Release to layers (Build) дополнительной панели layers друг от друга?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Пункт Release items to separate layers.
    9e77c34d9f29466baf911ee97961b6de.png9d907fd88c584e14aa0240ccd31de0ec.png
    В который раз советую сначала смотреть нужную функцию там, а если там нет, то спрашивать здесь.
    Ответ написан
  • Сколько стоит хороший (но не супер крутой) графический дизайнер?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Потребуется опросить не одну сотню людей, работавших с дизайнерами, чтобы составить адекватную ценовую картину т.к. что недорого для одних — дорого для других.

    Тут разработчики судят по себе начинают и дизайнерам навязывать часовые рейты, вот только не всегда это нужно. Поверьте, как дизайнер говорю. Попроектная работа дизайнера-фрилансера всегда фиксированная. Работа долгосрочная (большой проект, а не 10 мелких периодически) или в офисе — да, может рассчитываться из почасовой ставки. Фиксированные ставки же у него давно рассчитаны исходя из типовых задач. Лого, руководство по фирменному стилю, главная страница, внутренняя страница, аудит дизайна, иллюстрация, иконки и т.п. — для таких задач есть фиксированный диапазон.

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

    Примеры.
    1. Разработка логотипа.
    Можно просто воплотить идею, что придёт в голову, опираясь на задание клиента. Один вариант без претензии на уникальность т.е. не проводить анализ существующих, не проверять использует ли кто-то эту идею и насколько это вообще важно. А можно делать три принципиально разных варианта на выбор с доработкой одного до финала, изучать конкурентов, искать способы выделиться на их фоне и проверять свои идеи на уникальность среди других логотипов.
    И стоимость решения этих задач может быть, например, от 50$ до 200$ и выше. И это всё стоимость разработки логотипа у одного и того же хорошего дизайнера.

    2. Разработка дизайна сайта (раз уж и них заговорили в комментариях).
    Тут может быть только цена за главную и цена за внутренние уникальные/типовые страницы. Но никак не почасовая))) На каких-то сайтах нужна дополнительная графика, а на каких-то нет, кто-то берёт картинки из интернета/фотобанков, а кто-то создаёт сам. Следовательно, стоимость главной может быть от 50$ до 150$, а внутренних 20—50$ за уникальные и 10—20$ за типовые — и здесь оценку логично проводить после изучения задачи и требований.

    Так что вы определились бы с перечнем конкретных задач, а там уже можно будет собрать информацию о ценах на эти задачи. Цена «ХХХХ в час» вообще не информативна т.к. не даёт понимания стоимости проекта.

    Если исходя из озвученного в вопросе (лого и айдентика), то цены можно назвать примерно следующие: лого — от 50—100$ и выше; фирменный стиль от 100—300$ в зависимости от кол-ва носителей ФС и необходимости оформления руководства.
    Ответ написан
  • Организация рабочего процесса по вебдизайну в Adobe Illustrator - как лучше?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Вот по описанным причинам ребята и делают всё в одном файле :) Тут выбирать что удобнее именно для себя — разделять файлы и перекрашивать по необходимости вручную каждый или же бояться тормозов программы, но менять любые стили сразу везде. Тут можно еще порекомендовать написать свой скрипт/экшен для подобных целей, готовые мне не встречались (хотя вопросы периодически задают и здесь и на иностранных ресурсах).

    А про хранение файлов напишу вкратце.
    Если проект большой, с задачами разного рода, то делается папка big-project-name. Внутри неё лежат папки по задачам: banners, icons, site и т.п. В каждой папке конкретная задача. Если проект простой и путаться негде, то можно не разделять на подпапки. Все названия папок и файлов я всегда пишу с маленькой буквы и на английском, так удобнее.
    Внутри папки company-site (возьмем пример с сайтом) лежат папки source (со всеми материалами, предоставленными заказчиком), img (с разной исходной графикой, которая используется в проекте), preview (или images или типа того, я в такую папку складываю макеты для согласования и расшариваю для доступа клиенту — чтобы не пересылать кучу файлов, а иметь одну папку с актуальными макетами) и любые другие служебные папки, которые могут понадобиться по ходу работы.
    В корне этой папки ведется работа и находятся исходники вида name_xxxx_yyy_zzz, где name — это название клиента или проекта (указываю всегда чтобы находилось через поиск), xxxx — обозначение вида задачи (site, app, icons и т.п.), yyy — уточнение что в этом файле (если сайт/приложение, то main, contacts, news и т.п., если иконки, то их размер, например), zzz — версия файла — она может быть просто цифровой (001, 002, 024), а может быть и датой сохранения, иногда требовалось подобное (16-11-23 – год-месяц-день, удобно следить). Таким образом, получаются имена файлов sber_icons_128px_001, sber_insurance_lk_012 или ph_cafe_menu_16-10-05. Когда требуется версия с переведённым в кривые контентом, то в конце можно добавить -curved.
    Я предпочитаю разделять смысловые части с помощью подчеркивания "_", а вместо пробела в словах использовать минус "-" (sber-bank_site_one-two_004).

    Если собирается много файлов одной задачи, то они собираются в подпапку как описано в самом начале.
    Когда собираются несколько версий одного макета, то я создаю папку old (или revisions, кому как удобнее) и скидываю туда все старые версии, а в корне задачи остаются лишь актуальные. Это помогает не запутаться в куче версий и, в то же время, держать их рядышком. Если важно сохранить даты подобных «срезов», то в папке old делается подпапка с нужной датой.

    Учитывая, что я фрилансер, то мне не надо иметь кучу папок как у ребят по ссылке и думать о том, что кто-то там может не разобраться :) А в каждой конторе привыкли к разному и просто либо подстраиваешься под них, либо по-умолчанию расшариваешь папочку с макетами. В последнем своём офисе из бардака на личном компе я сделал озвученную выше структуру на сетевом сервере и все работали с файлами без дёрганья друг друга.
    Ответ написан
  • Насколько удобно создавать макеты сайтов в illustrator?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    насколько удобно и возможно ли вообще работать веб-дизайнеру в illustrator при создании макета сайта.

    Работать возможно и вполне удобно. Проблема в другом — верстальщики не жалуют т.к. плагины и утилиты, облегчающие вёрстку под Фш есть, а под Аи нет. Это не раз обсуждалось даже здесь, на Тостере. Поищите.

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

    Не согласен. Лично мне ни капли не сложно поставить новую направляющую с привязкой к пиксельной сетке в Аи. Не сложнее, чем в Фш. А если не нравится, что направляющие среди элементов дизайна, так вынесите их на отдельный слой и всё.

    мелкие элементы (~ менее 10 пикселей) нарисованные в этом же масштабе потом плохо масштабируются в большую сторону

    Очередная странность, никогда не было таких проблем. Это же вектор, его можно масштабировать как душе угодно. Смотрите какие настройки выставлены, возможно, «сложности» из-за этого.

    начинаются проблемы с толщиной обводки, к примеру, когда элмент скэйлится, а обводка - нет.

    Достаточно поставить «галочку» и обводка будет масштабироваться (панель Transform). И никаких «взять в бОльшем масштабе, а потом уменьшить» не нужны. Так что эта «проблема» лишь из-за незнания функционала программы. Советую изучить тщательнее Аи, посомтреть все возможные настройки в панелях, посмотреть уроки и т.п.

    С растром тоже не вижу проблем. Если в макете его очень уж много, то что мешает сделать его (растр) в Фш? Инструменты надо подбирать исходя из задач и совсем не обязательно чтобы это был строго только Фш, только Аи или только какая-то другая программа.

    А уж если растр всего лишь в виде превью картинок в макете, то вставить их для презентации также легко как и в Фш. Причём, на вёрстку отдавать уже можно и без них. Т.е. не проблема сделать интерфейс, например, в Аи, а растровую графику (фоны и прочее) положить отдельно. Не забыть только пояснить верстальщику где и как всё это должно располагаться. Или наоборот, сделать макеты в Фш, а все элементы (иконки, кнопки и т.п.) отдельно в svg положить (и не надо париться с кучей размеров).

    Достало лазать за веторными объектами в люстру, копировать, вставлять, позиционировать и т.д.

    Не существует программы, которая сделает работа за дизайнера :) Лень по Alt+Tab переключаться между программами? Ну идите в копирайтеры, там одного Word'a хватит))

    Если выбрал 1:1, встает вопрос, как потом графику нарезать для ретины? Если больший, то насколько? Так чтобы на ту самую ретину хватило?

    В Фш есть assets, также есть куча сторонних плагинов — выбирай что удобнее. Инструкций, статей и обзоров, благо, хватает. По поводу размеров для Ретина и прочих также существует масса статей с инструкциями (не считая гайдлайнов), вы их легко найдёте.

    Но тогда как работать с растром, ведь зачастую нет фотоматериалов хорошего качества и приходится использовать бэкграунд шириной 1400 пикселей на экраны 1920 пикселей шириной, а если масштаб еще увеличенный скажем x1.5, тогда этот фон в макете начнет размываться при растяжении.

    Правильно, надо учитывать кто и как будет этот сайт смотреть и подбирать изображения в соответствии с ограничениями. Если известны конкретные максимальные размеры, то надо готовить графику под них. Нет в интернете — купить на микростоке, нарисовать самому, попросить друга, заказать у коллег и т.п. Если параллельно консультироваться с верстальщиком, то и решение найдёте оптимальное и обоим работу упростите.

    Если ни одна программа не идеальна, то логично сделать выбор об использовании более одной программы в работе ;)
    Индизайн не для веба, хоть в нём, порой, и удобно сделать даже такой макет (например, сделать скелет, а затем продолжить работу в Фш; особенно, если в макете основа это текст). Всякие Muse и прочие полуавтоматические или автоматические инструменты тоже могут быть использованы — всё зависит от конкретной задачи. Для таких как вы сделали еще Affinity designer, но если и он не нравится, то прям не угодишь. Ждите полнофункциональную версию Adobe XD под Win.
    Будете ограничивать себя одной программой — будете вечно ныть, что где-то неудобно.

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

    Про макеты для адаптивного тоже не раз уже обсуждали здесь. Кто-то привык делать только одним способом, кто-то исходит из ситуации. Я отношусь ко вторым и на практике бывало разное:
    а) делаются макеты под каждое разрешение (список обсуждается с клиентом/верстальщиком) - дольше и дороже, но некоторые верстальщики предпочитают такой подход;
    б) делается один основной макет и текстовое описание поведения блоков и элементов, часть графики может готовиться дополнительно - подходит для несложных дизайнов, где логика поведения интерфейса может быть описана словесно и когда нужно немного сэкономить;
    Иногда можно просто блок-схемами показать поведение интерфейса.
    в) делается один макет и всё - чаще если клиент экономит и/или еще нет конкретного верстальщика и клиент не знает нужны ли доп макеты; тут либо верстальщик потом сам мучается над адаптивом, либо клиент возвращается за доп макетами.
    Не могу выделить какой-то самый популярный из вариантов т.к. все они бывают примерно в равном соотношении.

    Бюджет мал — делайте один, бюджет позволяет и/или клиент хороший — делайте по максимуму, если вам важно чтобы сайт выглядел как вы задумали при разных разрешениях экрана.
    Ответ написан
  • Как в Adobe Illustrator CC 2017 сохранить иконку в формате ICO?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Никак (во всяком случае я никогда такой функции не видел ни в одной из версий). Этот формат не поддерживается пакетом. Иконки в ICO всегда делались специальным софтом для создания иконок (ведь ICO это просто контейнер, содержащий в себе несколько размеров PNG-иконок).

    Варинты следующие:
    а) Искать плагин/скрипт. Под Фш они есть, под Аи не знаю.
    б) Пользоваться программами для создания иконок, их много разных (например, Axialis IconWorkshop Pro).
    в) Пользоваться онлайн-конвертерами, их тоже очень много.
    Ответ написан
  • Как задать горячую клавишу в Illustrator для функции "Найти объект"?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Все горячие клавиши настраиваются в Menu - Edit - Keyboard Shortcuts, только такой команды там нет.
    Но можно написать скрипт или экшен и его поставить на горячую клавишу.

    Для переименования слоёв можно воспользоваться той же тактикой.
    Ответ написан
  • Будут ли отображаться шрифты в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Будут, если у шрифта не запрещен импорт в ПДФ (редко, но бывает). Вроде бы, должно предупреждение выводится о шрифтах, если это я не путаю с Индизайном.

    Чтобы гарантированно обезопасить себя от проблем можно просто перевести шрифты в кривые. В таком случае, нельзя будет выделять и копировать текст из ПДФ, но это и не всегда нужно.
    Ответ написан