+7 (495) 229-0436   shopadmin@itshop.ru 119334, г. Москва, ул. Бардина, д. 4, корп. 3
 
 
Вход
 
 
Каталог
 
 
Подписка на новости
Новости ITShop
Windows 7 и Office: Новости и советы
Обучение и сертификация Microsoft
Вопросы и ответы по MSSQLServer
Delphi - проблемы и решения
Adobe Photoshop: алхимия дизайна
 
Ваш отзыв
Оцените качество магазина ITShop.ru на Яндекс.Маркете. Если вам нравится наш магазин - скажите об этом Google!
 
 
Способы оплаты
 
Курс расчета
 
 1 у.е. = 91.69 руб.
 
 Цены показывать:
 
 
 
 
  
Новости, статьи, акции
 

Уроки Photoshop: 3D Граффити, Пачкаем стены!

25.04.2010 11:31

Здравствуйте, я на ваш сайт заглядываю уже давно и почерпнул много интересного, а главное полезного ^.^. Но так и не нашел урока о том как сделать 3D граффити (-.-). Может, не внимательно смотрел o.O… может что-то еще… В итоге придумал сам 8).

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

Ну что ж извинения принес, вступительную речь написал, теперь включаем хороший хип-хоп и начинаем работать 8).

Шаг1. О! Идея пришла!

3D Граффити *

На этом шаге нужно придумать, что писать… как писать… и собственно сделать эскиз не мешало бы. Взял я карандашик бумажку и давай чего-то рисовать (результат на скане), художник я как вы можете заметить тоже не супер (-.-)… ну да это и не важно XD, нужно нам по этому скану сделать рисунок. Для этого я воспользовался Carel Draw, просто обвел все линии кривыми, чуток поправил и получил линии моей будущей картинки, экспортировал в растровый тип а именно jpeg. См. на рисунке.

3D Граффити *

Дальше то и будет собственно интересно ^o^

Шаг2. Заливаем, да будет цвет! o.O

Открываем наш эскиз в фотошопе, сразу копируем фоновый слой и берем инструмент Magic Wand (w) с "+" (в дальнейшем MW). Включаем воображение (пространственное мышление) и решаем на каких гранях будет один цвет а на каких другой. Выделяем грани которые вы хотите залить одним цветом,

3D Граффити *

создаем новый пустой слой (обзовите его fill1) и нажимаем shift+f5 выбираем цвет и ОК. Потом возвращаемся на фоновый слой, при помощи MW выбираем другие грани и снова новый слой (fill2), shift+f5, заливаем другим цветом. Хорошо бы слои fill1 и fill2 немного размыть по краям, для этого проделываем с каждым из слоев следующее: Blending Options >> Outer glow, ставите режим multiply и цвет похожий на тот цвет которым залиты грани.

3D Граффити *

Не запутались? Тогда идем дальше я еще не закончил ^.^

В общем:
1. Залить нужные места нужным цветом.
2. Немного сгладить (размыть) края получившихся фигур.

Шаг3. Да будет свет! ^_____^

