Как нарисовать цунами в фотошопе
Иллюстратор Амир Занд из Quantic Dream рассказал, как проходит работа над ранними концептами, если время на поиски ограничено. Перевели главное.
Меня постоянно спрашивают, какие кисти я использую. Должен сказать, что манера работы кистями или определенные кисти ничего не меняют, но именно сочетание инструментов и идей делают рисунок возможным. Да, некоторые кисти в определенных техниках помогут легче и быстрее добраться до определенной точки, но помните, что кисть сама по себе не творит чудеса. Тем не менее, я покажу, как создать собственную кисть в Photoshop.
Как видите, я создал абстрактную форму на холсте — это первый шаг. Попробуйте и вы. После выделите эту форму и идите по пути Edit/Define as Brush preset, затем — сохранение. То, что вы выделили, сохранится как кисть и появится сверху вашего списка кистей. Не беспокойтесь за белые участки выделения — Photoshop учитывает только черные элементы, игнорируя белые.
На изображении «C» пример того, как выглядит мазок этой кистью. Она еще не готова, поэтому давайте немного ее подправим! Выделите кисть и затем выберите Brush preset (Windows Brush Preset). Далее я пойду в Brush Tip и поменяю значение Spacing на 0%, чтобы получить более мягкую гладкую кисть.
Теперь поставлю галочку рядом с пунктом Transfer, чтобы добавить чувствительности кисти — это как раз то, что мне нужно. Еще несколько модификаций — и кисть готова. Ею я и буду рисовать работу для этого урока.
(Прим. ред: кисть Амира можно скачать тут).
Получилось вот так:
У PS много крутых инструментов, которые облегчают работу, но иногда в них можно потеряться. Очень важно создать удобное рабочее пространство, и оно должно быть сделано именно под вас: мое может быть хорошо для меня, но не факт, что будет удобно другим.
Итак, в правом верхнем углу PS есть окно рабочей среды. PS уже поделил ее на несколько областей, таких как рисование, фотография и так далее, но вы можете спокойно добавить то, что хотите, и сохранить это в рабочей среде. Например, моя рабочая среда для графических работ отличается от рабочей среды для быстрых набросков или для мэтт-пеинтинга.
Я всегда фокусируюсь на композиции: не только в плане пропорций, но и контраста, размещения элементов и цветов. Поэтому я использую «Навигатор»: он позволяет всегда видеть рисунок целиком. Это как если при работе маслом вы периодически отходите от холста назад, чтобы окинуть его взглядом и увидеть ошибки.
«Навигатор» — это окошко справа сверху скриншота. Даже если вы приблизились к работе, чтобы проработать какой-то участок, в «Навигаторе» она всегда будет отображаться целиком.
Пришло время поисков для препродакшена. На этом этапе можно делать все, что хочешь, набрасывать самые разные идеи и использовать разные техники. Начинаю я всегда с быстрых набросков. Работая над концептами для фильмов или анимации, я всегда создаю как минимум 20 разных тамбнейлов в процессе поиска. Нельзя ограничиться двумя набросками: важно предоставить разные подходы, стили и техники.
Сейчас я хочу нарисовать сай-фай тамбнейл той кистью, что создал ранее. Помните, это лишь пример. В рамках урока я могу делать, что хочу, но на реальном проекте вас попросят изобразить конкретную среду или действие.
Обычно я избавляюсь от белых пятен в рисунке, но на этот раз оставлю их — в качестве зон света. На картинке вверху вы можете увидеть, что я начал набрасывать фигуры пилотов и форму корабля - пока очень легко. Я не сильно забочусь о пропорциях на этом этапе, просто хочу обозначить формы, в основном фокусируясь на композиции.
Я добавляю больше форм, чтобы получить общую композицию для тамбнейла. Для урока я разделяю все эти шаги, но в обычном рабочем процессе у меня это все занимает максимум пять минут.
Здесь я добавляю полу деталей и теней, и еще дорисовываю несколько элементов кораблю. Везде трубы и топливные шланги. Посмотрите, как это помогает перспективе и направлениям на переднем плане.
Здесь я вношу в работу новый тон, чтобы подготовить ее к добавлению деталей дальше. Я использую Color Balance, который можно найти тут: Image > Adjustments > Color Balance (по умолчанию это сочетание клавиш ctrl+B). Я начинаю менять тон для параметров Shadows/Midtones и Highlights. Можете посмотреть, что именно получилось, на изображении ниже.
Я думаю придать этой картинке закатные цвета, поэтому я добавил фиолетовый тон на весь тамбнейл. Но я не собираюсь оставлять его до самого финиша, это просто база для моих конечных цветов.
Режимы наложения помогают, когда нужно добавить цвет на чб-изображение или в целом поработать над цветами. Грамотное использование слоев поможет сделать все быстро и легко. Каждый из режимов дает разные эффекты, поэтому вам нужно разобраться в них и понять, в чем их назначение.
Например, режим Darker Color будет влиять только на светлые цвета и яркие участки, игнорируя темные зоны, и с этим режимом вы легко можете контролировать световые зоны. Lighter Color работает с точностью до наоборот. Overlay позволяет добавить любой цвет и смешать его с уже существующим цветом, сохраняя и светлые, и темные участки. (прим. ред: а еще мы предлагаем почитать про три режима, которые использует художник Atey Ghailan, вот тут).
Здесь я пытаюсь работать в целом над изображением. Я добавляю немного темного голубого в тени и немного желтого на освещенные участки. Я работаю над передним планом, пилотами и кораблем. Я пока ничего не вылизываю, впереди еще очень много шагов перед финализацией идеи. Так я работаю на этапе ранних поисков, делая очень много подобных тамбнейлов.
Многие из них будут забыты. Часто люди думают, что все, что они делают, должно попасть в финальный проект, но это не так. Вы должны сделать очень много всего, чтобы получить единственный концепт. Так много “нет” для одного “да”!
Сейчас я добавлю последние детали и, самое главное, правлю цвета. Я уже говорил, что хочу сделать закатную цветовую тему, и поэтому я добавляю больше зеленого в тени и желто-оранжевого на света. Я добавляю больше деталей на борт корабля, лестницу и члена команды, который по ней спускается.
Я еще немного настраиваю цвета, добавляю финальные штрихи и общую резкость. Изображение готово, все выполнено той кистью, которую я создал ранее.
Помните, в обычной работе это не финал, а только начало, ранняя стадия поисков концепта. Это просто один тамбнейл. Если бы это было для проекта, я бы создал еще десяток таких только для одной сцены, и потом выбрал бы самый лучший и начал делать финальный концепт. Настоящая работа требует много терпения и поисков.
Тут можно почитать, как Амир использует лассо в работе над тамбнейлами.
А тут — почему многие художники начинают работу с чб.
Перевод подготовила Асета Лиева специально для Smirnov School, текст дополнен редакцией. Мы — онлайн-школа, где готовят концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придете к нам на курс, не забудьте спросить о скидке для читателей с DTF.
В этом уроке вы узнаете, как создать картину с разрушающим торнадо, который поглощает всё на своём пути.
Сложность урока: Средний
Если вы хотите создать по-настоящему красивую фотоманипуляцию, то вам придётся объединить несколько изображений и применить несколько эффектов для того, чтобы получить желаемое изображение. В этом уроке я покажу вам, как объединить пару фотографий, которые я сделал во время своего путешествия, чтобы создать картину с разрушающим торнадо, который поглощает всё на своём пути. Окей, давайте приступим!
Итоговый результат
1. Создаём эскиз и добавляем исходные изображения
Для создания подобных фотоманипуляций, вам необходимо знать про перспективу и основной фокус, про точку схода в перспективе и т.д. Эти знания помогут вам при объединении различных изображений в одну единую композицию.
Шаг 1
Вначале создайте новый документ в программе Photoshop, назовите его “Торнадо”. Создайте новый слой, залейте его любым цветовым оттенком, а затем приступаем к созданию примерного наброска нашей композиции.
Шаг 2
Скачайте следующие изображения, которые представлены ниже. Откройте их в программе Photoshop. Верхнее изображение мы используем для создания неба, а нижнее изображение для создания земли.
2. Создаём вихрь из облаков
Шаг 1
С помощью инструмента Лассо (LassoTool), со значением Растушёвки (feather) 20 px, выделите часть изображения с небом, а затем вклейте выделенное изображение на наш рабочий документ.
Шаг 2
Итак, небо готово, в следующем шаге мы усилим небо, затянув его облаками.
Шаг 3
Далее, мы проведём коррекцию неба с помощью коррекции Яркость / Контрастность (Brightness/Contrast) и Цветовой тон / Насыщенность (Hue/Saturation).
Шаг 4
С помощью инструмента Штамп (CloneStampTool) добавьте облака.
Шаг 5
С помощью инструмента Штамп (Clone Stamp Tool) поменяйте цветовой оттенок облаков.
Шаг 6
Откройте второе исходное изображение. Выделите отдельные участки травы и кустарников с помощью инструмента Лассо (Lasso Tool), со значением Растушёвки (feather) 5px. При работе с Лассо я использовал многократное выделение.
Шаг 7
Теперь вклейте выделенные участки растительности на наш рабочий документ, а затем объедините их. С помощью инструмента Лассо (Lasso Tool) распределите участки растительности по всей поверхности земли.
Шаг 8
Начните выделять небо по фрагментам. Поиграйте с яркостью (brightness) и контрастом (contrast), чтобы создать неоднородную текстуру неба.
Шаг 9
Используя ту же самую технику, обработайте остальные участки неба согласно нарисованному наброску. Поменяйте яркость данных участков неба.
Шаг 10
На данном этапе урока, пришло время создать торнадо.
Шаг 11
С помощью инструмента Штамп (Clone Stamp Tool), создайте вихрь торнадо на выделенном участке наброска.
Шаг 12
Повторите тот же самый процесс для остальных выделенных участков.
Шаг 13
Облако пыли можно создать путём клонирования участков неба и дальнейшего изменения их яркости.
Шаг 14
С помощью инструмента Штамп (Clone Stamp Tool) создайте плавный переход между различными элементами композиции.
3. Добавляем заключительные штрихи
Шаг 1
Для усиления нашей сцены, нам необходимо добавить новый корректирующий слой Градиент (Gradient). Тип градиента от чёрного к прозрачному. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (SoftLight).
Цель данного шага – это усилить нашу сцену, таким образом, чтобы верхние края изображения выглядели темнее, а также чтобы внимание наблюдателя было сфокусировано в центре. Повторите данный шаг ещё раз, если вы захотите добавить затенение к изображению.
Шаг 2
Далее, мы затемним участки по краям композиции. С помощью инструмента Прямоугольная область ( Rectangular Marquee Tool) (со значением растушёвки (feather) 0 рх), создайте прямоугольное выделение на отдельном новом слое. Залейте выделенную область чёрным цветом. А затем с помощью инструмента Лассо (Lasso Tool), вырежьте чёрную заливку, как показано на скриншоте ниже.
Шаг 3
Теперь давайте поиграем с цветовой коррекцией. Цветовую коррекцию необходимо провести с помощью корректирующих слоёв, таким образом, если вам не понравится коррекция, то вы можете просто удалить созданный корректирующий слой.
Мы завершили урок. Надеюсь, что данный урок помог вам узнать кое-что о технике создания фотоманипуляций. Удачи!
В этом уроке я покажу вам, как создать яркую иллюстрацию в стиле фильма "Хоббит".
Дополнительные материалы
- Rahll Brush Set
- Rock Texture 1
- Rock Texture 2
1. Создание эскиза
Шаг 1
Перед началом работы я изучила кадры из фильма Питера Джексона "Хоббит", чтобы понять работу света, увидеть, как выглядят скалы, горы, деревья и почувствовать общую атмосферу окружения.
Я бегло набросала свою идею на новом документе File - New (Файл - Новый) большого размера (7000 х 3138 пикселей). После изучения всех материалов, это буквально первое, что пришло мне в голову и заняло 30-40 секунд, чтобы сделать набросок.
Шаг 2
Затем на новом слое я немного почистила набросок и добавила деталей, чтобы четче видеть то, что я хочу получить. Как во многих пейзажных иллюстрациях, я ориентируюсь на три плоскости, которые позволяют создать эффект глубины: задний план, средний план и передний план.
2. Добавление цвета
Шаг 1
Далее я нанесла базовые цвета с помощью жесткой кисти (В). Для неба я подобрала приятную смесь бледно-голубого, желтого и оранжевого.
Для начала я грубо закрасила небо. На данном этапе я не уделяю много внимания деталям. Пока что меня устраивает набросок облаков.
Также на данном этапе я хочу определиться с основным источником света. Я решила, что он будет в левом верхнем углу, так что гора на среднем плане будет освещена больше всего.
Шаг 2
Когда я работаю с рисунками, которые имеют несколько плоскостей (задняя, средняя, передняя), я предпочитаю начинать с той, которая дальше всего от зрителя. Ниже вы можете увидеть фоновые горы, которые я нарисовала на отдельном слое.
Шаг 3
Я стараюсь не делать края слишком размытыми. Я хочу, чтобы они имитировали верхушки деревьев вдалеке.
Шаг 4
Шаг 5
Шаг 6
Для постройки на переднем плане я создала новую группу (для этого нажмите на специальную кнопку в нижней части панели слоев) и назвала ее "Structure 1". Здесь я буду создавать слои, которые относятся к данному элементу рисунка.
Шаг 7
Сначала жесткой кистью на отдельном слое я закрасила первые столбы.
Шаг 8
Затем остальные на заднем плане.
Шаг 9
Я также дорисовала горы между колоннами.
Шаг 10
И, наконец, я закрасила водопад на слое, который находится выше слоя с горами на переднем плане. Это все основные слоя, с которыми я буду работать.
3. Базовое затенение
Шаг 1
Находясь на слое с водопадом, я начинаю добавлять тени. Детали и блики будут добавлены позже. Также я немного подправила края водопада.
Шаг 2
Я перешла на слой с горами переднего плана и выделила их (Command/Ctrl + кликаем по миниатюре слоя на панели слоев). Темными оттенками я начала формировать очертание гор и отдельные камни. Здесь я сосредоточу особое внимание на деталях и текстуре, так как это центр композиции.
Шаг 3
Также я добавила немного оранжевых бликов, чтобы создать эффект мокрых скал, и больше темных оттенков, чтобы сильнее выделить разные уровни камней.
Шаг 4
Шаг 5
Затем в новой группе "Structure 2" я создала новый слой и заполнила цветом вторую постройку с колоннами. В данном случае здесь просто силуэт здания, поэтому мы не будем уделять много внимания деталям. Базовой заливки цветом пока что будет достаточно.
Шаг 6
Закончив с передним планом, я перехожу к среднему. Я начинаю наносить светлые оттенки, не забывая об источнике света (слева вверху).
Шаг 7
Я создала новый слой и начала закрашивать горы светлым оттенком, чтобы отодвинуть их дальше от зрителя и сильнее отделить от переднего плана.
4. Детализация среднего плана
Шаг 1
Я взяла текстурную кисть (из набора Rahll Brush Set) и светлым оттенком начала детализировать форму гор.
Шаг 2
Этой же кистью я добавила больше теней и заполнила верхушки деревьев вдоль края гор.
Шаг 3
Теперь рисуем водопады! На новом слое текстурной кистью с низким уровнем непрозрачности (примерно 20%) я начала рисовать водопад, плотный сверху и плавно рассеивающийся снизу, создавая эффект водной дымки.
Шаг 4
Я продолжаю детализировать гору, добавляя трещины и выпуклости. Закончив со средним планом, можно уменьшить непрозрачность задней горы примерно до 50%. Чем дальше объект, тем он бледнее. После такого простого действия глубина и реалистичность картинки улучшилась.
5. Текстурирование
Шаг 1
Закончив с деталями, можно приступить к нанесению текстур! Первая текстура, которую я буду использовать, это Rock Texture 1. Я открыла ее в Фотошопе и создала новый документ.
Я перетащила текстуру на новый документ и заполнила ею все свободное пространство (дублирование Command/Ctrl+J), затем инструментом Clone Tool (S) (Штамп) убрала швы и повторяющиеся элементы.
Шаг 2
Я разместила готовую текстуру над слоем с центральными горами (сразу под слоем с водопадом), отрегулировала размер, чтобы покрыть большую часть гор (Command/Ctrl+T).
Шаг 3
Я установила режим смешивания текстуры на Soft Light (Мягкий свет) и уменьшила непрозрачность до 70%. Затем я удалила области, которые перекрывали деревья и водопады, в основном там, где нет скал. Теперь гора выглядит реалистичнее.
Шаг 4
В верхней части гор я добавила финальные детали, используя технику matte painting. Я доработала текстуру, чтобы она гармоничнее смотрелась с фоном.
6. Фон и небо
Шаг 1
Пришло время поработать над фоновой горой. Я загрузила ее выделение и начала формировать верхушки деревьев.
Шаг 2
Я добавила больше света в том месте, где горы уходят вдаль. На данном этапе я решила больше не добавлять деталей, так как позже в этом месте я нарисую солнечные лучи и дымку.
Шаг 3
Как и с предыдущей горой, я добавила немного бликов.
Шаг 4
Далее на новом слое я нарисовала водопады, но в этот раз не такие однородные, как на среднем плане. Эти водопады у меня немного светлее.
Шаг 5
Закончив с деталями, я уменьшила непрозрачность слоя с горой до 87%, чтобы отодвинуть ее чуть дальше от зрителя.
Шаг 6
Далее я перехожу к небу. Для работы я использую кисть Cloud Brush 1. Как всегда, я начинаю с темных оттенков (оранжевый) и плавно перехожу к голубому. При работе с небом также не стоит забывать где находится основной источник света (левый верхний угол).
Шаг 7
Теперь можно взглянуть на текущий результат.
Шаг 8
Шаг 9
7. Детализация переднего плана
Шаг 1
Теперь пришло время вернуться к переднему плану. Я подумала, что передний план должен занимать немного больше места и решила увеличить его. Для этого я выделила все слои на панели слоев, относящиеся к переднему плану, и активировала свободную трансформацию (Comman/Ctrl+T).
Шаг 2
Изменения совсем небольшие, но этого достаточно, чтобы передний план стал более заметным.
Шаг 3
Я продолжаю добавлять детали и блики на камнях и кустах.
Шаг 4
Пришло время добавить новую текстуру! В этот раз я буду использовать rock texture2.
Шаг 5
Я разместила текстуру над слоем с горами переднего плана, но под водопадом и кустами, и увеличила ее, чтобы покрыть большую часть камней.
Шаг 6
Я установила режим смешивания текстуры на Overlay (Перекрытие) и уменьшила непрозрачность до 60%. Также я использовала инструмент Clone Tool (S) (Штамп), чтобы заполнить пустые области текстуры.
Шаг 7
На новом слое поверх текстуры я добавила больше деталей.
Шаг 8
Я немного осветлила небольшую область переднего плана, где находится второе сооружение, чтобы отдалить ее от зрителя, но, в то же время, добавила больше деталей, как и другим элементам переднего плана.
Шаг 9
Далее я перешла на слой с водопадом, выделила его и начала детализировать, добавив тени и блики разных цветов (белые, оранжевые и желтые), чтобы изобразить преломление света на воде.
8. Сооружения
Шаг 1
Теперь пришло время перейти к детализации зданий. Я загрузила выделение первой постройки и добавила тени на колоннах (удерживайте клавишу Shift во время работы с кистью, чтобы получить прямые линии).
Шаг 2
Затем я добавила блики. Старайтесь не переборщить с ними.
Шаг 3
Еще несколько мелких деталей на колоннах. Не забывайте откуда падает свет, чтобы правильно наложить блики.
Шаг 4
Я добавила зелени вокруг колонн, чтобы немного разбавить монотонные цвета.
Шаг 5
Далее я перехожу к колоннам, которые находятся чуть дальше от зрителя.
Шаг 6
Здесь я также добавила тени и блики. Я считаю, что эту область не нужно тщательно детализировать, поэтому я не тратила на нее много времени.
Шаг 7
Закончив, я перешла ко второй постройке. Сперва я немного почистила ее жестким ластиком (Е).
Шаг 8
На новом слое я добавила теней. Они не так заметны, но этого достаточно, чтобы придать этому элементу объем.
Шаг 9
И немного бликов.
Шаг 10
Сразу под слоем с бликами я создала новый и добавила мелких деталей.
9. Световые эффекты
Шаг 1
В качестве финального штриха я добавлю световых эффектов для улучшения атмосферы. Я создала новую группу сразу под передним планом и назвала ее "Lighting". В эту группу я буду добавлять все слои со световыми эффектами.
Шаг 2
Шаг 3
Шаг 4
И, наконец, бледно-желтым цветом я добавила дымку в нижней части рисунка и у основания горы на среднем плане.
В этом уроке вы узнаете, как нарисовать иконки в простом стиле (Flat).
Сложность урока: Средний
После апрельских ливней расцветают майские цветы! Апрель считается достаточно дождливым периодом, когда погода внезапно меняется с солнечной на проливной дождь. Однако, каждая погода по-своему хороша, поэтому, вдохновившись этим, давайте с помощью этого урока встретим весну должным образом! Чтобы создать погодные иконки, мы будем использовать базовые формы и художественные кисти.
В Photoshop есть множество полезных инструментов и хитростей для быстрого и удобного создания иконок. Описанную ниже технику можно использовать не только для создания погодных иконок, но и для других видов значков в плоском стиле, например, на тему путешествий или активного отдыха, природы и т.д.
1. Создаем иконку радуги
Шаг 1
Начинаем с создания внешней красной полосы радуги. Берем Ellipse Tool (U) (Эллипс) и рисуем окружность размером 450 х 450 пикселей. Переходим к панели свойств Window – Properties (Окно – Свойства), на которой мы можем изменить размер фигуры, ее цвет и другие параметры.
Устанавливаем толщину Stroke (Обводка) на 3 pt, Fill (Заливка) – на None (Нет) и меняем цвет обводки. Кликаем по иконке Stroke (Обводка), чтобы открыть цветовую панель, и выбираем один из предложенных цветов или кликаем по разноцветной иконке в верхнем правом углу панели, чтобы открыть окно Solid Color (Цвет) и выбрать какой-то определенный оттенок.
Шаг 2
Добавим еще одно кольцо. На панели слоев выбираем красное кольцо и жмем сочетание клавиш Ctrl+J, чтобы дублировать слой. Затем жмем Ctrl+T, чтобы уменьшить копию окружности и разместить ее в центре предыдущей. На панели Properties (Свойства) меняем цвет обводки на оранжевый.
Шаг 3
Еще раз дублируем окружности (Ctrl+J), чтобы добавить третье внутреннее кольцо, цвет обводки меняем на желтый.
Шаг 4
Продолжаем добавлять кольца и закрашивать их цветами радуги. Вы можете использовать все семь цветов или меньшее количество, так как иконка будет маленькой, она не должна быть супер-реалистичной и детализированной. Даже если вы добавите 3-4 цвета, то все равно радуга будет легко узнаваема.
Закончив, выделяем все кольца на панели слоев и объединяем их в группу (Ctrl+G). Дублируем получившуюся группу комбинацией клавиш Ctrl+J или перетянув группу на иконку Create a New Layer (Создать новый слой) в нижней части панели слоев. Таким образом, у нас будет резервная копия в случае, если мы решим изменить некоторые детали радуги.
Выбираем группу и переходим Layer – Merge Group (Слой – Объединить группу) или жмем комбинацию клавиш Ctrl+E.
Шаг 5
Теперь берем Rectangular Marquee Tool (M) (Прямоугольное выделение), выделяем нижнюю половину радуги и удаляем ее.
Шаг 6
Давайте создадим несколько пушистых облаков у основания радуги. Берем Ellipse Tool (U) (Эллипс) и создаем маленький синий круг в нижнем левом углу радуги. Создаем еще несколько окружностей разного размера. Группируем окружности (Ctrl+G) и дублируем группу (Ctrl+J). Перемещаем дубликат на противоположный конец радуги.
Шаг 7
Если вы захотите что-либо изменить, то вернитесь к резервной копии группы и подкорректируйте детали. В моем случае я решила уменьшить количество линий и сделать их толще.
Шаг 8
Теперь создадим основу для иконки. С помощью Ellipse Tool (U) (Эллипс) рисуем круглую основу размером 545 х 545 пикселей. На панели Properties (Свойства) меняем Fill (Заливка) на светло-зеленый и отключаем обводку.
Шаг 9
Теперь добавим модную длинную тень. С помощью Rectangle Tool (U) (Прямоугольник) создаем квадрат 350 х 350 пикселей и поворачиваем его на 45 градусов. Переходим на панель слоев и устанавливаем режим смешивания квадрата на Multiply (Умножение), чтобы сделать его темнее. Если фигура получилась слишком темной, пробуем уменьшить Opacity (непрозрачность).
Шаг 10
Корректируем размер четырехугольника, чтобы он подходил по ширине к радуге и перекрывал ее, как показано ниже. Размещаем прямоугольник под радугой, переместив слой на панели слоев ниже или несколько раз нажав комбинацию клавиш Ctrl+[.
Шаг 11
Теперь мы должны отрезать часть прямоугольника, которая выходит за пределы иконки. Выбираем круг и активируем Pen Tool (P) (Перо), кликаем по окружности правой кнопкой мыши и выбираем Make Selection (Создать выделение). В появившемся окне оставляем все по умолчанию, затем переходим Select – Inverse (Выделение – Инвертировать).
На панели слоев выбираем слой с тенью и удаляем лишнюю часть прямоугольника.
Шаг 12
С помощью Eraser Tool (E) (Ластик) удаляем лишние детали тени внутри иконки.
Слегка осветляем круг-основание и тень. И плоская иконка с радугой готова! Теперь мы можем перейти к следующей.
2. Создаем иконку солнца
Шаг 1
Начинаем с создания круглой основы желтого цвета размером 260 х 260 пикселей.
Шаг 2
Далее мы нарисуем стилизованные лучи. Активируем Polygon Tool (U) (Многоугольник) и на верхней панели параметров инструмента устанавливаем количество сторон Sides (Стороны) на 3. Над окружностью создаем оранжевый треугольник. На панели слоев выделяем окружность и треугольник и на верхней панели параметров инструмента кликаем на Align horizontal centers (Выровнять по горизонтальному центру), чтобы идеально отцентрировать фигуры.
Мы также можем использовать направляющие, чтобы определить центр окружности. Для этого жмем Ctrl+R, чтобы активировать Rulers (Линейки), кликаем на верхнюю линейку и тянем мышкой вниз, чтобы создать горизонтальную направляющую. Таким же образом создаем вертикальную направляющую.
Нам необходимо создать больше лучей вокруг солнца. Это может показаться достаточно сложной задачей, но, на самом деле, все достаточно просто.
Выбираем треугольник и жмем Alt+Ctrl+T, чтобы активировать режим свободной трансформации. Хватаем центральную опорную точку треугольника и перемещаем ее вниз, разместив на пересечении двух направляющих, то есть в центре окружности. В результате на панели слоев автоматически создастся дубликат треугольника (это сработает только при условии активации свободной трансформации сочетанием клавиш Alt+Ctrl+T). Зажав клавишу Shift, поворачиваем треугольник на 45 градусов и жмем Enter, чтобы применить трансформацию.
Далее жмем Shift+Ctrl+Alt+T несколько раз, чтобы создать 6 копий треугольника вокруг солнца.
Замечательно! Солнечные лучи готовы.
Шаг 3
Направляющие нам больше не нужны, поэтому убираем их View – Clear Guides (Вид – Удалить направляющие).
Шаг 4
Дублируем основу предыдущей иконки и меняем ее Fill (Заливка) на небесно-голубой. Затем под солнцем создаем полупрозрачную длинную тень.
Шаг 5
Давайте удалим часть тени вокруг основы солнца. Для этого берем Elliptical Marquee Tool (M) (Овальное выделение) и создаем выделение вокруг желтой окружности. Переходим Select – Transform Selection (Выделение – Трансформировать выделенную область) и редактируем выделение так, чтобы оно захватило область между солнцем и его лучами.
Применяем трансформацию и на панели слоев выбираем слой с тенью. Жмем клавишу Delete, чтобы удалить выделенную тень.
Готово! Иконка солнца готова! Переходим к следующей части урока.
3. Рисуем дождевое облако
Шаг 1
Начинаем с создания окружности голубого цвета размером 200 х 200 пикселей. Для этого используем инструмент Ellipse Tool (U) (Эллипс). По бокам добавляем новые окружности меньшего размера, чтобы облако выглядело пушистым.
Шаг 2
Выделяем все окружности и переходим Layer – Merge Shapes (Слой – Объединить фигуры). Переходим на панель слоев, кликаем по объединенному слою правой кнопкой мышки и выбираем Rasterize Layer (Растрировать слой), чтобы слой был редактируемым.
Теперь мы берем Rectangular Marquee Tool (M) (Прямоугольное выделение), выделяем нижнюю часть облака и жмем Delete, чтобы удалить выделенный фрагмент.
Шаг 3
Теперь создадим каплю. С помощью Ellipse Tool (U) (Эллипс) создаем голубой круг размером 35 х 35 пикселей. Берем Convert Point Tool (P) (Преобразовать точку) (этот инструмент находится в том же меню, что и Pen Tool (P) (Перо)) и выделяем верхнюю узловую точку окружности. Один раз кликаем по этой точке, чтобы заострить ее. И, наконец, перемещаем ее выше, сформировав каплю.
Шаг 4
Несколько раз жмем Ctrl+J, чтобы дублировать каплю, и распределяем копии под облаком, создав дождевые капли.
Шаг 5
Добавляем желтую основу для иконки и рисуем длинную тень. Дождевая иконка готова! Осталась еще одна!
4. Создаем иконку зонтика
Шаг 1
Начинаем с бирюзовой окружности размером 430 х 430 пикселей. Растрируем слой и удаляем нижнюю половину круга, используя инструмент Rectangular Marquee Tool (M) (Прямоугольное выделение).
Шаг 2
С помощью Ellipse Tool (U) (Эллипс) создаем ряд окружностей в нижней части бирюзового полукруга. Корректируем размер кругов, чтобы они занимали всю ширину полукруга. И, наконец, выделяем все круги и объединяем в одну фигуру Layer – Merge Shapes (Слой – Объединить фигуры).
Шаг 3
Активируем Pen Tool (P) (Перо), жмем правой кнопкой по объединенной фигуре и выбираем Make Selection (Создать выделение). На панели слоев выбираем слой с полукругом и жмем кнопку Delete, чтобы удалить выделенную область, таким образом, сформировав очертания зонта.
Оранжевые окружности нам больше не нужны, поэтому удаляем их.
Шаг 4
Теперь создадим ручку зонтика с крючком на конце. С помощью Rounded Rectangle Tool (U) (Закругленный прямоугольник) создаем основу. Заливку отключаем и в пункте Stroke (Обводка) выставляем 4 pt и выбираем оранжевый цвет, как показано ниже.
Затем жмем правой кнопкой по слою на панели слоев и выбираем Rasterize Layer (Растрировать слой), чтобы сделать ручку редактируемой.
Шаг 5
Берем Rectangular Marquee Tool (M) (Прямоугольное выделение), выделяем верхнюю часть созданной в предыдущем шаге фигуры и удаляем ее, оставив маленький «хвостик». Затем выделяем и удаляем левую часть фигуры, сформировав ручку.
Убедившись, что слой с ручкой активен, жмем Shift+Ctrl+[, чтобы переместить его под основу зонтика.
Шаг 6
Заканчиваем иконку, создав розовую основу и длинную тень.
Наш набор погодных иконок готов.
Однако, урок на этом не заканчивается. Если вам нравится плоский и минималистичный стиль иконок, вы можете остановиться на данном этапе. В противном случае, можем продолжить и сделать их более детализированным и текстурными. Так что продолжаем работу и посмотрим, как мы можем улучшить иконки, используя художественные кисти Photoshop.
5. Применяем гранж-текстуру
Шаг 1
Начнем с иконки солнца. Переходим на панель слоев и выделяем желтую основу. Зажимаем Alt и жмем кнопку Create a New Layer (Создать новый слой). Во всплывающем окне активируем функцию Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски).
Благодаря этому, мы привязали новый слой к слою с солнцем (на панели слоев появится маленькая стрелка). Таким образом, рабочая область нового слоя будет ограничена основой солнца и все, что мы будем рисовать на новом слое, не будет выходить за пределы основы.
Шаг 2
Шаг 3
Шаг 4
На панели Color (Цвет) выбираем светло-желтый цвет и на новом слое, который мы трансформировали в обтравочную маску, добавляем мазки кистью, чтобы создать гранж-эффект. Затем выбираем оранжевый цвет и в нижней части солнца рисуем легкую тень.
Объединяем все лучи в одну фигуру и выполняем такую же последовательность действий по созданию обтравочной маски и нанесению текстуры, что и для основы солнца.
Шаг 5
Наносим текстуру на иконку радуги. Для разноцветной дуги и каждого облака создаем отдельные обтравочные маски. При нанесении текстуры используем ту же технику, что и раньше.
Шаг 6
Продолжаем добавлять текстуру на каждой иконке.
Шаг 7
Над фоном создаем новый слой и рисуем мягкую текстурную тень светло-желтого цвета под каждой иконкой.
Отличная работа! Мы научились рисовать плоские погодные иконки, используя базовые формы и стандартные кисти Photoshop.
Можете воспользоваться этой техникой для создания новых иконок, расширив имеющийся набор или выбрав совершенно другую тему.
В этом уроке я покажу вам, как рисовать Цунами из «Tenchi Muyo». Начните с рисования большого круга, и разделить его с руководящими принципами, как показано на рисунке. Обязательно обратить руководящие принципы очень легко, потому что вы хотите, чтобы иметь возможность удалить их, когда вы закончите. В этой конкретной картине, Цунами смотрит вверх, так что ее лицо собирается сделать из несколько иной точки зрения, чем если бы вы рисовали стандартный вид 3/4. При рисовании нижнюю половину лица, попытаться сделать линии на щеках и подбородке очень гладкие и округлые, а не делая их острыми и заостренные. При этом угол, подбородок будет очень широкий и плоский.
Затем, нарисуйте глаза, нос, рот и глаза (показан красным цветом), используя рекомендации, чтобы держать все пропорциями и выстроены правильно. Нарисуйте ее шею, а также. В отличие от других персонажей Tenchi Muyo, глаза Цунами относительно малы, и гораздо ближе к тому, что можно было бы считать нормально сложена. Убедитесь, что вы не рисую глаза слишком велики (ну, если только вы не сделав фотографию SD . ). ^ _ ^
Удалить все ваши рекомендации. Начните набрасывать контуры ее волосы. Добавьте брови и точки на лбу, и начать добавлять детали к глазам и затенения ко рту.
Добавьте детали на ее челку и рисовать в клочья волос, которые идут вниз по ее уши. Обратите внимание на то, что ее волосы не висят прямо вниз; он отстранился за голову двумя красными полосами, (которые не очень заметны в этой картине .. ^ _ ^), так что замыкает на ее плечи. Тень ее глаза и добавить световые блики; обратите внимание, что ее ученики очень легкие и не очень заметным. Уточнить эскиз, стереть все unnecesary линии, и попытаться сгладить свой эскиз, как лучше, как вы можете. При необходимости, проследить свой эскиз на чистый лист бумаги.
Тень или цвет ваш законченный картина, как вам нравится. Я лично хотел бы использовать Adobe Photoshop, но вы можете использовать любой meduim вас устраивает.
Рисунок профиля может быть немного сложнее, чем 3/4 зрения. Начните с большого круга, затем добавьте нижнюю половину лица. Нарисуйте вертикальные направляющие, как показано, чтобы помочь вам расположить глаза, и получить правильные пропорции для передней части лица. Нарисуйте изогнутые горизонтальные линии, чтобы помочь вам расположить ее глаза и рот.
Это один из самых сложных этапов, так что будьте очень осторожны. Нарисуйте нос и рот, убедившись в том, чтобы остаться в рамках руководящих принципов. Нижняя губа немного дальше назад на лице, а кривые подбородка и слегка выпирает. Может потребоваться некоторая практика, чтобы получить кривые и углы правильно. Ничья в контур глаза и уха, а также.
Удалить все ваши рекомендации. Нарисуйте брови, тень глаза, и добавить точку на лбу. Начните набрасывать контуры ее волосы, убедившись в том, что ее волосы Замыкает у основания ее шеи так же, как это было в предыдущей картине.
Нарисуйте остальную часть ее волос, и добавить ее одежду. Постарайтесь сделать ее челка выглядят очень полные и округлые, но не делают их слишком большими; они не простираются очень далеко мимо ее головы. Очистите ваш эскиз и удалить все ненужные линии.
Цвет готового изображения с любой средой вам нравится. Даже если вы не красите ваши фотографии, это очень важно, что вы пытаетесь добавить некоторую штриховку, чтобы дать вашей законченной работе более округлый, трехмерный вид.
Читайте также: