Рисуем медальон в Фотошоп

Рисуем медальон в Фотошоп

 Если вам нужно сделать отличный сайт или доработать сайт то советуем обратиться в студию Kwork.

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

Итоговый результат:

alt

Вначале, создайте новый документ Файл – Новый (File>New), установите следующие размеры 1280 x 1024 px, а также установите разрешение 72 пикс/дюйм (dpi). С помощью инструмента Заливка alt (Paint Bucket Tool (G)), залейте задний фон чёрным цветом. Далее, с помощью инструмента Эллипс alt (Ellipse Tool (U)), нарисуйте круг. Цвет круга #4B3214.

alt

Дважды щёлкните по слою с кругом, чтобы применить следующие стили слоя:

Тень (Drop Shadow)

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)

alt

Внутреннее свечение (Inner Glow)

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Метод (Technique): Точный (Precise)

alt

Результат должен быть, как на скриншоте ниже.

alt

Далее, создайте новый слой. Выберите инструмент Овальная область alt (Elliptical Marquee Tool (M)), чтобы нарисовать круг поверх предыдущего круга. Цвет круга #D39C3F.

alt

Дважды щёлкните по созданному слою с кругом, чтобы применить следующие стили слоя:

Тень (Drop Shadow)

  • Режим наложения (Blend Mode): Перекрытие (Overlay)

alt

Внутренняя Тень (Inner Shadow)

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)

alt

Внутреннее свечение (Inner Glow)

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Метод (Technique): Мягкий (Soft)

alt

Тиснение (Bevel and Emboss)

  • Режим подсветки (Highlight Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
  • Режим тени (Shadow Mode) Умножение (Multiply)

alt

Тиснение – Контур (Bevel and Emboss >Contour)

alt

Перекрытие узора (Pattern Overlay)

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)

Примечание переводчика: выберите текстуру камня Stone (80 by 80 pixels RGB Mode)

alt

Результат должен быть, как на скриншоте ниже.

alt

Далее, добавьте текст на изображение медали.

alt

На скриншоте ниже, вы можете увидеть все настройки для каждой линии текста.

Примечание переводчика: шрифт для текста Walt Disney вы можете скачать по ссылке в начале урока.

alt

Далее, выделите весь текст, нажав клавиши (Ctrl+Shift)+щёлкните по миниатюре слоя с текстом. Как только вы загрузили активное выделение, перейдите на слой с медалью. Далее, вам нужно нажать клавишу (Delete), чтобы вырезать текст внутри медали. Далее, временно отключите видимость слоёв с текстом.

Примечание переводчика: чтобы выделить все линии текста, удерживая клавиши (Ctrl+Shift)+щёлкните мышкой по очереди по миниатюре каждого слоя с текстом, чтобы загрузить активное выделение всего текста.

alt

Далее, с помощью инструмента Ластик alt (Eraser Tool (E)), удалите внутреннюю часть буквы ‘O’. Теперь, нам нужно нарисовать элемент внутри этой буквы. С помощью инструмента Прямолинейное лассо alt(Polygonal Lasso Tool (L)), создайте фигуру внутри буквы ‘О’, напоминающую молнию. Прокрасьте нарисованную молнию кистью, цвет кисти тот же, что и цвет медали.

alt

Создайте новый слой ниже слоя с медалью (примечание переводчика: слой, который вы создали в Шаге 3). Далее, нам нужно добавить текстуру внутри больших букв, используя цвет кисти #4B331B. Кисть, которая нам понадобится, указана на скриншоте ниже. Удерживая клавишу (Alt)+щёлкните между слоем с медалью и новым слоем, чтобы преобразовать верхний слой в обтравочную маску:

alt

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

alt

Результат должен быть, как на скриншоте ниже.

alt

Создайте новый слой, залейте этот слой белым цветом, для создания эффекта шума далее идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите настройки, которые указаны на скриншоте ниже:

alt

Далее, идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Установите следующие настройки: Угол (Angle): 90, Смещение (Distance): 90:

alt

Поменяйте режим наложения для данного слоя на Умножение (Multiply).

alt

Мы получим текстуру с царапинами.

alt

Далее, мы добавим ушко к медали с помощью инструмента Эллипс alt (Ellipse Tool (U)). Удерживайте клавишу (Alt) при создании внутреннего круга.

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

alt

Дважды щёлкните по созданному слою с ушком, чтобы применить следующие стили слоя:

