Информация по домену noinimod.ru:история с 25.02.2014, есть вес в Яндексе: 10 ТИЦ, есть вес в Google: 2 PR, посещаемость за месяц: 3065 просмотров, страниц в Яндексе: 76
 
У домена есть позиции в Яндексе и Google:
Поисковый запросПозиция в ЯндексеПозиция в GoogleРегион
генерация звука3Москва
разработать концепцию сайта3Москва
звук player6Москва
разработка концепции сайта6Москва
как разработать концепцию сайта8Москва
скролл на мышке12Москва
концепция сайта14Москва
шарж 23 февраля14Москва
flash player звук14Москва
червь в яблоке15Москва
скрол мышки16Москва
колесо мыши17Москва
html полоса прокрутки div18Москва
jquery событие колеса мыши711Москва
не работает скролл на мышке18Москва
flash звук19Москва
генерируется это19Москва
рисовать браузере19Москва
div скроллинг20Москва
не работает скролл мыши20Москва
скролл js20Москва
генерация звука2Санкт-Петербург
звук player5Санкт-Петербург
js style left6Санкт-Петербург
скролл js6Санкт-Петербург
скролл на мышке7Санкт-Петербург
javascript scroller7Санкт-Петербург
шарж 23 февраля8Санкт-Петербург
разработка концепции сайта8Санкт-Петербург
червь в яблоке13Санкт-Петербург
концепция сайта14Санкт-Петербург
прокручивается колесико мышки15Санкт-Петербург
генерируется это18Санкт-Петербург
 
Данные о позициях в Яндексе и Google собраны 27.11.2014
 
Антон Быстрюков

Гравюра

Гравю́ра (от франц. graver — вырезать, восходит к латинскому grave — тяжело, глубоко) — вид графического искусства, в котором изображение получается в виде печатного оттиска (обычно на бумаге) с печатной формы.

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


Первым шагом обрисовываем здание инструментом Pen Tool, чтобы аккуратно вырезать его из фотографии (те, кто привык к lasso могут пользоваться и им). Затем вырезанное здание нужно скопировать в новый слой.


Далее мы разделяем (при помощи масок) здание на 2 части: освещённую и теневую. Вот, что должно получиться после этой операции:


А теперь начинаем колдовать. Работая с левой (теневой) частью здания, создаём пиксельную линию внутри маски (желательно векторную), затем копируем и перемещаем ее на один пиксель вверх. Лучше всего угол наклона лини делать равным 45°, тогда у вас будет прямая линия без ступенек.


Еще не все —
продолжаем копировать.

Закончили копировать.


С правой частью проделываем то же самое


Итак, получился заштрихованный фасад здания. Прозрачность правой стороны 45%, левой — 75%.


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


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

Тени делать очень просто — делаем заливку
в новом слое поверх штрихов и ставим
прозрачность на 20—40%.


А теперь самое сложное — окна. Эту задачу рассмотрим на примере первого этажа. Для начала рисуем два окна (слева и справа) исключительно при помоши вектора (shape).


Копируем первое окно и при помощи транформации уменьшаем его по высоте и ширине. То же самое проделываем со всеми остальными окнами, не забывая про перспективу.


Первый этаж готов:


Таким же способом делаем все остальные окна.


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

Цвет сделал работу более воздушной, но чего-то не хватает...

... точно! Добавим-ка свет в окна:


Основная часть сделана. Осталось всего-то добавить антураж и готово: появляются фонари, бордюр и конечно мостовая (которая сделана таким же образом, каким мы мы делали фасад здания в начале урока), ну и чуть-чуть контрастности.


Ну конечно! Чуть не забыл: чтобы работа была более живой добавим несколько штрихов от руки и легкие облачка.

О том, как нарисовать облака мы расскажем на следующем занятии.

Андрей
30 августа
Очень интересно, техника классная
Олег
1 сентября
Облака суперские
Роман
4 сентября
Супер! Dominion как всегда на высоте;)
Зимин Дмитрий
5 сентября
Я, наверное, тупой, но я не понял зачем нужно было копировать 1-пиксельную линию. Антон, "разжуй", пожалуйста этот момент :)
mr_and
5 сентября
молодцы ребята!
alex
8 сентября
Сообщение не к этому уроку, а к студии вообще. Молодцы! Больше всего нравится что большенство работ не похожи друг на друга. Каждый раз интересно открывать новую работу т.к. ни когда не знаешь что там увидишь.
Антон Быстрюков
11 сентября
я не понял зачем нужно было копировать 1-пиксельную линию. Антон, "разжуй", пожалуйста этот момент

Дмитрий, вы совершенно правы, линию можно и не копировать, а сделать паттерн. Но паттерн целесообразно использовать, если угол наклона линии равен 45°, т. е. при заливке стен здания. А в другом случае, например, при работе над мостовой, угол не кратен 45°, поэтому создать паттерн сложнее, чем скопировать линию. Впрочем любители пиксельной графики могут потренироваться ;).







Егор Кашлинов
17 октября
Понравилось. Хотел бы добавить , что в процедуре с окнами можно было бы воспользоваться механизмом vanishing point (alt+ctrl+v), который позволяет удобно клонировать объекты с заданными параметрами перспективы (правда с шейпами он не работает, по крайней мере в CS3, а вот с растром - очень удобно.)
alart
25 октября
Спасибо, очень интересно.
с прямыми линиями понятно, а если в гравюре используются кривые (яблоко, например), то как это нарисовать ? если опять копировать векторные линии, то их придется бесконца подгонять - т.к. они все разной кривизны)
Lisya
16 января
создаём пиксельную линию внутри маски (желательно векторную)
^^^^^^^^^^ ^^^^^^^^^

класс) даёшь векторно-пиксельную графику))
Smart Kaa
21 Февраля
>To Lisya: имелась ввиду векторная линия толщиной в один пиксель (т.е. пиксельная).

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