Сайт Льва Волкова
  
· В Сахаре ежегодно наблюдается 160 тыс. миражей. Они бывают стабильными и блуждающими, вертикальными и горизонтальными.
 
      На главную  
 Личное
  Статьи
  Задачи 
 Ссылки
 АТ-531
www.levvol.ru    
 

Волков Л.А.
  

УРОКИ PHOTOSHOP:

ФОТОГРАФИИ НА КНОПКАХ

Может быть это и не кнопки, а значки. Но всё равно здорово, ведь важен результат.

Создадим новый документ в режиме RGB размером 400х400 px. Зальем этот документ красным цветом, выбрав цвет переднего плана #ff0000 и нажав сочетание клавиш Alt Backspace. Нажимая клавиши Shift M несколько раз выберем инструмет Elliptical Marquee Tool, с помощью которого удерживая клавишу Shift нажатой, нарисуем правильное круговое выделение. При необходимости сдвинем это выделение по центру документа клавишами "стрелка вверх, вниз, влево, вправо".

Откроем фотографию, которая должна отображаться на кнопке. Нажмем сочетание клавиш Ctrl A, чтобы выделить всю фотографию целиком, а затем Ctrl C? чтобы скопировать фотографию в буфер обмена.

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

Нажав клавишу Ctrl, щелним в палитре Layers на значке маски слоя, чтобы добавить выделенную область вокруг фотографии.

Теперь щелкним на значке Create a new layer (листочек с загнутым уголком) в нижней части палитры Layers, создадим новый слой Layer 2. Зальем выделенную область красным, нажав комбинацию клавиш Alt Backspace. Создадим копию слоя Layer 2, нажав комбинацию клавиш Ctrl J. В результате мы получим два одинаковых слоя, расположенных один над другим.

Выберите команду Bevel and Emboss (скос и рельеф) из выпадающего меню Add a layer style в нижней части палитры Layers (кружок с буквой f). Увеличте значение параметра Depth до 291, для параметров Size и Soften установите значение 14 px. В группе параметров Shading в нижней части диалогового окна задайте для параметра Angle значение 135°, для параметра Atitude - 37°, после чего увеличьте значение параметра Opacity для ярких оттенков до 100%, а для теней - уменьшите до 40%.

После щелчка по кнопке OK в круге на верхнем слое будут добавлены блики и тени, они выглядят как круглая объемная кнопка. Для выделения кнопки щелкним по верхнему слою в палитре Layers, удерживая нажатой клавишу Ctrl.

Из верхнего меню <Select> выберите опцию <Modify>, далее из выпавшего меню - опцию <Contract>, в диалоговом окне установите значение 12 px и щелкните ОК. Выделение уменьшится. Для изображений с высоким разрешением, например 300ppi, необходимо выбрать значение 44 px.



Выделение уменьшится.

Будем нажимать комбинацию клавиш Shift M пока не будет выбран инструмент прямоугольного выделения - Rectangular Marquee Tool, теперь удерживая нажатой клавишу Alt выделим снизу кругового выделения прямоугольную область, перекрывающую 3/4 круга. Отпустив клавишу Alt получим отсеченную от круга область примерно 1/4 его площади.



Перейдем к палитре Layers и щелкним на слое с красным кругом (слой Layer 2), расположенном под слоем с которым мы только что работали. Нажмите клавишу Backspace, а затем комбинацию клавиш Ctrl Delete, чтобы снять выделение.Фотографию мы еще не увидим, но ... Щелкним на верхнем слое Layer 3 и уменьшим значение парметра Fill в верхнем левом углу палитры Layers до 0%, как показано на рисунке. Вот теперь фотография видна, но только не так.

При активном верхнем слое выберите из выпадающего меню Add a layer style, которое включается нажатием на кружок с буквой f в нижней части плитры Layers, команду Drop Shadow. Увеличьте значение парметра Opacity до 100%, сбросьте флажок Use Global Light? для парметра Angle задайте значение 90°, увеличьте значение параметра Depth до 14, а значение параметра Size до 18.



Щелкним на кнопке OK, чтобы добавить к кнопке мягкую черную тень. Теперь можно добавить надпись. Я использовал шрифт Tahoma, задав значение трекинга -10.



Теперь пришло время заняться фотографией. Щелкним на слое с ней в палитре Layers. Нажмем сочетание клавиш Ctrl T и применим инструмент Free Transform, будем перемещать фотографию и изменять ее размеры, перетаскивая угловые маркеры при нажатой клавише Shift. Мы получим шаблон для создания других кнопок, поэтому сохраним его как файл Photoshop со слоями - меню <File> -><Save as...>



* В палитре Layers скроем фоновый слой, щелкнув на изображении глаза напротив его названия. Теперь щелкните на верхнем слое, после чего создайте новый слой, щелкнув на значке Create a new layer в нижней части палитры Layers. Выберем команду Merge Visible из меню палитры Layers, щелкнув правой кнопкой мыши по названию верхнего слоя. В результате новый слой будет содержать сведенную версию всех слоев.



Создайте новый документ, который будете использовать при создании плаката, рекламного объявления, Web-страницы и т.д. Нажмите инструмент Move, нажав клавишу V, затем перетащите верхний слой документа с кнопкой в новый документ. Примените инструмент Free Tratsform (Ctrl T), чтобы изменить масштаб кнопки и чтобы повернуть ее.

Вернитесь к сохраненному документу с шаблоном кнопки. Удалите верхний слой с текстом, пертащив его на значок мусорной корзины в палитре Layers, очно также поступите со слоем с фотографией. Активизируйте фоновый слой, залейте его новыим цветом, активируйте верхний слой, при нажатой клавише Ctrl, щелкните по нему в палитре Layers, чтобы выделить его? залейте выделение новым цветом. Подобным образом поступите со средним слоем.

Активируйте фоновый слой. Щелкните на верхнем слое при нажатой клавише Ctrl, чтобы отобразить выделенную область на фон. Откройте следующую фотографию, отображение которой надо отобразить на кнопке. Нажмите комбинацию клавиш Ctrl A, чтобы выделить всю фотографию. Скопируйте ее в буфер - Ctrl C. Перейдите к документу с шаблоном кнопки и выберите команду Paste Into из меню <Edit>.

Фотография бедет размещена над фоновым слоем. Воспользуемся инструментом Free Transform. Далее повторим шаг * для создания объединенного варианта кнопки в основном документе.



Источник:

Келби С. Хитрости и секреты работы в Photoshop CS. -M., Издательский дом "Вильямс", 2006 г. - 326 с.