Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Эффект цветной пленки в веб-дизайне

12 апреля 2014 | Опубликовано в Веб-дизайн | 5 Комментариев »

Мы продолжаем вдохновляться модными тенденциями в области веб-дизайна. На этот раз в наше поле зрения попал так называемый эффект цветной пленки, или наложение цвета. Он часто используется, чтобы немного затуманить изображение, которое находится на фоне и одновременно выделить текст или другой контент на переднем плане. Это интересный прием, который может выгодно сыграть в вашем дизайне, сделав его интереснее и добавив ему цвета.

 

 


winshape.org


solabs.com


cmdspace.com


bikecollectives.org


chattanoogarenaissancefund.com


poptip.com


thebraveman.de


g-star.com


transitions1020.com


thomas-vimare.com


paradowski.com


getflywheel.com 


parall.ax


pavelhuza.com


boxclever.ca


divisionof.com


wholeandsimply.com


surfhousebarcelona.com


myclique.is


pascalvangemert.nl

Автор подборки — Дежурка

Смотрите также:




Комментарии

  1. manchi
    Thumb up Thumb down +2

    волшебно

    Ответить

  2. Кирилл
    Thumb up Thumb down 0

    А есть уроки как в фотошопе сделать?!

    Ответить

    Mary - Dejurka Ответ:

    Thumb up Thumb down +1

    Нет, но в двух словах

    1. Вставляешь в документ фон (картинку)

    2. Создаешь новый слой, заливаешь его цветом или градиентом

    3. Уменьшаешь Opacity пока не начнет нравиться :)

    Еще пару слов об этом эффекте (и как его сочетать с текстом) можно найти в этой статье: dejurka.ru/articless/10tips-type-on-photo/

    Ответить

  3. Сергей
    Thumb up Thumb down 0

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

    Открываете в фотошопе нужную фотографию, создаете поверх новый корректирующий слой с картой градиента (Слой — Новый корректирующий слой — Карта градиента), а дальше меняете сам градиент по своему усмотрению, меняя положение ползунков и цвета.

    Ответить

Оставить ответ


семь − = 4

Вставить изображение