Adobe Photoshop CS6 – новые фишки для UI и Web дизайнеров

Adobe Photoshop CS6 – новые фишки для UI и Web дизайнеров

С момента появления первой версии Adobe Photoshop прошло очень много времени. Разработчики новых версий данного продукта старались развивать его в сторону качества, доступности и удобства. Однако, при этом его функционала для удобной работы в области Web-дизайна было не очень много. И вот, в новой версии «Фотошопа» — Adobe Photoshop CS6 сделан огромный шаг навстречу дизайнерам. В этой статье я постараюсь осветить нововведения в программе как можно тщательней.

 

Особенности Adobe Photoshop CS6

Изменение первое – Новый интерфейс

С момента выхода предыдущей версии Adobe Photoshop прошло 2 года и, теперь нам предложен измененный интерфейс. По всей видимости, разработчики подошли к этому вопросу с некоторой нежностью – нам предлагается выбрать одну из четырех цветовых схем, которые выполнены в серых тонах. Интерфейс можно изменить в настройках: Редактирование => Настройки => Интерфейс.

Новинка вторая – Новые рамки

Одним из основных недостатков Adobe Photoshop предыдущих версий было то, что нельзя было применить пунктирную или точечную рамку. На практике это один из самых популярных приемов, которым пользуются web-дизайнеры. До выхода Adobe Photoshop CS6 подобную рамку можно было сделать вручную, нарезая и копируя линии. И вот, разработчики компании Adobe решили лишить своих фанатов столь увлекательного занятия, добавив эту функцию в новую версию «фотошопа». Благодаря этому, теперь можно создавать рамки не прикладывая титанических усилий.

Обводку можно добавить к любому контуру или фигуре. Разработчики снабдили данную функцию такими опциями:

Align – данная опция позволит выбрать внешнюю, внутреннюю или центрированную обводку.

Caps – позволит настроить углы обводки: квадратные концы, оканчивающиеся там же где и контур – это настройка Butt Cap, квадратные концы, заканчивающиеся чуть дальше контура – Square Cap и контур с закругленными концами – Round Cap.

Corners – данная опция позволит выбрать уровень закругленности углов контура: Bevel, Rounded и Milter.

Третья новинка – Стили заголовков

Гипотетическая ситуация – от клиента приходит ТЗ, в котором имеется PSD файлик. Этот файл содержит 10 папок, в каждой из которой находится дизайн страницы для интернет-портала. Клиенту необходимо изменить шрифт заголовка на каждой странице и его размер, чтобы сделать все гораздо более приятным для чтения. Работа несложная, но чтобы её выполнить придется попыхтеть над изменением шрифта в каждой папке. В конце-концов получится, что однотипная работа «съест» огромную нашего кучу времени.

Photoshop CS6 позволяет существенно сократить затрачиваемое на подобную работу время. С помощью функции «стили заголовков styles» дизайнер может манипулировать с текстом буквально как в CSS. Заголовкам можно назначать теги H1-H6, и задавать любые стили. При создании текста дизайнер просто выбирает нужный ему стиль в опциях: Window =>  Paragraph Styles.

Еще одна новинка – Lorem Ipsum

В последнее время Lorem Ipsum используется практически повсеместно. Дизайнеры, работающие с Adobe Photoshop предыдущей версии, вынуждены были пользоваться сторонними ресурсами, дабы скопировать этот текст. В Adobe Photoshop CS6 добавили функцию, позволяющую вставлять lorem ipsum прямо из меню.

Новинка номер пять — цвета поддерживают хеш теги

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

Adobe Photoshop CS6 более не обладает этим недостатком. Очень полезная доработка функционала.

Нововведение под номером шесть – размеры девайсов добавлены в стандарт

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

Новинка под номером семь – создание форм

Переоценить значение форм в дизайне сайта практически невозможно. Они используются для баннеров, различных боксов, различных полей ввода  — да практически везде. В CS6 векторные формы были значительно изменены. Итак, основные изменения:

Snap Vector Tools, а также Transform to Pixel grid – данный инструмент дизайнера был в значительной степени доработан и улучшен в CS6. Теперь с его помощью можно «привязать» формы к внешним границам пикселей (это также касается и инструментов Pen и Ellipse). На практике это выльется в то, что формы будут гладенькими и ровными. Включается опция в настройках Preferences => General

Вставка атрибутов форм – атрибуты определенной формы теперь можно скопировать и вставить в другую форму. Копируются цвет и обводка.

Формы как слои – в предыдущих версий «фотошопа», на панели слоев форма выглядела как цветной квадрат. В нынешней версии это не безликий квадрат, а точное изображение формы.

Скрыть контур – в CS6 появилась возможность скрыть контур формы с помощью шортката Command+shift+H/Ctrl+Shift+H.

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

Новинка восьмая — визуальная помощь

Каждый дизайнер в своей работе по несколько раз в день сталкивался с необходимостью знать точные размеры выделенной им области. Для этого приходилось лезть в панель информации и копировать оттуда искомые значения. Теперь этой панелькой пользоваться будут значительно реже. В CS6 добавлен еще один тултип, который будет подсвечивать размеры выделенного элемента. С его появлением хочется спросить – почему не ввели такую удобную «фичу» раньше?

Новинка девятая – поиск по слоям

Эта функция значительно облегчит работу тем, кто не имеет привычки приводить в порядок рабочий PSD файл. Как правило это люди с творческим запалом. Однако это не означает что всем остальным эта новинка не принесет пользы – напротив, переоценить её сложно. Поиск позволяет отфильтровать созданные слои по таким параметрам:

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

Имя – отфильтровывает слои по названиям.

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

Эффект – фильтрует слои по примененному к ним стилю.

Атрибут – фильтрует по присвоенному слою атрибуту (locked, visible, etc.).

Режим смешивания – фильтрует слои при данному режиму.

Иные изменения

Возможность скрыть стили слоя в панельке слоев – когда файл PSD передается клиенту, дизайнер старается сдать его чистым и в определенной степени организованным. В нынешней версии CS6 можно скрыть стили слоя в панельке слоев просто зажав клавишу option/alt и кликнув на стрелочку возле слоя.

Переименование слоев – переименовываем слой, жмем клавишу Tab и переименовываем следующий. Комментарии излишни – функция вызывает исключительно восторг.

Скорость – благодаря внедрению нового движка «фотошопа» он стал загружаться и работать несколько быстрее. Приятно, что разработчики уделили и этому фактору свое внимание. Все действия теперь выполняются быстрее.

Вердикт

За время использования новой версии «фотошопа» с уверенностью могу сказать, что скорость выполнения определенных заданий в определенной степени возросла. Причем, отдельно взятые элементы удается выполнить в разы быстрее, чем в предыдущей версии Adobe Photoshop. В целом Beta-версия этого продукта производит крайне приятные впечатления и заставляет с нетерпением ждать релиза Adobe Photoshop CS6. Скачивайте последнюю версию фотошопа (adobe photoshop cs6) с нашего сайта!

Отставить отзыв

Ваш e-mail не будет опубликован. Обязательные поля помечены *