Создаем новый пустой слой (скажем Light), берем в руки Brush (cool.gif и рисуем белым цветом на пустом слое в тех местах где должно быть светло.

3D Граффити *

Затем применяем к нашему свету Filter >> Blur >> Gaussian Blur пикселей на 10 wink.gif.

3D Граффити *

Потом переходим на фоновый слой и при помощи MW выделяем залитые участки (но не линии!).

3D Граффити *

Возвращаемся на слои бликами жмем shift+ctrl+I (инвертируем выделение) и Clear (Delete). Потом выделяем по отдельности участки на fill1 и fill2 и аккуратно резиночкой (размытой с несильным нажимом) подтираем на слое Light там где белого не должно быть, ставим слою Light режим Soft Light или Overlay, на вкус... получим что-то вроде:

3D Граффити *

Шаг4. Немного тьмы, иначе зачем свет? оО

Делаем все так же как и в шаге 2, только рисуем цветом потемнее, Gaussian Blur послабее пикселей 2-3 будет достаточно и ставим слою с тенями режим Darken. Ну и, так же немного резиночкой, я перестарался с кисточкой, потому больше работал резинкой (-.-).

3D Граффити *

Шаг 5. Бледновато…

Прежде чем перейти к этому этапу скажу, что в принципе можно просто сделать Gaussian Blur 1px на фоновый слой и перейти на следующий шаг.

Но, мне не нравятся цвета, для того чтобы это поправить делаем: Layer >> New Adjustment Layer >> Hue/Saturation >> oK. Тут уж на вкус и цвет товарища нет играйтесь ползунками пока не получите желаемый цвет.

3D Граффити *

Темновато и бледновато? Не беда! Layer >> New Adjustment Layer >> Curvse >> Ok. Тут просто,меняем прямую на кривую, примерно, как на рисунке.

3D Граффити *

Вот так-то пободрее… Shift+ctrl+E… ^o^ осталось совсем немного.

3D Граффити *

В общем:
1. Делаем линии чуть размытыми, это скроет небольшие косячки на гранях.
2. Делаем цвета такими какими хочется, только Adjustment Layers должны быть на самом верху…

Шаг6. Хм…

Тоже можете не делать, но все же я бы посоветовал сделать, берем MW и на слое с картинкой кликаем за картинкой, то есть выделяем белый участок за картинкой, затем
Select >> Modify >> Contract >> 10px (ну или сколько хотите),

3D Граффити *

чтобы края белого обвода не были сильно грубыми Select >> Modify >> Smooth >> пары пикселей мне хватило. И Clear, то есть жмем кнопочку с надписью 'Delete'.

Создадим пустой слой, зальем каким нибудь цветом, поместим под картинку и Shift+ctrl+E (Merge Visible).

Шаг7. Ну вот приехали… ('''( (o.o) )''')

Копируем наш слой с картинкой и ставим копии, которая сверху, режим Overlay, shift+ctrl+E.

3D Граффити *

Filter >> Texture >> Texturizer >> Brick… на самом деле лучше взять свой образ для текстуры, я например вырезал кусочек фото с кирпичной стеной сохранил в .PSD и импортировал в фильтр. Это есть в уроке "Граффити на стене" (прошу прощения, но имя автора не помню).

Потом копируем наш слой с картинкой и копии, которая сверху ставим режим Hard Light, и прозрачность меньше 20 по вкусу.

3D Граффити *

И вот что примерно должно получиться:

3D Граффити *

Конечно не то чтобы супер... кривовато, но согласитесь, что-то в этом есть…
Еще один вариант на ту же тему, написано имя красивой девушки *^.^, кстати, в уроке написано iW.

3D Граффити *

Автор: Drummy

Дополнение как и обещал переделал я "Юля", добавил "приятных мелочей", как вам такой вариант?

3D Граффити *

Правда, при достижении цвета пользовался другими приемами:

1. Скопировал слой с рисунком, в режим Overlay, поиграл с прозрачностью ctrl+e. Слой с Curvs сохранил, но уменьшил непрозрачность.

2.После окончания всей работы скопировал фоновый слой и поставил поверх всех слоев точнее одного и filter>>Blur>>Gaussian Blur 1px, увеличил контраст. в режиме Linear Burn сделал чуть прозрачнее. (это потому что, из за низкого качества исходной картинки (эскиза) в процессе работы линии стали не разборчевы)

Ссылки по теме

  
Помощь
Задать вопрос
 программы
 обучение
 экзамены
 компьютеры
Бесплатный звонок
ICQ-консультанты
Skype-консультанты

Общая справка
Как оформить заказ
Тарифы доставки
Способы оплаты
Прайс-лист
Карта сайта
 
Бестселлеры
Курсы обучения "Atlassian JIRA - система управления проектами и задачами на предприятии"
Microsoft Windows 10 Профессиональная 32-bit/64-bit. Все языки. Электронный ключ
Microsoft Office для Дома и Учебы 2019. Все языки. Электронный ключ
Курс "Oracle. Программирование на SQL и PL/SQL"
Курс "Основы TOGAF® 9"
Microsoft Office 365 Персональный 32-bit/x64. 1 ПК/MAC + 1 Планшет + 1 Телефон. Все языки. Подписка на 1 год. Электронный ключ
Курс "Нотация BPMN 2.0. Ее использование для моделирования бизнес-процессов и их регламентации"
 

О нас
Интернет-магазин ITShop.ru предлагает широкий спектр услуг информационных технологий и ПО.

На протяжении многих лет интернет-магазин предлагает товары и услуги, ориентированные на бизнес-пользователей и специалистов по информационным технологиям.

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

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



 

О нас

 
Главная
Каталог
Новинки
Акции
Вакансии
 

Помощь

 
Общая справка
Как оформить заказ
Тарифы доставки
Способы оплаты
Прайс-лист
Карта сайта
 

Способы оплаты

 

Проекты Interface Ltd.

 
Interface.ru   ITShop.ru   Interface.ru/training   Olap.ru   ITnews.ru  
 

119334, г. Москва, ул. Бардина, д. 4, корп. 3
+7 (495) 229-0436   shopadmin@itshop.ru
Проверить аттестат
© ООО "Interface Ltd."
Продаем программное обеспечение с 1990 года