Page 170 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

В места, где находится темный прямоугольник, который я только что создал, я помещу
фотографию. Она будет использоваться в качестве заднего фона нашего введения. Я
вставлю фото в PSD-файл и я воспользуюсь clipping mask, так что изображение будет
обрезано в соответствии с формой прямоугольника.

Вы можете найти огромное количество бесплатных фотографий в высоком
разрешении на сайте Unsplash.com. Все фото на сайте Unsplash
опубликованы под лицензией Creative Commons Zero. Это значит, что

вы можете копировать, изменять, распространять и использовать
фотографии даже для коммерческих целей без всяких проблем.

Чтобы создать clipping mask вам нужно поместить фотографию поверх слоя с формой, кликнуть
правой кнопкой по слою с фото и выбрать “Create clipping mask”. Вы увидите маленький
треугольник, который указывает вниз, находящийся рядом со слоем.

Я так же использую opacity: 30%, чтобы сделать фото прозрачным, с помощью этого оно
отлично смешается с задним фоном. Это улучшит читаемость моего белого текста т.к. он не

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

Логотип и навигация, которые являются частью заголовка, будут находиться на самом верху
заднего фона введения. Мне нужно разметить это место. Я выбираю 100 пикселей для

Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 169

www.trk.kg