YouTube Трейлер

Что научитесь делать, посмотрев это видео?

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

Описание видео:

В предыдущем уроке вы узнали, как в программе Photoshop работать с выделениями. В этом уроке перейдем к инструментам Рамка и Раскройка.

Рамка кадрирования – это очень простой в использовании инструмент. Для наглядного примера откроем какую-нибудь фотографию. Берете инструмент и протягиваете выделение, зажимая левую клавишу мыши. Отпустив мышку, вы увидите, что выделенная область остается в оригинальном цвете, а остальное изображение становится прозрачно-черного цвета. Если нажать клавишу Enter, то останется только тот участок в документе, который вы выделили.

Существуют следующие возможности этого инструмента:

  1. Можно вручную установить ширину и высоту выделения.
  2. Параметр Расширение нужно указывать таким же, как и расширение вашего рисунка.
  3. Кнопка Изображение показывает настоящие размеры данного изображения.
  4. Если вы подводите курсор к углам рамки, то он принимает вид стрелки, с помощью которой рамку можно корректировать. Если подводить курсор с внешней стороны угла, то стрелка становится изогнутой, и с её помощью рамку можно поворачивать. Внутри рамки есть центр вращения, его расположение можно менять. Изначально центр вращения находится в середине.
  5. У инструмента Рамка кадрирования есть опция Перспектива. Принцип её работы наглядно рассмотрен в видео.

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

Берете инструмент, выделяете  какую-то область. Размер выделенных фрагментов можно изменять. Затем нужно сохранить данный файл для интернета. Переходите в меню Файл и выбираете команду Сохранить для Web. Откроется окно для оптимизации, где можно задать параметры для каждого кусочка изображения.

Пусть в первом кусочке изображения находится текст, и нет рисунков. Так как изображения с текстом или схемами лучше всего сохранять в формате *.gif, то в настройках этого кусочка нужно указать формат gif и подобрать качество изображения.

Второй кусочек – это изображение, и вам нужно его сохранить в формате *.jpeg с высоким качеством.

Пусть третье изображение – это мерцающая кнопка. Её лучше сохранять в формате *.png.

Остальные кусочки изображения оставляете в формате *.jpeg, сохраняете настройки, указываете папку для хранения изображения, выбираете тип файла Html и изображения и кликаете кнопку Сохранить.

Если вы теперь перейдете в эту папку, то увидите, что там сохранилось несколько картинок, а также html-файл. Этот файл представляет собой html-код в виде таблицы, в ячейках которой закодированы картинки.

В следующем уроке вы узнаете, как в программе Photoshop работать с инструментом Кисть.

Сайт оказался для Вас полезным?

View Results

Loading ... Loading ...