Виньетка

Сегодня я познакомлю вас с очень красивым, эффектным и предельно простым способом обрамления фотографии. Конечно, в  интернете можно найти массу самых разнообразных рамок на всевозможные темы, в которые можно вставить фото в программе фотошоп. Но в нашем случае мы изготовим рамку самостоятельно – при этом выбор цвета, формы и размера будет зависеть целиком от нас!

Итак, создаем виньетку.

Хочу заметить, что я не раз использовала виньетку с дополнительной целью, а именно: скрыть все лишнее, что расположено по краям изображения, и акцентировать внимание на центре без обрезки краев (кадрирования).

Открываем наше фото, к которому нам предстоит создать виньетку, в программе Фотошоп.

От общего фона, времени года, запечатленного на фото, и от настроения, передаваемого им, зависит выбор цветовой гаммы, которую вы захотите использовать. Подумайте, какой цвет вам хотелось бы выбрать? Впрочем, по завершении работы у нас будет возможность его поменять!

Создаем новый слой, нажав на кнопку «Создать новый слой»   в палитре слоев.

Теперь нам необходимо расположить новый слой не над слоем с изображением (сейчас он именуется в палитре слоев как «Фон»), а под ним. Для этого сперва нужно разблокировать наш фон – кликните мышью на замочке рядом с названием слоя и перетяните его на корзину в нижнем правом углу панели слоев. Теперь он называется уже не «Фон», а «Слой 0». Затем  перетяните строку с этим слоем наверх, чтобы новый, пустой слой оказался под ним, в самом низу.

Теперь этот пустой слой мы заполним тем цветом, какой хотим придать виньетке. Для этого, находясь на пустом слое, активируем инструмент «Заливка» (он находится в одной группе с инструментом «Градиент»).

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

Сначала выберем желаемый тон на узкой цветовой шкале при помощи движков. Когда мы это сделаем, на большом поле слева от шкалы появится цветовой круг, представляющий собой «срез» цветовой шкалы по тому цвету, который был выбран. На цветовом поле активен круглый курсор. Перемещая его по вертикали, мы изменяем яркость выбранного цвета, а перемещая курсор по горизонтали – насыщенность цвета. Попробуйте разные варианты и выберите наиболее симпатичный для вас. Нажимаем ОК, палитра закроется, и теперь мы щелкаем курсором, принявшим форму ковша с краской, по слою: все, заливка произведена.

Переходим на слой с изображением – он у нас в палитре слоев находится, как мы помним, над слоем, залитым цветом. Активируем инструмент «Овальная область»   вверху панели инструментов и выделяем ту область на фото, которая должна быть видна, а не скрыта виньеткой.

Чтобы легче было создать подходящую овальную область, выделяйте ее при нажатой клавише Alt – в этом случае выделение будет производиться не из угла, а из центра овала. Затем курсором можно будет переместить выделенную область так, как нужно.

Теперь наше выделение нужно растушевать. Выбираем команду Выделение => Модификация => Растушевка… и в появившемся окне вводим значение растушевки в пикселях, чем выше значение, тем плавнее будет переход. Я ставлю 25.

И нажимаем на значок «Добавить слой-маску»   в нижней части палитры слоев.

Виньетка готова!

Добавив маску к слою с изображением, мы тем самым скрыли под маской все пиксели, не вошедшие в указанное нами выделение, сделали их прозрачными. И сквозь них проступил нижний слой – с заливкой.

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

Иногда хочется, чтобы виньетка не была однотонной. Можно создать ее, пользуясь не заливкой, а изображением с фоновым рисунком. Тогда мы не будем создавать новый слой, а перетащим при помощи инструмента «Перемещение»   изображение фонового рисунка в файл с основным изображением, а дальше сделаем все точно так же, как описано выше.

 

Понравилась статья? Можно поделиться

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

19 комментарий на «Виньетка»

  1. Не получается. Нижний слой не действует под верхним.

    [Ответить]

    Эмилипишет:

    Должно получиться… Может, снова слой заблокирован?.. Или так. После выделения маску получается добавить? («значок «добавить слой-маску» или «Add layer mask» в нижней части палитры слоев.»)

    [Ответить]

  2. Скажите, пожалуйста, как вы поставили счетчик «до нового года осталось» в сайдбар? Хочу написать статью по плагинам и виджетам новогодним в ближайшие дни, но никак не найду нормальный работающий счетчик. Один плагин себе ставила, не заработал. Если подскажете, буду очень благодарна!
    И еще хотелось бы иметь возможность подписаться на новые комментарии, чтобы знать, когда Вы ответили.

    [Ответить]

    Эмилипишет:

    Надежда, ответила по поводу счетчика в письме на Ваш e-mail. Отсутствие подписки на комментарии — мой недочет, очень благодарна за подсказку! Исправляюсь.

    [Ответить]

  3. Ну наконец-то сайт, который разъясняет просто и понятно самые элементарные действия в фотошопе. А то обычно пишется, что сделать, а как и где найти нужную кнопочку, не показывается. Я в фотошопе уже немного работала, кое-что методом тыка и при помощи друзей и некоторых материалов в сети познала, но все равно полный чайник в этой сложной программе. Подпишусь на Ваш сайт, буду изучать. Виньетка очень красиво получилась! Особенно второй вариант. А котэ на фото просто бесподобен! :)

    [Ответить]

    Эмилипишет:

    Спасибо, очень рада, если мои уроки будут полезны. Да, котик — горделивый хищник)))

    [Ответить]

  4. Очень красиво и оригинально смотрится. Важно еще фон хорошо подобрать. Второй вариант мне больше нравиться

    [Ответить]

    Эмилипишет:

    Мне тоже. Однотонный использовался просто для примера, он в самом деле скучноват.

    [Ответить]

  5. Вспомнилось спорное, но авторитетное мнение о рамках и подписях на фотографиях.
    _http://www.artlebedev.ru/kovodstvo/sections/169/
    Что думаете по этому поводу?

    [Ответить]

    Эмилипишет:

    Статья отличная, согласна с автором. Но, как владельцу сайта, хочется защитить свои изображения хотя бы от элементарного (без малейших усилий) воровства.

    [Ответить]

  6. Раньше было от дьявола, теперь — от фотошопа:)))
    Если Вам не будет сложно, вместе с русскими названиями команд указывайте их английский вариант для тех, у кого программа не русифицирована.

    [Ответить]

    Эмилипишет:

    Согласна, важное замечание, непременно добавлю английский вариант!

    [Ответить]

  7. Спасибо за «человеческое» объяснение! Я фотошопом пользуюсь несколько лет, но до сих пор не в курсе как работать с масками и каналами.

    [Ответить]

    Эмилипишет:

    Пользоваться масками очень удобно, даже не знаю, как бы я без них обходилась; с каналами, пожалуй, немного сложнее.

    [Ответить]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>