Так выглядит готовый деревянный знак:

Создание деревянного знака - Adobe Illustrator


Теперь хватит говорить ... Наслаждайтесь учебником ...

Шаг 1: Создание деревянной доски

Перед тем как мы начнем, вам нужно создать новую рабочую область. Для этого перейдите в меню Файл> Новый в верхней панели меню. Те, кто уже читал несколько моих учебников, знают, что я предпочитаю работать в формате альбома DIN A3, если нет других указаний. Поэтому выберите формат DIN A3 в следующем окне и подтвердите нажатием OK.

Создание деревянного щита - Adobe Illustrator

Теперь вы можете приступать к работе.

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

Создание деревянного знака - Adobe Illustrator

Или же вы можете приложить больше усилий и сделать вашу доску с облезлыми краями (рисунок 04).

Создание деревянного знака - Adobe Illustrator

Какую из вариантов вы выберете в итоге, зависит только от вас.

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

Чтобы создать градиент в Illustrator, вам потребуется Палитра градиента. Вы можете открыть ее, выбрав Окно>Градиент (рисунок 05).

Создание деревянного знака - Adobe Illustrator

Как только у вас появится Палитра градиента, щелкните на поле со стандартным ч/б градиентом (рисунок 06).

Создание деревянного знака - Adobe Illustrator

Затем вам нужно назначить третий цвет для градиента. Просто кликните приблизительно посередине под областью градиента (см. маркировку на рисунке 07).

Создание деревянного знака - Adobe Illustrator

Теперь пришло время добавить цвет в игру. Для градиента вам понадобится темно- и светло-коричневые оттенки. Как всегда, вы можете экспериментировать с собственными цветовыми вариантами. Для тех, кто хочет использовать такие же цвета, как здесь в учебнике, вот значения CMYK ...

• темный коричневый: CMYK - 14/73/95/50

• светлый коричневый: CMYK - 10/68/81/18

При двойном щелчке на соответствующем цвете градиента вы можете назначить эти цветовые значения сейчас.

Поскольку градиент должен быть вертикальным, введите угол 90° (рисунок 08).

Создание деревянного знака - Adobe Illustrator

После этого у вас должно получиться что-то вроде этого (рисунок 09):

Создание деревянного знака - Adobe Illustrator

Поскольку деревянная доска обычно имеет текстуру, наша доска пока что не выглядит как настоящее дерево. Поэтому теперь перейдите в верхнюю панель меню на Эффект>Фильтры текстуры>Зернистость ... (рисунок 10).

Создание деревянного знака - Adobe Illustrator

В следующем окне установите значение Интенсивность 20. Установите Контраст на 5.

Важно выбрать опцию Горизонтальная в Тип зернистости, чтобы текстура действительно шла слева направо (см. рисунок 11).

Затем подтвердите нажатием OK.

Создание деревянного знака - Adobe Illustrator

Чтобы придать этому всему некоторую изюминку, скопируйте вашу деревянную доску с помощью Command + C и вставьте ее в то же место с помощью Command + F (на ПК используйте Ctrl + C и Ctrl + F).

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

Создание деревянного знака - Adobe Illustrator

Установите угол градиента в 0° и снова поменяйте цвета градиента на Черный/Белый/Черный (рисунок 13).

Создание деревянного знака - Adobe Illustrator

Далее вам понадобится Палитра прозрачности. Если у вас ее еще нет, вы можете найти ее в Окно>Прозрачность.

Установите ваш Черный/Белый/Черный градиент на режим заполнения Наложите друг на друга и уменьшите Непрозрачность до 20%. Это позволит слегка затемнить боковые стороны вашего деревянного знака и осветлить его посередине. Это создаст очень легкий световой эффект.

Создание деревянного знака - Adobe Illustrator

Шаг 2: Добавление дупелей

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

Возьмите Инструмент эллипса и создайте эллипс размером 20x20 мм.

Затем перейдите в Эффект>Фильтры и деформации>Изменение … (рисунок 15).

Создание деревянного знака - Adobe Illustrator

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

Создать деревянную вывеску - Adobe Illustrator

Поскольку штрихованный эллипс еще немного нужно изменить, вам нужно преобразовать этот эффект в контур. Перейдите к Объект>Преобразовать вид …

Создание деревянного знака - Adobe Illustrator

Возьмите инструмент Прямая выборка и вытяните две внешние точки контура, как показано на рисунке 18.

