Adobe Photoshop CS6 – новые возможности для web или UI дизайнеров

Adobe Photoshop CS6 – новые возможности для web или UI дизайнеров

Не так давно компания Adobe анонсировала выход бета-версии Photoshop CS6. В новом релизе был сделан большой шаг навстречу дизайнерам, которые работают в сфере веб и потребительских интерфейсов.

Уже сегодня существует возможность загрузить бесплатную демонстрационную бета-версию графического редактора и ознакомится с более чем 65 новыми функциями.

Новый интерфейс.

С момента выпуска последнего обновления прошло чуть менее чем два года, и сегодня CS6 представляет Вам новый интерфейс. У Вас есть выбор между 4 цветовыми схемами, которые исполнены в серых тонах. Выбрать схему можно через Preferences → Interface.

Новые рамки.

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

Стили заголовков.

Представьте на минуту, что Вы только что получили от клиента ТЗ, которое содержит файл в формате PSD. В этом файле находиться 10 папок, и в каждой из них находиться дизайн страниц для сайта. Это очень большой файл и клиент хочет поменять шрифт заголовка на каждой странице, он так же просит Вас сменить размер шрифта, что бы сделать заголовки лёгкими для чтения. В принципе просьба довольно таки проста, но для ее реализации придётся исполнить одну или две функции несколько раз, редактируя шрифт в каждой папке. Всё это отнимет кучу времени.

Photoshop CS6 представляет «стили заголовков styles», что существенно экономит время на обработку данной просьбы. При помощи стилей заголовков Вы можете эффективно манипулировать с текстом как в обычном CSS. Вы можете назначить теги H1-6 и p или любой другой стиль. Когда Вы пишете текст, Вы можете просто выбрать любой стиль в Window → Paragraph Styles.

Lorep Ipsum приходит в CS6.

Часто бывает, что самые простые идеи стают самыми гениальными, и CS6 не исключение. Задумайтесь, сколько раз Вам приходилось покидать Photoshop, что бы скопировать немного текста «lorem ipsum»?

Теперь Вам больше не нужно этого делать. Вы можете вставить «lorem ipsum» просто из меню.

Цвета теперь работают из хеш тегом.

Если Вы связаны с разработкой и поддержкой веб-сайтов, то наверно у Вас уходит много времени на переключение с Photoshop на редактор кода или назад. В предыдущих версиях Photoshop есть одна проблема: поле, куда нужно было, вводить значение цвета не имело поддержки символа решётки #.

Это производило к проблемам по сравнению цветов, что в свою очередь предполагало проверку цвета в браузере, редакторе кода и в Photoshop. В CS6 проблема такого рода устранена. Вроде мелочь, а приятно.

Стандартные размеры девайсов (iPhone, iPad и т.д.)

Это было лишь вопросом времени, когда Photoshop представит стандартные размеры для девайсов типа iPhone. Эта небольшая функция сэкономит нам немного времени. На наш взгляд, успешный UI или web – дизайнер должен упрощать свою работу и делать в кратчайшие сроки.

Ещё одна функция, которая позволяет создавать действие, которое будет делать документ из выбранными наперёд UI элементами. Например, создавши действие для iPhone, iPad и Android которое будет автоматически создавать документ, и вставлять в него элементы типа меню, контролёров, направлений и т.п.

Создание форм.

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

Snap Vector Tools і Transform to Pixel grid. Этот инструмент был значительно улучшенный в CS6 и теперь предлагает возможность привязать формы до границ пикселей, включая инструмент Pen і Ellipse. Это значит, что формы будут гладкими и ровными, без заострённых углов. Эта опция включается в Preferences → General.

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

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

Прячем контур. Теперь можно спрятать контур формы, использовавши Command + Shift + H (для Mac) і Ctrl + Shift + H (для Win).

Прощай панель информации, привет визуальная помощь.

Сколько раз дизайнеру нужно было использовать конкретные фиксированные размеры изображений. Нужно было использовать информационный ряд, что бы справиться с этим. На самом деле эта панель никуда не исчезла, поэтому тяжело сказать «прощай панель информации» но теперь использовать её Вы будете всё реже и реже.

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

Поиск в слоях.

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

- Тип. Эта опция позволяет Вам фильтровать слои по пиксельным слоям, корректирующим слоям, текстовым слоям, фигурам и смарт объектам.

- Имя. Фильтр по названию слоя.

- Эффект. Фильтр слоев по примененному режиму смешивания.

- Атрибут. Фильтр по применённому атрибуту: например, «locked» или «visible».

- Цвет. Фильтр слоев по тому, какой цвет был предназначен для группировки.

Другие изменения.

Когда Вы запустите Adobe Photoshop CS6 Beta, наверно Вы заметите, что общая скорость работы ускорилась (хоть и не на много). Это стало возможным благодаря полностью новому движку Photoshop CS6, Mercury. Всё что Вы делаете в Photoshop теперь быстрее, чем было раньше.

Переименуем слои и нажимаем tab, для переименования следующего.

Когда произойдёт передача PSD файла клиенту или разработчику, очень важно отправить его чистым и организованным.

Теперь можно припрятать стили слоев на панели слоев, если на стрелочке возле слоя, зажать клавишу option / alt.

Последнее в блоге

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Последние комментарии