Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Apparel Design

Создайте завораживающий дизайн для майки в стиле хамсы в Adobe Illustrator

by
Length:LongLanguages:

Russian (Pусский) translation by Olya Misuraghina (you can also view the original English article)

Final product image
What You'll Be Creating

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

 В разных религиях хамсу называют «рукой Мириам», «рукой Фатимы», «хамсой» или «хамеш». Это также мощный талисман, приносящий удачу, и один из самых известных в мире амулетов для защиты. Обычно вы можете увидеть его висящим в домах и офисах, на ключах, в автомобилях, в детских колясках или надетым в виде украшения, чтобы отвратить невезение и принести счастье своим владельцам.

Так как эта рука защищает от дурного глаза, вы заметите, что иногда на ладони будет изображён глаз. Также на хамсе может быть изображён символ рыбы, которая, как считается, не поддаётся сглазу, потому что живёт под водой, и вода, как экран, защищает от дурного глаза. Поэтому рыба - это также символ удачи. Вы также увидите разнообразные декоративные мотивы, цветы, узоры, спирали и натуральные формы.

В этом уроке мы нарисуем с помощью Adobe Illustrator CC свой собственный символ хамсы для защиты, чтобы перенести его на футболку. Давайте начнём! 

1. Эскиз и настройка 

Шаг 1 

Мы начнём с рисования эскиза хамсы. Я взяла обычную синюю шариковую ручку и лист формата А4 и нарисовала половину символа с: 

  1. рыбой и пузырьками вокруг неё (для удачи) 
  2. декоративным глазом (чтобы отогнать зло) 
  3. натуральными формами, цветами, морскими водорослями и кружевными узорами для украшения
Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Отсканируйте иллюстрацию. Откройте Adobe Photoshop (подойдёт любая версия), а потом нажмите на File > Place, чтобы перенести отсканированный файл.

Выберите отсканированный слой и перетащите его на иконку Create a New Layer, чтобы создать дубликат слоя. Нам нужно отразить наш дубликат слоя, чтобы создать симметричный дизайн, поэтому нажмите на Image > Image Rotation > Flip Canvas Horizontal и на вкладке Layers установите стиль наложения слоя на Multiply. Подвиньте слой так, чтобы он совпадал с остальной работой. Используйте инструмент Eraser Tool (E), чтобы удалить ненужные линии.

Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal photoshop

Как только вы будете удовлетворены, нажмите File > Save As, назовите свой файл Hamsa_Sketch и сохраните его в формате JPEG с настройками по умолчанию.

Затем переключитесь на Illustrator CC и создайте новый документ: File > New (Command-N).

Назовите его (Name) Hamsa_Design; в формате (Size) A4, Orientation - Portrait и нажмите OK.

Hamsa design size a4 format custom orientation illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt

Затем импортируйте файл Hamsa_sketch.jpg, использовав для функции Place сочетание клавиш Command-Shift-P. Нажмите на верхний левый угол, чтобы центрировать изображение на рабочей поверхности. Откройте вкладку Layers, нажав на Window > Layers.

На вкладке Layers назовите свой отсканированный слой Sketch. Затем нажмите двойным щелчком на слой, чтобы вызвать свойства слоя, или нажмите на подменю вкладки Layers и выберите Options for 'Sketch'. Поставьте галочку на Dim Images to: 20%, на Lock и нажмите OK.

sketch layer placement dim image percent preview template Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt

Затем над слоем Sketch создайте новый слой, нажав на Create New Layer, и назовите его Hamsa Design.

File > Save (Command-S) и сохраните файл как Hamsa_Design

2. Основная обводка и художественные кисти 

Шаг 1 

Давайте обведём основную форму руки-хамсы с помощью чёрной обводки (Stroke) и установим Fill на None.

Возьмите инструмент Rounded Rectangle Tool, который находится под Rectangle Tool (M) на панели инструментов. Не беспокойтесь об угловом радиусе, когда создаёте прямоугольник: его можно легко изменить с помощью сочетания клавиш стрелки вверх (для более округлых углов) или стрелки вниз (для более острых углов). Как только у вас получится нужный угловой радиус, отпустите клавишу.

rounded rectangle tool layer arrow key Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt illustrator

Затем возьмите инструмент Scissors Tool (C), чтобы разделить путь на опорные точки. Чтобы найти инструмент Scissors Tool (C), нажмите и удерживайте Eraser Tool (E), чтобы открылось выпадающее меню. С помощью инструмента Scissors Tool (C) нажмите на нижние опорные точки округлого прямоугольника, чтобы отрезать нижнюю часть, а затем удалите дугу (Delete).

arc scissors anchor point cut segment base Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Теперь мы повторим те же шаги, чтобы обвести указательный палец. Возьмите Rounded Rectangle Tool и нарисуйте прямоугольник на указательном пальце, но в этот раз используйте Scissors Tool, чтобы отрезать основную дугу до верхней опорной точки дуги. Удалите лишнее.

cut scissors anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

