amazonkibg / online magazine / november 2008

Първото българско електронно списание за дигитално изкуство и упражнения

Брой 2, Ноември 2008 г.

04 стр.

10 стр.

14 стр.

20 стр.

30 стр.

32 стр.

38 стр.

44 стр.

Брой 2, Ноември 2008 г.

Неоткрити таланти: галерия на Мария Христова

В броя : Интервю със Славян Стоянов - графичен дизайнери digital artist

Теория на обемната светлина

Нашето интервю: krekson

Blend Tool и анимации

Валентинки-Хелуинки

Неоткрити таланти

Пикселни прически от Xena

Flash: Падащи звезди

Менютата в InDesign

Първото българско електронно списание за дигитално изкуство и упражнения

www.amazonkibg.info [2] ноември 2008 ««

Съдържание

Нашето интервю

стр. 10

AR

T

Теория на обемната светлина

стр. 4

Ph

oto

sho

pВалентинки - Хелуинки

стр. 20

Ph

oto

sho

p

Blend Tool и анимиране

стр. 14

Illu

stra

tor

Пикселни прически от Xena

стр. 32

Pix

ela

rt


стр. 30

AR

T

Колажи от наши потребители

стр. 36

AR

TОбща пиксел творба

стр. 35

Pix

ela

rt


Приложение А

Падаща звезда

стр. 38

Fl

as

h

InD

es

ign


»» www.amazonkibg.info [3] ноември 2008

Какво ново при нас...

Здравейте, приятели!

Голямото събитие през изминалия месец, естествено, е определянето на победителя на amazonkibg.info, който спечели екскурзия за двама. Този път победителят е marta. Тя си избра да посети Гърция. Надяваме се да си изкарат чудесно двамата и да ни донесат много снимки от местата, на които са били.

Форумът ни вече може да се похвали с нова секция “Ресурси”, където можете да намерите превюта на полезни безплатни програмки, ресурси за рисуване, ресурси за Photoshop, ресурси за pixel art, ресурси за векторни програми и онлайн програми. Откритите вече подсекции ще се допълват постепенно с още материали, а скоро ще бъдат добавени и подсекции с ресурси за Flash, ресурси за 3D програми и подсекция “Разни”, където ще има различни ресурси, които не влизат в изброените вече подсекции. Всички подсекции са видими само за регистрираните потребители.

Скоро се “завърна” и страничното меню на форума ни. С него навигацията е максимално улеснена, като можете да се прехвърляте между отделните секции, без да се налага превъртане на форума.

Вече имаме и календар на събитията във форума ни. С един поглед можете да видите кога се отваря/затваря дадено състезание или анкета, кога се дава голямата ни награда и кога излиза всеки брой на списанието ни.

Променена е и цялата навигация на страниците на сайта ни. Вече всяка тема от форума ни е представена с иконка-препратка в различните секции. Достатъчно е да кликнете на съответната иконка и ще се прехвърлите направо на желаната тема във форума.

От скоро в дъното на всяка страница на сайта ни стои панелче, от което можете да гласувате за статиите ни в svejo.net.

Буквално преди дни стартира и секцията ни за теми с упражнения по Flash, която се води от mils. Дано да ни радва с още такива интересни теми.

Екипът на amazonkibg.info ви пожелава приятни и ползотворни часове на сайта и форума ни!



Photoshop

Автор: Henning Ludvigsen • Превод: Ledenata


Photoshop

►► Въведение

Нека да поекспериментираме с обемната светлина. Какво се случва, когато лъчите стават видими поради разсейване на светлината, в следствие на гъста мъгла или лека мъглица? Светлината придобива видима триизмерна форма. Още по-интересно е, когато лек, полупрозрачен материал частично блокира светлината. Сигурно много от вас не веднъж са рисували прозорец и преминаваща през стъклото светлина или потоци светлина, пробиращи се през короната на дърво. Струва ми се интересно да разбера как става всичко това.

Ще работим с два примера: единият е класически пример за прозорец и тънко перденце, за да покажем как светлината преминава през тъканта. Вторият е рисунка на фантастично крилато същество, чийто силует причудливо пречупва светлината във въздуха, а тънката кожа на крилете създава същия ефект, както и завеската на прозореца. Независимо от това, че използваме две съвършено различни изображения, към двете е приложена една и съща техника.

Когато създавате обемна светлина, не забравяйте, че работите в трите измерения. Ще ви покажа как да си улесните работата с помощта на прости помощни линии. Помнете, че всички помощни линии, сенки и светлината трябва да бъдат на отделни слоеве.

1 Представяне на 3D в 2D

Когато рисувате 3D в 2D, вие просто го правите за придаване на реализъм. Не е задължително да правите всичко безупречно, важното е крайният резултат да изглежда добре. Ако целите съвършенство, съветвам ви все пак да използвате 3D програма.Представянето на светлинните лъчи като физически обекти е добре за начало, по-важното е, че това дава на художника формата и обема.

ТеорияТеорияна обемната светлина


Photoshop

4 Отбелязваме сенките

Тази част е много важна за създаването на правилна рисунка. Но няма нужда да се създава идеална триизмерна сянка. Предлагам да сложиме спомагателни линии, които ще укажат къде пада сянката. В случай, че не виждам източника на светлина, опитвам се поне приблизително да си представя къде се намира. Отделям обектите и продължавам линиите до мястото, където се пресичат със земята. Старая се да отделя най-характерните места и най-вече краищата на обекта.

3 Да определим източника на светлина

Тъй като вече съм нарисувал персонажа, си представям къде, примерно, ще ми бъде източника на светлина. Ако източникът ми се намира във видимата зона, то си слагам отметка на нов слой, ако не е, тогава си рисувам насочващи за светлината (естествено, в случай, че не реша да експериментирам с падането на светлината под ъгъл, но нека да не усложняваме излишно урока).

Като начало нарисувах кръг под крилатия ми персонаж и правоъгълник на пода на картинката с прозореца. Това е добра база за осветената област. Използвах ярки тонове, близки до бялото и сложих режима на смесване на слоя на soft light. Не забравяйте всичко това да правите на ОТДЕЛЕН слой. По този начин грубо ще обозначим осветените области. Както виждате, източникът ми на светлина се намира точно над създанието, а през прозореца светлината влиза под ъгъл.

2 Да започнем с плоскостта

Лично аз предпочитам първо да приключа с рисуването на обектите и персонажите, да сложа основните сенки и светлина, чак след което да се заема с разсейването на

светлината. Оставям всички околни предмети и фона в сянка и практически плоски. Така ми е

по-лесно да работя със светлината и да оставям първоначалните сенки.


Photoshop

5 Рисуваме нормалните сенки

Първо правило: Колкото по-далече се намира сянката от обекта, който я създава, толкова тя е по-размита,

с изключение на случаите, когато обекта е много малък, но рязък. Правенето на сянката рязка около обекта и размивайки я с отдалечаването, придава

дълбочина на изображението.

И второто правило: Забележете, че сянката под фантастичното същество е със същия оттенък и

наситеност, както и тъмната област около светлия кръг. Същото се отнася и до картината с прозореца.

6 Да създадем обемна светлина

С помощта на спомагателните линии (стъпка 4) на нов слой с прави линии запълвам пространството между прозореца и осветената област на пода. За целта използвам обикновена мека четка. В случай, че светлината стане прекалено силна, винаги може да се намали непрозрачността на слоя.

Ето и друг начин за създаването на такава светлина: правите рязка форма и я запълвате с 100% бяло. С помощта на филтъра Guassian Blur я размивате и намалявате непрозрачността на слоя. Слагате режим на смесване на слоя Soft light. Проверете дали всеки лъч светлина е на отделен слой, иначе цялата ви работа се обезсмисля. Всяко стъкло от прозореца съхранявам на отделен слой.

7 Създаваме обемни сенки

Сега имаме обикновени сенки и обемна светлина, но не ни стига обемна сянка. Предметите, които хвърлят сянка

на земята или върху други предмети, също така трябва да хвърлят някаква сянка в лека мъглица във въздуха. Все

още използвам помощните линии от стъпка 4. С мека гума с ниска стойност на flow премахвам малко от светлината,

която създадох в предишната стъпка. Забележете, че ноктите на крилата също оставят сянка във въздуха.

Ако сте последвали съвета ми и сте сложили всеки лъч светлина на отделен слой, по-голямата част от сенките

вече ще бъде видна, но няма да навреди и добавянето на няколко допълнителни щриха.


