Урок № 37. Бесшовная текстура. Часть II

Мы быстро свернули 36 урок. И это не случайно. Сознание невозможно загружать информацией до бесконечности. Существует информационная усталость, поэтому многие боятся вновь что-то изучать, нагружать свой ум и память. Вокруг них сводки пугающих новостей, фильмы про расследования убийств из-за каких-то бешеных денег,
агрессивная среда…Где тут найти силы на творчество?! Разве захочется творить, придумывать что-то необычное, когда голова забита ужасом?! Нет, конечно!

Да и учить легче, чем учиться. Знаю по себе. Поэтому многие просто боятся на пенсии погружаться в новое. Сами себя уговаривают, что и ум не тот, да и память подводит, а тут столько запоминать, а уроки выходят и выходят, и нет им конца.  Всё трудно и не всегда понятно. Но это не про вас!

Вы молодцы! Похвалите себя! Кстати, умеете ли вы себя постоянно хвалить? Хвалите себя чаще и больше, вашему творческому ребенку это необходимо, как воздух! Я не раз об этом говорила. Восхищайтесь созданным рисунком, потирайте от радости руки, вы это смогли. Не все такие упорные и продвинутые! Вы индивидуальны, неповторимы, вы можете гордиться собой! Без похвалы тяжело начинающему художнику! Лелейте его, создавайте условия для творчества, но ни в коем случае не перегружайте. Устали, бросайте всё, даже если учитель не закончил урок. Учение в нашем возрасте должно приносить только удовольствие и наслаждение! Поэтому мы так быстро решили отдохнуть на прошлом занятии!

А теперь продолжим!

Вот что осталось после окончания 36-го урока:

Основа и сохраненный симлессСнежинка и новый образец в палитре Swatches. Теперь снежинку сдвинем за границы рабочей области, чтобы не мешала, и проверим, что у нас получилось. Зальем новым паттерном все фигуры, скрывающиеся за прямоугольником Rectangle Tool (M).

Использование созданного симлесса

Я специально оставила фигуры с обводкой, чтобы их лучше было видно. А на стоки (если бы мы решили это сделать) отправим большой квадрат по всей площади рабочей области, обводку, конечно, надо убрать и сдвинутую снежинку тоже!

Созданный симлесс

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

Но мы не во всем ещё разобрались, пойдем дальше. Этот симлесс сохраним, наше первое достижение! Откроем новый документ и назовем его seamless1.

Будем разбираться дальше, теперь вплотную с Overlap (наложение). Нарисуйте карандашом Pencil Tool (N) красивую завитушку. Я тут не образец, у вас всё красивее, но завитушка есть!

Основа

Нарисовали карандашом, потому что нам нужны точки. Переключитесь на инструмент Width Tool (Shift+W), расширяющий нарисованную линию. Потяните за одну из точек, затем переведите обводку в объект.

Фигура с множеством точек

Уберите лишние точки: Object> Path> Simplify> Curve Precision> 90%> OK. Объект — Путь- Упрощает- Точность Кривой – 90% — OK.

Лишние точки убраныА теперь перекрасим получившийся объект, используя градиентные образцы. Я такой цвет уже использовала где-то в уроках, что поделаешь, если он обращает на себя моё внимание. Вы вольны в выборе!

Раскрасим фигуру

Создаем паттерн, у меня так, у вас чуть по-другому, как всегда!

Создаем симлесс

А теперь пощелкайте по кнопкам Overlap (наложение). Сравнить есть с чем!

Перемещения в рисунке

На фигуре с градиентной заливкой видны перемещения в рисунке. Думаю, вы быстро разобрались!

Идем дальше, Copies (копии), вы догадались, что это число повторений нашей завитушки в паттерне. В данном образце – 5 x 5.

Числа повторений узора

Опять самостоятельная работа! Пробегите по всем цифрам.  Это интересно!

Повторение узора в паттерне

Я оставила 5 рядов по 7 завитушек. Приятно так создавать паттерны!

Остались неизученными ещё три маленьких окошка для галочек.

Dim Copies to (Тусклые копии), Ну-ка, поставим галочку!

Выделение исходного рисункаВсё понятно! Чтобы мы не запутались, программа выделяет нам исходный рисунок, а остальное делает более тусклым. И процент тусклости вы можете сами выбрать!

30% "тусклости"Всё для вас, дорогие! Только рисуйте и пользуйтесь программой!

Окно Show Tile Edge (Покажите край плитки), убрала галочку – и нет обводки рисунка узора!

Рисунок без обводки

Поставим галочку снова! С ней как-то надежнее.

Ну, и последнее окно Show Swatch Bounds (Покажите границы образца). Это как раз то, что останется в палитре Swatches. Если бы программа сама не подсказывала, как и что делать, по внешним границам прямоугольника нам бы пришлось лишнее обрезать и удалять. Это очень трудоемко! А так мы знаем, что всё сделают за нас,  и наслаждаемся!

Границы будущего паттерна

Ну, а теперь опять сохраним этот паттерн, всё уже знакомо!

Панель сохранения паттерна

Нажимаем Done!

Паттерн сохранен

Знакомый результат! Посмотрим, что будет на квадрате!

Новый паттерн, видны полоски

Все бы ничего, но увидели тончайшие белые полоски? Их надо убрать. Паттерн выделен, идем Effect Rasterize… (эффект — растрировать…)

Убираем полоски

Кликнем, выйдет окно Rasterize (растрировать), таким его дает программа.

Так дает программа

А нам надо убрать ненужные полоски, для этого Найдем Options – Antialiasing (Варианты – сглаживание).

Варианты сглаживания

Выберем Art Optimized (Supersampling) — оптимизированное искусство (супервыборка) – ОК.

Полоски исчезли

Полоски исчезли, проблем нет. Сохраним и этот «шедевр». FileSave AsСозданных работ всё прибавляется в папке нашей школы, это архив, святое, с него все начинается!

Откроем новый документ seamless2.

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

Лучше точно знать, что нам надо, пока не нажали Done!

Итак, скопируйте из первого seamless сдвинутую за край рабочей области снежинку, вставьте её в seamless2. Знаю, что всё умеете, но все же проговорю путь. Рисунок seamlessвыделяем снежинкуменю Edit (редактирование) – Copy (копировать) – входим в seamless2 — меню Edit (редактирование) — Paste (вставить). Самые продвинутые уже обойдутся горячими клавишами Ctrl+C, Ctrl+V. Молодцы! Всё-то вы уже знаете!

Ну, а теперь размножим и создадим какой-нибудь рисунок из наших снежинок.

Размноженные снежинкиПока как-то так, это не окончательно. Теперь создадим квадрат, закрасим его темно-синим цветом и поместим сзади снежинок.

Квадрат и снежинкиНу, а теперь красиво размещаем снежинки так, чтобы они не выходили за область квадрата. Я не учу вас делать сложный симлесс, я показываю возможности создания паттерна в Adobe Illustrator CS6 с цветным фоном. Ссылки на создание сложных паттернов вам даны. А это похоже на уже знакомое, что ж делать!..

Чуть уменьшите, покрутите, разместите!

Снежинки в квадратеПусть будет так! Можно перетащить в палитру Swatches, и примитивный паттерн готов! Нет, мы воспользуемся возможностями программы.

Идем ObjectPatternMake (Объект – образец – делать)

Создание паттерна с помощью программы

Вот и первый паттерн. А теперь вы все знаете, попробуйте, что можно сделать, а что нельзя! Опять самостоятелная работа! Только снимем галочку Dim Copies to (Тусклые копии), интересно увидеть всё в цвете! Начали!

Создание паттерна

Что-то получится, что-то нет, экспериментируйте!

Обрезанные снежинки

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

Один из вариантов паттерна

Сохраним понравившийся узор, параметры его выберите сами.

На паттерне видны полоски

Полоски опять убираем Effect Rasterize… (эффект — растрировать…)

Полосок нет

Полосок нет. Хотелось бы как-то интереснее сделать узор, но пока программа на таком уровне. Думаю, в будущих версиях опять появися что-то упрощающее нам жизнь.

Над настоящим симлессом надо посидеть, помучиться, хотя есть такие ювелиры своего дела, что создадут любой, самый замысловатый симлесс и считают, что всё удивительно просто!
Мы разобрались с основами,  дальше всё зависит от вашего усердия и желания! Программа поманила конфеткой, но ничего основательного не дала! Бывает! Разочарованы?
Зато уролк простой и короткий! Это тоже важно, трудное изучите в будущем.

А пока… Сохраняем получившееся и уходим отдыхать! Перемена! Урок закончен! Вздыхаем с облегчением!
Закрепите изученное.

 Следующий урок № 38. Рисование с помощью графических примитивов. 


Эта страница была показана 18102 раза.

Пожалуйста, поделитесь, если страница оказалась полезной!
  • Добавить ВКонтакте заметку об этой странице
  • Facebook
  • Одноклассники
  • LiveJournal
  • Twitter
  • Tumblr
  • Мой Мир

Урок № 37. Бесшовная текстура. Часть II: 28 комментариев

  1. Здравствуйте, у меня после сохранения образца (нажатия кнопки «готово») остается только исходный элемент, готовый паттенр не вижу нигде (, я что-то не так сделала?

    1. Наталья, здравствуйте! Готовый паттерн должен у Вас быть в образцах, в палитре Swatches. Посмотрите внимательно. Создайте прямоугольник, кликните по палитре Swatches, прямоугольник покажет Вам паттерн, который только что создали. Если не получилось, перечитайте урок и снова всё повторите! Удачи! 🙂

  2. Подскажите пожалуйста, для стока, как правильно сохранить такого плана паттерн?

    1. Елена, всё делается так же, как и с другими рисунками. В уроках 28-30 подробно расписано, как подготовить рисунок к стокам. Не волнуйтесь, не переживайте, всё и получится! Успехов!:)

  3. немножно непонятно как у вас так получилось залить квадрат, чтобы получился сразу бесшовный паттерн. у меня вечно не совпадают края если проэкспандить и обрезать.. никак не разберусь какого размера нужно делать квадрат, чтобы получилось бесшовно? ну или куда смотреть? что делать? аааааа!!!! 🙂 подскажите, пожалуйста, наташенька:)

    1. Здравствуйте, Оксана! В последних версиях Adobe Illustrator при создании паттернов программа всё делает за нас. Ничего не надо экспандить и обрезать! Сделайте квадрат, нанесите на него снежинки и делайте так, как написано в начале урока, пока новый паттерн не появится в образцах. Ну, а если Вы решили всё делать по-старинке, снова читайте и перечитывайте те уроки. Вы не поняли какую-то мелочь, вот и не получается! Удачи! 🙂

  4. а у меня созданные узоры не сохраняются… в новом файле их уже нет(

  5. У меня проблема как и у Анны — после открытия паттерна нет в образцах! Что же делать? Очень жду вашего совета!
    При сохранении пишет: «обмен образцами, содержащими градиенты, узоры и оттенки, в настоящее время не поддерживается, поэтому они не обрабатываются и не отображаются при открытии файла образца другими программами»…

    1. Анна и Мила! У вас Adobe Illustrator CS6? В CS5 такого не было, поэтому ничего и не сохраняется.
      Скачайте, пожалуйста, новую версию Adobe Illustrator СС. Всё должно получиться! Удачи!
      🙂

  6. ДОбрый день! Спасибо Вам Елена за урок! Мне немного непонятно, как сохранить образец, просто залить треугольник паттерном, потом сделать экспанд и в таком виде отправить на стоки? или как-то еще? Спасибо заранее за ответ!

    1. Добрый день, Liza! Рада, что урок Вы прошли! Образец у Вас появился в палитре Swatches, теперь в рабочей области создайте квадрат или прямоугольник по размеру Вашей рабочей области, это и будет тот вид, который надо отправить на стоки. А дальше смотрите уроки под названием «Алгоритм», там как раз и говорится, как готовить рисунки на стоки. Успехов! 🙂

    1. Liza,команда Expand очень важная в «Иллюстраторе», но ей и испортить можно работу. Если Вы делали по моему уроку, то экспандить этот квадрат не надо. Если как-то иначе, не знаю. Смело отправляйте на стоки, не бойтесь, если не примут, зато будете знать, почему не приняли. Неудача в 9 раз полезнее успеха, как говорят психологи. 🙂

  7. У меня та же проблема, что и у вышеотписавшихся.. Сохраняется только исходный элемент (синий квадрат и снежинки). Программа СС 🙁

  8. Здравствуйте, Ната! В образцах так и должно быть. На рабочей области создайте квадрат или прямоугольник, залейте новым паттерном из образцов, он простенький.
    Если он не устраивает, остается делать паттерны другими способами. Урок я снова прошла, всё получилось!
    Видимо, надо снова тренироваться! Не торопитесь и не жалейте времени! Всё получится! 🙂

  9. Здравствуйте! Подскажите, как сделать, чтобы применненый к фигуре паттерн не двигался вместе с этой фигурой? Т.е сейчас прямоугольник как маска. А как зафиксировать на нем нужный мне фрагмент паттерна? Можно это сделать не расстрируя?

    1. Помню в каком-то видеоуроке когда-то давно что-то подобное видела: передвигать форму, но не паттерн… надо будеть поискать. Если вспомню и получится, то напишу 🙂

    2. Для этого надо выделить фигуру с паттерном, нажать на ней правой кнопкой мыши, в меню выбрать Transform — Tramsform Each, и в окошке поставить или снять галочку Transform Patterns.

  10. Елена, добрый день! Огромное спасибо за Ваши уроки! Подскажите пожалуйста, после того, как мы убираем полоски с рисунка через Effect – Rasterize… (эффект — растрировать), при увеличении получившегося рисунка, он расплывается на пиксели, это нормально и допустимо? или что то необходимо с ним дополнительно сделать? Спасибо!

    1. Евгений, здравствуйте! Спасибо за хорошие слова о моих уроках.
      Если рисунок расплывается на пиксели, то на стоки его нельзя отправлять. Надо бояться любого растра в рисунках для стоков, потому что не примут. Не получается убрать полоски, лучше не пользоваться этой функцией.

  11. Здравствуйте,хороший урок,но в конце мне непонятно,зачем мы убираем белые полоски растрированием?А смысл,если после этого на стоки не примут? Может есть другой способ?

  12. Здравствуйте,хороший урок,но мне непонятно зачем мы убираем белые полосы растрированием? После этого на стоки работу не примут, может есть другой способ?

  13. Здравствуйте! Мне тоже непонятно, зачем растрировать. Я думаю, что это актуально, когда просто создаешь какой-нибудь рисунокс заливками из патернов, а потом нужно его продублировать и уменьшить (или увеличить). Если не зарастрировать, то объект будет изменять масштаб, а заливка будет оставаться без изменения. Так? А может быть следует не растрировать, а переводить в кривые или «разобрать оформление», или что-то еще, чтобы заливка слала объектом?

    1. Татьяна, здравствуйте! Вы умница и правильно мыслите. Растр на стоки отправлять нельзя. Но таким образом можно проверить, останется полоса или нет. Если при растрировании полосы нет, то можно отправить на стоки. Очень часто появляются какие-то полосы, но они не влияют на рисунок. Конечно, лучше добиваться, чтобы сразу не было никаких полос. И достичь этого можно.

  14. Здравствуйте! Пожалйста, ответьте мне на вопрос который мучает меня ооочень долго.
    Вот сделала я паттерн, когда применяю его к фигуре (проверить на полоски) то их всегда вижу!
    Что не так вообще? выравнивание не стоит …
    На сток приняли, но просто что подумает клиент про эти полоски? или они как-то это все решают

    1. Здравствуйте, Юлия! С этими полосками очень частые проблемы. Порой трудно даже сказать, почему они возникают. Но у Вас приняли работу, значит, стоки её могут продавать. Вы не продаете, так что и не переживайте! Плохие работы не принимаются! Работайте и радуйтесь каждой принятой и проданной картинке! Успехов! 🙂

  15. Елена, здравствуйте) Спасибо вам за доступную информацию по иллюстратору. Мне она очень помогает развиваться в этой программе. Вопрос по симлесу: надо ли его экспандить? Т.е., я с помощью Pattern — Make создала текстуру, потом залила ей квадрат, который хочу отправить на сток. Надо ли его перед сохранением экпандить? И еще проблема файл большой получился, никак не втиснуть в пограничные 50 Mb(( Спасибо, Вам)

    1. Здравствуйте, Полина! Я рада, что мои уроки помогают Вам развиваться. Если человек развивается, он на правильном пути!
      Квадрат экспандить не надо, всё готово. Но я не вижу ваш симлесс, о каком размере идет речь? Это eps или jpg?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *