Дополнения

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

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

наш канал

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

04 июля 2016

Друзья! Спешим вам сообщить, что на сайте стартовал новый конкурс на тему "Левитация"! Так давайте вооружимся Фотошоп и вместе преодолеем силу земного притяжения!

Условия конкурса 
Обсуждение на форуме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

flyinginthedesert 02 марта 2016 7

Спасибо

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 3

Ещё вариант

lera_1903 12 декабря 2013 3

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

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

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

ILDARUS 16 августа 2012 2

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

Авторизация


Регистрация

Наверх