Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
дверь в лето
tn_gallery_11115_667_130695.jpg

06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

2 страниц V   1 2 >  
Добавить ответ в эту темуОткрыть тему
> Рисуем плетёный орнамент (Кельтской разновидности)
V
dreamer
сообщение 31.10.2008 - 18:01
Сообщение #1


Салат... или же суп...
**

3 местоЗвезда писателя II степениЗвезда писателя II степениЗвезда писателя III степениЗвезда писателя II степениЗвезда писателя I степени
Группа: Почетные граждане
Сообщений: 218
Регистрация: 4.08.2006
Из: Дом родной
Пользователь №: 359
Галерея


Симпатии:  37  


Рисуем плетёный орнамент (Кельтской разновидности)

Для начала примеры:

Прикрепленное изображение Прикрепленное изображение Прикрепленное изображение Прикрепленное изображение


Вводные замечания:

- Описываемый здесь способ лишь один из многих. Из тех, что я до сих пор использовал - самый быстрый и достаточно точный (если пользоваться направляющими). Экспериментируйте, изобретайте, возможно, Ваш способ будет ещё лучше.

- Будем учиться создавать точный, идеально симметричный орнамент. Кривой и несимметричный делать всегда проще, к тому же нам ничто не мешает «скривить» его потом (например, подредактировать белой стрелкой). Для создания симметрии будем использовать Направляющие (Guides), которые будем рисовать на отдельном слое.

- Также для точной работы будем использовать Хитрые Направляющие (View > Smart Guides). Когда точность не нужна, просто выключайте их. Клавишная комбинация для их включения/выключения: Ctrl + U.

- Требование к изучению урока – умение работать Ручкой (Pen Tool). Если не умеете, изучите сначала урок по работе ручкой.


Краткое описание методики (для тех, кто знает Illustrator и не хочет читать подробные объяснения):

1. Создаём направляющие.
2. Рисуем контур орнамента, используем поворот и отражение для симметрии
3. Изменяем внешний вид контура (Appearance), или применяем готовый стиль, если он уже есть
4. Соединяем сегменты, полученные поворотом и отражением
5. Разрезаем контур между пересечениями
6. Делаем перестановку объектов так, чтобы получилось плетение (структура над- под-)


Вариант первый – треугольник. Один из самых простых элементов орнамента, подробное объяснение.

Для начала создадим направляющие
- Рисуем треугольник (инструмент Polygon), в процессе рисования убавляем количество сторон до трёх (нажимаем стрелку вниз), рисуем, удерживая Shift, чтобы нижняя сторона треугольника была горизонтальной.

Прикрепленное изображение


- Добавляем серединные точки на стороны треугольника Object > Path > Add Anchor Points
- Рисуем 3 отрезка от концов треугольника до середин сторон (инструмент Line Segment). Чтобы нарисовать точно, включите Smart Guides, при точном наведении на точку появляется надпись «anchor». Рисуем, соответственно от угловой точки до точки на середине стороны.

Прикрепленное изображение


- Создаём направляющие из нарисованных объектов. Сначала выберем треугольник и отрезки чёрной стрелкой, затем View > Guides > Make Guides (Ctrl + 5).

Прикрепленное изображение


- Запираем слой с направляющими (палитра Layers – включить замок на первом слое).

Теперь рисуем контур орнамента (ручкой)

- Создадим новый слой (палитра Layers, жмём кнопку Create New Layer). Далее работаем в новом слое.
- Заливку выключим, цвет контура поставим чёрный.

Прикрепленное изображение


- Рисуем первый сегмент. Первая точка находится в углу треугольника (при включённых Smart Guides пишет «anchor»). Вторая точка находится на вертикальной линии (пишет «path»). Касательную проводим горизонтально («origin 0°») .

Прикрепленное изображение


Все остальные сегменты получим отражением и поворотом.
- Отражаем направо относительно вертикали. Выберем сегмент чёрной стрелкой. Затем берём инструмент Reflect (отражение). Удерживая нажатой клавишу Alt нажимаем на вертикальную направляющую («path»). Выбираем Vertical, затем нажимаем Copy.

Прикрепленное изображение


- Поворачиваем относительно центра. Выберем оба сегмента чёрной стрелкой. Берём инструмент Rotate (поворот). Удерживая нажатой клавишу Alt нажимаем на центр треугольника («intersect»). Выбираем 120° (потому что треугольный орнамент, 3 поворота, 360/3 = 120), нажимаем Copy. Повторяем трансформацию – Ctrl + D (Object > Transform > Transform Again)

Прикрепленное изображение


Создадим стиль (набор настроек внешнего вида, Appearance), чтобы контур выглядел как лента. Стиль создаётся один раз, затем его просто применяем ко всем орнаментам.
- На палитре Stroke выберем толщину контура 30 pt (в Вашем случае может быть другое значение, в зависимости от масштаба в котором Вы работаете), круглые соединения (Round Join, острые соединения глючат). Если палитра не развёрнута (не видно настройки Round Join), нажмите на стрелочки слева от названия палитры (Stroke)

Прикрепленное изображение


- На палитре Appearance выберем контур (Stroke), сделаем копию (кнопка Duplicate Selected Item)
- Выберем верхний контур и поставим толщину 20 pt, цвет какой-нибудь светлый.

Прикрепленное изображение


- (Не обязательный шаг) На палитре Swatches добавим новый глобальный цвет (это для удобства, чтобы можно было потом быстро менять цвета орнаментов). Нажимаем кнопку New Swatch, включаем флажок Global, затем OK.
- Стиль ещё потом доработаем, а пока сохраним что есть. На палитре Graphic Styles нажимаем кнопку New Graphic Style.

Доделываем орнамент
- Применим ко всем сегментам сделанный нами стиль (выбираем весь узор, жмём на стиль на палитре Graphic Styles)

Прикрепленное изображение


- Соединим сегменты в концах треугольника. Для этого белой стрелкой перетаскиваем вокруг конца треугольника (тем самым выбираем две точки), затем нажимаем Ctrl + J (Object > Path > Join). При соединении может появиться диалоговая панель «Join», в которой выбираем тип соединения «угол» (Corner) или «гладкое» (Smooth). Повторяем для остальных концов.
- Соединим сегменты вблизи центра таким же способом (На самом деле для этого узора это необязательно, т.к. в этих же местах нужно будет делать разрезы, но так будет понятнее метод создания пересечений).

Прикрепленное изображение


Как можно видеть в этом орнаменте всего три пересечения. Для создания плетения на пересечении должны находиться два объекта, один под другим, потому что один объект в Illustrator’е не может находиться сразу и над, и под другим объектом. Для этого далее делаются разрезы вблизи пересечений (не слишком близко к пересечению, чтобы не испортить вид пересечения, а также не слишком близко к концу треугольника)
- Инструментом Scissors (ножницы) отрезаем контур с двух сторон возле неправильного пересечения (бывает, что разрез нужно делать только с одной стороны, если с другой уже есть, бывает и так, что все необходимые разрезы уже есть, тогда нужно сделать только перестановку объектов). Для этого узора можно разрезать так (разрез делается по месту изменения цвета оранжевый/синий):

Прикрепленное изображение Прикрепленное изображение


- Теперь выберем отрезанный сегмент и переместим его на задний план, нажав Ctrl + Shift + [.
Если, наоборот, требуется переместить сегмент на передний план, нажимаем Ctrl + Shift + ]. Далее таким же способом доделываем орнамент так, чтобы пересечения чередовались: сверху, снизу, сверху, снизу и т.д. Будет быстрее сначала сделать все разрезы (нужно делать по два разреза вокруг каждого пересечения, но только вокруг одной ленты из двух, верхней или нижней), а затем нужным образом поменять порядок сегментов на пересечениях.

Прикрепленное изображение


Варианты треугольного узора (слева – исходные элементы узора, до отражения/поворота; справа – карты разрезов):

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение


Разрезы не обязательно делать в тех же местах, у Вас может получиться по-другому, обычно можно сделать тот же узор с меньшим количеством разрезов. Я делал как быстрее smile.gif, ибо результат тот же.
На месте разрезов можно видеть дефекты в виде тоненьких чёрных полосок. Это один из глюков Illustrator. Как можно заметить при увеличении изображения их толщина не увеличивается, следовательно это глюк отображения. Также глюк будет пропадать при сохранении в растровый формат (например, PNG, для публикации). Примерно то же Вы увидите, если будете создавать узоры. В данном случае этот глюк можно устранить изменением стиля, но тогда разрезы в местах тесного переплетения придётся делать точнее.
Итак, модифицируем стиль (работаем с палитрой Appearance):
- Выберем созданный нами ранее стиль на палитре Graphic Styles
- Выберем светлый контур на палитре Appearance (все изменения будут касаться только его)
- Уменьшим толщину светлого контура на 2pt (у меня с 20 pt до 18 pt)

Прикрепленное изображение


- Применим эффект Effect > Path > Outline Stroke
- Применим эффект Effect > Path > Offset Path… (Величина - 1pt, Joins – Round)

Прикрепленное изображение


- Переместим эффект Offset Path под эффект Outline Stroke. Должно выглядеть так:

Прикрепленное изображение


- Сохраняем на палитре Graphic Styles и применяем стиль к узорам для устранения глюка. Если будете сильно уменьшать масштаб просмотра глюк будет всё равно виден. Можно конечно ещё больше уменьшить контур и увеличить Offset, но сложные узоры будут плохо получаться.

При создании более сложных узоров с другой симметрией нужно будет рисовать другие направляющие. Например, для пятиугольной симметрии основой будет пятиугольник (кто бы мог подумать smile.gif) . Также для направляющих удобно использовать полярную сетку (Polar Grid Tool). И не забывайте, что есть голова на плечах smile.gif, что сильно помогает при работе с векторами.

Далее рассмотрим узоры, состоящие из нескольких контуров (когда сплетаются несколько верёвок или полосок, до этого мы делали с одной) Подробно объяснять не буду, методика и так уже должна быть ясна.
Когда объектов становится больше, принцип такой:
- сначала рисуем плетение внутри самих двух первых объектов, если оно есть, затем переносим их друг на друга и вплетаем один объект в другой.
- затем, если есть третий объект, создаём плетение внутри него, если оно есть и вплетаем его в первые два
- и т.д. и т.п.
Поясню на картинках:

Прикрепленное изображение


Для быстрого выбора цветовой гаммы орнаментов используйте Global Swatches. Удобство заключается в том, что когда изменяем цвет такого свотча, изменяется цвет всех объектов в которых он используется. Причём правильно изменяются цвета внутри стилей, градиентов масок прозрачности и вообще везде. Очень полезная штука.
Напомню, что для создания такого свотча нужно нажать кнопку New Swatch на палитре Swatches, также включите флажок Global. Затем не забудьте применить его к нужным объектам. А в нашем случае лучше его использовать перед созданием стиля, тогда можно будет менять цвет объектов к которым применён стиль.
И напоследок несколько примеров:

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение


Попробуйте также сделать узорчик:

Прикрепленное изображение


Удачи!

Урок написан для Seegix.net и Arttower.ru



i


Автором урока является Бруевич П.В. a.k.a. dreamer.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.


The tutorial is written by Бруевич П.В. a.k.a. dreamer .
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

 


Сообщение отредактировал Svetilkin - 31.10.2008 - 21:13
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Rescan
сообщение 31.10.2008 - 21:40
Сообщение #2


постоялец, живу напротив библиотеки
*******

2 место3 место3 место2 местоМеткий стрелокКаляки-Маляки, 1 местоЗвезда писателя III степени3 место2 место1 место
За вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 9283
Регистрация: 8.05.2006
Из: Москва
Пользователь №: 14
Галерея Блог


Симпатии:  312  


dreamer, спасибо! Кельтские узоры давно меня интересуют, только забросила в последнее время!

У меня пожелание - побольше уроков от тебя! Уроки класс!


--------------------
Ищу ум! Можно небольшой,но срочно. Дочь Страшилы. P.S. Опилки не предлагать. Своих некуда девать.

Записки кота Мура ЖЖ
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
jugador
сообщение 1.11.2008 - 04:36
Сообщение #3


Проезжий
*


Группа: Жители
Сообщений: 13
Регистрация: 23.09.2008
Пользователь №: 10060



Симпатии:  0  


clap.gif
УРОК просто прелесть.

хотя я новичок в векторе ,но потом обязательно сделаю пару узорчиков. Обешаю. smile.gif






--------------------
день без новых знаний потерянный день
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
KarLsoN
сообщение 6.11.2008 - 09:12
Сообщение #4


KarLsoN
***


Группа: Жители
Сообщений: 343
Регистрация: 26.11.2007
Из: Новосибирск
Пользователь №: 6332
Галерея


Симпатии:  43  


автору спасибо worthy.gif


--------------------


мужчина в самом расцвете сил - KarLsoN©
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
dreamer
сообщение 6.11.2008 - 16:45
Сообщение #5


Салат... или же суп...
**

3 местоЗвезда писателя II степениЗвезда писателя II степениЗвезда писателя III степениЗвезда писателя II степениЗвезда писателя I степени
Группа: Почетные граждане
Сообщений: 218
Регистрация: 4.08.2006
Из: Дом родной
Пользователь №: 359
Галерея


Симпатии:  37  


Спасибо всем за отзывы biggrin.gif
Вижу, что урок понравился, пожалуй, в ближайшее время продолжу тему по орнаментам, это и мне самому очень интересно
Показывайте результаты, будет интересно посмотреть!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Katrinhen
сообщение 14.12.2008 - 20:20
Сообщение #6






Группа: Туристы
Сообщений: 8
Регистрация: 14.12.2008
Из: Москва
Пользователь №: 11045



Симпатии:  0  


ну и хлопотное это дело!!!
не стала креативить...
Прикрепленные изображения
Прикрепленное изображение
 
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Saturna
сообщение 15.12.2008 - 00:16
Сообщение #7


Постоялец
**


Группа: Жители
Сообщений: 70
Регистрация: 13.12.2008
Пользователь №: 11033
Галерея


Симпатии:  3  


Мне очень понравилось, большое спасибо.Я пока новичок совсем но постораюсь сделать урок и обязательно покажу что получилось,как только с вистой разберусь horse.gif


--------------------
"Всё что случается с нами- всё случается к лучшему"
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Olique
сообщение 24.12.2008 - 09:04
Сообщение #8





Гости






   


Дример, спасибо огромное за урок! Очень полезная вещь!

Провозилась долго с этими полосочками противными на разрезах :-) Но в конце-концов нашла решение: у вырезанных секций (только у черной обводки в Appearance) нужно поменять тип края на Butt cap, a цветную окантовку оставить Round Cap.

Надеюсь, это кому-нибудь пригодится smile.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Nierika
сообщение 27.03.2009 - 14:46
Сообщение #9





Гости






   


Цитата(dreamer @ 31.10.2008 - 17:25) *
5. Разрезаем контур между пересечениями

Спасибо за такой классный урок! Много прояснилось мне, новичку, в функциональности иллюстратора!
football.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Nedea
сообщение 16.04.2009 - 19:45
Сообщение #10






Группа: Туристы
Сообщений: 1
Регистрация: 27.05.2008
Пользователь №: 8857



Симпатии:  0  


Спасибо за урок - захотелось посочинять, поплести узоры smile.gif
Вот что у меня получилось:
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Гость_Кристина_*
сообщение 2.10.2009 - 19:24
Сообщение #11





Гости






   


Помогите, пожалуйста, ничего не получается, конечные точки не хотят соединяться sad.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Стингер
сообщение 2.10.2009 - 23:10
Сообщение #12


ПЗРК.
*****

2 место3 место3 место1 место2 местоМеткий стрелокЗвезда писателя I степени1 местоЗа вклад в развитие ArtTower.ruКаляки-Маляки, 3 место
Каляки-Маляки, 3 местоМеткий стрелок2 место
Группа: Почетные граждане
Сообщений: 2675
Регистрация: 9.05.2006
Из: Королейный
Пользователь №: 27
Допечатка—всему голова!
Галерея Блог


Симпатии:  155  


Кристина, не появляются ли при попытке соединить концевые точки какие-либо предупреждения? Если да, приложите, пожалуйста, скриншот.


--------------------
Деревянная сова нужна каждому. Но не каждый об этом знает.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Masha233
сообщение 5.10.2010 - 13:11
Сообщение #13






Группа: Туристы
Сообщений: 4
Регистрация: 20.08.2010
Из: Лен.обл.
Пользователь №: 16699
Галерея Блог


Симпатии:  1  


Замечательный урок
Это то, что я искала - пошагово, подробно. Спасибо!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Argentina
сообщение 13.05.2011 - 21:58
Сообщение #14






Группа: Туристы
Сообщений: 9
Регистрация: 8.05.2011
Пользователь №: 18221



Симпатии:  0  


Классный урок!!! Огромное спасибо!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Seaman
сообщение 10.07.2011 - 20:52
Сообщение #15


Проезжий
*


Группа: Жители
Сообщений: 20
Регистрация: 10.07.2011
Пользователь №: 18416



Симпатии:  0  


Немного сложновато.Запутался и сделал по своему.Но за урок благодарю.

Сообщение отредактировал Seaman - 10.07.2011 - 20:55
Прикрепленные изображения
Прикрепленное изображение
 


--------------------
Ищу зарплатодателя, работодателей просьба не беспокоить.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

2 страниц V   1 2 >
Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 23.10.2017 - 12:44