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

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

Создаём эффект сфотографированного монитора

2 апреля 2012 | Опубликовано в Уроки | 12 Комментариев »

Используя всевозможные заливки и изменяя их режим наложения, можно очень преобразить изображения. Сегодня мы будем учиться создавать эффект сфотографированного монитора при помощи Adobe Photoshop. Урок очень простой и очень полезный. В конце урока вы можете скачать несколько коллекций паттернов для Photoshop, которые могут пригодиться вам в работе.

Окончательный результат:

Шаг 1: Устанавливаем заливку для нашего изображения

— Для начала скачайте это изображение:

— Затем откройте его в Photoshop и выберите на панели опций Редактировать  (Edit)->Определить узор (Define Pattern);

— Назовите как-нибудь нашу заливку, например, RGB и сохраните.

Шаг 2: Добавляем заливку нашему изображению

— Откройте изображение, мы будем использовать в качестве примера весенние обои от bo0xVn;

Создайте новый слой, назовите его как-нибудь (например, pattern);

— Измените режим наложения на Умножение (Multiply);

— Теперь нажмите Редактировать (Edit) на панели опций, перейдите в Заливка (Fill) и  выберите только что установленную заливку и нажмите «OK»:

-У нас должен получиться такой эффект:

-Теперь перейдите в Image->Ajustment->Curves или просто нажмите CTRL+M и добавьте яркости изображению. Мы использовали значения 255 для Output и 248 для Input.

Ну вот и всё, наше изображение готово:

Нажмите на изображение, чтобы увидеть его полный размер.

Бонус

На десерт 2 полезные коллекции заливок для Adobe Photoshop:

Tech and Screentone Patterns (26 узоров)

Скачать

Basic Elements (50 узоров)

Скачать

По материалам урока klon2.dk




Комментарии

  1. tomcat
    Thumb up Thumb down -4

    Комментарий скрыт из-за рейтинга

    grv42 Ответ:

    Thumb up Thumb down +1

    Ну всё, застрелиться теперь, паттерн же похож :-D

    ***

    А картинку надо чутка в пространстве развернуть, так будет больше похоже.

    Elena Ответ:

    Thumb up Thumb down 0

    ссылку видите внизу урока (klon2.dk), он оттуда переведён, а не слизан/ и паттерн тоже оттуда

    im Ответ:

    Thumb up Thumb down 0

    нет, чтобы спасибо сказать за интересный урок. за то, что показали, как такое делать. можно подумать, что Вы каждый урок сами придумываете и нигде даже «не одалживаете» идею %)

  2. maylat
    Thumb up Thumb down +1

    Можно из буханки хлеба сделать троллейбус. Можно, но зачем!?!?

    Elena Ответ:

    Thumb up Thumb down +2

    Я бы хотела уметь из буханки хлеба троллейбусы делать. *CRAZY*

    maylat Ответ:

    Thumb up Thumb down +2

    Как то так:

    5c4778ca8dad8f690b293db24b43b9f3.jpg

    s.o. Ответ:

    Thumb up Thumb down -1

    затем же зачем «Слоненок кушает болгарские помидоры из банки», это хороший урок, он может найти применение, все зависит от задумки и от фантазии.

    maylat Ответ:

    Thumb up Thumb down 0

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

    Миханик Ответ:

    Thumb up Thumb down 0

    Создание сфотографированных экранов мобильника например!

    Евгений Ответ:

    Thumb up Thumb down +2

    А вот зачем. Это премиум шаблон для вордпресс: freshmake.ru/templates/garden/

    Из админки можно выбрать один из 15 паттернов для этого эффекта для слайдера.

    Если что, это не реклама! Я не имею отношения к этим шаблонам.

  3. Таис
    Thumb up Thumb down +1

    Урок полезен тем, что показал некоторые возможности программы «Photoshop».