Тиснение (Bevel and Emboss)

  • Режим подсветки (Highlight Mode) Нормальный (Normal)
  • Режим тени (Shadow Mode) Умножение (Multiply)

alt

Наложение градиента (Gradient Overlay)

  • Стиль (Style): Угловой (Angle)

alt

Редактор градиентов (Gradient Editor)

alt

Обводка (Stroke)

alt

alt

Итоговый результат:

alt

Автор: designstacks

Рисуем в фотошопе портрет кота в викторианском стиле

Рисуем в фотошопе портрет кота в викторианском стиле

Отличный интернет магазин Купить кроссовки Nike Air Max 90 Олшуз, советуем покупать обувь у них, отличное качество и хорошие цены. В этом уроке я покажу вам, как создать весёлый портрет стильно одетого кота, данный стиль одежды навеян портретными картинами Викторианской эпохи. Мои инструменты, с которыми я буду работать, — это программа Adobe Photoshop CS6, а также планшет Wacom Intuos. Итак, давайте приступим!

 

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

Итоговый результат:

alt

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

Согласно Википедии, “Антропоморфизм” (попробуйте проговорить в пять раз быстрее) — наделение человеческими качествами животных, предметов, явлений, мифологических созданий.

Многие сказатели использовали в своих сказках животных, которые разговаривали и носили человеческую одежду, с незапамятных времён.

Элементы Викторианской Эпохи

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

  1. Обычно, главный персонаж расположен напротив живописного пейзажа или декоративной драпировки.
  2. Взгляд персонажа зачастую слегка отведён в сторону от центра картины.
  3. Всегда использовались насыщенные цвета тёмных оттенков (красные, коричневые и чёрные).
  4. Картины выглядели реалистичными, однако использовались прерывистые мазки кистью для добавления деталей.
  5. Художники делали акцент на драматичное освещение с массой теней, которые окутывали персонажа.
  6. Музеи и владельцы частных коллекций часто украшают такие картины декоративными позолоченными рамами.

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

Шаг 1

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

Примечание переводчика: Тамблер — сервис микроблогов, включающий в себя множество картинок, статей, видео и GIF-изображений по разным тематикам и позволяющий пользователям публиковать посты в их тамблелог (англ. tumblelog).

Итак, создайте новый документ в программе Photoshop. Установите следующие настройки:

  • Размеры Изображения (Image Size) 8.5 x 11 дюймов
  • Разрешение (Resolution) 300 dpi

Шаг 2

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

alt

Шаг 3

Из всего материала, который я изучил, в голове у меня было три варианта, как будет одет мой кот.

alt

Шаг 4

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

alt

Шаг 5

Чтобы не перегружать картину, я решил создать обычную овальную раму, которой будет достаточно. С помощью инструмента Овальная область alt (Ellipse Tool (U)), создайте вытянутый овал, далее, создайте дубликат слоя, затем уменьшите масштаб дубликата слоя, расположив дубликат внутри первого овала.

alt

Далее, я просто расположил кота внутри рамы, использовав инструмент Свободная трансформация(Free Transform Tool (Ctrl-T)). При масштабировании, удерживайте клавишу (Shift), чтобы сохранить пропорции кота.

alt

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

С помощью инструмента Заливка alt (Paint Bucket Tool (G)), я залил задний фон светло-серым оттенком.

alt

Далее, с помощью круглой жёсткой кисти, закрасьте раму и внутри рамы тёмно-серым оттенком.

alt

Шаг 1

Создайте новый слой (Ctrl+Shift+N). Преобразуйте данный слой в обтравочную маску к слою с тёмно-серым овалом. Обтравочная маска поможет вам не зайти за контур овала при прокрашивании. Выберите текстурную кисть в панели кистей, чтобы приступить к закрашиванию.

alt

Добавьте основные цвета, прокрасив голову и костюм, ссылаясь на своё оригинальное изображение, с которого вы обрисовываете кота, для соответствия цветовых оттенков.

Шаг 2

Создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply). Цвет кисти тёмно-коричневый. Далее, начните добавлять глубокие тени в стиле старых Викторианских картин.

alt

Шаг 1

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

alt

Шаг 2

К слою с серым овалом, добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue and Saturation) в качестве обтравочной маски так же, как и предыдущий слой. Уменьшите значениеЯркости (Lightness) до -70, таким образом, мы можем добавить больше контраста между котом и задним фоном.

alt

Шаг 3

