Книги
Суббота, 18.11.2017, 04:02
Приветствую Вас Гость | RSS
 
Главная Фотографии на кнопкахРегистрацияВход
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 16
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Фотографии на кнопках




Шаг 1. Создайте новый документ в режиме RGB.
Щелкните на образце основного цвета в палитре инструментов и в появившемся диалоговом окне Color Picker выберите красный цвет.
Нажмите комбинацию клавиш Alt+Backspace, чтобы залить изображение красным цветом.
Нажимайте комбинацию клавиш Shift+Mдо тех пор, пока не выберете инструмент Elliptical Marquee, с помощью которого, удерживая нажатой клавишу Shift, нарисуйте выделенную область сферической формы.




Шаг 2. Откройте фотографию, которая должна отображаться на кнопке. Нажмите комбинацию клавиш Ctrl+A, чтобы выделить всю фотографию, а затем комбинацию клавиш Ctrl+C, чтобы скопировать ее в буфер обмена. Вернитесь к первому документу, содержащему красную кнопку. Выберите команду Paste Into (Вставить в) из меню Edit (Правка), чтобы вставить фотографию в выделенную область сферической формы. О размере и месторасположении фотографии можно не беспокоиться — этим мы займемся при выполнении следующих шагов.




Шаг 3. Нажав клавишу Ctrl, щелкните в палитре Layers на значке маски слоя, чтобы добавить выделенную область вокруг фотографии. Щелкните на значке Create a new layer в нижней части палитры Layers, чтобы создать новый слой. Залейте выделенную область красным, нажав комбинацию клавиш Alt+Backspace. Теперь создайте копию слоя с красным кругом, нажав комбинацию клавиш Ctrl+J. В результате вы получите два одинаковых слоя, расположенных один над другим, как показано в палитре Layers.





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




Шаг 5. После щелчка на кнопке OK к кругу на верхнем слое будут добавлены блики и тени, благодаря чему он будет выглядеть как круглая объемная кнопка, показанная на рисунке. Для выделения кнопки щелкните на слое в палитре Layers, удерживая нажатой клавишу Ctrl. Выберите команду Contract (Сжать) из меню Select Modify (Выделение > Изменить). В появившемся диалоговом окне Contract Selection введите значение 12, чтобы сжать выделенную область на 12 пикселей. (При работе с изображениями с высоким разрешением, например 300 ppi, необходимо указывать значение 44 пикселя.)




Шаг 6. Нажимайте комбинацию клавиш Shift+M до тех пор, пока не выберете инструмент Rectangular Marquee (Прямоугольная область), после чего, удерживая нажатой клавишу Alt, нарисуйте прямоугольную область, отсекающую 3/4 от круглой выделенной области. Отпустив клавишу, вы получите выделенную область, созданную в результате отсечения прямоугольной выделенной области от круглой. Полученная выделенная область составляет около 1/4 от исходной.




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




Шаг 8. При активном верхнем слое выберите из выпадающего меню Add a layer style в нижней части палитры Layers команду Drop Shadow. Увеличьте значение параметра Opacity до 100%, сбросьте флажок Use Global Light, для параметра Angle задайте значение около 90°, увеличьте значение параметра Distance до 14, а параметра Size — до 18. Щелкните на кнопке OK, чтобы добавить к кнопке мягкую черную тень. Теперь можно добавить надпись. В данном случае был использован шрифт Compacta со значением трекинга равным -25.




Шаг 9. В палитре Layers щелкните на слое с фотографией. Нажмите клавишу V, чтобы выбрать инструмент Move (Переместить) и разместить фотографию таким образом, чтобы лицо человека было видно через вырез на кнопке). Если необходимо изменить размеры фотографии, нажмите комбинацию клавиш Ctrl+T, чтобы отобразить ограничивающую рамку средства Free Transform(Свободное преобразование). Удерживая нажатой клавишу Shift, перетащите угловой маркер в нужном направлении, чтобы изменить размеры фотографии. В результате вы получите шаблон, который будете использовать при создании других кнопок, поэтому сохраните его как файл Photoshop со слоями.





Шаг 10. Перейдите к палитре Layers и скройте фоновый слой, щелкнув на значке в виде глаза напротив его названия. Щелкните на верхнем слое, после чего создайте новый слой, щелкнув на значке Create a new layer в нижней части палитры Layers. Удерживая нажатой клавишу Alt, выберите команду Merge Visible (Объединить видимые) из меню палитры. В результате новый слой будет содержать сведенную версию всех видимых слоев.




Шаг 11. Создайте документ, который будете использовать при создании плаката, рекламного объявления, Web-страницы и т.д. Нажмите клавишу V, чтобы выбрать инструмент Move, затем перетащите верхний слой из документа с кнопкой, содержащий кнопку на фоне, в только что созданный документ. Нажмите комбинацию клавиш Ctrl+T, чтобы отобразить ограничивающую рамку Free Transform, и измените масштаб кнопки. Щелкните за пределами ограничивающей рамки и перетащите указатель в нужном направлении, чтобы повернуть кнопку.




Шаг 12. Вернитесь к документу с шаблоном кнопки. Удалите верхний слой, перетащив его на значок мусорной корзины в нижней части палитры Layers. Точно так же поступите и со слоем, содержащем изображение фотографии. Активизируйте фоновый слой, щелкнув на его значке, тем самым сделав его видимым. Нажав клавишу Ctrl, щелкните на верхнем слое, чтобы отобразить выделенную область на фоновом слое. Откройте следующую фотографию, фрагмент которой необходимо отобразить на кнопке. Нажмите комбинацию клавиш Ctrl+A, чтобы выделить всю фотографию. Нажмите комбинацию клавиш Ctrl+C, чтобы скопировать фотографию в буфер обмена. Перейдите к документу с шаблоном кнопки и выберите команду Paste Into из меню Edit.




Шаг 13. Фотография будет вставлена в выделенную область, однако она будет расположена на новом слое, который находится над фоновым. Воспользуйтесь инструментами Move и Free Transform для изменения масштаба и положения фотографии на кнопке. Воспользуйтесь инструментом Type для ввода надписи. Повторите Шаг 10 для создания объединенного варианта кнопки в основном документе. Повторите Шаг 12 для создания всех необходимых дополнительных кнопок.



Поиск
Календарь
«  Ноябрь 2017  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
27282930
Архив записей
Друзья сайта
  • Создать сайт
  • Все для веб-мастера
  • Программы для всех


  • Кулинарные рецепты
  • Гороскопы/Тесты
  • Cкачать музыку бесплатно
  • Кино, Видео и ТВ


  • Новости
  • Праздники сегодня
  • Подними настроение
  • Каталог ссылок. Добавить ссылку добавить сайт

  • Место вашей ссылки


    Rambler's Top100 Информер тиц и PR Яндекс цитирования