Photoshop

9 Оцветяваме светлината

Тъй като светлината преминава през цветна тъкан (и през крилете), това без съмнение ще се отрази и на мъглицата във въздуха. Просто взимам цвета на тъканта (крилете) и рисувам по същия начин, както и обемните сенки, само че по-размито. Това придава реализъм, пък и е

интересно да си поиграеш с цветовете. Понякога ми се струва, че това е като на рок-концертите,

само светлинното петно е по-приглушено и във въздуха остава само намек за цвят...

Поекспериментирайте с режимите на смесване на слоя, за да определите кое е най-подходящото за вашия случай. Тук съм се спрял на режима Сolor.

Сенките също трябва да бъдат оцветени с лек оттенък на червеното, затова добавих малко

цвят на картината с моето същество.

10 Прахта във въздуха

За да създадете обем и да придадете дълбочина на картината, може да добавите и малко прах или летящи насекоми. Добавянето на шум към слоя с обемната светлина само ще придаде реализъм. Не се плашете да опитвате. Обикновено просто добавям малко шум с помощта на стандартния филтър във фотошоп и после го размивам леко.

8 Кожа, криле и цветна тъкан

Кожата пропуска светлината. Ако погледнете ръката си на силен източник на светлина, ще забележите, че светлината минава през кожата между пръстите, независимо от това, че вие напълно блокирате светлината. Червеният и оранжевият цвят правят кожата прозрачна, когато е осветена от обратната страна. Този ефект работи на тъкан по приблизително същия начин, въпреки че тя е направена от неорганична материя. Повърхността ще бъде осветена от противоположната на източника на светлина страна. Тъй като съществата с криле имат и “пръсти”, опитвам се да направя тези области по-тъмни, но въпреки това прибавям и малко червено, за да придам ефекта на прозрачна, осветена кожа. В същото време ми се струва, че ако покажа малко вени, това ще придаде още по-реалистичен ефект.


Photoshop

От ТУК можете да си изтеглите архива с работните файлове по този материал: двата .psd файла (за изображението с прозореца и изображението с демона), където ще видите отделните слоеве при рисуването на светлината и един файл в .jpg формат с финалния резултат на прозореца и крилатото същество. Тези три файла се предоставят от списание ImagineFX.

Професионални тайни

Ако имате намерение да изпращате работата си на клиент или да я принтите, първо се уверете, че сте изчистили изображението. Проверете дали нямате допълнителни канали или пътечки.Ако го записвате в TIFF формат, запазете го с компресия на опция “None”. Не използвайте компресия LZW, ZIP или JPЕG, тъй като това може да създаде проблеми с някои принтери.

http://amazonkibg.info/index.php?option=com_content&task=blogsection&id=6&Itemid=71



amazonkibg: Здравей! Би ли се пред-ставил с няколко думи?Славян: Казвам се Славян Дими-тров Стоянов. В мрежата ме познават под псевдонима kreksofin. На 33 години съм. Роден съм в Добрич, но съм живял там само 8 години.

amazonkibg: Къде си се научил да ри-суваш така?Славян: Учил съм в художествена гимназия във Варна, но не завъших там средното си образование. Из-

вестно време посещавах частни курсове по дърворезба.От малък рисувах, запален от ко-микса “Дъга”, който се издаваше в детството ми. Разчертавах една тетрадка с бели листа и прерисувах цели раз-кази от комикса.Голяма част от детството си съм прекарал в Албена, всъщност до първи курс. Много хора са учуде-ни, като разберат, че в курорта, освен почиващи, има и хора, които там живеят целогодишно. Аз бях от тези, които живееха там. Това ми даваше достъп до западни из-дания на комикси още по времето на комунизма и естествено, така любовта ми към рисуването се разпалваше.

amazonkibg: Наскоро си приключил с интересен проект - за радост на мал-чуганите, си нарисувал на стената на една детска градина картина с приказ-ни герои. Разкажи ни повече за това.Славян: Ами, за мен това е едно приятно преживяване, особенно, след като видях как това, което съм направил, сложи усмивки на много лица и накара детското въображение да се принесе в един вълшебен приказен свят. Боите, които използвах са за основа бял латекс, а цветовете бяха оцвети-тели за латекс. Не съм ги смесвал

Нашият гост: Славян Стоянов (kreksofin)графичен дизайнер и digital artist



с латекса, рисувах директно с тях.

amazonkibg: От колко време се занима-ваш с пиксел арт? Славян: Преди четири години в един форум видях творбите на zi и на-право бях възхитен от тях, още

тогава исках и аз да пробвам. Уста-нових, че пиксел арт не е особено популярен в България и това ме амбицира допълнително.

amazonkibg: Имаш ли предпочитания какво точно ще рисуваш?Славян: Пейзажи рисувам най-рядко, но ако имам предпочитания в ри-суването, то е самото рисуване. Предпочитам да рисувам.

amazonkibg: Ако искаш да споделиш нещо за работата си – с какво се зани-маваш?Славян: Работя като графичен дизайнер в рекламна агенция във Варна. Наеха ме на работа, защо-то, като човек, който рисува, имам по-нестандартен поглед на неща-та, също така вече имам и не малък опит в бранша. От няколко години правя дизайна на едно луксозно спи-сание, което се казва SELECTED.Занимавам се и с web, по-конкретно с графичната визуализация.



amazonkibg: Рисуваш ли с векторни про-грами?Славян: Да, рисувам с CorelDRAW и Illustrator.amazonkibg: Продължаваш ли да рису-ваш на хартия или вече си го заменил напълно с дигиталното рисуване?Славян: Синът ми учи в художестве-на паралелка и често рисуваме за-едно, за да му показвам някои неща. Случва се да рисувам и комикси на хартия.

amazonkibg: Има ли някакви по-специални техники на ри-суване, които използваш?Славян: Тези неща доста

подробно описвам в уроците, които правя и всичко она-гледявам с примери.

Обичам да екс-периментирам с

различни техники.

amazonkibg: С какъв софтуер предпочи-таш да рисуваш?Славян: Програмата Рhotoshop ми е най-голямата страст, но рисувам и с доста други: CorelDRAW, Illustrator (Вектор); Painter, Gimp, Art page (Рас-тер); Graphic Gale, Paint (за пиксел арт).

amazonkibg: Не се ли разкъсваш между пиксел арта и класическото рисуване?Славян: Не. Аз не съм типичния ху-дожник. По-скоро мога да бъда наре-чен Digital Artist.

amazonkibg: На кои творци се възхища-ваш?Славян: Всички, на които се възхища-вам също са Digital Artists. Такива са:» Alexandra Parhomenko » Reinaldo Quintero» Linda Bergkvist» Boris Vallejo» Julie Bell » Matt Stawicki и много други.

Illustrator


Приложение на Blend Tool на Illustrator за създаването на кадри за анимация в различните програми

В това упражнение ще се научим как с помощта на Blend Tool на Илюстратора можем да създадем кадри за анимация. Ще разберем как се експортира файлът с кадрите от Илюстратора към различните програми за анимиране - Flash, Photoshop (Image Ready) и After Effects.Ще разгледаме подробно и процеса на анимиране във Flash. Работните файлове свалете от ТУК.

1 Създайте две фигури в Илюстратор. Слейте ги заедно или работете върху моята векторна рисунка.Можете да използвате снимки, за да създадете фигурите или да си изтеглите готови форми. Ако използвате снимка, очертайте с Pen Tool контура на скейтбордиста (примерно). За Fill задайте черно без Stroke. Ще получите сложносъставена фигура. По същия начин очертайте силуета на велосипедиста и запълнете с черно.В крайна сметка трябва да имате две фигури в работното си пространство:

Източник: www.thevein.com, Превод: marta

http://amazonkibg.info/index.php?option=com_content&task=blogsection&id=6&Itemid=71

Illustrator


2 Сега ще подготвим фигурите за анимация. Предварително трябва да изберем коя от тях ще е началото на анимацията. Важно е, защото разположението им в панела със слоевете зависи от това. Аз ще избера анимацията ми да започва с велосипедиста и да завършва със скейтбордиста. За целта ще разположа фигурата на скейтбордиста под фигурата на велосипедиста в панела със слоевете:

3 От менюто изберете Ob-jects > Blend > Blend Options.От падащото меню изберете Specified Steps със стойност 15:

Ако флаш анимацията ми е 30 fps тази стойност е най-добра, за да е плавна и да не насича.