Создание картин в цифровом формате в разных режимах наложения позволяет корректировать цветовые оттенки без разрушающих действий для картины. Здесь я использовал режим наложенияПерекрытие (Overlay), чтобы немного осветлить изображение, прокрасив тёплым жёлтым оттенком.

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

alt

Шаг 4

Экспериментирование с котом может привести к множеству сюрпризов! Добавление дополнительного источника света поможет сделать нашу картину действительно выразительной, поэтому я воспользуюсь комбинацию жёсткой и мягкой кисти, чтобы прокрасить участки, куда попадает свет на кота.

alt

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

alt

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

alt

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

alt

Поменяйте режим наложения для слоя на Умножение (Multiply), чтобы создать глубокие тени для всей картины. Далее, для второго слоя установите режим наложения на Перекрытие (Overlay), используйте белую кисть для создания световых бликов и добавления контраста относительно тёмного заднего фона.

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

alt

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

alt

Я не могу завершить картину без добавления одного или двух корректирующих слоёв. Перейдите Слой – Новый корректирующий слой — Уровни (Layer > New Adjustment Layer > Levels), установите Входные значения (Input Levels) для параметров Тени (Shadows), Средние тона (Mid tones), а также Световые блики (Highlights) для усиления контраста.

alt

Добавьте ещё один корректирующий слой Цветовой Баланс (Color Balance) для коррекции Средних тонов (Midtones) и Световых бликов (Highlights), чтобы добавить синий оттенок.

alt

Шаг 1

Давайте перейдём к раме, а также к заднему фону. С помощью инструмента Овальная область alt(Ellipse Tool (U)), создайте форму овала поверх вашего наброска, залейте овал белым цветом.

alt

Шаг 2

Щёлкните правой кнопкой по слою с овалом и в появившемся окне выберите опцию Параметры наложения (Blending Options). Выберите следующие стили слоя: Тень (Drop Shadow) и Внутренняя тень(Inner Shadow).

alt

Шаг 3

Создайте новые слои в качестве обтравочных масок к слою с овалом для создания теней, добавления цвета и создания текстуры для рамы. Обравочные маски слоёв позволят вам прокрашивать кистью без боязни зайти за контур овала.

Примечание переводчика: создайте три новых слоя поверх слоя с овалом. Преобразуйте каждый слой в обтравочную маску. На каждом слое, автор создаёт тени, добавляет цвет и текстуру.

alt

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

Заключительный вид картинной рамы.

alt

Шаг 4

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

alt

Шаг 1

Давайте повесим нашу Викторианскую картину на стену с простым дамасским узором. Создайте новый документ в программе Photoshop, нарисуйте дамасский узор. Закрасьте узор чёрным цветом с помощью жёсткой круглой кисти.

alt

Шаг 2

Продублируйте узор несколько раз, соединив дубликаты узоров вместе с помощью инструментаСвободная трансформация (Free Transform Tool (Ctrl+T)). Объедините все слои с узором в один слой. Как только вы создадите объединённый слой с узором, выделите узор с помощью инструментаПрямоугольная область alt (Rectangular Marquee Tool (M)) и далее, идём Редактирование – Определить кисть (Edit > Define Brush), чтобы создать свою кисть с дамасским узором.

alt

Шаг 3

С помощью кисти с дамасским узором, аккуратно нанесите узор на половину стены. Далее, продублируйте слой с узором. Отразите дубликат слоя по горизонтали, Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), чтобы создать цельный узор для заднего фона. Далее, поменяйте режим наложения для слоя с узором на Яркий свет (Vivid Light), а также уменьшите непрозрачность (Opacity) слоя до 12%.

alt

Добавьте простой эффект виньетки, путём создания нового слоя и заливки его чёрным цветом. Далее, с помощью инструмента Ластик alt (Eraser Tool (E)), обработайте центр изображения. Поменяйте режим наложения для слоя с виньеткой на Мягкий свет (Soft Light), непрозрачность слоя 80%.

alt

Пришло время для завершения картины! С помощью жёсткой круглой кисти непрозрачностью (50-100%), проведите ретушь картины. Во время этого этапа я, в основном, сфокусировался на том, чтобы детали были чётко видны, а не были слишком размытыми.

Не забывайте про такие детали, как усы, золотая цепочка для монокля, включая пуговицы на жилетке. И, конечно же, дополнительное отражение света на шерсти кота!

alt

Ваш Викторианский Кот нарисован!

