Валентинка к 14-му февраля

Валентика – фотошоп на русском языке

Уже скоро настанет день всех влюбленных, многие захотят порадовать свою вторую половинку чем-то оригинальным. Всем желающим поздравить своего любимого/любимую милой картинкой, мы решили сделать соответствующий урок Фотошопа. Степень сложности урока довольно высокая, поэтому наберитесь терпения.

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

Шаг 1.

Важно: в этом уроке нам понадобятся следующие изображения: сердце, капли воды, ещё вода и сердечки. Заранее скачайте эти изображения к себе на компьютер.

uroki-photoshopa-valentinka-001-big.jpg

Создайте новый документ в Adobe Photoshop размером 1600х1800 пикселей File > New (Файл > Новый или сочетанием клавиш Ctrl+N).

uroki-photoshopa-valentinka-002-big.jpg

Кликните два раза по слою Background (Задний план) в панели слоёв Layers (Слои, находится в нижнем правом углу дисплея), нажмите OK.

Ещё раз делаем двойной клик по единственному слою в панели Layers. В открывшемся окне выставляем следующие настройки цвета и градиента:

uroki-photoshopa-valentinka-003a-big.jpg

Вкладка Color Overlay (Наложение цвета): режим Multiply (Умножение), цвет #d4c478.

uroki-photoshopa-valentinka-003b-big.jpg

Вкладка Gradient Overlay (Наложение градиента): режим Normal (Нормальный), выбираем градиент Foreground to Background (От основного к фоновому), выставляем цвет левого ползунка #d4c478.

Шаг 2.

uroki-photoshopa-valentinka-001-small.jpg

Далее открываем в Фотошопе File > Open(Файл > Открыть или Ctrl+O) изображение сердечек для нашей валентинки.

uroki-photoshopa-valentinka-002-small.jpg

Перетаскиваем его в наше первое окно, выставляем слою режим Soft Light (Мягкий свет) в панели Layers.

Подсказка: чтобы перетащить картинку1 на картинку2, нужно сдвинуть вкладку с картинкой1 с панели вкладок. Выбрать инструмент Move Tool (Перемещение, V)и перетащить картинку1 с зажатой левой кнопкой мыши в окно с картинкой2. Вот так:

drag-n-drop-3.jpg

Шаг 3.

uroki-photoshopa-valentinka-003-small.jpg

По аналогии со вторым шагом нашего урока вставляем в документ изображение большого сердца. Через меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни, Ctrl+L) делаем сердце ярким (настройки Levels вы можете увидеть, кликнув по картинке выше).

uroki-photoshopa-valentinka-004-small.jpg

Выставляем для слоя режим Multiply (Умножение).

magnetic-lasso-i-quick-selection-tools-small.jpg

В этом шаге нужно выделить область сердца. В этом помогут инструменты Magnetic Lasso Tool (Магнитное лассо) и Quick Selection Tool (Быстрое выделение). С помощью первого выделяем сердце, с помощью второго корректируем выбранную область. После этого можно выставить прозрачность слоя на 10%.

Шаг 4.

uroki-photoshopa-valentinka-005-small.jpg

Вставляем в документ изображение со стаканом. Уменьшаем выделенную область сердца (шаг 3) на 10 пикселей Select > Modify > Contract (Выделение > Модификация > Сжать, 10px) и инвертируем её Select > Inverse Selection (Выделение > Инверсия, Shift+Ctrl+I). Удаляем ненужное (клавиша Delete). От слоя со стаканом молока видим только область в виде сердца. Белый цвет от фона тщательно удаляем Ластиком (инструмент Eraser Tool, клавиша E).

uroki-photoshopa-valentinka-006-small.jpg

В свойствах этого слоя устанавливаем на вкладке Color Overlay (Наложение цвета) режим Color Burn (Затемнение основы) и цвет #ff2711.

Шаг 5.

uroki-photoshopa-valentinka-007-small.jpg

Вставляем в документ изображение большого сердца ещё раз. Через меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни, Ctrl+L) придаём ему тёмный вид с бликами от света: настройки 150/0,40/250. В панели Layers выбираем режим отображения слоя Screen (Осветление).

uroki-photoshopa-valentinka-008-small.jpg

Этот слой должен располагаться прямо над слоем из шага 4.

uroki-photoshopa-valentinka-009-small.jpg

Выделяем сердце и уменьшаем выделенную область на 10 пикселей (как в шаге 3). Создаём новый слой Layer > New > Layer (Слой > Новый > Слой или Shift+Ctrl+N), жмём ОК и заполняем его любым цветом (можно просто нажать Ctrl+Backspace). В панели Layers выставить Fill=0% (Заливка) для этого слоя. В свойствах слоя выставляем настройки Inner Shadow (Внутренняя Тень) как на скриншоте выше.

Шаг 6.

uroki-photoshopa-valentinka-099.jpg

Вставляем в документ картинку с кругами воды. Делаем её чёрно-белой Image > Adjustments > Black & White (Изображение > Коррекция > Черно-белый). Применяем автоконтраст Image > Auto Contrast (Alt+Shift+Ctrl+L). В панели Layers выставить режим отображения слоя Overlay (Перекрытие). Ненужные области изображения вокруг кругов воды можно удалить с помощью ластика (Eraser Tool).

uroki-photoshopa-valentinka-010-small.jpg

Выделите в панели Layers все слои с сердцем (зажав клавишу Ctrl или Shift). Переверните их по вертикали командой Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали). Затем эти слои нужно сдвинуть вниз так, чтобы на поверхности воды появилось отражение сердца.

uroki-photoshopa-valentinka-011-small.jpg

В настройках самого верхнего слоя нужно выставить режим Screen (Осветление) и прозрачность 75%. Ко всем слоям в отражении воды применить следующий фильтр: Filter > Distort > Wave (Фильтр > Искажение > Волна) с настройками как на скриншоте ниже.

uroki-photoshopa-valentinka-100.jpg

Шаг 7.

uroki-photoshopa-valentinka-012-small.jpg

Теперь нужно сделать каплю воды, стекающую с сердца. Для этого вставляем в наш документ изображение с краном. Удаляем ластиком всё, кроме самой капельки. Выставляем режим прозрачности Overlay (Перекрытие). Дублируем слой, делаем его тёмным, и выставляем слою режим Screen (Осветление).

Шаг 8.

uroki-photoshopa-valentinka-014-small.jpg

Вставляем в документ изображение с водяными брызгами. Переворачиваем его вертикально и удаляем ненужные области с фотографии. В настройках слоя ставим режим Overlay (Перекрытие).

uroki-photoshopa-valentinka-015-small.jpg

Выбираем инструмент Move Tool (Перемещение) и идём в настройки Edit > Transform > Warp (Редактирование > Трансформирование > Деформация). Подгоняем область с брызгами под сердце. Удаляем ненужные и неприятные глазу элементы картинки с помощью ластика.

Шаг 9.

uroki-photoshopa-valentinka-017-small.jpg

Итак, наша Валентинка почти готова. Добавим сверху надпись «С Днём святого Валентина!». Лучше всего воспользоваться вот этим набором каллиграфических шрифтов. Как устанавливать шрифты, было написано в предыдущих уроках на нашем сайте. Цвет шрифта любой. В панели слоёв Layers ставим отображение Soft Light (Мягкий Свет).

uroki-photoshopa-valentinka-999-big.jpg

Дублируем слой с текстом. С помощью инструмента выделения (клавиша M) выделяем область с первыми двумя словами и удаляем их. Для оставшегося слова применим следующие стили слоя:

uroki-photoshopa-valentinka-018-small.jpg

uroki-photoshopa-valentinka-019-small.jpg

uroki-photoshopa-valentinka-020-small.jpg

Шаг 10.

uroki-photoshopa-valentinka-500.jpg

Объедините все слои, нажав Shift+Ctrl+E. Примените настройки фильтра Filter > Distort > Lens Correction (Фильтр > Искажение > Коррекция дисторсии) как на рисунке выше.

Итог

uroki-photoshopa-valentinka-final-small.png

В ходе наших долгих стараний получим вот такой результат, который, кстати, можно скачать здесь (.PSD). Не забывайте про своего любимого человека и diwo.by, успехов!

по вдохновению www.alfoart.com

Ещё уроки Фотошопа для начинающих:

Комментарии
Пользователь: Chertilo 06.02.2011 14:15
Аватар пользователя Chertilo

спасибо за новый урок)

Пользователь: shureiman 06.02.2011 14:22
Аватар пользователя shureiman

пожалуйста ;)

Пользователь: Lokafer 08.02.2011 13:03
Аватар пользователя Lokafer

Спасибо за Урок) сейчас буду пробовать сделать)

Пользователь: Stas 13.02.2011 01:35
Аватар пользователя Stas

Пытаюсь сейчас пройти этот урок. На пол пути к завершению. Есть неточности, а порой и вообще противоречия.

Пользователь: shureiman 13.02.2011 06:48
Аватар пользователя shureiman

Напишите подробнее - исправим.

Пользователь: Stas 13.02.2011 23:24
Аватар пользователя Stas

Первое.
Шаг 5, первый абзац. «Вставляем в документ изображение большого сердца ещё раз». Вопрос: почему вы не сказали раньше, что сердце нужно скопировать на новый слой? Пришлось снова его выделять и т.д. и т.п.
Второе.
Здесь же и потом везде. «Режим отображения слоя Screen (Осветление)». Режим Screen это режим Экран!!!
Третье.
В этом же шаге, последний абзац. «Создаём новый слой Layer > New > Layer (Слой > Новый > Слой или Shift+Ctrl+N), жмём ОК и заполняем его любым цветом (можно просто нажать Ctrl+Backspace)». Вы говорите, что нужно создать новый слой, хотя на скриншоте, при увеличении, видно, что вы копируете сердце на новый слой и заливаете его белым, а не создаете новый слой и полностью заливаете его.
Четвертое.
Шаг 6. Вот это настоящие мучения! «Выделите в панели Layers все слои с сердцем (зажав клавишу Ctrl или Shift). Переверните их по вертикали командой Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали)».
Не знаю, как у вас это получилось, но очень хотелось бы посмотреть. Во-первых сердце можно перевернуть, как вы говорите, но при этом их должно быть два, а об этом вы ничего не говорите. Но! Чтобы их сделать два и потом перевернуть, оригинал нужно копировать, по мне так это можно сделать только либо объединив все слои в один, либо объединить эти слои в одну группу. Об этом вы тоже ничего не говорите.
Пятое.
Шрифты что вы предлагаете для использования можно скачать, но чтобы их открыть нужен пароль. Это тоже не очень приятная неожиданность.

Может я в чем-то не прав и не понимаю? Так поясните подробней, пожалуйста.

Пользователь: shureiman 14.02.2011 09:38
Аватар пользователя shureiman

Так. Во-первых, спасибо за столь развёрнутый комментарий. Во-вторых, урок действительно получился сложным, но того требует результат. В-третьих, Screen - это именно осветление или экранное осветление, очевидно что дело в различных вариантах перевода интерфейса Фотошопа на русский язык. Собственно поэтому изначально все уроки делались с работой в первозданном GUI. В-четвертых, всё написано правильно в последнем абзаце 5-го шага, и не идёт в разрез со скриншотом. Единственное, с чем согласен - это трансформация, дополним информацией. В-пятых, на архив никакие пароли не ставились принципиально. Вы, видимо, имеете ввиду получение премиум-аккаунта на файл-хостинге, куда архив был залит. Что совершенно не в нашей компетенции. Спасибо.

Пользователь: Федот 20.02.2011 08:35
Аватар пользователя Федот

Чем больше познаю ВЕЛИКИЙ ФОТОШОП, тем больше я удивляюсь! Создателям памятник надо ставить!

Пользователь: nazeka 17.03.2011 13:18
Аватар пользователя nazeka

я не понела это Белый цвет от фона тщательно удаляем Ластиком (инструмент Eraser Tool, клавиша E). как это у меня все выделено и сердечка я стираю внутрь а оно не страется пожалуйста помогите мне как это я не понела вы не ответили ниодному моему вопросу хотябы на этот рас помогите а

xnj yfgbcfnm

Пользователь: Гость 11.01.2012 20:37
Аватар пользователя Гость

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

Пользователь: mrkaktooz 12.01.2012 19:34
Аватар пользователя mrkaktooz

Ну так уменьшите) Нажмите Ctrl+T и уменьшайте до нужных размеров

Пользователь: Гость 24.01.2012 16:10
Аватар пользователя Гость

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

Пользователь: mrkaktooz 26.01.2012 12:08
Аватар пользователя mrkaktooz

не совсем понятно в чем проблема. Можно немного подробнее описать ваши действия и в какой именно момент возникает проблема?

Пользователь: Гость 28.01.2012 08:17
Аватар пользователя Гость

подскажите пожалуйста почему отредактированные фото я не могу использовать в других приложениях (они их попросту не видят в списке файлов)

Пользователь: mrkaktooz 30.01.2012 09:12
Аватар пользователя mrkaktooz

А в каком формате вы сохраняете свое фото?

Пользователь: Гость 31.01.2012 20:40
Аватар пользователя Гость

Помогите,пожалуйста. Почему у меня не стирает ластик?

Пользователь: Гость 31.01.2012 20:55
Аватар пользователя Гость

Подскажите пожалуйста,почему когда я создаю второе сердце и перетаскиваю его,то оно не совпадает с той фигурой?

Пользователь: mrkaktooz 03.02.2012 09:34
Аватар пользователя mrkaktooz

выберите слой со второй фигурой, нажмите Ctrl+T и подгоните размер как вам нужно

Пользователь: Гость 20.03.2012 15:42
Аватар пользователя Гость

урок пятый
придаём ему тёмный вид с бликами от света: настройки 150/0,40/250
это как?

Пользователь: Гость 03.06.2012 13:29
Аватар пользователя Гость

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

Пользователь: Гость 22.01.2014 12:42
Аватар пользователя Гость

Не могу скачать необходимые картинки. При переходе по ссылке выдает ошибку что файл не найден. Помогите пожалуйста!

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