С выбранной формой, возьмите инструмент Pen Tool (P) и нажмите +, чтобы добавить точку на существующий контур. Нажмите на конец контура и продолжайте обводить левую часть хамсы. Нам нужно нарисовать только половину, потому что мы отразим остальное.

pen add anchor points path left cut scissors anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Теперь выберите форму, чтобы можно было её отразить. Возьмите инструмент Reflect Tool (O) и установите центральную контрольную точку в конце контура; нажмите Option-Shift-перетащите и отпустите мышь, когда линии встанут на своё место. (Это сочетание клавиш не только клонирует, но и переключает объект на 45°.)

mirror hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

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

Выберите обе точки контура с помощью Direct Selection Tool (A), а потом соедините контуры, нажав Object > Path > Join (Command-J).

join path object segment illustrator hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Теперь оба конца будут единым контуром. Также выберите контур среднего пальца и нажмите Object > Path > Offset Path, появится меню Offset Path Options. Установите следующие настройки: Offset: 0.07 cm, Joins: Round и Miter Limit: 4 и нажмите OK.

path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Теперь можно выбрать и удалить промежуточные участки контура, потому что они нам больше не нужны. Откройте окно Pathfinder, Window > Pathfinder. Выберите новые параллельные формы и в меню Pathfinder нажмите на Shape Modes: Unite, чтобы создать единую форму.

Снова создайте параллельную форму (Object > Path > Offset Path) с теми же настройками и - вуаля - мы нарисовали основную форму хамсы. Теперь перейдём к более сложной части.

repeat shape path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Шаг 2 

Далее мы обведём все овальные формы в левой части дизайна. Позже мы отразим их на весь рисунок руки. Возьмите инструмент Ellipse Tool (L) и нарисуйте пузыревидные формы, для рыбы. Нажав Shift, перетащите мышку, чтобы получились ровные круги. Затем, чтобы получился пузырёк, нарисуйте круг внутри эллипса, и на вкладке Pathfinder установите Shape Modes: Minus Front, чтобы создать пустоту внутри пузыря.

pathfinder minus front bubble create shape modes options path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Для декоративной рыбной "чешуи"выберите для Fill чёрный цвет и установите Stroke на None, а потом с помощью Ellipse Tool (L), нажав Shift, перетащите курсор, чтобы создать идеальные кружки. С помощью команды Group (G) сгруппируйте вместе три точки и, чтобы скопировать их, удерживайте клавишу Alt и перетащите их. Повторите то же самое. Для более мелких участков просто уменьшите их, удерживая Shift, чтобы сохранить пропорции. Если у вас есть лишние точки вне рыбы, просто выделите их с помощью Direct Selection Tool (A) и удалите.

ellipse tool dots circles scale size shape bubble create options path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Любые дуги можно нарисовать инструментом Ellipse Tool (L), а потом взять Scissors Tool (C), чтобы обрезать их до нужного размера. Не стремитесь к совершенству. Наша цель - оживить хамсу, а не создать идеальную симметричную форму, которая будет выглядеть искусственно. Она будет дышать, оставаясь асимметричной. 

scale scissors tool arc shape cut define bubble create options path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Шаг 3 

Когда вы закончите с этими элементами, переходите к созданию художественных кистей. Возьмите Pen Tool (P) и нарисуйте формы, похожие на форму наброска. Вот несколько образцов форм, которые я создала для своих кистей.

brush shapes organic art brush options scale proportionally method rotationshape cut define bubble create options path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Откройте Window > Brushes, чтобы сохранить образцы художественных кистей. Перетащите каждую форму на вкладку Brushes. Появится диалоговое окно New Brush. Выберите Art Brush и нажмите OK. Затем появится диалоговое окно Art Brush Options. Выберите Stretch to Fit Stroke Length, затем - Rotation Width и нажмите OK. Мы создали первую кисть. Теперь повторите то же самое для других форм кистей, пока они все не появятся на вкладке Brushes.

art brush shape scale proportionally method none options shape cut define bubble create options path offset object join round miter hand path reflect path anchor point segment vector rounded rectangle illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt scan copy background mirror horizontal

Выберите формы кистей и спрячьте их на будущее. Нажмите Object > Hide > Selection (Command-3). Теперь мы можем обвести остаток нашей работы. Откройте вкладку Stroke и пока что установите Stroke Weight на 1 pt. Выберите инструмент Paintbrush Tool (B) и любую кисть, загруженную нами на вкладку Brushes и начните обводить свою работу. Это метод проб и ошибок, вам самим нужно понять, что лучше всего работает для рисунка.

half pattern design sketch paintbrush tool brushes Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Шаг 4 

Далее мы сделаем заливку чёрным, чтобы придать хамсе уверенный вид. Выберите формы, которые вы хотите залить чёрным. Дальше можете переключаться между функциями Fill/Stroke (заливка/обводка) с помощью сочетания клавиш Shift-X. Возьмите Pen Tool (P) и, установив Stroke на None (отсутствие обводки), а Fill (заливку) на чёрный, обведите детали, которые хотите залить чёрным.