Надеюсь, что вам понравилось следить за процессом создания увлекательной картины. Сегодня вы узнали про новую технику, которая поможет вам расширить свои знания в области цифрового искусства, воплощая их в программе Photoshop. Желаю вам удачи!

Итоговый результат:

alt

Автор: Melody Nieves

Рисуем аниматроника Фокси в Фотошоп

Рисуем аниматроника Фокси в Фотошоп

 

alt

 

Серия игр Five Nights at Freddy’s стала хитом интернета. Простая игра с жуткими, но правдоподобными персонажами и незабываемая история завоевала сердца многих игроков. С выходом четвертой части и фильмом, над которым работает крупная студия, волна популярности еще не скоро утихнет.

В этом уроке мы с вами нарисуем моего любимого члена команды – Фокси. Вы никогда не задумывались, как бы выглядел этот персонаж в более реалистичном исполнении? Давайте попробуем это выяснить! Кстати, в уроке вы научитесь рисовать с нуля, шаг за шагом. Работать будем только с двумя кисточками и несколькими текстурами. Начнем с идеи.

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

1. Набросок

Шаг 1

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

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

alt

Шаг 2

Устанавливаем Opacity (непрозрачность) на 20% и создаем новый слой. Немного приближаем документ, уменьшаем размер кисти и пытаемся что-то разглядеть в наших зарисовках. Пока что забудьте о деталях, сейчас важно определить базовую форму.

alt

Шаг 3

Выбираем понравившийся набросок. Если ничего не подходит, повторяем шаги 1 и 2. Это не займет много времени, поэтому не стоит об этом беспокоиться.

Выбрав позу, выделяем ее с помощью Lasso Tool alt (L) (Лассо), копируем (Ctrl+C) и вставляем (Ctrl+V) на новый документ. Документ должен быть настолько большим, насколько это возможно (я предпочитаю использовать 4000 х 4000 пикселей, но любой размер больше 2000 тоже подойдет).

Уменьшаем Opacity (непрозрачность) наброска и создаем новый слой.

alt

Шаг 4

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

alt

Шаг 5

Создаем новый слой и рисуем более детализированный набросок персонажа.

alt

Шаг 6

Сейчас он выглядит как обыкновенный лис, поэтому добавим черты, присущие Фокси, например, слегка сдвинутая челюсть и рваная шкура. Ластиком alt (Еraser) удаляем лишние детали и рисуем новые.

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

alt

alt

alt

Шаг 1

Удаляем все лишние слои, оставляем только набросок. Создаем новый слой и жесткой кистью обрисовываем тело Фокси (я использовала кисточку Ink из моего набора). Следите, чтобы не осталось просветов между линиями.

alt

Шаг 2

С помощью инструмента Magic Wand Tool alt (W) (Волшебная палочка) выделяем область за обводкой и инвертируем выделение Ctrl+Shift+I. Создаем новый слой и заливаем выделение цветом с помощью инструмента Paint Bucket Tool alt (G) (Заливка). Теперь можете удалить обводку из предыдущего шага.

alt

Шаг 3

Слой с наброском размещаем выше заливки. Жмем по нему правой кнопкой мыши и выбираем CreateClipping Mask (Создать обтравочную маску). Любой слой, который мы разместим над заливкой и трансформируем в обтравочную маску, будет видим только в пределах заливки.

alt

Шаг 4

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

alt

Шаг 5

Ниже заливки создаем новый слой и заливаем его тем же цветом.

alt

Шаг 6

Создаем новый слой выше предыдущих (не забываем трансформировать его в обтравочную маску). На данном этапе мы должны избавиться от эскиза, но, в то же время, сохранить некоторые детали. Белым цветом закрашиваем тело, оставив небольшие просветы с нижним контуром. Сильно не старайтесь и пока что не думайте о правильном освещении. Это все еще набросок!

alt

Шаг 7

Под предыдущим слоем создаем новый и заливаем его черным. Затем объединяем оба слоя вместе (Ctrl+E). Удаляем старый слой с контуром, который находится между обтравочной маской и объединенным слоем. Меняем его режим смешивания на Multiply (Умножение) и получаем готовую основу для нанесения цвета.

alt

Шаг 1

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

alt

alt

alt

Шаг 2

Вставляем текстуру ткани. Переходим Filter – Liquify (Фильтр – Пластика) и имеющимися инструментами фильтра модифицируем форму текстуры, стараясь придать ей более объемный вид. Затем удаляем лишнюю часть текстуры, которая выходит за пределы штанов.

alt

Шаг 3

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

alt

Шаг 4

