Дополнения

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

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

наш канал

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

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

21 ноября 2007 144 974 просмотра | Сложность:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Понравилось? Поделитесь с друзьями!
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (png, jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
andreeva__24 18 сентября 2016 6

а

creativearts 04 апреля 2016 3

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

flyinginthedesert 02 марта 2016 8

Спасибо

veneraina 10 февраля 2016 9

Спасибо

Glenna 12 января 2016 14

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

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

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

Alice Coocker 28 сентября 2015 3

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

Нюшка0912 27 августа 2015 3

Спасибо!

PhotoWeb 06 мая 2015 1

Спасибо=)

ЭляЮ 10 ноября 2014 1

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

Katrina-best 27 сентября 2014 1

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

gulnoz91 28 апреля 2014 2

СПАСИБО)))

michael.187 02 февраля 2014

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

helena_todorova 02 февраля 2014 5

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

SubjugatoR 28 декабря 2013 1

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

lera_1903 12 декабря 2013 4

Ещё вариант

lera_1903 12 декабря 2013 4

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

Ellen Adair 01 декабря 2013 1

Спасибо))

seoeffector 21 ноября 2013 1

Супер. Спс.

Aisedora 12 ноября 2013 2

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

goldcoin 28 сентября 2013 2

Моя работа

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

qwe133 01 июня 2013 1

спасибо

rsindbars 30 мая 2013 2

Спасибо.

manannan297 04 марта 2013 1

Спасибo.

Ирина_S 19 февраля 2013 2

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

ganna-galinka 30 октября 2012 1

спасибо

arnoldovich 16 сентября 2012 5

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

SvoeSolnyshko 16 сентября 2012 4

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

FAnтOm 22 августа 2012 1

Спасибо за УРОК... что-то у меня неочень получилось )))

Авторизация


Регистрация

Наверх