Как нарисовать город в фотошопе
В этом уроке Вы узнаете, как создать фотоманипуляцию в виде сюрреалистического города, используя разные изображения и корректирующие слои.
Сложность урока: Средний
В этом уроке я покажу Вам, как создать фотоманипуляцию в виде сюрреалистического города. Вы научитесь объединять несколько разных изображений и применять корректирующие слои. Хочу обратить Ваше внимание на то, что этот урок создан в Photoshop CS6.
Конечный результат:
Ресурсы урока:
Шаг 1
Создайте новый документ размером 900х1278 пикселей с черным фоном. Создайте новый слой (Ctrl + Shift + N) и, используя гранжевые кисти (их можно найти в Интернете), сделайте несколько кликов по фону. Для кисти установите Непрозрачность (Opacity) и Нажим (Pressure) 30%, а также можете использовать инструмент Ластик (Eraser Tool ) (Е) мягкого типа для того, чтобы слегка стереть некоторые области нарисованной кисти.
Откройте изображение города и инструментом Прямоугольная область (Rectangle Marque Tool) (M) выделите тот участок, который показан на скриншоте:
Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенный участок изображения города в основной документ, уменьшите его и немного сотрите края мягким ластиком:
К слою с частью города добавьте корректирующий слой Черное и белое (Black and white) с обтравочной маской (для того, чтобы добавить корректирующий слой, кликните по иконке черно-белого круга в нижней части палитры слоев и выберите нужный пункт). Затем кликните правой кнопкой мыши по добавленному корректирующему слою и выберите Создать обтравочную маску.
Это нужно сделать для того, чтобы добавленный корректирующий слой воздействовал только на тот слой, для которого предназначен, а не на все изображение в целом.
Также, добавьте еще и корректирующий слой Уровни (Levels):
На маске корректирующего слоя Уровни (Levels) и инструментом Ластик (Eraser Tool) (E) с мягкими краями сотрите некоторые части:
Вот так теперь выглядит слой с городом:
Шаг 2
На наше изображение теперь нужно добавить мужской портрет. Откройте изображение модели в Photoshop, отделите лицо и поместите его в центре документа.
Мягким ластиком сотрите лицо по краям.
К слою с лицом мужчины примените два корректирующих слоя с обтравочной маской: Черное и белое (Black and white) и Уровни (Levels):
При желании, Вы можете на лицо мужчины гранжевую текстуру, используя кисти, которые добавляли к изображению города.
Шаг 3
На нижнюю часть изображения добавим платформу и на нее поместим человека. Для создания платформы добавьте новый слой (Shift + Ctrl + N), выберите инструмент Перо (Pen Tool) (P) и нарисуйте фигуру, как показано ниже, и залейте ее светло-серым цветом:
К слою со светло-серой платформой примените стиль слоя Наложение градиента (Gradient Overlay):
Используя инструмент Ластик с мягкими краями, немного сотрите края и нижнюю часть платформы, добавив глубины.
Откройте изображение мужчины и поместите его на платформу, как показано ниже:
Мягким ластиком затемните нижнюю часть мужчины:
К слою с мужчиной на платформе примените два корректирующих слоя Черное и белое (Black and white) и Уровни (Levels).
Вот такой эффект получился:
Шаг 4
При помощи гранжевых кистей или фильтра Фильтр > Рендеринг > Облака) (Filter > Rеnder > Clouds) создайте облака на верхней части документа.
Теперь создайте абстрактную светящуюся летящую линию. Чтобы это сделать, создайте новый слой (Shift + Ctrl + N) и нарисуйте на нем оранжевую точку.
В центре оранжевой точки нарисуйте маленькую желтую точку:
Объедините оба слоя с точками (Ctrl + E), дублируйте их (Ctrl + J) и к дубликату примените фильтр Пластика (Фильтр > Пластика) (Filter > Liquify). Исказите точку так, как показано на скриншоте:
При помощи инструмента Искажение (Distort Tool), сопоставьте отредактированную фильтром Пластика (Фильтр > Пластика) (Filter > Liquify) точку с точкой-оригиналом.
Объедините оба слоя (Ctrl + E) с точками в один и при помощи инструмента Свободное трансформирование (Free Transform Tool) (Ctrl + T), придайте точке вот такую форму:
Дублируйте слой со светящейся линией (Ctrl + J) и разместите эти линии вокруг лица мужчины, поверните их и снизьте непрозрачность, чтобы линии по цветовому оттенку соответствовали общей картине:
Шаг 5
Откройте изображение молнии и инструментом Лассо (Lasso Tool) (L) с растушевкой (Feather) в 30 пикселей, выделите часть молнии.
Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенную часть молнии в основной документ и примените к ней корректирующий слой Черное и белое:
Для слоя с молнией установите Режим наложение Осветление (Screen), дублируйте его один раз и поместите в верхней части изображения.
В этом уроке Вы узнаете, как нарисовать ночной город с силуэтами домов и летучими мышами на звёздном небе.
Сложность урока: Средний
В этом уроке мы с вами будем рисовать прекрасный ночной город со звёздным небом, силуэтами домов и летучими мышами на небе. Для этого необходимы определённые знания инструментов фш, таких как: Перо, Кисти, Фигуры, стили слоя. Итак, приступим к работе. Для начала посмотрим, что должно получиться у нас в результате выполнения урока.
Превью:
Жмём комбинацию клавиш Ctrl+G или идём в меню Layer (Слои), Group Layers (Сгруппировать слои), переименовываем полученную группу в Background (Фон).
Шаг 3. Чтобы сделать облака более густыми, применяем фильтр Filter – Render - Difference Clouds (Фильтр – Рендеринг – Облака с наложениями). Нажмите несколько раз комбинацию клавиш Ctrl+F, как только результат применения фильтра Вас устроит, снимите выделение через Ctrl+D.
Шаг 4. На этом этапе мы увеличим размер прямоугольника с облаками до размера нашей картинки. Для этого идём в меню Edit - Free Transform (Редактирование – Свободная трансформация), с зажатой клавишей Shift передвигаем угловые ползунки. Картинка не выглядит привлекательной и фон совсем не виден, но в следующем шаге мы это исправим.
Шаг 5. Измените слою «Clouds» (Облака) Blend Mode (Режим наложения) на Soft Light (Мягкий свет), уменьшите ему Opacity (Непрозрачность) до 90%. Таким образом, мы подготовили туманный ночной фон для нашей работы.
Шаг 6. Рисуем летучую мышь.
Этот шаг не является обязательным, так как Вы можете добавить летучих мышей при помощи кистей, скачанных из интернета либо взять готовые картинки. Но если Вы хотите научиться рисовать летучую мышь, то тогда этот шаг для Вас.
Возьмите инструмент Pen Tool (Перо) в режиме Paths Mode (Контуры), нарисуйте контур летучей мыши, ориентируясь на картинку автора. Когда контур будет закончен, щёлкаем правой кнопкой мыши, в выпадающем меню выбираем Fill Path (Заливка контура), цвет чёрный.
Шаг 7. Я предпочла нарисовать сначала половину летучей мыши, а потом дублировать слой с половинкой. Теперь идём в меню Edit – Transform - Flip Horizontal (Редактирование – Трансформация – Отразить по горизонтали). Передвигаем одну половинку к другой, чтобы получилась летучая мышь. Выделяем оба слоя с половинками, правый клик мышью и выбираем Merge Layers (Слить слои).
Шаг 8. Несколько раз дублируем слой с летучей мышью. Идём в меню Edit - Free Transform (Редактирование – Свободная трансформация), уменьшаем летучую мышь по своему усмотрению, поворачиваем и располагаем на картинке. Повторяем те же действия с дублированными слоями. После этого сливаем все слои с летучими мышами в один, переименовываем его в «Bats» (Летучие мыши), перемещаем этот слой в группу «Background» (Фон).
Шаг 9. Поверх группы с фоном создаём новый слой, переименовываем его в «Front Hills» (Передние холмы). Нажмите клавишу D, чтобы установить цвета переднего/заднего плана на чёрный/белый. Используя инструмент Pen Tool (Перо) в режиме Paths Mode (Контуры), нарисуйте контур холма. Когда контур будет закончен, щёлкаем правой кнопкой мыши, в выпадающем меню выбираем Fill Path (Заливка контура), нажимаем ОК.
Шаг 10. Добавляем стили слоя. Правый клик мыши по слою с холмами, выбираем Blending Options (Параметры наложения).
Сначала добавим Bevel and Emboss (Тиснение):
Не выходя из окна стиля слоя, выставляем параметры для Inner Shadow (Внутренняя тень):
Шаг 11. Создаём новый слой, переименовываем его в «Front Right Hill» (Правый холм), перемещаем его ниже слоя «Front Hills» (Передние холмы). Рисуем небольшой холм при помощи инструмента Pen Tool (Перо), ориентируясь на картинку автора. Теперь надо добавить Тиснение и Внутреннюю тень, для этого идём на слой «Front Hills» (Передние холмы), правый клик мышью, выбираем Copy Layer Style (Скопировать стиль слоя). Возвращаемся на слой «Front Right Hill» (Правый холм) - Paste Layer Style (Вклеить стиль слоя).
Шаг 12. После всех манипуляций у Вас должна получиться вот такая картинка:
После того, как Вы нарисуете домики, нужно будет разместить их по линии холма. Для этого воспользуйтесь свободной трансформацией Edit - Free Transform (Редактирование – Свободная трансформация). Теперь необходимо объединить слой с холмом и слои с домиками – выделяем все слои, правый клик мышью и выбираем Merge Layers (Слить слои). Если Вы располагали дома выше слоя с холмом, то Ваш объединённый слой будет автоматически называться «Back Hill 1» (Задний холм 1).
Шаг 15. Добавляем стиль к слою «Back Hill 1» (Задний холм 1). Правый клик мыши по слою, выбираем Blending Options (Параметры наложения).
Не выходя из окна стиля слоя, выставляем параметры для Inner Shadow (Внутренняя тень):
Шаг 18. Добавляем стили слоя:
Bevel and Emboss (Тиснение):
Inner Shadow (Внутренняя тень):
Шаг 20. На этом этапе мы добавим свет от окошек. Для этого добавляем слою «Windows» (Окна) следующий стиль.
Outer Glow (Внешнее свечение):
Шаг 23. Добавляем ещё звёзды, рисуем их на отдельных слоях. Выбираем для них различные светлые оттенки, если хотите, можете воспользоваться моими вариантами:
Шаг 24. Выбираем слой «Star1» (Звезда1), правый клик мыши по слою, Blending Options (Параметры наложения):
Bevel and Emboss (Тиснение):
Texture (Текстура):
Pattern (Узор) Optical Squares (Оптические квадраты), Scale (Маштаб): 55%, Depth (Глубина): -22%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Чтобы выбрать узор, щёлкаем на маленький треугольник рядом с иконкой текстуры, в открывшемся окне с узорами выбираем нужный.
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Green – Yellow - Orange (Зелёный, жёлтый, оранжевый) из набора Pastels (Пастель)
Reverse (Инверсия): Unchecked (откл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (поставить галочку)
Angle (Угол): 90 градусов
Scale (Масштаб): 134%
Шаг 25. Добавляем стили слоя на слой со второй звездой.
Bevel and Emboss (Тиснение):
Texture (Текстура)
Pattern (Узор) Streaks (Линии), Scale (Маштаб): 39%, Depth (Глубина): -18%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Color (Цветность)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Magenta - Green - Yellow (Фиолетовый, зеленый, оранжевый) из набора Color Harmonies2 (Гармонизированные цвета2)
Reverse (Инверсия): Unchecked (откл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (поставить галочку)
Angle (Угол): 90 градусов
Scale (Масштаб): 149%
Шаг 26. Стили для слоя с 3 звездой.
Bevel and Emboss (Тиснение):
Texture (Текстура): параметры как для слоя со второй звездой.
Pattern (Узор) Streaks (Линии), Scale (Маштаб): 39%, Depth (Глубина): -18%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Brass (Медный) из стандартного набора градиентов Metals (Металлик)
Reverse (Инверсия): Unchecked (откл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (поставить галочку)
Angle (Угол): 90 градусов
Scale (Масштаб): 134%
Шаг 27. Стили для слоя с 4 звездой.
Bevel and Emboss (Тиснение):
Texture (Текстура):
Pattern (Узор) Satin (Атлас), Scale (Маштаб): 65%, Depth (Глубина): -10%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Yellow - Green - Blue (Жёлтый, зеленый, голубой) из набора Pastels (Пастель)
Reverse (Инверсия): Unchecked (откл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (поставить галочку)
Angle (Угол): 90 градусов
Scale (Масштаб): 98%
Шаг 28. Стили для слоя с пятой звездой.
Bevel and Emboss (Тиснение):
Texture (Текстура):
Pattern (Узор) Strings (Струны), Scale (Маштаб): 39%, Depth (Глубина): -14%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Chrome (Хром)
Reverse (Инверсия): Checked (вкл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (вкл.)
Angle (Угол): 90 градусов
Scale (Масштаб): 53%
Примечание: возможно у Вас получится немного другая звезда, не такая как у автора урока, но это нормально. Всё зависит от размера звезды – если она приблизительно такая, как на скриншоте, то у Вас получится звезда похожая на цветок с сине-жёлтыми лепестками. Если у Вас она значительно больше или меньше, то нужно подрегулировать самостоятельно настройки градиента в стиле слоя.
Шаг 29. Стили слоя для 6 звезды:
Bevel and Emboss (Тиснение):
Texture (Текстура): настройки как у слоя с пятой звездой.
Pattern (Узор) Strings (Струны), Scale (Маштаб): 39%, Depth (Глубина): -14%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (поставить галочку).
Gradient Overlay (Наложение градиента):
Blend Mode (Режим наложения): Multiply (Умножение)
Opacity (Непрозрачность): 100%
Gradient (Градиент): Magenta, Yellow (Пурпурный, желтый) из набора Color Harmonies2 (Гармонизированные цвета2)
Reverse (Инверсия): Checked (вкл.)
Style (Стиль): Radial (Радиальный)
Align with Layer (Выровнять по слою): checked (вкл.)
Angle (Угол): 90 градусов
Scale (Масштаб): 76%
Шаг 31. Добавляем тиснение на слой с луной. Для этого правый клик мышью по слою «Moon» (Луна), выбираем Blending Options (Параметры наложения):
Bevel and Emboss (Тиснение):
Texture (Текстура):
Pattern (Узор) Wax Crayon on Charcoal Paper (Восковый карандаш на угольной бумаге), Scale (Маштаб): 1000%, Depth (Глубина): 2%, Invert (Инвертировать): unchecked (откл.), Link with Layer (Связать со слоем): checked (вкл.)
Satin (Глянец):
Шаг 32. Выставляем дальше параметры стиля слоя:
Inner Shadow (Внутренняя тень):
Outer Glow (Внешнее свечение):
Шаг 34. Добавим стиль слоя.
Bevel and Emboss (Тиснение):
Outer Glow (Внешнее свечение):
Шаг 35. Вот, что должно получиться у Вас в конце урока. Наверняка Вы захотите проявить фантазию и добавить в работу какие-то другие элементы, можно, к примеру, нарисовать ведьму, летающую на метле, или что-то другое. Надеюсь, урок Вам понравился. Удачи!
Автор урока: CorneliaMladenova
Переводчик: Партусова Юлия
Ссылка на источник
Уважаемый посетитель, позвольте для начала предложить Вам Зарегистрироваться или войти на сайт под своим именем.
Это займет всего минуту, и вы сможете воспользоваться множеством дополнительных возможностей нашего сайта.
Таким будет наш фон. Я беру черный или очень темный синий, затем добавляю оранжево-коричневый градиент. Можно также нарисовать облака, или еще что-нибудь. Я демонстрирую урок на простейшем уровне, поэтому и фон у нас будет простым.
На новом слое нарисуйте силуэты зданий. Можно сделать это разными способами, лично я использую для этого квадратные кисти и Прямолинейное лассо (Polygonal lasso) (горячая клавиша L в Photoshop-е). Так как вам будут видны только внешние границы зданий, можно не заморачиваться на перспективе. Просто помните, что на переднем плане должны быть более высокие здания.
Теперь рисуем окна! Самый быстрый способ, который я для себя открыла, взять кисть прямоугольной формы, подогнать Интервал (Spacing) и затем, удерживая клавишу Shift, рисуем прямые линии по фасадам зданий. Вы себе даже не представляете, сколько всяких кистей создала для того, чтобы ускорить этот процесс. Дальше берем Ластик (Eraser) и проходимся по некоторым окнам, стирая небольшие участки так, чтобы это выглядело как мебель или люди, стоящие у окна.
Убедитесь, что окна находятся на отдельном слое!
Вот небольшой трюк для раскрашивания окон: дублируем слой с фоном и перемещаем его под слой с окнами.
Выделяем пустую область вокруг окон и удаляем дублированный фон. Меняем режим смешивания слоя с окнами на Наложение (Overlay), чтобы немного повысить контраст. Но я пошла еще дальше и добавила окнам эффект свечения, применив режимы Яркий цвет (Vivid light)/Наложение (Overlay). В завершение я немного поиграла с цветом и освещением, чтобы добиться конечного желаемого результата.
Уважаемый посетитель, позвольте для начала предложить Вам Зарегистрироваться или войти на сайт под своим именем.
Это займет всего минуту, и вы сможете воспользоваться множеством дополнительных возможностей нашего сайта.
Как говорится, сколько людей - столько и мнений. Тоже самое можно сказать и про любое изображение. Существуют разные точки обзора любого изображения, любого вида и пейзажа. Если смотреть с разных углов, картинка получается совершенно противоположной.
В этом уроке автор рассказывает о тонкостях выбора точки обзора на примере рисования футуристического города методом Matte Painting
Для рисования этой картины Я использовал:
Photoshop, 3ds Max
Вступление:
"Точки обзора" это название проекта, который призван показать контрастность различных точек зрения на объект. Для освещения этой темы я создал матовое изображение, и добавил интенсивный романтический свет для контраста с холодным футуризмом города.
Я начал свой рисунок на обычном листе бумаги. Обычно я сначала пробую изобразить свою идею на бумаге, чтобы понять, как лучше нарисовать очертания предметов и изобразить динамику композиции в целом, но в этот раз я уже испытал всю концепцию в фотошопе, потому что у меня уже была фотография Дэвида Скридела (Davide Scridel).
Как только я понял, что хочу объединить в своей работе и чего именно хочу добиться, и создал некоторые элементы изображения, я начал создавать быстрый набросок.
Это самый оптимальный и легкий способ рисования матового изображения. Он позволяет изначально понять свет и тона рисунка, обозначить глубину и различные элементы, которые вы хотите добавить изображению. Поэтому я сначала хочу побольше рассказать о технике быстрого наброска, прежде чем переходить к основной части.
Техника быстрого наброска:
Использование техники быстрого наброска, как я уже упоминал ранее, оказывает решающее воздействие на успех всей композиции в целом. Начнем с изучения фотографии.
Этот этап я прорисовал достаточно быстро, использую лишь кисть из стандартного набора Photoshop. Я продумал, как бы получше изобразить мою первоначальную идею и разделил картинку на трети, поместив фигуру человека в одну из них. Благодаря этому она заняла стратегическую позицию, что придало ей значимости и помогло вписаться в основную композицию города. Сам город я нарисовал на заднем плане, так чтобы он смотрелся уравновешенно с о зданием. Когда я все отредактировал и был доволен позициями всех элементов рисунка, я продолжил свой быстрый набросок.
Здесь я обозначил свет, атмосферу и цвета различных объектов, из которых собирался составить главную композицию. Здесь очень важно помнить, что элементы на переднем плане должны быть более темными и четкими, в то время как дальние объекты будут смешиваться друг с другом и терять некоторые детали и очертания.
Лучше всего делать ваш набросок максимально похожим на конечное желаемое изображение, тогда впоследствии вам будет легче редактировать цвета изображения, если вдруг понадобится это сделать. Я продолжил мой набросок, прорисовав основные очертания цветных элементов и света, пока не добился того, чего хотел.
Как вы видите на рисунке нижу, на этом этапе я пользовался созданными мною кистями. Чтобы вы лучше поняли все это, я приготовил небольшой пример возможного рабочего процесса по созданию облака.
Справочная информация:
Матовое изображение:
Когда я начал рисовать свой набросок, я первым делом удалил с первоначального изображения небо. Для этого рисунка я решил выбрать собственную фотографию неба. Поэтому как я уже сказал я удалил с фотографии небо и сделал следующее: я выбрал каналы первоначальной фотографии, пытаясь понять на каком из них лучше всего отражается контрастность между ключевыми областями изображения. Затем я продублировал этот канал, используя функцию Кривые (curves) чтобы акцентировать оригинальный контраст. Это дало мне несколько областей отличного серого оттенка, и затем я выбрал маску с помощью Ctrl + иконка продублированного слоя. Все оставшиеся, серые и любые проблемные области я впоследствии исправил с помощью доступных инструментов. Следующим шагом было вставить новое изображение неба и провести некоторую корректировку цвета и тона, как показано на рисунке ниже. Я немного снизил насыщенность неба и подчистил его, особенно его нижнюю часть. Если не откорректировать небо, оно скорее всего будет попросту перекрывать основную композицию и зачастую может создавать достаточно сильно заметный интенсивный тон, сложный для визуального восприятия.
Я доделал этот этап, лишь примерно наметив основные цвета, свет и тени, т.к. я знал, что смогу добавить недостающие детали впоследствии.
Когда я начинал рисовать город, я быстренько определил для себя его размеры, а также то, как разные здания должны взаимодействовать друг с другом.
Затем я выбрал несколько небоскребов, разместил их так, чтобы они гармонично сочетались друг с другом и откорректировал цвета так, чтобы добиться правильного оттенка от разных элементов изображения. Чтобы создать области, освещенный светом от солнца, я продублировал слой, усилил его контрастность, а затем включил каналы желтый и красный. В режиме слоя Экран я объединил его с предыдущим слоем, отрегулировав его насыщенность , а затем спрятал затененные области с помощью Маски Слоя.
Для центрального здания я объединил вместе несколько небоскребов, чтобы создать громадный дворец, богатый всякими деталями. Чтобы это сделать, я смешал фотографии , корректируя их там где мне было нужно. Я также пользовался некоторыми текстурами из коллекции текстур от 3DTotal, которые я добавил нарисованным частям зданий. Эти элементы помогают создать ощущение целостности, единства всего изображения и придают нарисованным частям картинки жизни.
Финальный этап, который занял достаточно много времени, состоял в том, что я начал добавлять детали на свой матовый набросок. Я добавил последние штрихи, отредактировал уровни, и добавил несколько мелких деталей, например блики света, туман, дымку, космические корабли, чаек и т.д. Я нарисовал корабль с люком и фонарем в программе 3ds Max, потому что это намного быстрее, чем рыскать в поисках подходящего изображения в интернете.
В конце концов, я добавил туман. Я создал его очень просто, с помощью фильтра Облака в Photoshop, а потом просто стер черные области.
Я всегда стараюсь сделать такое количество слоев изображения, чтобы с ними было удобно работать. Не слишком много (чтобы не перегружать файл), но и не слишком мало.
Чтобы окончательно завершить работу, я поработал с Уровнями, добавил свечение от солнца, а также немного подсветки по контуру небоскребов (особенно для той части, что находится в тени).
Затем я перепроверил все элементы изображения, чтобы все света и тени совпадали, направление света, масштаб элементов были правильными, чтобы изображением имело достаточную глубину, и чтобы не было ни одной ошибки или детали, требующей доработки.
И вот оно, окончательное изображение.
Ниже приведены фрагменты в 100% размере. Чтобы вы могли оценить масштаб работ ;)
Вообще изометрические сетки — это великолепный способ достичь 2D/3D. Просто совместите их с повторяющимся узором и — вуаля! — получите ошеломительный эффект.
Изометрическая сетка — полезный инструмент для рисования предметов в перспективе. Она состоит из вертикальных прямых, пересекающихся под углом в 60 градусов. Вы можете создать ее сами или просто скачать.
Как и любая великая идея, наш городок начинался со скетча в скетчбуке и листов папиросной бумаги, совмещенных с распечатками сетки изометрии под каждым листом. Набросайте несколько скетчей и отсканируйте их.
Создайте новый документ в Illustator, перенесите туда сетку, если вы ее скачали, или создайте там новую, закрепите этот слой, а затем импортируйте туда отсканированные изображения будущих зданий (на новый слой). Выберите Непрозрачность 70%, чтобы сетка просвечивала сквозь скетч.
Начните рисовать с помощью инструмента Перо. Соедините вместе все точки — это не должно быть очень трудно. Не допускайте лишней грязи и пользуйтесь сеткой, чтобы добиться идеальных линий.
Когда закончите, добавьте несколько симпатичных деталей. Но только несколько! Помните о том, что в конечном итоге мы получим повторяющийся узор, и эти здания будут лишь маленькими кусочками большой картины, так что держите себя в руках и не усердствуйте с деталями. Просто пользуйтесь разной толщиной кисти и простыми формами, чтобы добиться глубины и детализации.
Мы хотели, чтобы в целом конечная работа выглядела графично и стилизованно. Для этого воспользуйтесь встроенными черно-белыми полупрозрачными образцами (Window > Swatch Libraries > Patterns > Basic Graphics)
Когда вы закончите работу со всеми элементами вашего будущего изометрического города, скопируйте каждый из них и поместите в Photoshop.
Работая с Photoshop, поместите каждый элемент на отдельный слой, и под каждым таким слоем создайте еще один слой — «Цвет». Режим наложения для лайна следует выбрать «Умножение», а затем можете приступать к работе с цветом.
Когда закончите раскрашивать и прорабатывать все элементы, скомпонуйте их в центре вашего города. Если вас все устраивает, объедините слои.
Теперь разделите сгруппированные элементы на две части — левую и правую. Левую часть отодвиньте к правому краю документа, и правую, соответственно, — к левому.
Опять разделите картинку — на верхнюю часть и нижнюю. Как вы уже могли догадаться, нижняя часть отправляется наверх, а верхняя вниз.
В конечном итоге у вас останется свободное пространство в центре. Заполните его оставшимися элементами, но не пересекайте границ пустого пространства, иначе у вас получится несостыковка.
С помощью Уровней отладьте цветовую гамму. Вы можете добавить неоновое свечение в некоторых местах с помощью мягкой кисти с непрозрачностью 70% в режиме «Экран».
Опять объедините все слои и попробуйте немного поиграть с изображением.
Чтобы избавиться от строгого и неестественного повторения узора, мы решили немного разнообразить изображение. Мы добавили всякие мелочи, но так же и что-то убрали. И в конце концов мы увеличили яркость, чтобы придать картине законченный вид.
Читайте также: