Курсы на DVD Контакты Гостевая Регистрация Партнерская программа

Вход

Уроки фотошопа
Уроки по сложности

Фотошоп дополнения
Векторные клипарты
Растровые клипарты
PSD исходники
Текстуры (фоны)
Стили для фотошоп

Информация

Реклама

Опрос
Какие дополнения Photoshop вы чаще всего скачиваете из интернета?

Чаще всего кисти.
Чаще всего рамки.
Чаще всего шаблоны.
Чаще всего тексуры.
Чаще всего градиенты стили и т.д
Всего помаленьку.




DesignNavigator.RU » Уроки фотошопа » Графика и дизайн » Создаем эскиз из текстур

Создаем эскиз из текстур

Графика и дизайн, Сложность: Средняя
Версия для печати

Создаем эскиз из текстур


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

Для урока нам потребуется:

Загрузить все дополнительные материалы одним архивом

Шаг 1.

На обычной бумаге ручкой нарисуйте эскиз изображения, которое Вы хотите создать. В данном уроке я отрисовал ручкой изображение улицы, которое находится в дополнительных материалах. Отсканируйте получившийся рисунок в высоком разрешении (300dpi). Теперь откройте в Фотошопе изображение «street_scene.jpg» (Ctrl + O).

Создаем эскиз из текстур


Шаг 2.

Инструментом Перо (Pen tool) (P) перо отрисуйте контуры зданий на левой части изображения. Используйте инструмент Лупа (Zoom tool) для увеличения масштаба изображения. Благодаря этому, будет удобнее отрисовывать изображение. Не забудьте прорисовать контур затемненных частей зданий. Замкните контур.

Создаем эскиз из текстур


Шаг 3.

Откройте палитру Контуры (Paths). Инструментом Перо (Pen tool) (Р) перо дважды кликните по нарисованному контуру и в открывшемся диалоговом окне выберите пункт Сохранить контур (Save Path). Назовите этот контур «left_buildings». Отмените выделение контура, кликнув по соответствующей иконке в нижней части палитры Конутры (Paths).

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

Создаем эскиз из текстур


Шаг 4.

Откройте изображение «sky_texture.jpg» и при помощи инструмента Перемещение (Move tool) (V) перетащите текстуру на изображение улицы и поместите ее в верхней части. В палитре Слои дважды кликните по названию этого слоя и переименуйте его в «sky_texture».

Таким же способом перенесите на наш документ изображение «road_texture.jpg» и поместите его в нижней части документа.

Создаем эскиз из текстур


Шаг 5.

Дублируйте слой «sky_texture layer» (Слой > Дублировать слой) (Layer > Duplicate Layer) (Ctrl + J) и измените режим наложения дубликата на Осветление основы (Color Dodge). В цветовой палитре для цвета переднего плана выберите белый.

Создаем эскиз из текстур


Шаг 6.

Добавьте корректирующий слой Градиент (Gradient) . В открывшемся диалоговом окне настройки выберите градиент от белого к прозрачному, и выберите радиальный тип градиента.

Создаем эскиз из текстур


Шаг 7.

Откройте изображение «left_buildings_texture.jpg» и при помощи инструмента Перемещение (Move tool) (V) перенесите его в основной документ. Переименуйте слой с только что добавленным изображением в «left_buildings».

Перейдите в палитру Контуры (Paths) и выделите контур «left_buildings». Загрузите контур как выделение, кликнув по третьей кнопке слева в нижней части палитры Контуры (Paths).

Создаем эскиз из текстур


Шаг 8.

Бегущая пунктирная линия показывает, что контур загружен как выделение. Для удаления не нужных частей текстуры инвертируйте выделение (Выделение > Инверсия) (Select > Inverse) (Shift + Ctrl + I) и на клавиатуре нажмите клавишу Delete.

Откройте изображение «right_buildings_texture.jpg» и повторите только что проделанные действия, используя контур «right_buildings».

Создаем эскиз из текстур


Шаг 9.

Откройте изображение «street_scene_trace.jpg» и при помощи инструмента Перемещение (Move tool) (V) перенесите его в основной документ. Слой с только что добавленным изображением переименуйте в «Trace». Измените режим наложения этого слоя на Умножение (Multiply).

Для того, чтобы подвинуть слой, используйте инструмент Перемещение (Move tool) (V) или стрелки курсора на клавиатуре.

Создаем эскиз из текстур


Шаг 10.

К слою «left_buildings» добавьте стиль слоя Наложение градиента (Gradient Overlay). Откройте здесь редактор градиентов (Gradient Editor) и выберите черно-белый градиент.

Создаем эскиз из текстур


Шаг 11.

В редакторе градиентов для левого маркера выберите ярко-желтый цвет и нажмите OK.

Создаем эскиз из текстур


Шаг 12.

Не закрывая окно стилей слоя, измените режим наложения для стиля с градиентом на Затемнение основы (Color Burn) и установите значение 180 для параметра Угол (Angle):

Создаем эскиз из текстур


Шаг 13.

Повторите шаги с 10 по 12 для слоя «right_buildings», только на этот раз выберите ярко-красный цвет и в стиле слоя Наложение градиента (Gradient Overlay) установите значение параметра Угол (Angle): 0.

Также, осветлите и затемните некоторые участки изображения при помощи инструментов Осветлитель (Dodge tool) (O) осветлитель и Затемнитель (Burn tool) затемнитель .

Финальное изображение:

Создаем эскиз из текстур


Автор перевода: Татьяна Гирш

Ссылка на источник

Хочешь первым узнавать о новом уроке на сайте? Тогда подпишись на RSS рассылку новых уроков на http://designnavigator.ru

Смотрите также:

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

  • Голосов: 0

    Просмотров: 3403 Автор: creafox 19-08-2014 Комментариев: (0)


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
     

    Фотошоп CS5 от А до Я

    RSS подписка

    Мы в Контакте



    Яндекс.Метрика