pen tool stroke design pattern half Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Хорошим советом после этого будет увеличить толщину обводки (Stroke Weight) для кистей, чтобы работа заиграла. Удалите слой наброска (Sketch), чтобы лучше видеть рисунок. Вытягивайте, изменяйте размер, добавляйте и удаляйте формы и меняйте художественные кисти по ходу процесса, пока узор хамсы не будет выглядеть гармонично. Я люблю группировать (Command-G) похожие детали друг с другом на случай, если я захочу поменять их туда-обратно.

half design pattern reflect tool stroke weight difference group G illustrator Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Выглядит лучше! Теперь давайте отразим работу. Выделите всё (Command-A) и с помощью Selection Tool (V) уберите из выделения детали, которые не хотите отражать. Затем возьмите Reflect Tool (O) и установите центральную контрольную точку в середину хамсы. Используя сочетание клавиш Option-Shift, перетащите рисунок, чтобы отразить его на 45°, а затем отпустите, когда работа будет выровнена подходящим образом.

mirrror pattern design reflect tool select all Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Посмотрите, возможно, есть детали, которые находятся не там, где нужно. Убедитесь, что всё на своих местах. Как только вы закончите, выделите всё (Command-A) и перейдите на Object > Expand Appearance. Это превратит все ваши мазки кистью в заполненные формы, так мы сможем изменять размер иллюстрации, не теряя качества.

Выберите чёрные мазки и нажмите Object > Expand. В диалоговом окне Expand поставьте галочку на Stroke. Нажмите OK. Это устраните ошибки, которые могут возникнуть при масштабировании и изменении цвета.

Повесьте замок на слой Hamsa Design

3. Цвет и печать

Шаг 1 

Дальше мы будем добавлять цвет, но нам нужно помнить, что этот файл должен быть готов к печати, поэтому нужно разделить в нём цвета. Мы возьмём работу и разобьём цвета, чтобы было легче создавать отдельные печатные пластины во время печатного процесса. Важно выбрать небольшое количество цветов для печати, чтобы не забывать о её стоимости. Я выбрала пять цветов.

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

five color gradient choice adobe color cc Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

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

Шаг 2 

Чтобы конвертировать образцы в точечные цвета, откройте Window > Swatches. Выбирайте каждый цвет и перетаскивайте его на вкладку Swatches. Нажмите двойным щелчком на образец цвета, чтобы открыть диалоговое окно Swatch Options.

Выберите Spot Color из выпадающего меню Color Type и нажмите OK.

five color art swatches design spot form panel Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Шаг 3 

Создайте четыре новых слоя под слоем Hamsa Design. Назовите каждый слой по выбранному цвету: тёмно-синий (Dark Blue), цвет океана (Ocean Blue), голубой (Light Blue), зелёный (Green) и белый (White). Затем начинается каверзная часть: с помощью Paintbrush Tool (B) для заливки цветом и Pen Tool (P) для более крупных участков залейте цветом соответствующие слои. С помощью меню Pathfinder можно убирать формы.

paintbrush pen tool fill color layers Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Затем повторите эти шаги для каждого слоя. Сперва убедитесь, что замок стоит на всех слоях кроме того, который вам нужен. Выделите всё (Command-A). Затем из меню Pathfinder выберите Shape Modes: Unite, чтобы объединить цвета. Чтобы вы представляли, как цвета будут выглядеть по отдельности, посмотрите на этот снимок. 

four color layering sepeartaion design 5 piece print screen Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Шаг 4 

Почти всё. Выделите всё (Command-A) и конвертируйте заливку всех чёрных деталей в свой тёмно-синий цвет ("Dark Blue"). Как можно было заметить, мы не объединяли детали слоя Hamsa Design. Причина в том, что мы раскрасим некоторые из них в наши цвета. Выберите детали, которые вы хотели бы раскрасить, на вкладке Layers нажмите на маленький цветной квадратик, указывающий на выбранный рисунок, и перетащите его на соответствующий слой цвета. Вот снимок до и после.

simple color stroke layer variation weight art Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern
patterns color variation strokes layers design Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Когда вы закончите, повесьте замок на все слои, кроме тёмно-синего (Dark Blue). Выделите всё (Command-A). Снимите замок со слоя Hamsa Design, на вкладке Layers нажмите на маленький цветной квадратик, указывающий на выбранный рисунок, и перенесите его на слой Hamsa Design. Удалите тёмно-синий слой (Dark Blue) и переименуйте слой Hamsa Design на Dark Blue Outline. Вот и всё!

final piece layers 4 color sepearations design Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Поздравляю! Мы готовы к печати 

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

tshirt final mockup print design Hand of Mariam Fatima Hand Khamsa Hamesh sketch illustration miss chatz artwork pen blue fish hand palm eye flower pattern heart design tshirt photoshop sketch half pattern

Вы создали экономичную и готовую к печати версию хамсы и узнали, как разделять цвета по слоям для печати, создавать художественные кисти, изменять рисунок с помощью штрихов и использовать удобные функции Reflect Tool и Adobe Color CC. Также вы научились использовать простые сочетания клавиш, ускоряющие процесс работы. В любом случае, не стесняйтесь узнавать у местных печатников, как настроить файл для их принтера.

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

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

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.