Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Прозрачная идея для шапки сайта

21 ноября 2007 145 555 просмотров | Сложность:

Допустим вы захотели сделать шапку для сайта.

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

Как же сделать плавный переход от картинки к белому цвету?

Сейчас мы разберем этот случай.

У вас есть изображение, которое вы хотите разместить в правую сторону шапки сайта.

Создаем новый документ и перетаскиваем туда наше изображение.
Берем инструмент выделение , устанавливаем в настройках заданные размеры (размеры будущей шапки сайта), например, так:

Развернем картинку с помощью функции свободная трансформация (Ctrl + T)

Теперь нажмите Shift+Ctrl+I чтобы инвертировать выделение. Убедитесь, что вы стоите на слое с картинкой и нажмите кнопку Delete.

Сразу превратим выделение в рамочку. Создайте новый слой, щелкните правой кнопкой внутри выделения и выберите команду Stroke (Выполнить обводку)

Появится окошко, где вам предлагается выбрать цвет рамки и ее толщину и др. Сделайте свой выбор.

Можете снять выделение Ctrl + D. Как видите теперь вместо выделения появилась рамка.

Возвращаемся на слой с картинкой. И приступаем к созданию плавного перехода.

Нажимаем на клавишу "D" чтобы цвета в панели инструментов установились на черно-белый.

Переходим в режим быстрой маски (нажмите на кнопку внизу палитры инструментов)

Выбираем инструмент градиент и еще раз убедимся, что стоим на слое с картинкой.

Проводим градиент справа налево:

Появится розовая дымка (это и есть маска):

Переходим в обычный режим (нажимаем на )

Слева появится большая выделенная область. Нажмите 1-3 раза кнопку Delete. Здесь уже на ваше усмотрение.

Снимите выделение Ctrl + D.

Вот так будет выглядеть правая сторона шапки сайта. А с левой вы справитесь и сами!

До встречи на www.photoshop-master.ru!

Понравилось? Поделитесь с друзьями!
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Людмила Влаева08 декабря 20162

спасибо

andreeva__2418 сентября 20168

а

creativearts04 апреля 20165

Спасибо за урок!

flyinginthedesert02 марта 201610

Спасибо

veneraina10 февраля 201610

Спасибо

Glenna12 января 201614

Типа рекламный баннер на автобус :) Использовать градиент на маске слоя, а не в режиме быстрой маски, мне показалось, удобней.

Павел22 октября 20153

Спасибо за урок!

Alice Coocker28 сентября 20153

Спасибо за урок!

Нюшка091227 августа 20153

Спасибо!

PhotoWeb06 мая 20152

Спасибо=)

ЭляЮ10 ноября 20141

Спасибо за полезный урок!

Katrina-best27 сентября 20141

Спасибо за урок. Было интересно

gulnoz9128 апреля 20142

СПАСИБО)))

michael.18702 февраля 2014

Спасибо за качественный перевод и сам урок!:)

helena_todorova02 февраля 20145

СПАСИБО ВАМ ЗА ПЕРЕВОД!

SubjugatoR28 декабря 20131

биг спасибо ! ;)

lera_190312 декабря 20134

Ещё вариант

lera_190312 декабря 20134

Спасибо за урок!

Ellen Adair01 декабря 20131

Спасибо))

seoeffector21 ноября 20131

Супер. Спс.

Aisedora12 ноября 20132

Спасибо огромное за урок, жаль не нашла раньше

goldcoin28 сентября 20132

Моя работа

Спасибо за урок.

qwe13301 июня 20131

спасибо

rsindbars30 мая 20132

Спасибо.

manannan29704 марта 20131

Спасибo.

Ирина_S19 февраля 20132

Спасибо.пригодится!

ganna-galinka30 октября 20121

спасибо

arnoldovich16 сентября 20125

Спасибо за урок!
На YouTube есть видео урок: Прозрачная идея для шапки сайта в Photoshop

SvoeSolnyshko16 сентября 20124

Интересно...

Авторизация


Регистрация

Наверх