Vectorboom
Уроки / Текстовые эффекты / Comments: 31

Как создать текстуру золотого блеска в Иллюстраторе, не трассируя фотку?

Ярослав Лазунов
28.10.2015
Цель Урока

Сегодня вы научитесь генерировать реалистичную текстуру золотого блеска, используя всего 12 объектов и три опции Symbol Stipplism эффекта. Затем мы создадим из этой текстуры бесшовный паттерн, который вы сможете использовать как заливку в своих будущих проектах.

Шаг 1

Создадим 12 квадратов и зальем их разными оттенками желтого цвета от светлых до темных тонов.

Сохраним любой из квадратов как новый символ в панели Symbols.

Шаг 2

При помощи плагина Stipplism мы можем создать множество вариантов этого символа. Это будет необходимо в дальнейшем для создания текстуры. Выделяем остальные квадраты, затем переходим Object > Create Symbol Variants…, выбираем из выпадающего списка base symbol – “square” в моем случае, и нажимаем OK в диалоговом окне.

Как вы можете видеть, у первого символа появилось 11 вариантов в панели Symbols.

Шаг 3

Теперь создадим прямоугольник с заливкой любого цвета, на базе которого мы будем создавать золотой блеск при помощи Stipplism.

Выделяем объект, затем переходим Effect > Stipplism > Symbol Stipple…. В диалоговом окне выбираем имя нужного символа из списка, выбираем Include Variants и опцию preview. Объект заполнили разноцветные квадраты, которые соответствуют символу и его 11 вариантам. Теперь мы можем приступить к подбору параметров.

Шаг 4

Увеличим Density (плотность) до 420%. Это создаст больше объектов и, как следствие, уменьшит расстояние между ними.

Установим для Overall Scale (масштаб) 37%. Это уменьшит элементы текстуры.

Теперь кликнем Vary Rotation и установим угол 45 градусов для того чтобы все квадраты были повернуты на произвольные углы. По-моему это придаст текстуре более реалистичный вид.

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

Шаг 5

Теперь мы можем создать из нашего блеска бесшовный паттерн для того чтобы применять в будущих проектах. Копируем прямоугольник с текстурой и вставляем его назад (Cmd/Ctrl + C, Cmd/Ctrl + B). Для нижнего прямоугольника удаляем Symbol Stipple effect и заливку в панели Appearance (Window > Appearance).

Выделяем текстуру и переходим Object > Expand Appearance. Теперь наша текстура распалась на группу из множества символов.

Это действие не обязательно, просто существенно ускоряет все дальнейшие процессы.

Шаг 6

Перетаскиваем текстуру и прямоугольник без заливки и обводки в панель Swatches.

Бесшовный фон готов! Давайте создадим объект произвольной формы и применим к нему золотой бесшовный блеск, чтобы протестировать все ли у нас правильно работает.

Благодаря визуальному свойству нашей текстуры швы между плитками паттерна практически не видны. Теперь мы можем использовать созданную текстуру в качестве заливок.

Создание текстуры это еще одна функция Stipplism.

Всего комментариев: 31
0
1  
Имитировать растровый эффект практически попиксельно маленькими квадратиками - это не очень хорошая идея, хотя выглядит красиво. На офсайте векторная иллюстрация, предлагаемая для демонстрации стиплизма, весит 250 мегабайт. 250 МЕГАБАЙТ, КАРЛ!
Ну и остальные официальные примеры с сайта оставляют желать лучшего.. Одни негры и точки..



Так зачем же нужен плагин, кроме как распределять точечки по алгоритму и издеваться над неграми?

0
2  
Все становится гораздо веселей, если уяснить, что эта штука  является спрайт- (или партикл-) генератором, который может генерировать частицы по черно-белой карте.





Текст, естественно,  редактируемый. В последнем примере символом назначен растровый спрайт. Фотошоп курит в стороне.

0
22  
только усваиваю плагины...
Ярослав, а как это сделано?
что за "спрайт"?
(Ярослав, именно у вас есть дар изъясняться доходчиво))))

0
3  
Наверное, Клара, дар (если он был) изъясняться доходчиво от меня ушел. Как всегда ценю твои колкие замечания, а наглядные примеры более того

Ваш Карл

0
4  
Ярослав, а как можно сделать такой эффект http://www.shutterstock.com/ru....ring-te xtured-art-illustration.html?src=T3qaslXHlsFX2QLvTqSs2g-1-56

0
5  
Это автотрассировка реального мазка краски, возможно, предварительно обработанного в Фотошопе. Хотя, Шатер, заявил, что больше не берет такой вектор, но судя по id изображения это довольно свежая загрузка

0
10  
принимают они текстуры. Не всегда правда, но принимают. Порой насвинячу чернилами от принтера, трассирую и на шаттер всё это.

0
6  
Спасибо за ответ, я очень долго всматривался в это изображение и предполагал что это автотрассировка, но у этого автора довольно много работ с glitter effect. Я долго гуглил, но ничего не нашел, нет таких уроков, а предложенный Вами урок выливается  в довольно  огромный файл и швы все таки видны, но как говорится суслика не видно , а он есть. Как же постичь это волшебство?

0
7  
Никакого волшебства - недосмотр инспектора случайный или нет

0
8  
Подскажите, а есть аналоги данного плагина, но для ранних версий АИ ака CS2? Или есть способы создать глиттер без применения плагинов?

0
9  
ну создайте Scatter brush и мазюкайте

0
11  
Сделал все как в уроке, но EPS получается очень большого размера. Как оптимизировать?
Для стоков это слишком много мегабайт, даже если закрасить надпись из двух слов.

0
12  
Убрать объекты блеска, которые спрятаны под маской и не видны

0
13  
Не помогает. файлы огромные, по 20 мб. Сохраняю в eps 10. Может у меня версия иллюстратора тупая? СС (v.17)

0
14  
Дело не в релизе, а в количестве объектов и прозрачностях. Если последние есть, то уменьшить надо линейные размеры вектора

0
15  
Как я проверял?
Скачал с шаттера файл, который использует данный метод. Вес 6 мб. Пересохранил у себя, епс10 и все такое (как сохранять для стоков вроде знаю), все галочки отключил, никаких привью и тд, и получилось 40 мб тот же самый файл

0
16  
Ну фиг знает, в таком случае

0
17  
В шаге 3:

 Выделяем объект, затем переходим Effect - Stipplism - Symbol Stipple…. В диалоговом окне выбираем имя нужного символа из списка, выбираем Include Variants и опцию preview. Объект заполнили разноцветные квадраты, которые соответствуют символу и его 11 вариантам. Теперь мы можем приступить к подбору параметров.

И  у объекта исчезаете обводка и заливка. С 5-й попытки появляются квадратики, но при попытке повторить - объекта снова не видно. В итоге, получается 1 раз из 10, хотя задач не много и ошибиться трудною У меня AI CC 15.

В чем может быть ошибка?

0
18  
Возможно, тому виной цвет объекта, попробуйте применить серую заливку

0
19  
Нет, при фигуре 200х200р получалось редко, как только сделал фигуру 500х500р, то сразу стало все получаться.
Теперь проблема в другом - как оптимально сохранить, чтобы вписаться в положенные 15мв???
Подскажите, пожалуйста.

0
20  
Убрать все, что не видно под маской

0
21  
Все разбираю, убираю и все равно много мб. Есть, наверное, какой-то секрет))

0
23  
Доброго времени суток, уважаемые художники. Мне нужна помощь. На последнем этапе, когда пытаюсь перетащить получившуюся текстуру и прямоугольник в панель Swatches ничего не происходит. В смысле СОВСЕМ НИЧЕГО. Она не добавляется. В чем может быть причина??

0
24  
трудно сказать, всегда получалось

0
25  
Кликните один раз в панельке Swatches, выберите там любой цвет (чтобы активировать цвета), любой цвет! Цвет на который Вы кликнули должен быть активным. Затем выделите свой квадрат и перетащите его на панель Swatches и должно получиться.

0
26  
Хорошо, спасибо, я попробую)))

0
27  
Получилось! Ура. Спасибо smile

0
28  
Пожалуйста, рад за Вас! smile

0
29  
У меня Symbol Stipplism работает раз через раз. Хочу заполнить маленькими кружками (вариации по цветам, градиентам и градиентам с прозрачностыми). Ничего не выходит. Делаю простые квадратики с 4 вариациями по цвету. Получается.

0
30  
У меня основной Симовол был с белой заливкой. Видимо из за этого и не работал Symbol Stipplism. Когда я выбрал объект с цветной заливкой, эффект заработал!

0
31  
Жесть, мой компьютер по моему родил, когда я делала этот урок

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.