Как осуществить переезд с Adobe Photoshop на Illustrator верстальщику?
Всегда для верстки использовал Photoshop CC 14.1. Особенно новую фишку Generate -> Image Assets.
Сейчас мне все макеты присылают в иллюстраторе, которые после конвертации в PSD(для использования вышеупомянутой фишки) приобретают кучу багов (отсутствие эффектов, невозможность генерировать CSS, отсутствующие названия и прочее). Приходиться делать огромное количество лишней работы, чтобы привести этот PSD в порядок. А потом после нарезки изображений приходиться бросать этот макет и возвращаться в иллюстратор, что тоже не очень удобно.
Хотелось бы услышать варианты, как оптимизировать работу, возможно нужно использовать свежайшие технологии(SVG?). Для последнего хотелось бы увидеть полезные ссылки, которые помогут освоиться в этих дебрях.
- Вопрос задан более трёх лет назад
- 2625 просмотров
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Антон Чехов @chekhovrussia
Извините, что не ответ, но тут был вопрос уже на тему переезда:
Adobe Illustrator для HTML/CSS-верстальщика?
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
А почему не на Inkscape? Конечно, если вы не планируете использовать все навороты иллюстратора или его приобретать. SVG для Inkscape родной. По Inkscape меньше учебных материалов. Чтобы получать лаконичный SVG хватит и блокнота) С SVG проблема в том, что в браузерах нет аппаратной поддержки анимации, соответственно 25 кадров/с вы не получите.
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +2 ещё
Почему не работает z-index для swiper-слайдера?
- 1 подписчик
- 2 часа назад
- 17 просмотров
Как в фотошопе создать фигурные скобки?
Вот так
Похожие вопросы
Ваш браузер устарел
Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.
Специальные символы
В дополнение к символам, которые есть на клавиатуре, гарнитуры шрифтов содержат множество других символов. В зависимости от шрифта, эти символы могут включать лигатуры, дроби, каллиграфические символы, орнаменты, порядковые числительные, заголовочные и стилистические варианты начертания, символы верхних и нижних индексов, цифры старого стиля и современные цифры. Глиф — это специальная форма символа. Например, в некоторых шрифтах у заглавной буквы «А» есть несколько форм (например, каллиграфическая или капитель).
Вставлять варианты начертания глифов можно тремя способами.
- Выделение в контекстном меню позволяет просматривать и вставлять глифы, доступные для выделенного символа.
- Палитра «Глифы» позволяет просматривать и вставлять глифы из любой гарнитуры.
- Палитра «OpenType» позволяет задавать правила использования глифов. Например, можно указать, что в определенном текстовом блоке будут использоваться лигатуры, заголовочные символы и дроби. Использовать палитру «OpenType» проще, чем вставлять глифы по одному; кроме того, она позволяет получить более согласованные результаты. Однако в этой палитре можно работать только со шрифтами OpenType.
Замена символа другими глифами на холсте
Впервые реализовано в Illustrator CC 2017
При работе с текстовым объектом можно выделить символ для быстрого просмотра других глифов в контекстном меню. Чтобы заменить символ, просто нажмите другой глиф.
Примечание.
Для выделенного символа на холсте в Illustrator отображается не больше пяти вариантов глифов. Если доступно больше пяти вариантов, то в Illustrator отобразится значок справа от вариантов. Щелкните значок , чтобы открыть палитру «Глифы» и просмотреть дополнительные варианты.
Обзор палитры «Глифы»
Палитра «Глифы» («Окно» > «Текст» > «Глифы») используется для просмотра глифов в шрифте и вставки определенных глифов в документ.
По умолчанию на палитре «Глифы» отображаются все глифы для выбранного шрифта. Шрифт можно сменить, выбрав другую гарнитуру и стиль в нижней части палитры. Если в документе выделены какие-либо символы, можно просмотреть их альтернативные варианты, выбрав команду «Варианты начертания для выделенного» в меню «Показать» в верхней части палитры.
A. Меню «Показать» B. Гарнитура шрифта C. Стиль шрифта D. Кнопки масштаба
При выборе на палитре «Глифы» шрифта OpenType можно отобразить на палитре только определенные глифы, выбрав нужную категорию в меню «Показать». Также можно вывести раскрывающееся меню вариантов начертания глифа, нажмите треугольник в правом нижнем углу поля глифа (если применимо).
Вставка или замена символа с помощью палитры «Глифы»
Чтобы вставить символ, щелкните инструментом «Текст» для помещения точки ввода в том месте, где нужно вставить символ, а затем дважды нажмите нужный символ на палитре «Глифы».
Чтобы заменить символ, выберите в раскрывающемся меню пункт «Варианты начертания для выделенного» (Illustrator) или «Альтерации выделенного глифа» (InDesign), выделите в документе с помощью инструмента «Текст» нужный символ. На палитре «Глифы» дважды нажмите глиф, если он доступен.
Примечание.
Для символов азиатских языков доступны дополнительные параметры замены.
Обзор палитры «OpenType»
Палитра «OpenType» («Окно» > «Текст» > «OpenType») используется для определения того, как будут применяться варианты начертания в шрифтах OpenType. Например, можно задать использование стандартных лигатур в новом или существующем тексте.
Следует учитывать, что шрифты OpenType сильно различаются по предлагаемым ими возможностям. Не все параметры на палитре «OpenType» доступны для каждого шрифта. Просмотреть символы шрифта можно на палитре «Глифы».
A. Стандартные лигатуры B. Контекстные варианты C. Дополнительные лигатуры D. Каллиграфический E. Стилистические варианты начертания F. Заголовочные варианты начертания G. Порядковые числительные H. Дроби I. Стилистические наборы J. Кнопка меню K. Стиль цифр L. Расположение символов
Примечание.
Для азиатских шрифтов OpenType могут быть доступны дополнительные возможности.
Дополнительные команды и параметры находятся в меню, расположенном в правом верхнем углу палитры OpenType.
Подсветка вариантов начертания глифов в тексте
Выберите меню «Файл» > Параметры документа .
Выберите параметр «Выделить подставленные глифы» и нажмите кнопку «ОК». Подстановочные глифы будут выделены в тексте.
Использование лигатур и контекстных вариантов
Лигатуры — это типографские символы, замещающие определенные пары букв. Большинство шрифтов содержат лигатуры для стандартных пар букв, таких как «fi», «fl», «ff», «ffi» и «ffl». Кроме того, некоторые шрифты содержат дополнительные лигатуры для таких пар букв, как «ct», «st» и «ft». Хотя символы в лигатурах отображаются как слитные, они полностью доступны для редактирования и не приводят к ошибкам при проверке орфографии.
Контекстные варианты — это альтернативные символы, включенные в некоторые рукописные гарнитуры для улучшения их внешнего вида на стыках. Например, при использовании шрифта Caflisch Script Pro с включенным параметром «Контекстные варианты» пара букв «bl» в слове «bloom» стыкуется таким образом, чтобы результат был больше похож на рукописный текст.
Выделите символы или текстовые объекты, к которым нужно применить параметр. Если текст не выделен, параметр применяется к новому тексту.
Убедитесь, что выбран шрифт OpenType.
На палитре «OpenType» выполните любое из следующих действий:
- Нажмите кнопку «Стандартные лигатуры», чтобы включить или отключить лигатуры для стандартных пар символов (например, «fi», «fl», «ff», «ffi» и «ffl»).
- Нажмите кнопку «Дополнительные лигатуры», чтобы включить или отключить дополнительные лигатуры (если они доступны в текущем шрифте).
- Нажмите кнопку «Контекстные варианты», чтобы включить или отключить контекстные варианты (если они доступны в текущем шрифте).
Использование наборов стилей
Набор стилей — это набор вариантов начертания глифов, который можно применить к выделенному блоку текста. При применении набора стилей глифы, определенные в наборе, заменяют глифы по умолчанию для данного шрифта в выделенном тексте. Имя набора стилей, предоставленного разработчиком шрифта, отображается на различных панелях в Illustrator. Для некоторых шрифтов в Illustrator наборы стилей имеют имена «Набор 1», «Набор 2» и т. д. К фрагменту текста можно применить несколько наборов стилей.
Выделите текстовое поле или фрагмент текста, к которому необходимо применить набор стилей.
Выполните одно из следующих действий.
- Выберите Окно > Текст > OpenType , чтобы открыть палитру OpenType. Выполните одно из следующих действий.
- Нажмите значок «Наборы стилей» () в нижней части палитры, затем выберите нужный набор.
- Выберите «Наборы стилей» в меню панели, затем выберите нужный набор.
A. Нажмите значок в нижней части палитры. B. В меню палитры выберите нужный набор стилей.
- Чтобы перейти к палитре «Глифы», выберите Текст > Глифы . Выберите набор стилей из раскрывающегося списка «Показать» на палитре «Глифы».
Примечание.
Чтобы удалить набор стилей, примененный к фрагменту текста, снимите соответствующий флажок на палитре «OpenType» или «Глифы».
Добавление наборов стилей к стилю символа или абзаца
Выберите Окно > Текст > Стили символов или Стили абзацев , чтобы открыть палитру «Стили символов» или «Стили абзацев».
Выберите Новый стиль символа или абзаца в меню палитры.
Откройте вкладку Функции OpenType в левой части диалогового окна «Новый стиль символа / абзаца».
Нажмите ивыберите нужные наборы стилей в списке.
Нажмите кнопку ОК .
Использование каллиграфических символов, заголовочных вариантов начертания и стилистических вариантов начертания
Многие шрифты OpenType включают стилизованные символы, позволяющие добавлять в текст декоративные элементы. Каллиграфические символы — это символы с множеством украшений. Заголовочные варианты начертания — это символы (обычно все прописные), разработанные специально для крупного набора (например, для использования в заголовках). Стилистические варианты начертания — это стилизованные символы, предназначенные для создания чисто эстетического эффекта.
Выделите символы или текстовые объекты, к которым нужно применить параметр. Если текст не выделен, параметр применяется к новому тексту.
Убедитесь, что выбран шрифт OpenType.
На палитре «OpenType» выполните одно из следующих действий:
- Нажмите кнопку «Каллиграфический», чтобы включить или отключить каллиграфические символы (если они доступны в текущем шрифте).
- Нажмите кнопку «Стилистические варианты начертания», чтобы включить или отключить стилистические варианты (если они доступны в текущем шрифте).
- Нажмите кнопку «Заголовочные варианты начертания», чтобы включить или отключить заголовочные варианты (если они доступны в текущем шрифте).
Вставка символов, дефисов, тире и кавычек
Впервые реализовано в Adobe Illustrator CC 2017
Разместите точку ввода там, где требуется вставить символ с помощью инструмента «Текст».
- Выберите «Текст» > «Вставить специальный символ».
- Нажмите правой кнопкой мыши и выберите «Вставить специальный символ» в контекстном меню.
Фигурная скобка
Наверное имелось ввиду: 1. Нарисовать скобку в фотошопе и вставить картинку в html 2. Сделать скобку средствами css Я бы нарисовал, т.к. CSS, с точки зрения браузеров, очень капризная штука.
На сайте с 20.08.2007
6 ноября 2007, 12:09
Eagle:
Как Вы в фотошопе собрались удалять границу — непонятно.
sanitarn:
в Фотошопе нарисовать
alek007:
1. Нарисовать скобку в фотошопе и вставить картинку в html
2. Сделать скобку средствами css
Именно это, вот уже делаю, вернее рисую, есть гемор, но думаю разберусь
На сайте с 20.08.2007
6 ноября 2007, 12:11
kimberlit:
О чём речь идёт?
Смотрите тему внимательней
6 ноября 2007, 12:15
sanitarn:
Именно это, вот уже делаю, вернее рисую, есть гемор, но думаю разберусь
Хм. Берете Фотошоп, а лучше — Иллюстратор или Корел. Ставите шрифт побольше и на клавиатуре нажимаете значок фигурной скобки. Вот вам и Пикассо с Малевичем впридачу. Зачем изобретать велосипед?
На сайте с 13.03.2007
6 ноября 2007, 12:15
sanitarn:
Смотрите тему внимательней
Учитесь писать так, чтобы вас понимали, а не домысливали ваш бессмысленный набор слов.
На сайте с 20.08.2007
6 ноября 2007, 12:18
kimberlit:
Учитесь писать так, чтобы вас понимали, а не домысливали ваш бессмысленный набор слов.
Нужно читать внимательней 🙂
Kimi:
Хм.
Берете Фотошоп, а лучше — Иллюстратор или Корел.
Ставите шрифт побольше и на клавиатуре нажимаете значок фигурной скобки.
Вот вам и Пикассо с Малевичем впридачу.
Зачем изобретать велосипед?
Спасибо за такой простой способ, ха +1 за совет
На сайте с 13.03.2007
6 ноября 2007, 12:33
sanitarn:
или в КСС при помощи таблицы удалить одну границу?
Даже прочитав 100 раз человек, знающий что такое css, не поймёт о чём речь. ))) И как это применить к фигурной скобке. ))) У меня работают на стройке лица из дружественной «очень средней» азии, так они владеют языком лучше вас.)))
На сайте с 20.08.2007
6 ноября 2007, 13:11
kimberlit:
Даже прочитав 100 раз человек, знающий что такое css, не поймёт о чём речь. ))) И как это применить к фигурной скобке. ))) У меня работают на стройке лица из дружественной «очень средней» азии, так они владеют языком лучше вас.)))
Читайте и учитесь, мой вам бесплатный совет или вы думаете люди которые мне ответили ЭКСТРАСЕНСЫ. Тема закрыта