Преди време попаднах на един чудесен туториал на Derek Lea - “DIY vintage T-shirts“, с който можем да си направим сами щампа за тениска.
Урокът вкючва:
- текст с градиент в Илюстратор
- техника за оцветяване на скица в Илюстратор
- изтъркан ефект с фотошоп
- отпечатване на щампата на хартия с принтер
- отпечатване на щампата върху тениската с ютия.
В поредица от няколко теми ще ви предоставя превода на урока, заедно с допълненията направени от мен.
В първата тема ще се научим как се прави надпис за тениска.
Преди да започнем изтеглете работните файлове от TУК
1.Отворете Illustrstor и направете нов документ с размера на трансферната хартия, върху която ще принтирате щампата (обикновено размера на тази хартия на нашия пазар е А4)
От менюто изберете File>Place и поставете sketch.jpg в илюстраторския си файл.
2. Нагласете размера и позицията на скицата в работното си пространство.
След това дайте двоен клик на слоя в палитрата на слоевете. Когато се покаже диалоговият прозорец поставете следните параметри:
3.Вижте новия си Template layer в политрата на слоевете и направете нов слой над този.
Вземете Type tool и напишете думата ‘Pirates’ (или нещо друго по избор в зависимост от щампата ви)
Изберете си подходящ шрифт и нагласете размера на текста.
4. Когато текстът е селектиран направете цвета му кафяв (fill colour) като нагласите слайдерите в палитрата на цветовете до постигането на желания цвят. Пазете надписа селектиран и изберете от менюто Effect>Warp>ArcLower
Поставете:
-Horizontal
-Bend -52
-Vertical -8
5.Можете да приложите повече от един Warp Effect. Изберете от менюто Arc Upper.
Паставете следните параметри:
6. Изберете от менюто Object>Expand Appearance, за да конвертирате текста в група от обекти.
Натиснете Alt, задръжте и предвижете нагоре. Ще видите, че по този начин надписът се дублира.
Задайте за дублираната група от обекти за stroke кафяво , без fill.
7. От палитрата на Stroкe увеличете Stroke Weight на 4 рх и кликнете на бутончето Align To Outside
Изберете Butt Cap и Round join от опциите на палитрата на Stroкe:
Сега хванете дублирания текст-обект и го извлачете като задържате клавиша Alt, за да го дублирате отново, както направихме това по-горе.
Селектирайте го заедно с предишния дублиран текст-обект.
8. В Align palette кликнете на Horizontal Align Centre бутона и после на Vertical Align Centre бутона.
Така текст обекта ще се разположи директно върху останалите. Донагласете мястото му, ако е необходимо, след което селектирайте само най-горния текст обект. Сменете цвета на Stroкe със светло жълт:
9. Поставете жълтия контур от вътрешната страна като кликнете на бутончето в палитрата на Stroкe:
Текста ви ще изглежда все едно има двоен контур.
Отворете палитрата на Fill и кликнете на бутончето за градиент:
Текста ви ще се запълни с черно-бял градиент по подразбиране:
10.Отворете в работнато си пространство палитрата на цветовете и на градиента едновременно.
Кликнете в единия край на слайдера на градиента след това изберете цвят от палитрата на цветовете.
Направете същото на другия край на слайдера , за да смените цвета на градиента от черно- бял на синьо- жълт.
11.Уверете се, че сте избрали линеен градиент
Запълнете надписа с градиента като кликнете и изтеглите линия вътре в текста.
В зависимост как искате да изглежда избирате посоката на изтегляне на градиента.В случая тя е отдолу нагоре.
След това редактирайте дебелината на Stroke ако е необходимо. 
Надписът е готов.
В следващата тема ще оцветим скицата, която ще е векторната графика (картинката)- щампа на тениската.
Комбиниран урок - Illustrator + Flash
В предната тема видяхме как с помощта на Blend Tool на Illustrator могат да се създадат кадри за анимация бързо и лесно. Готовите кадри експортирахме във фотошоп и анимирахме с Image Ready.
В този туториал ще видим как си взаимодействат Illustrator и Flash.
С помощта отново на Blend Tool на Illustrator ще направим кадри за анимацията. Ще експортираме файла с готовите кадри във флаш и ще анимираме.
extreme-tween
1. Започваме със създаването на две фигури. Ще изберем двама спортисти.
Фигурите може да си нарисувате сами или да използвате готови векторни форми.
Може да използвате снимка, за да създадете фигурите.
Ако използвате снимка, очертайте с Pen Tool контура на скейтбордиста (примерно). За Fill задайте черно без Stroke. Ще получите сложносъставена фигура. По същия начин очертайте силуета на велосипедиста и запълнете с черно.
В крайна сметка трябва да имате две фигури в работното си пространство:
2. Сега ще подготвим фигурите за анимация. Предварително трябва да изберем коя от тях ще е началото на анимацията. Важно е, защото разположението им в панела със слоевете зависи от това. Аз ще избера анимацията ми да започва с велосипедиста и да завършва със скейтбордиста. За целта ще разположа фигурата на скейтбордиста под фигурата на велосипедиста в панела със слоевете:
3. От менюто изберете Objects > Blend > Blend Options.
От падащото меню изберете Specified Steps със стойност 15:
Ако флаш анимацията ми е 30 fps тази стойност е най-добра, за да е плавна и да не насича.
4. Селектирайте двете фигури заедно. Най-лесно става от кръгчето в панела със слоевете:
Или просто вземете Selection Tool и очертайте квадрат около тях. След това изберете от менюто Objects > Blend > Make (Ctrl+Alt+B).
5. Върнете се в панела със слоевете. Ще видите, че имате подслой, наречен Blend. Селектирайте го от кръгчето:
6. Сега отворете падащото меню на панела със слоевете (от кръгчето със стрелкичка горе вдясно):
Изберете Select Release to Layers (Sequence).
По този начин подслоят ви Blend се преобразува в редица от подслоеве.
7. От менюто изберете File > Export (1). После от падащото меню изберете Flash (*.swf). Дайте име на файла и го запазете на компютъра си (2).
8. В отворилия се диалогов прозорец (3) изберете:
AI Layers to SWF Frames (от падащото меню)
30 fps
Curve Quality 7
Resolution 72
после OK
Запазете илюстраторския си файл и затворете програмата.
9. Анимиране във Flash.
Отворете Flash. Създайте нов документ. Променете параметрите му от Properties (1):
30 fps
бял цвят за background
10. Създайте нов Movie Clip, като изберете от менюто Insert > New symbol > Movie Clip (Ctrl+F8). Наречете го shape-tween.
11. Вътре в новия си Movie Clip (shape-tween) импортирайте (Ctrl+R) файла, който създадохме в Илюстратора (xtreme_tween.swf). За целта, първо не забравяйте да активирате слоя (чрез клик върху него в панела).
12. След това дайте (Ctrl+R) и намерете файла, който създадохме в Илюстратора:
Ще видите, че “xtreme_tween.swf“ влиза в работното пространство на Флаша и в лентата за анимация са поставени фреймовете, създадени с Blend Tool в Илюстратора:
13. Кликнете на първия фрейм. Отворете си библиотеката (Ctrl+L) и тествайте филмчето от бутончето в горния прозорец или дайте Ctrl + ENTER.
Крайният резултат:
extreme-tween
Вижте още комбинирани уроци за Illustrator + Photoshop
