Как нарисовать дорогу в фотошопе
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Подскажите, пожалуйста, как в фотошопе нарисовать рельсы со шпалами? Без перспективы и прорисовок. Просто как если бы вы смотрели на десткую игрушечную железную дорогу сверху. Две параллельные линии рельсов с пересекающими их шпалами. И все это изгибается и закругляется.
Заранее спасибо
ctrl+C, ctrl+V знаете? прекрасно :)
рисуете одну шпалу кривыми, как внизу сказано, ctrl+C, ctrl+V - вот еще одна, ее подкорректировать для параллельности.
шпалы - аналогичным образом.
окончательно потом обработать - на ваш вкус. Напильником :))
Сомневаюсь, что можно в фотошопе множить объект по кривой. Выше вам правильно сказали. Я, тоже кстати жд пути, рисовала в иллюстраторе, а потом экспортила в фотошоп.
Pen tool'ом всё и ручками
а чтобы скопировать какой-то объект, надо выбрать Move tool и, удерживая Ctrl+Alt, сдвоенной стрелочкой потянуть его. Потянется не объект, а его копия
а можно одну толстую линию нарисовать гнутую, типа рельсы сами, сделать ей fill=0% и stroke настроить как хочется, а шпалы ручками)
А знаете, поищите в сети фильтр, не помню как называется, вроде Relsi_v1.
Простой и понятный, считывает задумку автора через монитор с мозга и воплощаеет её в жизнь.
В иллюстраторе это с лёгкостью можно сделать - рисуете 2 рельсы и одну шпалу, выделяете вместе и определяете её как АртБраш define as Art Brush.
В чем, пардон, есть эта кисточка?
Если можно поподробнее.
З.ы. Спасибо!Я к вашим советам всегда прислушиваюсь :)))
ой!!Здорово. прелесть какая. Пасибо ОГРОМНОЕ!
я попытаюсь найти в сети или чтобы кто-нибудь на мыло скинул (есть же сейчас ящики Гугловские безразмерные)
О. кстати, у меня ща знакомый в Киеве в командировке! попытаюсь с ним связаться и попросить его взять диск
рисуешь путь, создаешь две кисточки для шпалы и коротеньких рельс, затем пускаешь их по этому пути. все просто как 2х2)
если с настройками будут проблемы, обращайтесь
Открываем фотошоп, создаём новый документ с необходимым разрешением. Я выбрал 200х200.
Скачиваем текстуру асфальта.
Закидываем текстуру асфальта в нашу картинку. Это можно сделать многими способами. Я, обычно, открываю текстуру в фотошопе, обвожу, жму ctrl+C открываю картинку с тайлом 200х200 и жму ctrl+V. Советую для начала разобраться со слоями в фотошопе , если таковых знаний нет. Слои (layers)
Затем создаём новый слой, кликнув на соответствующюю иконку, обведённую. В новом слое обводкой слева и справа выделяем два прямоугольника и закрашиваем их любым цветом.
Затем два раза кликаем по второму слою в окне редактирования слоёв. Открывается панель Layer Style. В ней советую потыкать на всё, посмотреть что за что отвечает. В сслучае создания дороги я использовал отбросить тень (Drop shadow), выдавливание (Bevel and Emboss), и заливку цветом (Color overlay).
После, можно верхний слой бардюра растянуть немного вверх и вниз, чтобы не было стыков, оставшихся от выдавливания. Делать это удобно при помощи обведённого на картинке ярлыка.
Затем Слои можно склеить, нажав ctrl+E. Должно получиться что-то типа:
В принципе один тайл готов, его можно сохранить.
Для создания поворотов используется следующий алгоритм.
Кликаем правой кнопкой на слой в окне редактирования слоёв. Жмём дублировать слой (Dublicate layer). Новый созданный слой, поворачиваем на 90 градусов. Можно взять тот-же инструмент, что использовался при растягивании и при помощи него повернуть. Затем Используем инструмент обведённый кругом. Выделяем область от левого верхнего угла до правого нижнего и удаляем.
Затем нажимает Ctrl+E для склеивания слоёв и сохраняем. Получился тайл поворота дороги с севера на восток.
Собирать тайлы в одной картинке - это работа со слоями. Создаёте файл со значительно большим разрешением чем один тайл. И Забиваете туда эти два тайла. Остальные тайлы можно получить поворотом на 90 градусов 2-х имеющихся.
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Есть задача - прорисовать на карте пройденный маршрут. Т.е. есть карта и наужно просто выделить дорогу, на ней отмеченную. Дорога само собой кривая.
Я мучаюсь мучаюсь, все как-то криво выходит. Может кто знает как сделать аккуратно и наименее трудозататно?
Можно нарисовать векторную кривую, (см. Работа с путями (Path) в Photoshop (часть 1) — приемы, урок, инструмент перо, выделение контура) а потом обвести её любым рисовальным инструментом (кисточкой, карандашиком, стёркой и т.д.):
надо создать новый пустой слой над картой
надо выделить кривую (при помощи Path Selecton Tool на панели инструментов (или просто кнопка A)),
надо выбрать рисовальный инструмент, карандаш или кисть, настроить его толщину и тип
и надо нажать Enter (или кнопку Stroke Path в палитре Path)
Всё.
Факультативно обведённому в эффектах соля можно дать обрамление Stroke, тенюшку или ещё что-то.
Берешь перо инструмент и на новом слое на приближенной карте тыкаешь в ключевые точки дороги, т.е. чтобы пройденная линяя выглядела угловатой, но не выходила за пределы дороги.
Фишка в том, что выглядеть будет хорошо, и не придется возится с искривлением прямых и подгонять их под дорогу.
Ну и сделать прозрачность 80 где-то.
Попробуй оранжевым, или алым, будет приятно смотреться:)
PenTool будет легче всего + прозрачность
Можно все обвести одинарной линией PenTool, зачем правая кнопка - stroke path. Получим нарисованную линию, рисуется она выбранным инструментом, лучше использовать Кисть, перед этим задать ширину кисти равной наибольшей ширине дороги
Немного поздно ;)
Но все равно отвечу, вдруг прочтете и поможет.
Попробуйте поработать с каналами.
Вкратце: дублируете тот цветовой канал на котором дорога контрастирует больше всего с остальным рисунком. Затем меняем уровень (Levels), так чтоб выделить дорогу еще сильнее, ну а дальше грубо убираем лишние части карты, которые остались темные (с помощью резинки или Laso + Delete) и дорабатываем мелочи (например белой кистью с режимом Overlay - удаляет серые оттенки, а так же незабывая про резинку) и все, есть маска (незабуть вывернуть цвета - Ctrl+I).
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Вот нашел интересный урок по рисованию гор. Далее текст переводчика:
Painting Mountains Tutorial
Рисуем горы, используя фотографический материал.
В основе моего метода лежит следующее:
1) Получение материалов.
2) Подробное исследование этих материалов, то есть цветов, особенностей окружающей обстановки, атмосферных явлений и т.д.
3) Начало создания изображения.
Ясно, что на самом деле это не столь тривиально как звучит здесь, поэтому я буду пробовать иллюстрировать мой метод шаг за шагом, разъясняя каждый.
Эти три изображения я нашла в Интернете. Я пройду их слева направо.
Горы №1
Layer 0: Я начала с создания градиента для неба.
Layer 1: На новом слое я создаю форму горы на заднем плане. Сейчас я просто использую однородный цвет.
Layer 2: Снова на новом слое я создаю форму горы на переднем плане.
Layer 3: И ещё на новом слое я создаю передний план.
Я выбираю мой верхний слой. Добавляю детали переднего плана. Я делаю это, захватывая прозрачные пиксели и рисуя в содержимом слоя. Используя моё исходное изображение как палитру, с помощью которой я подбираю цвета. Я использую кисти Photoshop, позволяющие мне рисовать некоторые неровные детали легко (включены scatter, color dynamics, shape dynamics и other dynamics). Но, увы. Это не подходит для рисования поля, поэтому переходим к следующему шагу.
Я выбираю заднюю часть горы и снова захватываю прозрачные пиксели. Я выбираю несколько более светлый оттенок горы и, используя gradient, добавляю градиент к слою. Я также выбираю область гор и «подсвечиваю» их, снова используя инструмент gradient, чтобы добавить третью гору на расстоянии. На данном этапе я довольна работой, хотя она довольно проста.
Переключаясь к горе на переднем плане, я в основном повторяю тот же процесс, которым пользовалась для гор на заднем плане.
И, наконец, я добавляю облака и немного тумана вокруг солнца.
А можно сделать так:
Горы №2
Другие горы, основанные на том же подходе: деление элементов изображения на слои, основанное на их расстоянии к Вам, и работа с каждой формой в отдельности.
Для следующего изображения я нашла великолепную картинку с горой, покрытой лесом около озера. Я скопировала с фотографии озеро и небо, что позволит мне полностью сосредоточится на теме урока – на горах.
В слое с горой, я полностью блокирую её форму (transparent pixels). На слое, который будет находиться под слоем с большой горой, я добавлю меньшую гору, находящуюся где-то вдали.
Выбираю слой с большой горой, намечаю для себя те области, которые будут находиться в тени и, с помощью gradient и более тёмного цвета, чем гора, создаю тени. Только представляйте, где будет находиться солнце и попробуйте воплотить это. Играйте.
Теперь я хочу добавить деревья. Для того, чтобы легко это сделать, я беру созданную мной крошечную кисть, имитирующую форму дерева:
Используя shape dynamics в Photoshop, я могу изменять размер, угол, цвет, что позволит мне легко нарисовать лес на горе.
Затем создаю лес на кромке горы, чтобы он выглядел более реалистично.
На новом слое, используя gradient, я добавляю немного тумана (попробуйте использовать reflected gradient). Наконец, я добавляю фотографическое небо. Это всё.
Горы №3
Итак, в этой работе будет три слоя: градиент неба, градиент моря и форма горы.
Выбрав цвета из исходного материала, я грубо рисую детали – простите мне эту грубость, но я лишь хочу проиллюстрировать тему этого урока. Я начинаю, намечая тени и форму горы, затем с помощью той же кисти из второй части урока, но немного изменённой, я рисую детали на поверхности горы.
Иду в нижние слои и добавляю детали к воде и немного тумана между водой и небом.
И, наконец, я рисую несколько облаков в небе. Я также добавляю отражения, которые искрятся на поверхности воды.
Итак!
Хорошо. Я показала здесь несколько шагов одного из подходов рисования гор, которого, я надеюсь, будет достаточно, чтобы дать некоторое вдохновение и обеспечение некоторыми подсказками и методами, которые Вы сможете усовершенствовать и использовать в своей работе. Я надеюсь, что это будет полезным Вам.
В этом уроке Вы узнаете, как, используя различные корректирующие слои, можно сделать сказочную фотоманипуляцию.
Сложность урока: Средний
Во сне мы погружаемся в мир, который полностью принадлежит нам.
Ниже приведены ссылки на ресурсы, которые мы будем использовать:
Конечный результат будет выглядеть следующим образом:
Шаг 1. Хорошо, во-первых, мы создадим новый холст, 600px шириной и 750px высотой. Теперь скачайте Трава. Распакуйте его и найдите файл "nature10_3048.jpg". Откройте его в Фотошопе и измените размер, так как он покрывает 2 / 3 холста (не обращайте внимания на белую часть, я просто сохранила файл в JPG вместо PNG):
Шаг 2. Следующим шагом нам нужно удалить эту гору, мы не будем ее использовать. Зависит от вас, будете ли вы использовать инструменты выделения или старый добрый инструмент Ластик /Eraser tool, но в конечном результате должны увидеть чистый срез. Назовите слой "Трава".
Шаг 3. Далее, мы будем добавлять маки. Скачайте красивое маковое поле, затем откройте его в Фотошопе, перетащите в основной документ и расположите над слоем с травой, измените размер и сдвиньте вниз (крупные маки не должны быть на переднем плане). После этого щелкните правой кнопкой мыши по слою и Создайте обтравочную маску/Create Clipping Mask для слоя с травой, конечно. Затем поменяйте режим наложения на Перекрытие/Overlay. Назовите слой "Маки".
Шаг 5. Выберите фотографию Каменная дорога и откройте ее в Фотошопе, оставьте только дорогу. Добавьте ее к основному документу, измените размер и расположите по середине травы. Расположите этот слой над маками. Щелкните правой кнопкой мыши по нему и Создайте обтравочную маску/Create Clipping Mask. Возьмите инструмент Ластик /Eraser Tool, выберите кисть "трава" небольшого размера и пройдитесь по левому и правому краям дороги, чтобы получить результат вроде этого:
Шаг 6. Назовите этот слой «Дорога». Пока все хорошо, но наша дорога должна гармонировать со всем изображением, не так ли?
Ctrl + клик по иконке слоя в палитре слоев, чтобы выделить ее, а затем перейдите в Изображение – Коррекция – Цветовой баланс/Image - Adjustments - Color Balance. Установите эти настройки:
Средние тона/Midtones: +41 / 0 / -18 Света/Highlights: +23 / 0 / -18 Тени/Shadows: -38 / 0 / +48. Ставим галочку в Сохранять яркость/Preserve Luminosity, а затем уменьшите непрозрачность этого корректирующего слоя примерно до 21%, и щелкните по нему чтобы Создать обтравочную маску/Create Clipping Mask.
Еще раз выделите дорогу и перейдите в Изображение – Коррекция – Яркость/Контрастность/Image – Adjustments - Brightness / Contrast. Настройки – Яркость/ Brightness: +18 Контрастность/ Contrast: +12. Уменьшите Непрозрачность/ Opacity до 60% и добавьте Обтравочную маску/ Clipping Mask.
Ниже показано как у вас должно в настоящее время выглядеть изображение и палитра слоев:
Шаг 7. Далее откройте архив Гора, распакуйте и найдите файл nature14_6270.jpg. Откройте его в Фотошопе и переместите изображение в Ваш основной документ. Убедитесь, что он находится внизу палитры слоев. Используйте ваш любимый метод извлечения для удаления фона от горы, а затем измените размер и положение так:
Шаг 8. Назовите этот слой "Гора". Создайте выделение, нажав Ctrl и щелкнув по иконке слоя в палитре слоев, затем перейдите в Изображение – Коррекция – Яркость/Контрастность/Image – Adjustments - Brightness/Contrast и установите эти настройки:
Яркость/ Brightness: -6 Контрастность/ Contrast: +1. Понизьте непрозрачность слоя примерно до 80%, так же вы можете нажать Ctrl + E, чтобы объединить его со слоем с горой.
Снова выделите гору и перейдите в Изображение – Коррекция – Цветовой баланс/Image – Adjustments - Color Balance и установите эти настройки: Средние тона/ Midtones: +100 / 0 / +33 Света/ Highlights: -36 / 0 / 0 Тени/ Shadows: -45 / 0 / +1, «Сохранить яркость» включено. Вы можете объединить его со слоем с горой, если хотите.
Шаг 9. Хорошо, теперь откройте архив Небо. Распакуйте файл и откройте изображение cosmos2_0006_manip.jpg. Добавьте его в Ваш основной документ и переместите в нижнюю часть палитры слоев, под все остальные слои. Назовите слой "Небо".
Затем перейдите в Изображение – Коррекция - Цветовой баланс/Image – Adjustments - Color Balance и установите эти настройки:
Средние тона/ Midtones: -32 / -29 / -24 Света/ Highlights: -44 / -9 / +44 Тени/ Shadows: -12 / 7 / + 2, «Сохранить освещение/ Preserve Luminosity» включено. Вы должны получить что-то, показанное ниже:
Шаг 12. Посмотрите, как наши маки красиво исчезают вдалеке. Хорошо, а теперь откроем изображение дорожного знака. Разместите его выше всех слоев. Назовите этот слой "Дорожный знак". Возьмите инструмент Ластик /Eraser Tool и установите ту же самую кисть с травой, как и раньше (на дороге), и удалите немного нижней части знака, чтобы получить что-то вроде этого:
Шаг 13. Сейчас нам нужно подкорректировать его, а то бедняга выглядит насколько неуместно. Для этого у нас будет 5 корректирующих слоев. Во-первых, выделим дорожный знак путем нажатия Ctrl + щелчка на иконке слоя в палитре слоев.
Затем перейдите в Изображение – Коррекция - Цветовой баланс/ Image – Adjustments - Color Balance и установите эти настройки:
Средние тона/ Midtones: +37 / 0 / -25 Света/ Highlights: +14 / 0 / -16 Тени/ Shadows: -21 / 0 / +17, «Сохранить освещение/ Preserve Luminosity» включено.
Хорошо . Вы можете слить этот слой со слоем с дорожным знаком или не сливать, ваш выбор.
Снова выделяем знак, Изображение – Коррекция – Фотофильтр/Image – Adjustments – Photo Filter, Теплый фильтр/ Warming Filter (85) , Плотность/ Density 31% , «Сохранить освещение/ Preserve Luminosity» включено.
Следующая корректировка будет последней, я обещаю. Выделите знак и перейдите в Изображение – Коррекция – Кривые/ Image – Adjustments - Curves и установите такие настройки:
Шаг 15. Теперь наш знак должен выглядеть как на первом изображении ниже. Далее займёмся фонарным столбом. Откройте его и переместите в документ Фотошоп. Используйте инструмент Ластик/Eraser, настроенный на кисть травой из предыдущих шагов, чтобы обработать основание. Получиться должно примерно как на втором изображении ниже:
Шаг 16. Назовем этот слой «Фонарный столб», выделим его и перейдем в Изображение – Коррекция – Цветовой баланс. Установите следующие настройки: Средние тона/Midtones: 0 / 0 / -20 Света/Highlights: 0 / 0 / -20 Тени/Shadows: 0 / 0 / -52, «Сохранить освещение/ Preserve Luminosity» включено. Непрозрачность этого корректирующего слоя понизьте до 80%. Сейчас наш фонарный столб выглядит так:
Шаг 20. Мы почти закончили с фонарным столбом. Теперь создадим 3 корректирующих слоя, которые нужно расположить выше слоя «Источник света».
Создайте выделение столба и перейдите в Изображение – Коррекция – Фотофильтр/ Image – Adjustments - Photo Filter, Теплый фильтр/ Warming Filter (85), Плотность/ Density 54%, «Сохранить освещение/ Preserve Luminosity» включено.
Для второго корректирующего слоя, снова создайте выделение фонарного столба и перейдите в Изображение – Коррекция – Цветовой баланс/ Image – Adjustments - Color Balance со следующими настройками: Средние тона/ Midtones: +32 / 0 / -23 Света/ Highlights: +24 / 0 / -19 Тени/ Shadows: +34 / 0 / -27 «Сохранить освещение/ Preserve Luminosity» включено.
Понизьте непрозрачность этого слоя до 62%. И последнее, создайте выделение и перейдите в Изображение – Коррекция – Яркость/Контрастность/Image – Adjustments - Brightness/Contrast с такими настройками: Яркость/Brightness -11, Контрастность/Contrast +23, чтобы получить результат как ниже. Понизьте непрозрачность до 25%
Шаг 22. Постепенно мы подходим к заключительному этапу настроек. Наконец-то! Займёмся коррекцией Микширование каналов/Channel Mixer. В вашей палитре слоев перейдите на слой с горой. Перейдите в Изображение – Коррекция – Микширование каналов/Image – Adjustments - Channel Mixer. Установите эти настройки: Красный/Red: 100% Зеленый/Green: -26% Синий/Blue: +20% Константа/Constant: +14%
Вот разница:
Возьмите инструмент Градиент /Gradient Tool (радиальный градиент, от переднего плана к прозрачному) и проведите им как на первом изображении ниже. Поменяйте режим наложения на Линейный осветлитель/Linear Dodge и понизьте Заливку/Fill до 25 % для получения результата как на втором изображении ниже:
Шаг 24. Отрегулируем сейчас Цветовой тон/Насыщенность/Hue/Saturation наших слоев. Настройки/Settings: Мастер, Цветовой тон/Hue: 0, Насыщенность/Saturation: -100, Яркость/Lightness: 0 и Тонирование/Colorize выключено. Установите режим наложения Линейный свет/Linear Light и снизьте непрозрачность до 7%.
Вы заметили, что это делает наш холст немного темнее?
Затем создайте новый слой выше всех других. Назовите его «Внешний канал 1». Перейти в Изображение – Внешний канал/Image - Apply Image и нажмите кнопку ОК.
Далее перейдем в Фильтр – Шум – Добавить шум/Filter - Noise - Add Noise (Кол-во: 12,5%, Равномерный/Uniform, Не монохромный). Перейдите в Фильтр – Резкость – Резкость/Filter - Sharpen - Sharpen. Режим наложения поменяйте на Осветление/Screen и снизьте непрозрачность до 54%, а заливку до 16%. У вас должен получиться такой результат:
Далее переходим к Карте градиента/Gradient Map. Мы создадим этот слой выше всех слоев. Зайдите в Изображение – Коррекция - Карта градиента/Image – Adjustments - Gradient Map и установите градиент, как показано на первом рисунке ниже (не включаем Размыть/Dither и не включаем Обратить/Reverse). Установите режим наложения на Замена светлым/Lighten и снизьте заливку до 5%, чтобы получить результат как на втором изображении ниже:
Затем создайте новый слой выше всех других и назовите его " Внешний канал 2" (Изображение – Внешний канал/Image - Apply Image). Перейти в Фильтр – Резкость – Резкость/Filter - Sharpen - Sharpen. Вы заметите, не во все области при добавлении резкости получаются красивыми (гора например, так что просто возьмите маленькую мягкую круглую кисть в Ластике /Eraser и сотрите область, показанную на первом изображении ниже). Поменяйте режим наложения слоя на Замена светлым/Lighten и понизьте непрозрачность до 70%
Шаг 28. Затемним края. Создайте новый слой выше всех и назовите его "Эффект затемнения". Перейдите в Изображение – Внешний канал/Image - Apply Image, далее в Параметры наложения/ Blending Options этого слоя и примените следующие настройки:
Шаг 31. Создайте новый слой над только что созданным и, зажав Ctrl + Shift, щелкните по слою с лозой и по новому, в палитре слоев они должны стать синими. Затем нажмите Ctrl + E, чтобы слить их в один слой, который мы назовем "Лоза".
Используйте инструменты Затемнитель / Burn и Осветлитель / Dodge для корректировки освещения и теней. Если хотите, можете с помощью Фотофильтра/ Photo Filter добавить Теплоты/ Warming. Так же перейдите в Фильтр – Резкость – Резкость/ Filter – Sharpen - Sharpen раз или два.
Вот и все. Конечно, вы можете идти дальше и добавить что-то свое . ваш выбор. Спасибо, что уделили время на изучение урока и не бойтесь мечтать!
Читайте также: