1. Плавный переход от картинки к фоновой заливке

1. Плавный переход от картинки к фоновой заливке


Здравствуйте, дорогие друзья!

Часть 1.

Если вам нужно для шапки блога сделать не сплошную картинку, а плавный переход от картинки к фоновой заливке, то попробуйте выполнить этот небольшой урок и вы увидите, как это просто делается.

Если просто наложить картинку на фон, то получим что-то вроде этого:

Плавный переход от картинки к фоновой заливке

Давайте посмотрим, как сделать вот так:

Плавный переход от картинки к фоновой заливке

1. Создаем в фотошопе новый документ нужного размера (как это сделать, посмотрите в видеоуроке Меняем картинку для шапки блога )

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

Плавный переход от картинки к фоновой заливке

4. Выбираем инструмент Перемещение (Move Tool)  и просто перетаскиваем выделенную область на созданный нами пустой пока документ.

Плавный переход от картинки к фоновой заливке

5. Если исходная фотография была очень большого размера, то нужно сделать ее поменьше. Для этого сначала уменьшите масштаб документа так, чтобы видны били маркеры выделения вокруг фрагмента рисунка (я их отметила красными птичками). Ухватитесь за любой угловой маркер и уменьшите рисунок.  Чтобы сохранить его пропорции, во время изменения размера нажмите и держите клавишу Shift.

Плавный переход от картинки к фоновой заливке
6. Располагаем рисунок в нужном месте документа.

7. Теперь начинается самое интересное.  Сбрасываем цвета (т.е. фон должен быть белый, а цвет рисования – черный) Это можно быстро сделать, нажав клавишу D или щелкнуть на маленькой картинке под кнопкой выбора цвета на панели инструментов.

Плавный переход от картинки к фоновой заливке

8. Нажимаем на кнопку Быстрая маска (Quick Mask) или на клавишу Q (стрелочка 1) и выбираем инструмент Градиент (стрелочка 2).

Продолжение урока

* * *

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


Если вам помогла эта статья, то будет справедливо
если вы разместите ссылку на нее у себя на блоге :)


Читайте еще по этой теме:

22 Декабрь 2009 Опубликовано в Уроки PhotoShop

3 коммент. к записи “1. Плавный переход от картинки к фоновой заливке”

  1. sasha пишет:

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

    • Марина пишет:

      Sasha, рада была помочь :)
      Дело в том, что по фотошопу в сети и без меня уроков навалом. Есть и платные обучающие курсы и бесплатные. Если есть какие-то конкретные вопросы, задавайте и я постараюсь ответить. А так рассказывать весь курс фотошопа или CSS да и бесплатно как-то не интересно. Ведь у Вас блог тоже про заработок в Интернете :)

  2. sasha пишет:

    Конкретных вопросов по фотошопу у меня нет, потому что здесь я совсем ничего не понимаю, я умею сделать блог на wordpress и монетизировать его разными способами, но чтобы привлечь посетителей на свой блог надо не только интересно писать, но и красиво оформить блог, вот например ваш блог, интересный контент плюс красивое оформление и мне сюда хочется заходить снова и снова, вот так приобретаются постоянные посетители блога.

Прокомментировать

Я не робот.