Уроки » Спецэффекты → Окно для фотографии/изображения  


Начнем урок с создания нового документа, с размерами 300x225px.

Сделайте двойной щелчок по фоновому слою, это разблокирует слой.

Окно для фотографии/изображения



Снова двойным щелчком по слою, откроем диалог Blending Options и применим стиль слоя Gradient Overlay

Окно для фотографии/изображения


Вы получите следующее.

Окно для фотографии/изображения



Выберите инструмент Rounded Rectangle Tool (радиус: 8px, цвет: #F8F8F9) и нарисуйте форму, как показано ниже. Назовите этот слой «Photo Back»

Окно для фотографии/изображения



Примените к форме следующие стили слоя.

Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения



Теперь выберите инструмент Rectangle Tool и нарисуйте форму как показано ниже, цвет значения не имеет, это все равно будет закрыто изображением. Переименуйте слой в «Image Holder»

Окно для фотографии/изображения



Зажав CTRL, щелкните по слою «Image Holder» чтобы загрузить его выделение.

Откройте вашу фотографию или изображение которое вы хотите вставить в окно, теперь с помощью любого инструмента выделения, захватите выделение с вашего холста и перетащите его на открытое изображение. Теперь выделение находиться на холсте с изображением, установите его в ту часть, которая вам больше нравиться. Зажмите клавишу SHIFT и с помощью Move Tool перетащите выделенную часть на холст с окном.




Примените к изображению следующий стиль слоя.

Окно для фотографии/изображения


Вы получите следующее

Окно для фотографии/изображения



Выберите инструмент Rounded Rectangle Tool (радиус: 100px, цвет: #454545) и нарисуйте форму как показано ниже, переименуйте слой в «Text Back».

Окно для фотографии/изображения



Примените к слою «Text Back» следующие стили слоя

Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения



Выберите инструмент Ellipse Tool и нарисуйте четыре кружка как показано ниже.

Окно для фотографии/изображения



Примените к слою с кружками следующие стили.
Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения

Окно для фотографии/изображения



Выберите инструмент текста Horizontal Type Tool и примените следующие настройки.

Окно для фотографии/изображения



Напечатайте ваш текст

Окно для фотографии/изображения


Как вы можете видеть ниже, я добавил эффект глянца и два раза продублировал рамку.


Окно для фотографии/изображения

Информация к уроку:

Категория - Уроки » Спецэффекты

Дата публикации: 5-11-2011, 11:34

Опубликовал: killot

Просмотров: 866

Комментариев: 2

Ссылки к этой статье:

Источник - Empire Dezign

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с Empire Dezign

Еще по этой теме:

Кнопка с водой Кнопка с водой
В этом уроке создадим прикольную кнопку, с ...
Пурпурная панель навигации Пурпурная панель навигации
В этом уроке создадим простую и симпатичную ...
Меню "Синий металл"
В этом уроке создадим стильное меню для сайта ...
Хлопушка Хлопушка
В этом уроке нарисуем хлопушку, которая ...
Техническая кнопка Техническая кнопка
В этом уроке мы создадим техническую кнопку. ...
Кнопка «Mail» Кнопка «Mail»
В этом уроке создадим кнопку для отправки почты. ...
Текстовый эффект «Цепная реакция» Текстовый эффект «Цепная реакция»
В этом уроке создадим текстовый эффект "Цепная ...
Хлопушка Хлопушка
В этом уроке создадим хлопушку — инструмент, ...
Цифровой текст Цифровой текст
Создаем цифровой текст ...
Иконка папки Иконка папки
Надоели скучные папки Windows XP... нарисуй свои ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


nilsontag       6 ноября 2011 06:58 /
What is this site?
        Цитировать

killot       9 ноября 2011 14:28 /
nilsontag,
It's Photoshop Tutorials
        Цитировать
 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Какому программному продукту посвящен данный ресурс
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: