Yliv Journal

Блог о пассивном заработке в интернете

Стоковые картинки без напряга. Шаг 2 — Практика. Сразу в бой!

8 Сентябрь, 2013Комментариев: 5

Привет Всем! И вот мы подошли ко второму Шагу наших уроков. Сегодня я не буду вас мучить теорией. Сказу лишь несколько вводных фраз и мы приступим к делу. Я думаю, что любое обучение рисованию должно начинаться с конкретного задания и только так можно быстро научиться каким-то основам. Именно поэтому в этом уроке я не буду рассказывать банальных вещей о том, как нарисовать треугольник или квадрат. А покажу, как делать простейшую бесшовный фон/шаблон (seamless pattern), который можно в последствии продать на микростоках.

Надеюсь вы выполнили задание прошлого Шага и установили Иллюстратор? Если нет, то сделайте это, иначе этот пост пройдет для вас впустую.

Итак, благодаря прошлому Шагу мы теперь перед тем как рисовать задумаемся — а кому это вообще нужно? Бесшовные паттерны довольно распространены на стоках и их покупают различные фирмы обоев, тканей и т. п. Ведь подобную текстуру можно наложить на что угодно и она будет прекрасно смотреться. А вы хотите, чтобы ваш рисунок оказался в новой коллекции одежды какого-нибудь Юдашкина? Или чехлы для нового айфона буду с вашими изображениями — это ваш звездный час! Чем лучше нарисуете, чем чаще будет продаваться — тем более вероятней, что вы станете частью какого-нибудь большого дела. Ну и конечно денег на этом заработаете =)

Итак, открываем Иллюстратор и жмем «Файл — Новый» (Ctrl+N)

Задаем параметры как на картинке

Шаг 2 настройки 1

Жмем «Окно — Слои» (F7) и создаем второй слой.

Шаг 2 настройки 2

Сейчас у нас выделен 2-й слой (смотрим картинку выше), жмем 1-й слой (по полю, где написано «Слой 1», чтобы его выделить). Далее выбираем «Прямоугольник» (в панели справа, кнопка M), жмем на левый верхний угол нашей рабочей области и создаем прямоугольник 1000 на 1000 px (Смотрим рисунок снизу)

Шаг 2 настройки 3

 

Это будет нашим фоном для паттерна. На время закрываем возможность его редактировать и выбираем 2-й слой.

Шаг 2 настройки 4

Справа выбираем инструмент «Перо» (P) и начинаем рисовать хаотичные формы по всей рабочей области. Как рисовать — когда у вас выбран инструмент «Перо», то каждый клик мыши по области это точка объекта. Нажав на левую кнопку мыши и, не отпуская ее, поводив по экрану в разные стороны мы можем задать величину изгиба прямой от прошлой точки до этой. Отпускаем кнопку и вуаля — у нас кривая линия. Далее сделайте несколько кривых и доведите их до 1-й точки, чтобы замкнуть контур вашего объекта. Как только контур замкнулся, можно рисовать другие объекты. Потренируйтесь и нарисуйте несколько таких объектов. В итоге у вас должно получиться следующее.

 Шаг 2 настройки 5

В данный момент все объекты белого цвета с черной рамкой. Сменим цвета. Для этого выбираем выбираем тот элемент который хотим изменить (тело объекта или рамку) и делаем 2-ой щелчек мыши и выбираем цвет. Чтобы объект был бесцветный (или не имел рамки) надо выбрать белый квадрат с красной полосой (поле под выбором цвета)

 Шаг 2 настройки 6

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

Шаг 2 настройки 7

Теперь начинается самая трудная часть нашего сегодняшнего Шага, но думаю вы все в силах с этим справится! Итак, теперь мы должны создать прямоугольники рядом с элементами так, чтоб они закрывали область, которая выходит за границы рабочей области. Я специально создал прямоугольник другого цвета, чтоб было более заметно. Так же в слоях мы поднимаем (зажимаем левой клавишей и тащим вверх) слой с нашей «черной загогулиной»

Шаг 2 настройки 8

Теперь выделяем одновременно 2 наших объекта (прямоугольник и загогулину) и жмем «Обработка контуров» (Окно — Обработка контуров / Shift+Ctrl+F9) и «Разделение» (нижний ряд, крайняя левая кнопка). В итоге наш прямоугольник должен отделить от загогулины ту часть, которая выходит за рамки рабочей области. Теперь выделяем получившуюся фигуру и жмем «Объект — Разгруппировать» (Shift+Ctrl+G) и удаляем (кнопка delete) лишний зеленый контур, т. к. теперь он нам не нужен. Теперь выделяем ту часть черного контура, которая выходит за границы рабочей области. Жмем «Объект — Трансформирование — Перемещение» (Shift+Ctrl+M) и задаем параметры перемещения. В нашем случае объект находится в левом верхнем углу, значит необходимо переместить его часть в левый нижний угол, т. е. «0 по горизонтали» и «1000 по вертикали». В итоге у нас должно получится следующее

Шаг 2 настройки 9

Проделаем все тоже самое с остальными объектами, выходящие за рамки рабочей области. Не забываем, что «Перемещение» может быть разным, как 1000, так и -1000 (и по горизонтали, и по вертикали).

Вуаля, у нас получился первый бесшовный паттерн. Поздравляю!

Шаг 2 настройки 10

Ну а на закуску для вас небольшое самостоятельное задание, а заодно и потренируетесь множить работы для стоков. Необходимо создать еще 3 таких паттерна (только уже других цветов) и собрать их (+ первую) в одной работе. Да и не забудьте сделать так, чтоб каждый паттерн находился в отдельном слое. Вот пример:

Шаг 2 настройки 11

Бонусом для всех, прочитавших этот пост будет сам файл, который я рисовал в этом Шаге (чтобы вы могли проверить себя и понять что и как делалось). Скачать его можно тут (яндекс диск). Сохранен он в Eps 8. Всем советую сохранять файлы в Ai формате и в Eps8 (Ai для того, чтобы исправить косяки, если они возникли при конвертации в Eps, а файл Eps8 – для загрузки на стоки, т. к. именно этот формат они принимают (так же Eps10, но не все стоки))

Вот так, потратив минут 20-40 (в зависимости от ваших навыков), вы сможете нарисовать 2 работы для стоков (1-й это черно-белый бесшовный паттерн, 2-й это четыре разноцветных паттерна). Рисуйте! Идей для применения этого навыка много. Вот несколько из моих работ (для расширения кругозора):

Шаг 2 настройка 12

Итак, как я уже писал выше, основное задание до следующего Шага — нарисовать минимум 2 картинки для микростоков. Так же необходимо найти и установить Adobe Photoshop (оптимально 5-й версии, но можно и 3-й). В следующем Шаге мы доделаем полученные картинки, зарегистрируемся на микростоке и загрузим туда картинки. Практика продолжается! =)

Да и не забываем подписываться на новые посты — не пропусти следующий Шаг!

Если у вас остались какие-нибудь вопросы — прошу в комментарии, с радостью на них отвечу.

Удачи и до новых встреч!

 

С уважением, Иван aka Yliv

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

5 в ответ на “Стоковые картинки без напряга. Шаг 2 — Практика. Сразу в бой!”:

  1. Nataliia пишет:

    Иван, а сколько времени примерно будет отводиться на каждый шаг?

    • Soz пишет:

      Все на ваше усмотрение. Я не ставлю временных рамок. Буду стараться публиковать минимум по 1 шагу в неделю, а вы можете проходить их и сразу все в 1 день и растянуть каждое занятие на несколько дней.

  2. Елена пишет:

    Здравствуйте, Иван
    Подскажите пожалуйста как правильно сохранить паттерн для стока? У меня стоит Illustrator CS6. Создаю паттерн и он попадает сразу в Swatches. Если рисую фигуры то применяя данный  Swatch получается заливка. Но как правильно это сохранить для стока не знаю. 

    • Yliv пишет:

      Здравствуйте, Елена.
      Разбирайте паттерн на детали и так посылайте. Думаю дальше с этим проблем не должно возникнуть.

Оставить комментарий


1 + = девять