Валентинка к 14-му февраля
Уже скоро настанет день всех влюбленных, многие захотят порадовать свою вторую половинку чем-то оригинальным. Всем желающим поздравить своего любимого/любимую милой картинкой, мы решили сделать соответствующий урок Фотошопа. Степень сложности урока довольно высокая, поэтому наберитесь терпения.
Все скриншоты в этом уроке имеют оригиналы в большом разрешении. Для перехода на оригинал кликайте по картинке.
Шаг 1.
Важно: в этом уроке нам понадобятся следующие изображения: сердце, капли воды, ещё вода и сердечки. Заранее скачайте эти изображения к себе на компьютер.
Создайте новый документ в Adobe Photoshop размером 1600х1800 пикселей File > New (Файл > Новый или сочетанием клавиш Ctrl+N).
Кликните два раза по слою Background (Задний план) в панели слоёв Layers (Слои, находится в нижнем правом углу дисплея), нажмите OK.
Ещё раз делаем двойной клик по единственному слою в панели Layers. В открывшемся окне выставляем следующие настройки цвета и градиента:
Вкладка Color Overlay (Наложение цвета): режим Multiply (Умножение), цвет #d4c478.
Вкладка Gradient Overlay (Наложение градиента): режим Normal (Нормальный), выбираем градиент Foreground to Background (От основного к фоновому), выставляем цвет левого ползунка #d4c478.
Шаг 2.
Далее открываем в Фотошопе File > Open(Файл > Открыть или Ctrl+O) изображение сердечек для нашей валентинки.
Перетаскиваем его в наше первое окно, выставляем слою режим Soft Light (Мягкий свет) в панели Layers.
Подсказка: чтобы перетащить картинку1 на картинку2, нужно сдвинуть вкладку с картинкой1 с панели вкладок. Выбрать инструмент Move Tool (Перемещение, V)и перетащить картинку1 с зажатой левой кнопкой мыши в окно с картинкой2. Вот так:
Шаг 3.
По аналогии со вторым шагом нашего урока вставляем в документ изображение большого сердца. Через меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни, Ctrl+L) делаем сердце ярким (настройки Levels вы можете увидеть, кликнув по картинке выше).
Выставляем для слоя режим Multiply (Умножение).
В этом шаге нужно выделить область сердца. В этом помогут инструменты Magnetic Lasso Tool (Магнитное лассо) и Quick Selection Tool (Быстрое выделение). С помощью первого выделяем сердце, с помощью второго корректируем выбранную область. После этого можно выставить прозрачность слоя на 10%.
Шаг 4.
Вставляем в документ изображение со стаканом. Уменьшаем выделенную область сердца (шаг 3) на 10 пикселей Select > Modify > Contract (Выделение > Модификация > Сжать, 10px) и инвертируем её Select > Inverse Selection (Выделение > Инверсия, Shift+Ctrl+I). Удаляем ненужное (клавиша Delete). От слоя со стаканом молока видим только область в виде сердца. Белый цвет от фона тщательно удаляем Ластиком (инструмент Eraser Tool, клавиша E).
В свойствах этого слоя устанавливаем на вкладке Color Overlay (Наложение цвета) режим Color Burn (Затемнение основы) и цвет #ff2711.
Шаг 5.
Вставляем в документ изображение большого сердца ещё раз. Через меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни, Ctrl+L) придаём ему тёмный вид с бликами от света: настройки 150/0,40/250. В панели Layers выбираем режим отображения слоя Screen (Осветление).
Этот слой должен располагаться прямо над слоем из шага 4.
Выделяем сердце и уменьшаем выделенную область на 10 пикселей (как в шаге 3). Создаём новый слой Layer > New > Layer (Слой > Новый > Слой или Shift+Ctrl+N), жмём ОК и заполняем его любым цветом (можно просто нажать Ctrl+Backspace). В панели Layers выставить Fill=0% (Заливка) для этого слоя. В свойствах слоя выставляем настройки Inner Shadow (Внутренняя Тень) как на скриншоте выше.
Шаг 6.
Вставляем в документ картинку с кругами воды. Делаем её чёрно-белой Image > Adjustments > Black & White (Изображение > Коррекция > Черно-белый). Применяем автоконтраст Image > Auto Contrast (Alt+Shift+Ctrl+L). В панели Layers выставить режим отображения слоя Overlay (Перекрытие). Ненужные области изображения вокруг кругов воды можно удалить с помощью ластика (Eraser Tool).
Выделите в панели Layers все слои с сердцем (зажав клавишу Ctrl или Shift). Переверните их по вертикали командой Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали). Затем эти слои нужно сдвинуть вниз так, чтобы на поверхности воды появилось отражение сердца.
В настройках самого верхнего слоя нужно выставить режим Screen (Осветление) и прозрачность 75%. Ко всем слоям в отражении воды применить следующий фильтр: Filter > Distort > Wave (Фильтр > Искажение > Волна) с настройками как на скриншоте ниже.
Шаг 7.
Теперь нужно сделать каплю воды, стекающую с сердца. Для этого вставляем в наш документ изображение с краном. Удаляем ластиком всё, кроме самой капельки. Выставляем режим прозрачности Overlay (Перекрытие). Дублируем слой, делаем его тёмным, и выставляем слою режим Screen (Осветление).
Шаг 8.
Вставляем в документ изображение с водяными брызгами. Переворачиваем его вертикально и удаляем ненужные области с фотографии. В настройках слоя ставим режим Overlay (Перекрытие).
Выбираем инструмент Move Tool (Перемещение) и идём в настройки Edit > Transform > Warp (Редактирование > Трансформирование > Деформация). Подгоняем область с брызгами под сердце. Удаляем ненужные и неприятные глазу элементы картинки с помощью ластика.
Шаг 9.
Итак, наша Валентинка почти готова. Добавим сверху надпись «С Днём святого Валентина!». Лучше всего воспользоваться вот этим набором каллиграфических шрифтов. Как устанавливать шрифты, было написано в предыдущих уроках на нашем сайте. Цвет шрифта любой. В панели слоёв Layers ставим отображение Soft Light (Мягкий Свет).
Дублируем слой с текстом. С помощью инструмента выделения (клавиша M) выделяем область с первыми двумя словами и удаляем их. Для оставшегося слова применим следующие стили слоя:
Шаг 10.
Объедините все слои, нажав Shift+Ctrl+E. Примените настройки фильтра Filter > Distort > Lens Correction (Фильтр > Искажение > Коррекция дисторсии) как на рисунке выше.
Итог
В ходе наших долгих стараний получим вот такой результат, который, кстати, можно скачать здесь (.PSD). Не забывайте про своего любимого человека и diwo.by, успехов!
по вдохновению www.alfoart.com
спасибо за новый урок)
пожалуйста ;)
Спасибо за Урок) сейчас буду пробовать сделать)
Пытаюсь сейчас пройти этот урок. На пол пути к завершению. Есть неточности, а порой и вообще противоречия.
Напишите подробнее - исправим.
Первое.
Шаг 5, первый абзац. «Вставляем в документ изображение большого сердца ещё раз». Вопрос: почему вы не сказали раньше, что сердце нужно скопировать на новый слой? Пришлось снова его выделять и т.д. и т.п.
Второе.
Здесь же и потом везде. «Режим отображения слоя Screen (Осветление)». Режим Screen это режим Экран!!!
Третье.
В этом же шаге, последний абзац. «Создаём новый слой Layer > New > Layer (Слой > Новый > Слой или Shift+Ctrl+N), жмём ОК и заполняем его любым цветом (можно просто нажать Ctrl+Backspace)». Вы говорите, что нужно создать новый слой, хотя на скриншоте, при увеличении, видно, что вы копируете сердце на новый слой и заливаете его белым, а не создаете новый слой и полностью заливаете его.
Четвертое.
Шаг 6. Вот это настоящие мучения! «Выделите в панели Layers все слои с сердцем (зажав клавишу Ctrl или Shift). Переверните их по вертикали командой Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали)».
Не знаю, как у вас это получилось, но очень хотелось бы посмотреть. Во-первых сердце можно перевернуть, как вы говорите, но при этом их должно быть два, а об этом вы ничего не говорите. Но! Чтобы их сделать два и потом перевернуть, оригинал нужно копировать, по мне так это можно сделать только либо объединив все слои в один, либо объединить эти слои в одну группу. Об этом вы тоже ничего не говорите.
Пятое.
Шрифты что вы предлагаете для использования можно скачать, но чтобы их открыть нужен пароль. Это тоже не очень приятная неожиданность.
Может я в чем-то не прав и не понимаю? Так поясните подробней, пожалуйста.
Так. Во-первых, спасибо за столь развёрнутый комментарий. Во-вторых, урок действительно получился сложным, но того требует результат. В-третьих, Screen - это именно осветление или экранное осветление, очевидно что дело в различных вариантах перевода интерфейса Фотошопа на русский язык. Собственно поэтому изначально все уроки делались с работой в первозданном GUI. В-четвертых, всё написано правильно в последнем абзаце 5-го шага, и не идёт в разрез со скриншотом. Единственное, с чем согласен - это трансформация, дополним информацией. В-пятых, на архив никакие пароли не ставились принципиально. Вы, видимо, имеете ввиду получение премиум-аккаунта на файл-хостинге, куда архив был залит. Что совершенно не в нашей компетенции. Спасибо.
Чем больше познаю ВЕЛИКИЙ ФОТОШОП, тем больше я удивляюсь! Создателям памятник надо ставить!
я не понела это Белый цвет от фона тщательно удаляем Ластиком (инструмент Eraser Tool, клавиша E). как это у меня все выделено и сердечка я стираю внутрь а оно не страется пожалуйста помогите мне как это я не понела вы не ответили ниодному моему вопросу хотябы на этот рас помогите а
xnj yfgbcfnm
а шаге 6 не получается сделать,круги воды получаются очень большими, на пол рисунка
Ну так уменьшите) Нажмите Ctrl+T и уменьшайте до нужных размеров
Подскажите пожалуйста, в шаге 2 не получается перетащить картинку 1 на картинку 2, чтобы получилась в итоге картинка с сердечками желтого цвета. При перетаскивании картинка с сердечками просто заливается желтым цветом и всё!
не совсем понятно в чем проблема. Можно немного подробнее описать ваши действия и в какой именно момент возникает проблема?
подскажите пожалуйста почему отредактированные фото я не могу использовать в других приложениях (они их попросту не видят в списке файлов)
А в каком формате вы сохраняете свое фото?
Помогите,пожалуйста. Почему у меня не стирает ластик?
Подскажите пожалуйста,почему когда я создаю второе сердце и перетаскиваю его,то оно не совпадает с той фигурой?
выберите слой со второй фигурой, нажмите Ctrl+T и подгоните размер как вам нужно
урок пятый
придаём ему тёмный вид с бликами от света: настройки 150/0,40/250
это как?
спасибо. все получилось, только сделала зеленым. тоже смотрится красиво
Не могу скачать необходимые картинки. При переходе по ссылке выдает ошибку что файл не найден. Помогите пожалуйста!