Вставляем текстуру ржавчины и корректируем ее размер так, чтобы она покрывала металлические части персонажа. Активируем свободную трансформацию (Ctrl+T), кликаем правой кнопкой по документу и выбираем Warp (Деформация). Корректируем форму текстуры, чтобы она как можно точнее повторяла изгибы конечностей.

alt

Затем с помощью слой-маски удаляем лишнее.

alt

С помощью этого же метода добавляем ржавчину на остальных частях тела.

alt

Шаг 1

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

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

alt

Шаг 2

Добавляем больше деталей. Я нарисовала ночного охранника, который стоит в дверном проеме и наблюдает за происходящим. Затем я вспомнила, где обычно прячется Фокси, и решила вместо двери нарисовать занавес. Теперь происходящее обретает какой-то смысл, но зрителю придется строить догадки о том, что там произошло на самом деле.

alt

Шаг 3

Давайте нанесем тени в соответствии с источником света. Открываем Window – Adjustments (Окно – Коррекция) и применяем Hue/Saturation (Цветовой тон/Насыщенность). Активируем параметр Colorize(Тонировка) и устанавливаем цвет на темно-синий.

alt

alt

Шаг 4

Слегка уменьшаем Opacity (непрозрачность), чтобы в затененных участках был виден оригинальный цвет.

alt

Шаг 5

У корректирующего слоя есть маска, которую мы отредактируем. Черной кисточкой удаляем лишнее, а белой – восстанавливаем.

alt

Шаг 6

Создаем новый слой над корректирующим. Активируем Eyedropper Tool (I) (Пипетка), чтобы взять пробу цвета на освещенном участке шерсти. Увеличиваем яркость цвета и проводим кисточкой по самым освещенным участкам, чтобы добавить блики.

alt

Шаг 7

Создаем новый слой над обтравочными слоями. Уменьшаем размер кисти и тем же цветом шерсти рисуем мелкие детали.

alt

Шаг 8

Снова увеличиваем яркость цвета и добавляем к нему немного синего оттенка, чтобы сделать цвет холоднее. Рисуем мелкие детали. Затененную область и белые участки не трогаем.

alt

Шаг 9

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

alt

Шаг 10

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

alt

Шаг 1

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

Начнем с рисования светящегося глаза. Создаем новый слой. Я использовала стандартную мягкую круглую кисть, но жесткая кисточка тоже подойдет. Также я нарисовала капли крови на зубах. Обратите внимание, что они не красные, а скорее темно-фиолетовые.

alt

Шаг 2

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

Для начала используйте ненасыщенный светло-синий цвет, чтобы нарисовать контур на металлических частях тела, но только в затененных участках.

alt

Шаг 3

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

alt

Шаг 4

Бледно-красным цветом рисуем отраженный свет на шерсти головы и хвоста. Благодаря этому, эти участки будет лучше видно. Делаем то же самое со штанами.

alt

Шаг 5

Теперь обведем светлым цветом бедного растерзанного парня на полу.

alt

Шаг 6

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

alt

Шаг 7

Вставляем текстуру стены 1 и устанавливаем ее режим смешивания на Overlay (Перекрытие). Размещаем ее на стене рисунка.

alt

Шаг 8

Вставляем текстуру стены 2, меняем режим смешивания на Overlay (Перекрытие). Активируем свободную трансформацию (Ctrl+T), зажимаем клавишу Ctrl и тянем узловые точки, чтобы деформировать текстуру в перспективе и получить эффект, как показано ниже.

alt

alt

Шаг 9

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

alt

 уничтожили постельных вредителей

Хорошая работа! Теперь вы знаете, как с нуля нарисовать детализированный рисунок. Почему бы вам, используя данную технику, не нарисовать всех персонажей игры? Я бы с удовольствием посмотрела на ваши работы!

Автор: Monika Zagrobelna

5 действенных правил создания логотипа

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

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

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

 

ПРАВИЛО 1. ВСЕГДА УЧИТЫВАЙТЕ СФЕРУ, В КОТОРОЙ ВЫ РАБОТАЕТЕ 

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

Вы можете возразить, что существует масса «антилоготипов», успешно работающих и в то же время не подпадающих ни под один такой стандарт. Действительно, можно пойти по альтернативному пути и создать что-то креативное, даже шокирующее. Но зачастую выбор такого логотипа сопряжен с очень большим риском. Клиенты могут оценить вашу задумку по достоинству, а могут полностью проигнорировать.

 