4 Селектирайте двете фигури заедно. Най-лесно става от кръгчето в панела със слоевете:

Или просто вземете Selection Tool и очертайте квадрат около тях. След това изберете от менюто Objects > Blend > Make (Ctrl+Alt+B).

Illustrator


5 Върнете се в панела със слоевете. Ще видите, че имате подслой, наречен Blend. Селектирайте го от кръгчето:

6 Сега отворете падащото меню на панела със слоевете (от кръгчето със стрелкичка горе вдясно):

Изберете Select Release to Layers (Sequence).По този начин подслоят ви Blend се преобразува в редица от подслоеве.

Illustrator


7 От менюто изберете File > Export (1). После от падащото меню изберете Flash (*.swf). Дайте име на файла и го запазете на компютъра си (2).

8 В отворилия се диалогов прозорец (3) изберете: AI Layers to SWF Frames (от падащото меню) 30 fps Curve Quality 7 Resolution 72 после OK

Запазете илюстраторския си файл и затворете програмата.

Illustrator


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). За целта, първо не забравяйте да активирате слоя (чрез клик върху него в панела).

Illustrator


След това дайте (Ctrl+R) и намерете файла, който създадохме в Илюстратора:

Ще видите, че “xtreme_tween.swf“ влиза в работното пространство на Флаша и в лентата за анимация са поставени фреймовете, създадени с Blend Tool в Илюстратора:

12 Кликнете на първия фрейм. Отворете си библиотеката (Ctrl+L) и тествайте филмчето от бутончето в горния прозорец или дайте Ctrl + ENTER.

Вижте резултата във форума ни, от където също можете да си свалите работните файлове - ТУК.

http://forum.amazonkibg.info/YaBB.pl?num=1222545349

Автор: kreksofin

Валентинки - Хелуинки


Photoshop

Урокът е за хора, които притежават известни умения с фотошоп и имат някакъв опит с рисуването.

* (P)- клавишна комбинация

Целта на този материал е най-вече да се усвои начинът на ползване и настройките на четките.

1 Първо скицирах идеята си на нов слой над слоя с фона.

2 След което с pen tool (P) направих сърцето.


Photoshop

3 За да имам по-голям контраст при оцветяването, промених цвета на фона с посочения на картинката (#26485b).

4 След което от Basic brushes взех твърда четка (B) и й зададох следните настройки:За Other Dynamics / Opacity Jit-ter 0% , Control: Pen Pressure, Flow Jitter 0%, Control: Pen Pressure.Отметката на Smoothing e с настройки по подразбиране, така че там не е нужна допълнителна настройка в случая.

5 При Brush Tip Shape единствената настройка е на Spacing 1%. Диаметърът на четката, който съм използвал в случая е 125 px, но това можете да променяте според нуждата ви (най-удобно е с квадратните скоби или от плъзгача). Какво прави Spacing с четката? Тя прави плавен преход от хомогенно цветово нанасяне към понижаващо се процентно остатъчно цветово нанасяне. Ако увеличите процента Spac-ing, ще забележите в какво се изразява това.


Photoshop

6 Ето и палитрата, която предварително подготвям за оцветяването на сърцето (разбира се, тя е на нов слой).

7 В следващите четири етапа показвам как изграждам оцветяването, като предварително определям посоката на светлината, от която ми зависят светлосенките. 1. Един от начините да не излизате от очертанието на сърцето е, като предварително заключите неговия слой от Layer панела (натискате квадратчето с каре, което е до опцията Lock), но разбира се, след като сте дали Rasterize Layer с десен бутон върху слоя, понеже Shape състоянието на сърцето е във векторен решим, а за да оцветявате в същия слой трябва да го преобразувате в растер. Минусът на този метод е, че по-трудно връщате стъпки назад, ако решите, че сте сбъркали. Плюсът е, че рисувате върху един слой, което прави файлът по-лек.

8 2. Друг метод е, ако оцветявате на нов слой и за да не излизате от очертанията на сърцето, правите в Power clip слоя, на който ще оцветявате. Това става, като задържите Alt и кликнете на линията между двата слоя - появява се стрелкичка с две кръгчета: черно и бяло. Можете да излезете от този режим по същия начин. Аз съм оцветявал сърцето по първия метод и съм сложил зеления отблясък на рефлекса по втория метод.Плюсовете на този метод са, че бързо можете да коригирате грешки в новия слой или просто, като го изтриете. Минусите са, че ако използвате много такива слоеве, това прави файлът ви по-тежък.


Photoshop

9 На предишната картинка виждате един слой със сърцето, които съм оставил невидим. Така си запазвам възможността за корекция, ако не харесам резултата, който съм постигнал при първия опит, без да се връщам в хисторито или да ползвам Ctrl+Alt+Z клавишна комбинация за връщане стъпки назад.

След това направих яката отново с Pen Tool (P).

10 Главите също сложих в отделна папка (в панела със слоевете).

11 За яката в слоя с палитрите си подготвих следната палитра:


Photoshop

Тук е показан етап от рисуването на яките:

12 За да нарисувам главите, използвах отново твърда четка с диаметър 8 px.И следните настройки:

13 Shape Dynamics контролира силата на удъра на четката, с който нанасяте цвета. Когато Size Jitter е на 0%, а Control е на Pen Pressure, това ще ви позволи да рисувате с тънки линии - идеално за скициране.

Ето и палитрата, която използвах за главите.


Photoshop

Тук са показани няколко етапа на изграждането на светлосенките.


Photoshop

14 След като ги нарисувах, използвах една специфична четка, за да направя текстурата на тиквената кора. Тя е в пакета Wet Media Brushes. Четката е Dry Brush on Towel, аз я настроих на 39 px, а за Opacity 55%, Flow 55%.

15 След това нарисувах кръпката върху сърцето, разбира се, отново на нов слой, като го направих в група, за да мога да слагам и нови слоеве, които да са си в папка в панела със слоевете.За кръпката използвах текстурна четка Pastel Rough Texture от пакета Dry Media Brushes, имитираща плат и направих показаните настройки.

Сега рисуваме с избраната четка.


Photoshop

16 После отново с твърда четка от пакета Basic Brushes нарисувах конец и чрез Ctrl+J го мултиплицирах. С Free transform нагласих копията.

17 От вече нарисуваното сърце направих още сърца и подобно на конците ги нагласих.


Photoshop

18 На нов слой нарисувах следните елементи.

19 По вече познатия ни начин ги оцветих.

Това е! Разбира се, можете да нарисувате и някакъв ефектен фон, но в този урок показвам само рисуването на валентинките-хелуинки.

Успех!



Казвам се Мария Христова и живея в град Варна. Въпреки, че никога не съм учила рисуване, рисувам още от детските си години и за мен то винаги е било голяма страст. Благодарение на Amazonkibg.info аз имам възможността да дам изява на това си увлечение и същевременно с това да го развивам.



Нямам предпочитания какво, как и къде ще рисувам, важното за мен е да има предизвикателство в творбата, върху която работя.

Двете творби са за състезанието “Рисуване с потребителска четка на тема “Залез“.

Трите творби са нарисувани с тази специално създадена четка:

За състезанието “Рисуване с потребителска четка на тема “Остров в морето“.

PixelArt


Xena е приготвила за вас няколко урока за рисуване на пикселни прически, които можете да разгледате във форума ни. Тук ще публикуваме само урока за събрана нагоре коса.

В началото малко общи насоки, отнасящи се до всичките уроци.Трябва ви кукла и палитра за косата. Ако нямате своя собствена, може да ползвате тези от темата във форума ни - кликнете ТУК.

Урок 1: Кокове.

Урок 2: Дълги и вълнисти коси.

Урок 3: Красива прическа.

Пикселни прически от XenaАвтор: Xena, Източник: demiart.ru, Превод: tcvetelinka


PixelArt


Урок 4: Коси, събрани нагоре.

1 С най-тъмния цвят направете контура на прическата.

2 След това, с втория цвят нарисувайте кичурите. Аз съм добавила един кичур и на челото, за да изглежда прическата по-естествено.

3 С цвят № 3 запълнете празните области.

PixelArt


4 С цвят № 4 добавете светли кичури върху основния цвят. Оставете място между двата цвята.

5 С цвят № 5 добавете още светли участъци върху тези, които направихте с цвят №4. Отново оставяйте разстояние между цветовете.

6 Практически, сега всичко сме направили. С цвета на контура добавете и сянка от косата върху лицето. По желание, можете да добавите цветя или украшения. Ако искате прическата да изглежда старомодна, можете да добавите букли.

PixelArt


При нас всеки може да се включи в рисуването на общата пиксел творба на тема “В света на приказките”.

Когато разграфените поленца се запълнят, следва ново разширяване в различни посоки. Вече са запълнени 13 правоъгълника и този път творбата беше разграфена за продължение надясно. Можете да рисувате приказни герои (обекти) по ваш избор, като всичко трябва да е синхронизирано с околните полета. Дадена е и палитра, с която да се работи. Желаещите да участват, заявяват номера на избраното от тях парченце. В първия пост на темата постоянно се актуализира информацията за вече заетите парчета и изображението със завършените до момента части. За да видите темата, кликнете ТУК.

Ето етап от рисуването:

“В света на приказките”

Обща пиксел творбана тема




Във всеки брой на списанието ще ви показваме някои от колажите на потребителите ни от темите ни за упражнения с Photoshop.

Flash


За вас направи: milsИзползван източник: www.toxiclab.org

Движение на малки частици около обект

В този урок е представен начина за постигане на ефект на движение на малки частици при движение на мишката върху изображението. Урокът е много базисен, лесен дори за начинаещите и изключително приложим, ако искате да направите своите презентации, хедъри или менюта по-артистични. Ефектът се постига чрез Action script 2.0, който е даден в края на урока и няма да се наложи да го пишете сами.

Основните техники, които ще може да усвоите от този урок:- как да създавате instance name- как да центрирате изображение в работното поле- как да създавате Movie Clip Symbol

Ето как изглежда и самият ефект - кликнете ТУК. (Кликнете и минете с мишката по небето на картинката.)

Можете да се упражните върху тази картинка, като си я свалите от темата във форума ни.

(Нощна сцена с падащи звезди)

http://prikachi.com/flash.php?users/sugarsun/8l.swf

Flash


1 Ако сте с по-старата версия на флаш Macromedia Flash Professional 8, просто създайте нов документ (File > New Flash File).Aко използвате Abobe Flash CS3, погледнете следващата картинка, тъй като ви трябва документ, който ползва Action Script 2.0.

2 Отворете Document Proper-ties, като използвате клавишната комбинация Ctrl+J или Modify > Document... Въведете показаните параметри, които всъщност, съответстват на параметрите на самото изображение. Изберете произволен background color и променете Frame rate на 44.

3 Сега трябва да вкараме и изображението в този документ - File > Import > Import to stage (Ctrl+R).

Flash


4 Както виждате, част от картинката се намира извън работното поле (stage), затова ще ползваме функциите на Align, за да я позиционираме правилно. За целта, във вече споменатия панел Align (Window > Align) цъкнете с мишката на показаните места.

5 Вземете Selection Tool (V) и кликнете върху слой 1, за да промените името му на Background. След което създайте нов слой (Insert > Timeline > Layer или кликнете на показаната иконка) и по същия начин променете името му на Stars.

6 Отново със Selection Tool (V) кликнете на слой Back-ground и като използвате Pen Tool и неговите спомагателни инструменти, начертайте звезда или друга малка форма по ваш избор. Също така, можете да използвате и готовите форми.

Flash


Сега ще ви покажа, как може да се възползвате от готовата форма звезда, (можете да избирате колко лъчи да има звездата, като напишете цифра в посоченото поле - това я прави изключително функционална. Първо вземете Polystar Tool, след което в панела Properties (Ctrl+F9) натиснете Options... и от падащото меню изберете star. В полето Number of Sides може да попълните друга стойност, отговаряща на върховете на желаната от нас звезда.

Flash


7 Още, докато звездичката е селектирана, я превърнете в Symbol (Modify > Convert to Sym-bol или F8).

8 След като вече сте направили Movie Clip и той е селектиран, погледнете малко по-надолу от работното поле, където ще видите панела Proper-ties. В лявата страна се съдържа поле Instance name, което в случая ние ще зададем като Star_mc.

9 Сега над слоя Stars, създайте нов слой, който наречете action.

Flash


10 Вземете Selection Tool (V), кликнете на първия кадър от timeline и отворете панела Actions (F9) , където коригирайте следния код:

stop();import mx.transitions.Tween;import mx.transitions.easing.*;star_mc._visible = false;var i:Number = 1;var total:Number = 1000;var effect_duration:Number = 1.4;

onMouseMove = function(){var fm = star_mc.duplicateMovieClip(“fm” + i, i );fm.gotoAndStop( random(fm._totalframes) + 1 );position_x = _xmouse + random(100) - 50;position_y = _ymouse + random(100) - 50;

new Tween(fm, “_xscale”, Strong.easeOut, 60, 30, effect_duration, true);new Tween(fm, “_yscale”, Strong.easeOut, 60, 30, effect_duration, true);new Tween(fm, “_alpha”, Strong.easeInOut, 100, 0, effect_duration, true);new Tween(fm, “_x”, Strong.easeOut, _xmouse, position_x, effect_duration, true);fm_tween = new Tween(fm, “_y”, Strong.easeOut, _ymouse, position_y, effect_duration, true);

fm_tween.onMotionFinished = function(){removeMovieClip(fm);}if(i >= total){i = 1;}i++;}

var fm_menu:ContextMenu = new ContextMenu();fm_menu.hideBuiltInItems(); _root.menu = fm_menu;var item:ContextMenuItem = new ContextMenuItem(“Created by www.toxiclab.org”, toxiclab);fm_menu.customItems[0] = item;function toxiclab() { getURL(“http://www.toxiclab.org”); }

Това е!

За повече информация, вижте работния fla файл, който можете да свалите от темата във форума ни - ТУК. Успех!


В това приложение ще се запознаете с менютата в InDesign. Първата част на материала е теория, втората част е упражнение за усвояване на наученото.

Приложение А

InDesignСтъпка по Стъпка

с Нина Керемедчиева - Болярка

УводInDesign е мощна и най-вече практична програма,

предназначена за дизайн и предпечатна подготовка. С нея с лекота можете да създадете различни печатни материали - от визитката и макетното писмо, до опа-ковъчната кутия и големия транспарант.

Програмата е изключително удобна и при странирането на вестници, списания, книги, диплянки, каталози, брошури, флаери и т.н.

С помощта на InDesign лесно ще създадете PDF файлове, който ще бъдат съобразени с целите, за които ще ги използвате - дали те ще бъдат само за интернет среда или ще бъдат предоставени за печат. Ако вашият документ ще бъде предназначен за интернет, можете да го обогатите с ин-терактивни обекти като бутони, музика, филми, а ако ще го разпечатвате, то благодарение на InDesign, лесно ще откриете проблемните места - шриф-тове, цветове и т.н.

Удобството на InDesign е, че е напълно интегрирана с другите прило-жения на Adobe: Photoshop, Illustrator, Acrobat, GoLive и InCopy. Програ-мата е съвместима и с QuarkXpress, Pagemaker, CorelDraw, Word, Excel и др.

В настоящата рубрика ще имам честта да ви запозная с част от огромните възможности на InDesign. Надявам се, че заедно ще овладе-ем InDesign, така че създадените чрез нея продукти да имат максимален успех.

InDesignСтъпка по Стъпка

с Нина Керемедчиева - Болярка

Да започваме!Забавлявайте се, докато се учите!

InDesign Стъпка по

Стъпка


Независимо с коя програма ще работите, важно е първо да се запознаете с нейната работна среда. Определено голямо улеснение за работата ви е, ако във всеки един момент знаете точно къде да търсите някое меню, контролен панел, оп-

ция или палитра. Много тромаво бихте работили, дори да гледате пример, ако за всяко действие търсите къде точно трябва да натиснете.Ваше предимство е, ако сте работили с други подобни програми (и изобщо програми за графична обработка), защото значително по-лесно

ще се ориентирате в интерфейса на InDesign.

Какво има в InDesignРаботното поле на InDesign

напомня на макетна дъска, което включва страницата (документа) с неговите фиксирани размери, обе-ктите, които са извън страницата и, може би, са в готовност да бъдат използвани. Екрана съдържа всич-ки инструменти, които са ни нужни. Образно казано, това са нашите пергели, линии, гумички, моливи, цветни моливи и всичко, което е необходимо, ако се прави макет на ръка.

1. Menu bar (Меню). Класиче-ски падащи менюта с команди, с които почти всички програми раз-полагат. До необходимата команда се стига, като кликвате по веднъж върху името на нужното меню.

2. Control bar (Контролен панел). Наличните опции, които можете да използвате, когато сте избрали инструмент от Toolbox.

3. Toolbox (Кутия с инстру-менти). Инструментите могат да бъдат избирани чрез щракване върху иконата на желания инстру-мент, но освен това, много удоб-но е използването на клавишните комбинации.

4. Palettes (Панели). Всички панели могат да бъдат изведени на работния екран от менюто Windows, където са подредени по азбу-чен ред. Те могат да бъдат комбинирани според вашия стил на работа,

Работната среда на InDesignПреди да

започна с представя-

нето на работната среда в InDesign, бих искала да отбележа, че моите екрани са много по-семпли от тези, които повече-то компютри имат. Тези настройки за из-чистени прозорци и бутони съм направи-ла от настройките на Windows-a. С тях целя намаляване на излишно ангажиране на памет и съответ-но по-бързо работене с тежките програми на Adobe.

Бих искала също така да кажа, че в на-стоящите уроци ще говоря основно за ра-ботата с Windows, а само на моменти ще споменавам някои раз-личия за Macintosh.


Стъпка


Независимо с коя програма ще работите, важно е първо да се запознаете с нейната работна среда. Определено голямо улеснение за работата ви е, ако във всеки един момент знаете точно къде да търсите някое меню, контролен панел, оп-

ция или палитра. Много тромаво бихте работили, дори да гледате пример, ако за всяко действие търсите къде точно трябва да натиснете.Ваше предимство е, ако сте работили с други подобни програми (и изобщо програми за графична обработка), защото значително по-лесно

ще се ориентирате в интерфейса на InDesign.

Shortcuts (клавиш-

ни комбинации) само за Windows.

Миними-зиране на всички прозорци

Windows key+M

Показване/скриване на всички Control bar

Tab

Показване/скриване на всички панели и инструмен-ти, с изклю-чение на Toolbox и Control bar

Shift+Tab

могат да бъдат „сгъвани” когато не се използват.

5. Document window (Прозорец с документа). Това е страницата/е, на която роботите в момента. >>>

Работната среда на InDesign


Стъпка


Прозорец с документа (страницата)

А. Title bar (Заглавна лента). Това е наименованието на файла, върху който работите. На пръв поглед това е маловажно, но когато работите с повече от един документ едновременно, тази лентичка придобива не малка роля.

B. Page (Страница). Това е вашето работно поле. Страница-та (страниците), на който работите. То винаги е обградено от тънка линия и тъмна сянка. Бя-лото пространство извън очертанието се нарича Pasteboard. То не се печата, с изключение на случаите, когато това изрично е ука-зано. Кликвайки с десния бутон на мишката върху работното поле, се появя-ват някои от най-често из-ползваните опции.

C. Rulers (Водачи, рулери). Най-образно ка-зано водачите са линийки. Когато са видими, водачите винаги са разположени в горната и лявата страна на вашето работно поле. Мер-ните единици на водачите могат да бъдат избрани от Edti > Preferences > Unit. От тях можете да издъ-рпвате линии, които не се принтират, а служат за ори-ентация.

D. Нулева точка на рулерите. Ако кликнете два пъти в полето, където водачите се кръстосват, то нулевата точка ще бъде най-дясната част от до-кумента. Но ако искате да промените нулевата точка, щтракнете с мишката върху пресечното поле и изтегле-те до желаната позиция.

E. Мащаб (изглед) на документа. Често изгледа не ни устройва – понякога е

Ако клик-нете два пъти върху рулерите, в тази точ-

ка ще се появи линия-водач. Обектите в интер-

фейса на InDesign ра-ботят и изглеждат по един и същи на-чин за Mac и Windows. Всички инструмен-ти са подкрепени с етикети-подсказки, които макар и на ан-глийски (или предпо-читания език) обяс-няват какво е това. Така, че дори да не се досетите кое как-во е от картинката на иконата (нещо, в което се съмнявам), етикетите ще ви го „дообяснят”.


Стъпка


прекалено малък, друг път е прекалено голям. Кликвайки върху стрел-ката с десния бутон на мишката, можете да променяте това, което виж-дате в %.

F. Номер на Страница. Показва на коя страница се намирате в мо-мента. Кликвайки върху стрелката с десния бутон на мишката можете да отидете на друга страница. Групата бутони отляво и дясно, подобно на бутоните на DVD-то, ви дават възможност да минете на следващата, предишната или последната страница.

G. Scroll (Ленти за превъртане). Хоризонтални и вертикални лен-ти за превъртане се използват за панорамиране (превъртане без про-мяна на мащаба) по хоризонтала или вертикала в работното поле, а и по-бавно преминаване от една в друга страница. >>>



Затваряне на предния документ

Ctrl+W

Затваряне на всички документи

Shift+Ctrl+Alt+W

Създава-не на нов документ

Ctrl+N

Отваряне на документ

Ctrl+O

Търсене на документ чрез Adobe Bridge

Ctrl+Alt+O


Стъпка



За разлика от инстру-ментите, менютата в InDesign

се различават за раз-личните платформи (Mac и Windows). Как-то уточних в увода, поради масовото из-ползване на Windows ще пиша само за него и ще прескоча обяс-ненията за Мас.

Менюто File:Преди всички, командите от менюто File са за отваряне, съхра-

няване, импортване.

1. New. От подменюто можете да изберете дали ще създадете нов документ, книга или библиотека (document, book or library).

2. Open. Дава възможност да отворите документ, чиито фор-мат е съвместим с този на InDesign.

3. Browse. Свързва ви с Adobe Bridge File Browser, експлорер за разглеждане и манипулиране на изображе-ния, но той е наличен с паке-та Creative Suite или трябва да се инсталира отделно.

4. Open Recent. В под-менюто се показват послед-ните десет отворени доку-мента.

5. Close. Затваря до-кумента, който виждате на екрана. Ако сте работили по него, ще се отвори диалогов прозорец, който ще ви попи-та дали искате да запазите направените промени.

6. Save. Запазва про-мените, които правите в до-кумента, записвайки върху стария файл. Ако запазвате за първи път документа, ще се появи диалогов прозорец, чрез който ще трябва да ука-жете мястото, името и фор-мата, с които искате да запа-зите документа.

7. Save As. Когато иска-те да запазите документа с ново място, име и формат.

8. Save а Version. Рабо-

Обектите в ин-терфейса на InDesign работят и изглеждат по един и същи на-чин за Mac и Windows. Всички инструмен-ти са подкрепени с етикети-подсказки, които макар и на ан-глийски (или предпо-читания език), обяс-няват какво е това. Така, че дори да не се досетите кое какво е от картинката на иконата (нещо, в кое-то се съмнявам), ети-кетите ще ви го „доо-бяснят”.


Стъпка


ти само, когато имате инсталиран и включен Adobe Version Cue. С тази опция можете да запазите файла върху друг компютър по локал-ната мрежа или Интернет.

9. Save A Copy. Пододно на Save As, се използва, когато иска-те да запазите документа с ново място, име и формат, но в наимено-ванието винаги ще има думичката “copy”.

10. Revert. Възстановява документа до неговото най-скорошно записване. Поради факта, че действието на “revert” не може да бъде върнато обратно (както с undo например), винаги излиза диалогов прозорец, които ви предупреждава за това.

11. Place. Отваря се диалогов прозорец, с който търсите раз-лични съместими с InDesign графики, картинки, текстове и т.н. (TIFF, EPS, AI, PSD, DOC, TXT…). Всъщност това е един от най-добрите начини да добавяте елементи във вашия документ, нещо, за което ще говорим по-подробно.

12. Import XML. Отваря се диалогов прозорец за избиране и им-портване на XML. Това е една доста интересна опция, на която смя-там да отделя повече внимание в бъдещите уроци.

13. Adobe PDF Presets. Показва се подменю, от което можете да изберете между различни настройки за запазване на документа в PDF формат. От същото място можете да създадете и запазите нови настройки за запис като PDF.

14. Export. Отваря се диалогов прозорец, в който има различни опции за запис на документа във формати, различни от .indd (раз-ширението на документите на InDesign). Можете да експортнете до-кумента като JPG, PDF и др.

15. Document Presets. Показва се подменю, от което можете да създадете нов документ със запазени параметри. Тук се отваря още едно подменю, от което можете да дефинирате нови параметри. Тези параметри са като на File > New > Document.

16. Document Setup. Отваря се диалогов прозорец, чрез който можете да промените настройките на документа – размер, маргини, страници, ориентация и т.н.

17 File Info. От диалогов прозорец можете да видите и съхраните информацията за файла – размери, цветови модел и т.н.

18. Preflight. Представлява бързо сканиране на документа и от-белязване на местата, където са възможни проблеми при запис или разпечатване. Изключително полезна опция, когато става въпрос за предпечатна подготовка.

19. Package. Подобно на Preflight прави бързо сканиране на до-кумента, но се отваря диалогов прозорец, които ви дава възможност да коригирате или да зададете да продължи, отваряйки следващото място, което се нуждае от корекция.

20. Package for GoLive. „Предпечатна подготовка”, която е пред-назначена, ако документа ви ще бъде експортван за интернет и евен-туално обработван с Adobe’s GoLive редактора.



Запазване на доку-мент като (Save as)

Shift+Ctrl+S

Запазване на документ като копие (Save a copy)

Alt+Ctrl+S

Place (Вмъкване) Ctrl+D

Export Ctrl+E

Docu-ment setup

Alt+Ctrl+P

Preflight

Alt+Shift+Ctrl+F

Package

Alt+Shift+Ctrl+P

Print Ctrl+P

>>>


Стъпка


21. Print Presets. Показва се подменю, от което можете да избира-те между различни настройки за разпечатване на документа, показва се и подменю, от което можете да задавате нови настройки. Отговаря се и от File > Print.

22. Print. Отваря се диалогов прозорец за настройки за разпечат-ване на документа

23. InBookletSe... * – Инсталиран Plug-in. Една по-специфична опция, за която по-подробно ще говоря по-нататък. С две думи, тя е много полезна, когато даден документ трябва да бъде подреден по коли за печат.

24. Exit. Затваря програмата и всички отворени документи. Всъщност, Adobe Bridge е доста по-удобен за търсене на изображения, от-колкото е Windows Explorer, защото с него можете да раз-глеждате формати, които с приложение-то на Windows няма да можете (TIFF, EPS, AI, PSD).

Вие можете да създавате и запазва-те настройки за до-кументи с различни от стандартните за InDesign настройки – размер, колони, но-мера на страниците, маргинси и т.н.

Mожете да им-портвате XML фай-лове (един от най-масовия формат за запазване на инфор-мация от блогове), но трябва да знаете, че работата с XML та-говете се различава доста от обичайната работа с текстове на InDesign.

Менюто Edit:Менюто Edit съдържа доста често

използвани опции - Undo, Redo, Copy/Paste и Select All. Но нека ги разгледаме по-отблизо.

1. Undo. Връща последното дей-ствие. Можете да се върнете няколко стъпки назад.

2. Redo. Обратната функция на Undo (връщате върнатото действие.).

3. Cut е добре позната функция. С нея изрязвате (премахвате) маркирания текст или обект, като го запазвате във временната памет.

4. Copy. Запаметява копирания текст или обект.

5. Командите Paste:

а. Paste: Вмъква запаметения чрез copy или cut обект.

б. Paste Without Formatting: Вмъква запаметения обект, но премахва всякакви направени промени (например, формати-ран текст).

в. Paste Into: Вмъква запаметения обект в указано (селектирано) място (рамка).

г. Paste In Place: Вмъква запамете-ния обект в същата позиция, от където е копиран или изрязан.

6. Clear. Премахва всичко, което е


Стъпка


селектирано, но за разлика от cut, не запаметява обектите.

7. Duplicate. Дублира селектираните обекти, като вмъква копието в най-близките до обекта координати на Х и У.

8. Step аnd Repeat. Дублира обект или обекти, като ги вмъква на указано от вас място с координатите Х и У, също и брой на дубликатите. Тази опция винаги е придружена от диалогов прозорец, който ви „пита” за координатите и броя на копиранията.

9. Select/Deselect All. Със Select All маркирате всички обекти, кои-те се намират на видимата страница или група от страници. А ако сте избрали инструмента за писане, се селектира целия текст от текстовата рамка. Обратното на това действие е Deselect All.

*. InCopy Показва се подменю с опции, с които да се приготви до-кумента за работа с Adobe InCopy. Тази опция е налична само с инста-

лиран Adobe InCopy.

10. Edit Original. Показва селектирания и вмъкнат обект в неговия оригинален вид. Например, ако сте вмъкнали, намали-ли и изрязвали снимка, с тази опция вие ще можете да я видите в нейния оригинален вид.

11. Edit in Story Editor. Свързва текстовете в „Story Editor”, където подобно на повечето текстообработващи програми, ще можете да коригирате текста. Още в този „Story Editor” вие мо-жете да видите всички форматирания (стил, шрифт, размер...).

12. Quick Apply. Отваря се диалогов прозорец (по-скоро меню), от където вие бързо можете да намерите някои от на-стройките, които сте задали за обект, параграф, стил...

13. Find/Change commands. Подобно на Find/Replace в Word, намира и заменя части от текста. Например, ако търсите думата „куче” и искате да я замените с „животно”.

14. Spelling. Показва се подменю с различни опции: Autocorrect – автоматично коригиране на греши, тази функция е удобна преди всичко за текстове на език, който е наличен в речника на InDesign, за съжаление, все още няма на български. Dynamic Spelling – подчертава думите, в които има правописна грешка, но също не е удачна опция, ако използвате български, и Dictionary - речник.

15. Transparency Blend Space. Показва се подменю, от ко-ето можете да избирате между цветовите модели RGB и CMYK за прозрачността в документа.

16. Transparency Flattener Presets. Отваря се диалогов прозорец, които ви дава възможност да избирате между стан-дартните Low (малка), Medium (средна), или High (висока) ре-золюция на екрана. Имате възможност за модифициране и до-бавяне на настройки.

17 Color Settings. Отваря се диалогов прозорец, от къде-то можете да избирате различни цветови настройки и модели. Хубаво е тези настройки да бъдат синхронизирани и с другите



Step and repeat

Alt+Ctrl+U

Select all Ctrl+ADeselect all

Shift+Ctrl+A

Edit in Story Editor

Ctrl+Y

Quick Apply

Ctrl+Enter

Find/Change

Ctrl+F

Find next Alt+Ctrl+F

Check spelling

Ctrl+I

>>>


Стъпка




Undo Ctrl+ZRedo Shift

+Ctrl+Z

Copy Ctrl+CPaste Ctrl+VPaste without Formatting

Shift+Ctrl+V

Paste Into Alt+Ctrl+V

Paste in place

Alt+Shift+Ctrl+V

Duplicate Alt+Shift+Ctrl+D

Бързо дублира-не на обект или текст става, като маркирани-ят обект го придвижи-те с мишката и в също-то време натискате клавиша ALT.

програми от Creative Suite или да бъдат съобразени с предназначе-нието на документа (печатница, принтер, интернет).

18. Assign Profiles. Отваря се диалогов прозорец, от където мо-жете да избирате специфични RGB и CMYK цветови настройки за документа.

19. Convert To Profile. Отваря се диалогов прозорец, от където вие можете да преобразувате вашия документ в специфичен цветови профил.

20. Keyboard Shortcuts. Отваря се диалогов прозорец, от къде-то можете да изберете между различни клавишни комбинации. Дава ви се избор между стандартните клавишни комбинации на InDesign, PageMaker 7 и QuarkXPress 3.3. Ако желаете, можете да променяте или създавате свои клавишни комбинации (нещо, което не ви съвет-вам да правите, поне, докато не усвоите програмата добре).

21. Preferences. Предпочитания. Настройки на работната среда (предпочитаните мерни единици, цветови схеми, шрифтове).

Менюто Layout:Менюто Layout съдържа опции за настройки на страниците

в документите на InDesign. Тук ще на-мерите настройки за маргинси (периферни полета), колони, во-дачи... няколко функ-ции за автоматично номериране, създава-не на съдържание и т.н.:

1. Pages. Показ-ва се подменю с на-стройки за добавяне (adding), изтриване (deleting), дублиране (duplicating), вмъква-не (inserting) и пре-местване (moving) на страници.

2. Margins аnd Columns. Отваря се диалогов прозорец за настройка на маргин-сите (периферните полета) и колоните.

3. Guides (во-дачи). Ruler Guides


Стъпка


>>>

отваря диалогов прозорец с настройки на дебелината (в проценти) и цвета на водачите (линиите за ориентация). Create Guides отваря ди-алогов прозорец, от където можете да зададете по-голям брой линии за ориентация.

4. Layout Adjustment. Отваря се диалогов прозорец, от където можете да промените настройките на полето.

5. Page navigation. Навигация. First Page и Last Page показват първата и последна страница. Next Page и Previous Page показват следващата и предишната страница.

6. Spread navigation. Навигация в комбинацията от страници (Spread). Next Spread и Previous Spread показват следващата или предишната група от страници.

7. Go Back/Forward. Връща на предишната посетена страница, а ако искате отново да се върнете на тази, от която сте излезли, задайте Go Forward.

8. Numbering & Section Options. Отваря се диалогов прозорец, от където можете да зададете специфично номериране на страниците (вместо 1, 2, 3, можете да зададете A, B, C). Не бъркайте тази опция с Insert Page Number, за която ще кажа по-долу.

9. Table Of Contents. Отваря се диалогов прозорец, от където можете да създадете съдържание. За него ще има цял урок.

10. Update Table Of Contents. Актуализира съдържанието, когато сте правили промени в документа (махнати или добавени страници, вмъкнати текстове и т.н.).

11. Table Of Contents Styles. Отваря се диалогов прозорец, от където се създават, променят или изтриват стилове, с които да се пра-ви съдържанието.



First page

Shift+Ctrl+PageUp

Previous page

Shift+PageUp

Next page

Shift+PageDown

Last page

Shift+Ctrl+PageDown

Next spread

Alt+PageDown

Previous spread

Alt+PageUp >>>


Стъпка


Менюто Type:Името на менюто Type подсказва своето предназначение. Не-

гова основна функция е текста и форматирането му:

1. Font. От подменю се показват (и избират) наличните шрифтове.

2. Size. От подменю се показват стандартните размери на шрифта (вие можете да ги променяте).

3. Type Palette commands. Всяка една от тях показва различни опции:

Character – шрифт, големина, раз-стояние и т.н. на буквите;

Paragraph – форматиране на пара-графите;

Tabs – табулиране (разстояния); Glyphs – символи, Story – оптична настройка на мар-

гините; Character и Paragraph styles –

създава, променя или изтрива стилове.

4. Create Outlines. Преобразува селектирания текст в графичен обект (прави текста в криви).

5. Find Font. Отваря се диалогов прозорец, от където можете да търси-те и „покажете” местонахождението на липсващ шрифт.

6. Change Case. Селектираните букви сменят вида си: UPPERCASE – само големи букви, Title Case – загла-вие, Sentence case – изречение или lowercase – само малки букви.

7. Type оn а Path. Показва се под-меню, с което ще можете да напишете текста „по пътечка”.

8. Insert Footnote. Използва се вмъкване на „крайна бележка” – това може да е номер на страница, линия, символ, картинка, текст и т.н. Вие можете да зададете каквато желаете информация за целта.

9. Document Footnote Options. От диалогов прозорец се зада-ват настройки за „крайната бележка.

10. Командите Insert. Всяка една от тях има подменю, което по-казва какво може да бъде добавено към текстовото поле. Например: Insert Special Character – вмъква специален „знак”, буква, символ, Insert White Space – вмъква бяло поле.



Character palette

Ctrl+T

Paragraph palette

Ctrl+M

Tabs palette Shift+Ctrl+T

Character stylesParagraph styles

F11

Create outlines

Shift

Менюто Fill With Placeholder Text всъщност отгова-ря на Jabberwocky от QuarkXPress.

11. Fill With Placeholder Text. Запълва маркираната текстова с наличен текст – по-простичко казано, някакъв текст.

12. Show/Hide Hidden Characters. Показва/Скрива невидимите символи, като интерва-лите, новите редове и табулациите, които се намират във вашия документ.

Менюто Object:Менюто Object съдържа много опции за работа с рамки и фигури. Тук мо-

жете да добавяте сянка или замъгляване (размиване) – ефекти, които са до-бре познати от Photoshop и Illustrator. Можете да добавяте и различни инте-рактивни ефекти и/или обекти, като музика, филми, бутони, експортирани PDF файлове и т.н. Може би е удачно да отбележа, че често и самият текст (според начина на селектиране) също може да се разглежда като обект.

1. Transform. Показват се под-менюта с опции за преобразуване на обектите – Move (преместване), Scale (мащабиране), Rotate (завъртане) и Shear (накланяне).

2. Transform Again. Показват се подменюта, които задават различни команди за повторно преобразуване на обекта.

3. Arrange. Показват се подменю-та, от които можете да избирате по-следователността на застъпване на обекта спрямо другите обекти на стра-ницата. Например, за фона ще използ-вате Send To Back (изпрати най-отзад, а за акцентирано и направено с ефек-ти заглавие Bring To Front (изпрати най-отпред). Другите две опции: Send Backward и Bring Forward са съответ-но за едно назад и едно напред.

4. Select. Показват се подменюта, от които можете да избирате различни опции за маркиране на обектите.

5. Group/Ungroup. Опцията е активна, когато имате повече от един маркиран обект. С нея вие можете да ги групирате или разгрупирате.

6. Lock/Unlock Position. Заключи или отклю-чи маркираните обекти. Когато са заключени, вие не можете да ги местите или да ги променяте (с изключение на заключения текст, който можете да редактирате).

7. Text Frame Options. От диалогов прозорец се задават настройки за текстово каре – колони,

>>>



Стъпка


отстъпки, бели полета и т.н.

8. Anchored Object. Много лесно ще схванете какво е това, ако ви кажа, че по действие по нищо не се отличава от bookmarks.

9. Fitting. Показват се подменюта, от които можете да изберете начин обекта да стои в рамката. Например, ако сте вмъкнали изо-бражение, но рамката, която сте задали е прекалено голяма, ще за-дадете „Fit frame to content”.

10. Content. Показват се подменюта, от които определяте дали даден обект е текст, графика или нито едно от двете (unassigned).

11. Drop Shadow. От диалогов прозорец се задават настройки за създаване на падаща сянка.

12. Feather. От диалогов прозорец се задават настройки за „раз-миване”.

13. Corner Effects. От диалогов прозорец се задават настройки за преобразуване на ъглите.

14. Object Layer Options. От диалогов прозорец се задават на-стройки за прозрачността на слоевете на PSD файлове. Разбира се, за да е активна тази функция, трябва да имаме вмъкнати PSD фай-лове и те трябва да бъдат маркирани.

15. Clipping Path. Ако познавате добре Photoshop, едва ли ще се затрудните какво означава това. От диалогов прозорец се задават настройки за създаване на пътечки, но тук отново говорим за иморт-вани обекти от файлове с разширение PSD, AI, TIFF.

16. Image Color Settings. Става въпрос за променяне на цвето-вите настройки, но на обекти от PSD файлове.

17. Interactive. Показва се набор от подменюта, от които можете да избирате дали да са интерактивни обекти, които после да бъдат експортвани като PDF. Можете да добавяте филми, музика, web бу-тони.

18. Compound Paths. Показват се подменюта, от които можете да превърнете маркирана фигура в пътечки – отворени, затворени или обърнати.

19. Paths. Показват се подменюта, от които можете да променя-те пътечките – отворени, затворени или обърнати.

20. Pathfinder. Показват се подменюта, от където можете да ком-бинирате две фигури, така че да се получи трета. За тази функция ще отделим повече време.

21. Convert Shape. Показват се подменюта, от които можете да изберете в какво да преобразувате дадена фигура, линия, рамка – линия, триъгълник, елипса и т.н.

22. Display Performance. Показват се подменюта, които ви дават възможност да избирате качеството, с което графиките да се показ-ват на екрана (това няма връзка с качеството им на разпечатване).



Move Shift+Ctrl+M

Transform again

Alt+Ctrl+3

Transform sequence Again

Alt+Ctrl+4

Bring to front

Shift+Ctrl+]

Bring forward

Ctrl+]

Send backward

Ctrl+[

Send to back

Shift+Ctrl+[

Text frame options

Ctrl+B

Fit content to frame

Alt+Ctrl+E

Fit frame to content

Alt+Ctrl+C

Center content

Shift+Ctrl+E

Fit content pr.

Alt+Shift+Ctrl+E

Fill frame pr. Alt+Shift+Ctrl+C


Стъпка


Менюто Table:

Едно от най-големите предимства на InDesign пред другите подобни програми са вмъкването, създаването и ма-нипулирането на таблици.

1. Insert Table. Отваря се диалогов прозорец, чрез който да вмъкнете таблица в определената чрез маркиране текстова рамка.

2. Convert Text To Table/Table To Text. Всяка една от тези опции ви дава възможност, чрез отваряне на диалогов прозорец да преобразувате текст в таблица или таблица в текст.

3. Table Options. От подменю се показват опции за форматира-не на таблицата – рамка, разстоя-ния, заливки, подложки...

4. Cell Options. От подменю се показват опции за форматира-не на отделни секции (клетки) от таблицата – текст, заливки и рам-ки, колони и редове, диагонални

линии.

5. Insert/Delete. От подменютата можете да избирате дали да до-бавяте или премахвате колони и редове в таблицата. Курсорът на ин-струмента за писане трябва да се намира в таблицата там, където же-лаете да направите промените.

6. Select. От подменютата кои части от таблицата да бъдат марки-рани – клетка, колона, ред и т.н.

7. Merge/Unmerge Cells. Сливане/Разделяне на две или повече клетки от таблицата.

8. Split Cell Horizontally/Vertically. Разделя селектираните клетки от таблицата.

9. Convert Rows. От подменютата ви се дава възможност да превръщате обикновените клетки в заглавни, тяло или завършващи.

10. Distribute Rows/Columns Evenly. Изравнява всички селекти-рани клетки или колони.

11. Go To Row. От подменютата ви се дава възможност да отидете и маркирате определена част на таблицата.

12. Edit Header/Footer. Превръща селектираната част на таблица-та в заглавна или завършваща. >>>



Insert table

Alt+Shift+Ctrl+T

Table setup

Alt+Shift+Ctrl+B

Вие можете да вмъквате таблица в та-блица. Този тип вмъква-не се нарича “nesting” (вмъкване).

Един от силните козове на InDesign е, че можете да вмъквате таблици от Microsoft Word и Excel, като за-пазвате настройките им. За целта, изберете File > Place и след това изберете мястото, където искате да бъде вмъкната таблицата.


Стъпка


Менюто View:Менюто View включва няколко опции за показването на ваша-

та работа върху екрана.

1. Overprint Preview. Показва симулация на това, как ще изглежда вашата страница при разпечатва-не – сами можете да видите разликите.

2. Proof Setup. От под-менютата се показват симу-лация на цветовете при раз-лични цветови настройки.

3. Proof Colors. Показ-ва симулация как ще изглеж-дат цветовете, когато ще бъдат разпечатани, като се съобразява с настройките, избрани от Proof. Селекти-райки още веднъж тази на-стройка, тя ще се изключи.

4. Zoom In/Out. Нама-лява или увеличава изгле-да в проценти. Тази опция винаги увеличава изгледа спрямо централната точка на селектираната област или средата на екрана, кой-то в момента виждате.

5. Командите Fit. Fit Page In Window – „кадри-рай” страницата в прозореца, т.е. страницата ще се вижда цялата. Fit Spread In Window – същото като страницата, но групата от страници, Actual Size – е реалния размер на документа, така, както ще изглеж-да, ако бъде разпечатан и Entire Pasteboard, което вмъква цялото поле (печатното и това отстрани в екрана).

6. Screen Mode. От подменюто можете да избирате между след-ните: Normal е, когато виждате цялото работно поле, при Preview, Bleed и Slug се вижда само страницата.

7. Display Performance. От подменюто се настройва как да виж-дате дисплея.

8. Structure. От подменюто можете да видите структурата на до-кумента. По тази точка също ще говорим допълнително.

9. Show/Hide Hyperlinks. Покажи/Скрий линковете.



Overprint preview

Alt+Shift+Ctrl+Y

Zoom in Ctrl+=Zoom out Ctrl

+(minus)Fit page in window

Ctrl+0

Fit spread in window

Alt+Ctrl+0

Actual size

Ctrl+1

Entire Paste-board

Alt+Shift+Ctrl+0

Fast display

Shift+Ctrl+0

Typical display

Alt+Ctrl+Z

High-quality display

Alt+Ctrl+H

Show structure

Alt+Ctrl+1

Show/hide text threads

Alt+Ctrl+Y

Show/hide frame edges

Ctrl+H


Стъпка


10. Show/Hide Text Threads. Показва или скрива стрелките, кои-то свързват един текст в различни рамки.

11. Show/Hide Frame Edges. Показва или скрива всички асисти-ращи рамки.

12. Show/Hide Rulers. Показва/Скрива всички водачи.

13. Grids & Guides. От подменюто се избира дали да се скрият/ покажат, заключат или „разчупят” помощните линии и водачите.

14. Story Editor. От подменюто се избират настройки за скрива-не или показване на „легендите”.

Менюто Window:От менюто Window можете да изберете различните панели,

които да се показват на работното ви поле. Панелите са подредени по азбучен ред. За тях ще говорим по-натам, ето защо тук няма да ги описвам.

1. Arrange. От тук можете да организирате как искате да е отворен вашият документ или документи. Можете да зададете за всеки доку-мент да е отворен в нов прозорец, да не е разположен на целия екран, а като подпрозорец.

2. Workspace. До тук стана ясно, че InDesign дава възможност за настройване на работното поле, според вашите нужди и предпочи-тания. От тук можете да запазите вашите предпочитания и следва-щия път, когато работите бързо да настроите екрана така, както ви е най-удобно.

3. Palette List. Списъкът с па-нелите.

4. Open Documents. Списък на отворените документи.



Color palette

F6

Control bar Alt+Ctrl+6

Info palette Win: F8

Layers palette

F7

Links palette

Shift+Ctrl+D

Align palette

Shift+F7

Transform palette

F9

Object Styles palette

Ctrl+F7

Separa-tions palette

Shift+F6

Pages palette

F12

Stroke palette

F10

Swatches palette

F5Менюто Help:В рамките на шегата: надявам

се, след редовното следене на на-стоящата рубрика, да нямате нуж-да от това меню.

◙

Отражение на текст с InDesignВ настоящия урок ще ви покажа как с няколко лесни стъпки можете да направите

ефектно отражение на текст. Освен направата на самото отражение, в урока ще ви-дите няколко бързи и лесни трика за боравене с основни инструменти в InDesign.

1. Първо ще създадем нов документ от File > New > Document или (Ctrl+N). Ако ис-кате да работите по-бързо, особено, ако компютърът ви не е от най-мощните, можете да създадете новия документ с малки размери, например 150х100мм.

2. Използвайки Rectangle Tool или (M) създаваме че-рен правоъгълник, така че да обхване цялата горна част от страницата ни. Цветът се избира от панела swatches.

3. От палитрата „swatches” чрез „tint” намаляваме наситеността на черното до 20%. Новополученият цвят задаваме като нов. Това става чрез натискане на NEW, намиращо се в най-долната част на палитрата.


Отражение на текст с InDesign4. Отворете Gradient pallet и чрез влачене задайте

цвета за заливката. Така бързо ще замените стандартно зададеният за градиента 100% черно. Градиентът трябва да е на “linear”. Променете ъгъла на 90o.

Трябва да имате нещо подобно на показаното на картинката.

5. Сега ще дублираме правоъгълника. Има доста начини да стане това. Най-познатият е с copy/paste, но значително по-лесно и бързо е, ако просто придърпате правоъгълника, например, надолу, като в същото време държите клавиша ALT.

Нека новият правоъгълник да е равен с първия, като краищата им се опират.

>>>


6. Използвайки Type Tool (T) „нарисувайте” правоъгълник между двата правоъгълника с градиента.

Напишете текст. За урока ще напиша „amazonkibg.info” и ще използ-вам Arial Black, 48pt, центрирано.

Нека да оцветим буквите. Изберете червено от панела swatches и оцветете вътрешността на текста.

7. Ще дублираме текста. Направете, както направихте в дублирането на пра-воъгълника – влачете текста, като сте на-тиснали ALT.

За да бъде логично отражението, тряб-ва да завъртим дублирания текст. Това ста-ва чрез натискане на flip vertically. Вижте на картинката къде се намира бутона.

Подравнете двата текста.


8. Отворете панела „gradient”. Влачейки, поставете червения цвят, който използвахме за буквите, в края на градиента.

9. Променете ъгъла на -90, location на 70.

10. За да стои отражението по-добре, ще променим малко прозрачността. Ще я оставим на “normal”, но ще намалим “opacity” на 50%.