Создание деревянного знака - Adobe Illustrator.

Заполните свою дырку ветки светло-коричневым цветом: CMYK - 15/73/96/50. Создайте копию и вставьте ее в то же место. (Command+C и Command+F). Немного уменьшите эту копию и заполните ее немного более темным коричневым цветом: CMYK - 21/74/94/59.

Повторите этот процесс еще раз и заполните последнюю копию более темным коричневым: CMYK - 39/75/89/73.

После этого ваша дырка ветки должна примерно выглядеть так (рисунок 19):

Выделите три копии вашей дырки и сгруппируйте их с помощью комбинации клавиш Command+G или Strg+G.

Создание деревянного щита - Adobe Illustrator

Чтобы придать дырке ветки некую глубину, перейдите к Эффект>Фильтр стилизации>Внутренняя тень …

Создание деревянного щита - Adobe Illustrator

На следующем окне установите метод заливки на Умножение и цвет на черный.

Для параметра Непрозрачность вы можете выбрать значение около 40%. Для параметра Размытие установите значение между 0,5 и 1 мм. Подтвердите нажатием OK.

Создание деревянного знака - Adobe Illustrator

Теперь эту дырку ветки вы можете скопировать сколько угодно раз и добавить на вашу доску различных размеров. Чтобы все лучше сочеталось, установите метод заливки в палитре Прозрачности на Люминанс и уменьшите параметр Непрозрачность до 80%.

Ваша доска готова (рисунок 22).

Создание деревянной вывески - Adobe Illustrator.

Шаг 3: Добавление типографики

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

Возьмите инструмент Текст из панели инструментов и щелкните один раз на своей рабочей области. Введите слово на ваш выбор. В моем случае я пишу слово "Текстура" шрифтом Impact размером 240pt (рисунок 23).

Мини-подсказка:

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

Создание деревянного знака - Adobe Illustrator

После создания надписи перейдите к Эффект>Фильтр искажений и трансформаций>Помутнение …

На следующем окне укажите значение 3% для параметра Размер и 2 дюйма для параметра Детали. Подтвердите нажатием OK.

Мини-подсказка:

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

Создание деревянного знака - Adobe Illustrator

Затем переходите к Эффект>Фильтр стилизации>Сияние внутри …

На следующем окне вы можете оставить стандартные настройки и просто подтвердить нажатием OK (рисунок 25).

Создание деревянного знака – Adobe Illustrator.

Наконец, вам нужно просто изменить метод заливки на Умножение и уменьшить параметр Непрозрачность до 70%. Ваша надпись готова (рисунок 26).

Создание деревянного знака - Adobe Illustrator

Шаг 4: Создание крепления для деревянной доски

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

Сначала воспользуйтесь инструментом Эллипс из панели инструментов и нажмите его один раз на рабочей области. Установите размер этого Эллипса 11x11мм и подтвердите нажатием OK.

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

Для этого перейдите в палитру Градиентов и выберите Круговой в параметре Тип градиента.

Для градиентных цветов я выбрал две разные серые гаммы.

• светло-серый: CMYK - 0/0/0/50

• темно-серый: CMYK - 0/0/0/80

См. рисунок 27:

Создание деревянного знака - Adobe Illustrator

Далее вам нужно создать два Прямоугольника размером 10,8x1,5 мм с помощью инструмента Прямоугольник. Разместите их так, чтобы они пересекались ровно посередине. Заполните эти два Прямоугольника темно-серым цветом: CMYK - 0/0/0/80 (см. Рисунок 28).

Создание деревянного щита - Adobe Illustrator

Выберите оба Прямоугольника и объедините их с помощью Pathfinder (Рисунок 29).

Создать деревянную вывеску - Adobe Illustrator.

Разместите это пересечение посередине заранее созданного Эллипса и сгруппируйте все с помощью Command+G или Ctrl+G.

Готова ваша винтовка.

Создание деревянных вывесок – Adobe Illustrator

Скопируйте эту винтовку четыре раза и разместите её в углах вашего деревянного щита.

Чтобы придать винтовкам больше разнообразия, вы можете просто повернуть их в разные направления, делая общий вид более случайным (см. Рисунок 31).

Готов ваш деревянный щит.

Создание деревянного щита - Adobe Illustrator

Заключение:

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

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

Ваш Юлиан