Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

Camera Raw 10.3. Что нового?

3 апреля вышло очередное большое обновление пакета программ Creative Cloud. Это коснулось, в том числе, и Adobe Photoshop, особенно Adobe Camera Raw.

3 комментария 3918 просмотров 91817 апреля 2018

Делаем новогоднюю открытку с ёлочкой в Фотошоп

28 декабря 2017 1 989 просмотров | Сложность:

Все быстрее приближается чудесный праздник – Новый год, а следом за ним и Рождество. Специально для праздничного сезона я создал простую открытку, в которой слово XMAS (Рождество) складывается в елочку - идея была в том, чтобы поэкспериментировать с типографикой. После работы над парой набросков и небольшими опытами с Illustrator я перешел к Photoshop, чтобы завершить композицию, использованную в этой открытке.

Так что в данном случае я покажу вам свой творческий процесс, с самого начала и до самого конца.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока. 

Шаг 1

Когда я думал о создании рождественской открытки, я не знал точно, чего я хочу, а потом мне в голову пришла идея сделать маленькую елочку в форме слова XMAS (Рождество). Придумал я это во время пробежки, и, как только я вернулся домой, сразу же сел за создание набросков, чтобы понять, как это будет выглядеть.

Мои художественные способности оставляют желать лучшего, но зато я приблизительно понял, как будет выглядеть моя задумка. Я начал с простого конуса, затем поиграл со словом XMAS, чтобы увидеть, как будут смотреться буквы. В конце я немного поработал с тенями, как вы можете увидеть на изображении ниже.

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

Примечание переводчика: Обратите внимание, что рисование фигуры можно выполнить сразу в Фотошоп при помощи тех же инструментов (Перо и Эллипс ). Выполнив рисунок фигуры, вы можете перейти к Шагу 6.

Шаг 2. Illustrator

Затем я сфотографировал наброски и импортировал их в Illustrator. Там при помощи инструмента Pen (Перо) (Р) я создал основные линии дерева. В случае с закругленными частями мне на помощь пришел инструмент Ellipse (Эллипс) (L), после применения которого я просто удалил лишние сегменты. Примерно представить процесс вам помогут изображения ниже.

Еще одна очень важная деталь - это расстояние между символами X M A S. Без этого расстояния вышло бы абсолютно нечитабельно.

Шаг 3

После превращения эскиза в вектор, я решил поиграть с цветами и 3D-эффектами, однако меня ничего не зацепило.

Шаг 4

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

Шаг 5

Так как я не был доволен тем, что получилось в Illustrator, я решил, что пора прибегнуть к проверенному спасителю - Photoshop. Я просто скопировал основную фигуру из Illustrator и поместил в Photoshop.

Шаг 6

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

Шаг 7

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

Шаг 8

Здесь я сгруппировал все венки в одну папку, а затем выделил фигуру елки.

Шаг 9

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

Шаг 10. Создание Кисти

Выделите несколько областей рождественского венка и скопируйте их, затем продублируйте и поворачивайте до тех пор, пока у вас не получится единый объект с краями-иголками. Объедините слои в один, новый слой, затем нажмите Image > Adjustments > Desaturate (Изображение > Коррекция > Обесцветить). Теперь, когда у вас есть объект в оттенках серого, нажмите Image > Adjustment > Levels (Изображение > Коррекция > Уровни). Повысьте входные значения черного так, чтобы картинка стала темной, а еще повысьте входные данные белого для усиления контраста.

Когда вы получите объект в красивых черно-белых тонах, выделите квадратную область при помощи инструмента Rectangle Marquee Selection (Прямоугольная область) (M) с нажатой клавишей SHIFT. Затем нажмите Edit > Define Brush Preset (Редактирование > Определить кисть).

Шаг 11

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

Шаг 12

Находясь на получившемся слое нажмите Layer > Layer Style > Drop Shadow (Слои > Стиль слоя > Тень). Выберите режим наложения Multiply (Умножение), Opacity (непрозрачность) 88%, Angle (угол) 90 градусов. Distance (Смещение) - 14 пикселей, Spread (Размах) - 0%, а Size (Размер) - 32 пикселя.

Шаг 13

После этого я применил стиль слоя Inner Shadow (Внутренняя тень), дабы добавить глубину и создать что-то вроде 3D-эффекта. Я выбрал режим наложения Soft Light (Мягкий свет), Opacity (непрозрачность) 100%, Angle (угол) -87 градусов, Distance (Смещение) 24 пикселя, Choke (Стягивание) 0%, Size (Размер) 21 пиксель.

Шаг 14

И последним я применил стиль слоя InnerGlow (Внутреннее свечение). Режим наложения Overlay (Перекрытие), цвет светло-серый, источник - на краях, размер 68 пикселей.

Примечание: на скриншоте: непрозрачность 59%, Стягивание 0%, колебание 17%, диапазон 100%

Шаг 15

Вот что получилось после применения всех этих стилей слоя. Уже выглядит намного лучше, но мне захотелось добавить банальных елочных игрушек :)

Шаг 16

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

Шаг 17

Здесь я добавил красных елочных шаров. Их я взял с фотографии с Shutterstock.

Как вы и сами видите, я воспользовался одним и тем же шариком несколько раз, однако, все они расположены под разным углом. Тем не менее, они выглядели искусственно - казалось, что их просто налепили на венок.

Шаг 18

Чтобы исправить проблему с шариками, и сделать так, чтобы они вписывались в общую картину, я продублировал дерево и удалил стили слоя. Копию слоя я переместил вперед и нажал Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все). Далее при помощи кисти, созданной мной в десятом шаге, я стал рисовать на слой-маске черным цветом, тем самым скрывая некоторые части шариков.

Шаг 19

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

Шаг 20

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

Шаг 21

Выберите все слои и продублируйте их, после копии объедините в один слой, а затем нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Радиус - 15 пикселей. После этого единожды продублируйте слой.

Шаг 22

Измените непрозрачность обоих размытых слоев на 50%, а вот режимы наложения у них должны быть разными. У верхнего слоя режим наложения Screen (Экран), а у того, что под ним - Overlay (Перекрытие).

Заключение

Напоследок мне захотелось добавить логотип Abduzeedo. Шрифт, которым написано поздравление - Helvetica Neue Ultra Light. Я также добавил текстуру старой бумаги поверх всего с режимом наложения Multiply (Умножение) и 20%-ной непрозрачностью.

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

Автор: Fabio Sasso

Понравилось? Поделитесь с друзьями!
Источник: abduzeedo.com Переводчик: Гильзидинов Руслан
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
SolNavigator08 января 2018

Не хватает детализации для новичков.

Kibo1906 января 201823

Спасибо!

viking03 января 201819

Спасибо! Вот как-то так...

TailOne02 января 201818

спасибо

SvoeSolnyshko01 января 201822

Спасибо. Всех жителей этого сайта с Новым Годом!!!

RoksiG30 декабря 201727

Спасибо за урок!

Лариса29 декабря 201724

С Новым годом!!!
Вариант на светлом фоне.

Лариса29 декабря 201723

Руслан, спасибо за перевод!

Валера Решетняк29 декабря 201732

спасибо

Анна28 декабря 201727

Спасибо!
С наступающим!

Дмитрий Сергеев28 декабря 201722

Спасибо

Георгий Весёлов28 декабря 201724

Спасибо за урок.

Mr.Evil28 декабря 201723

Спасибо за урок!

Татьяна28 декабря 201728

Вот такой вариант.

Авторизация


Регистрация

Наверх