ПРАВИЛО 2. ЗАДЕЙСТВУЙТЕ ТРИ, А ЛУЧШЕ ДВА ЦВЕТА

Конечно, существуют компании, чьи логотипы просто ослепляют разнообразием оттенков. Как правило, это огромные корпорации с кучей инновационных идей и солидными инвестициями – Google, Microsoft, телеканал NBC. Не стоит забывать и о фирмах, предоставляющих полиграфические услуги. Богатая палитра цветов только подчеркнет сферу их деятельности. Однако таких компаний – не более 5%, остальным 95% желательно соблюдать правило двух цветов. Такая гамма придаст логотипу строгость и лаконичность, позволяя акцентировать внимание на деталях.

Кстати, использование двух цветов имеет и практическое преимущество. Нередко возникает необходимость распечатать логотип на черно-белом принтере. Обилие цветов в данном случае будет смотреться пестро и некрасиво. Многоцветные логотипы прекрасно смотрятся только на белом фоне, в остальных ситуациях эффект теряется.

 

ПРАВИЛО 3. У КАЖДОГО ЦВЕТА СВОЯ СЕМАНТИКА 

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

Красный цвет многозначен – его любят автоконцерны, а также компании, пропагандирующие современный, энергичный стиль жизни: Coca-Cola, Canon, МТС. Организациям, желающим подчеркнуть свою аккуратность и «умеренность», больше подойдет синий: Intel, Samsung, IBM. Синий цвет настраивает на позитивное общение – не зря его можно увидеть во многих социальных сетях. Черный и серый воплощают точность и минимализм, однако использовать их нужно с максимальной аккуратностью во избежание мрачности.

 

ПРАВИЛО 4. ИНОГДА ТЕКСТ ВСЕ-ТАКИ ВАЖНЕЕ КАРТИНКИ

41% компаний отдают предпочтение тексту в логотипе. Название всегда на слуху и делает бренд узнаваемым. С другой стороны, картинка делает крутой скрытый посыл потенциальным покупателям. На наш взгляд, небольшим компаниям лучше выбрать текстовый вариант логотипа. Одна из причин – создание логотипа с картинкой будет стоить куда дороже и нуждается в помощи профессионального дизайнера. Речь может идти о тысячах долларов, а для маленьких компаний это двойные затраты.

  

ПРАВИЛО 5. ИСПОЛЬЗУЙТЕ НАДЕЖНЫЕ СЕРВИСЫ ДЛЯ СОЗДАНИЯ ЛОГОТИПОВ

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

Наверняка, вас интересует вопрос, как создать сайт своей фирмы, если логотип еще не готов. Вы можете заниматься двумя проектами одновременно, воспользовавшись сервисом Wix. Если сайт будет готов раньше, готовый логотип можно добавить спустя какое-то время. В случае готовности логотипа вы просто добавите его в шапку сайта и продолжите работу.

В блоге компании Wix подробно написано о том, как создать логотип своими руками совершенно бесплатно и в достаточно сжатые сроки. Для этих целей можно задействовать специальный редактор Wix. Он содержит в себе множество клип-артов, линий и форм, баннеров, стрелок и так далее. За основу логотипа можно взять картинку, которая как нельзя кстати отображает сферу вашей деятельности. Смело экспериментируйте с цветами, размером и эффектами, подберите шрифт и разместите текст так, чтобы он прекрасно смотрелся с выбранным рисунком.

Вообще, фирма Wix – это не только создание логотипов с помощью фирменного редактора. Ребята предлагают целый комплекс мер для создания и последующего продвижения интернет-проектов. Вы можете сделать персональный сайт самостоятельно, применив сотни оригинальных шаблонов и настроить их под себя. Хостинг предоставляется бесплатно, на мобильную версию сайта можно перейти всего за один клик. Любые вопросы по поводу «У меня что-то не грузится», «А как это запустить?», «Можно ли подключить модуль оплаты и как?» решаются в службе Wix Support за считанные минуты.

Поскольку конструктор сайтов Wix сделан на основе HTML5, его максимально упростили и сделали доступным даже для людей, не обладающих специальными знаниями в области программирования. И что самое интересное, инновационный инструмент анализа Wix выдает всю информацию о сайте, предоставляя практические рекомендации о том, как можно улучшить его видимость в поиске. Это отличная возможность развивать свой бизнес в онлайне вместе с 77 млн. других пользователей в 180 странах мира, уже выбравших Wix в качестве постоянного инструмента для работы.