Първото българско електронно списание за дигитално изкуство и упражнения
Първото българско електронно списание за дигитално изкуство и упражнения
Брой 2, Ноември 2008 г.
Брой 2, Ноември 2008 г.
В броя : Интервю със Славян Стоянов - графичен дизайнер и digital artist 04 стр.
Теория на обемната светлина 10 стр.
Нашето интервю: kreksofin 14 стр.
Blend Tool и анимации 20 стр.
Валентинки-Хелуинки 30 стр.
Неоткрити таланти 32 стр.
Пикселни прически от Xena 38 стр.
Flash: Падащи звезди 44 стр.
Менютата в InDesign
Неоткрити таланти: галерия на Мария Христова
T стр. 32
Падаща звезда стр. 38
www.amazonkibg.info www.amazonkibg.info [2] [2] ноември ноември 2008 2008 «« ««
T Колажи от наши потребители стр. 36
A
Pixelart
стр. 35
F l a s h
Обща пиксел творба
R A
Пикселни прически от Xena
A
стр. 30
R
Неоткрити таланти
Photoshop
стр. 20
Pixelart
Валентинки Хелуинки
T
стр. 14
стр. 10
R
Blend Tool и анимиране
Нашето интервю
Менютата в InDesign Приложение А
InDesign
стр. 4
Illustrator
Теория на обемната светлина
Photoshop
Съдържание
Какво ново при нас... Здравейте, приятели! Голямото събитие през изминалия месец, естествено, е определянето на победителя на amazonkibg.info, който спечели екскурзия за двама. Този път победителят е marta. Тя си избра да посети Гърция. Надяваме се да си изкарат чудесно двамата и да ни донесат много снимки от местата, на които са били. Форумът ни вече може да се похвали с нова секция “Ресурси”, където можете да намерите превюта на полезни безплатни програмки, ресурси за рисуване, ресурси за Photoshop, ресурси за pixel art, ресурси за векторни програми и онлайн програми. Откритите вече подсекции ще се допълват постепенно с още материали, а скоро ще бъдат добавени и подсекции с ресурси за Flash, ресурси за 3D програми и подсекция “Разни”, където ще има различни ресурси, които не влизат в изброените вече подсекции. Всички подсекции са видими само за регистрираните потребители. Скоро се “завърна” и страничното меню на форума ни. С него навигацията е максимално улеснена, като можете да се прехвърляте между отделните секции, без да се налага превъртане на форума. Вече имаме и календар на събитията във форума ни. С един поглед можете да видите кога се отваря/затваря дадено състезание или анкета, кога се дава голямата ни награда и кога излиза всеки брой на списанието ни. Променена е и цялата навигация на страниците на сайта ни. Вече всяка тема от форума ни е представена с иконка-препратка в различните секции. Достатъчно е да кликнете на съответната иконка и ще се прехвърлите направо на желаната тема във форума. От скоро в дъното на всяка страница на сайта ни стои панелче, от което можете да гласувате за статиите ни в svejo.net. Буквално преди дни стартира и секцията ни за теми с упражнения по Flash, която се води от mils. Дано да ни радва с още такива интересни теми. Екипът на amazonkibg.info ви пожелава приятни и ползотворни часове на сайта и форума ни!
»»www.amazonkibg.info www.amazonkibg.info[3] [3]ноември ноември2008 2008 »»
Photoshop
www.amazonkibg.info [4] ноември 2008 ««
Автор: Henning Ludvigsen • Превод: Ledenata
Photoshop
Теория
на обемната светлина
►►
Въведение
Нека да поекспериментираме с обемната светлина. Какво се случва, когато лъчите стават видими поради разсейване на светлината, в следствие на гъста мъгла или лека мъглица? Светлината придобива видима триизмерна форма. Още по-интересно е, когато лек, полупрозрачен материал частично блокира светлината. Сигурно много от вас не веднъж са рисували прозорец и преминаваща през стъклото светлина или потоци светлина, пробиращи се през короната на дърво. Струва ми се интересно да разбера как става всичко това. Ще работим с два примера: единият е класически пример за прозорец и тънко перденце, за да покажем как светлината преминава през тъканта. Вторият е рисунка на фантастично крилато същество, чийто силует причудливо пречупва светлината във въздуха, а тънката кожа на крилете създава същия ефект, както и завеската на прозореца. Независимо от това, че използваме две съвършено различни изображения, към двете е приложена една и съща техника. Когато създавате обемна светлина, не забравяйте, че работите в трите измерения. Ще ви покажа как да си улесните работата с помощта на прости помощни линии. Помнете, че всички помощни линии, сенки и светлината трябва да бъдат на отделни слоеве.
1
Представяне на 3D в 2D
Когато рисувате 3D в 2D, вие просто го правите за придаване на реализъм. Не е задължително да правите всичко безупречно, важното е крайният резултат да изглежда добре. Ако целите съвършенство, съветвам ви все пак да използвате 3D програма. Представянето на светлинните лъчи като физически обекти е добре за начало, по-важното е, че това дава на художника формата и обема.
»» www.amazonkibg.info [5] ноември 2008
Photoshop
2
Да започнем с плоскостта
Лично аз предпочитам първо да приключа с рисуването на обектите и персонажите, да сложа основните сенки и светлина, чак след което да се заема с разсейването на светлината. Оставям всички околни предмети и фона в сянка и практически плоски. Така ми е по-лесно да работя със светлината и да оставям първоначалните сенки.
3
Да определим източника на светлина
Тъй като вече съм нарисувал персонажа, си представям къде, примерно, ще ми бъде източника на светлина. Ако източникът ми се намира във видимата зона, то си слагам отметка на нов слой, ако не е, тогава си рисувам насочващи за светлината (естествено, в случай, че не реша да експериментирам с падането на светлината под ъгъл, но нека да не усложняваме излишно урока). Като начало нарисувах кръг под крилатия ми персонаж и правоъгълник на пода на картинката с прозореца. Това е добра база за осветената област. Използвах ярки тонове, близки до бялото и сложих режима на смесване на слоя на soft light. Не забравяйте всичко това да правите на ОТДЕЛЕН слой. По този начин грубо ще обозначим осветените области. Както виждате, източникът ми на светлина се намира точно над създанието, а през прозореца светлината влиза под ъгъл.
4
Отбелязваме сенките
Тази част е много важна за създаването на правилна рисунка. Но няма нужда да се създава идеална триизмерна сянка. Предлагам да сложиме спомагателни линии, които ще укажат къде пада сянката. В случай, че не виждам източника на светлина, опитвам се поне приблизително да си представя къде се намира. Отделям обектите и продължавам линиите до мястото, където се пресичат със земята. Старая се да отделя найхарактерните места и най-вече краищата на обекта.
www.amazonkibg.info [6] ноември 2008 ««
Photoshop 5
Рисуваме нормалните сенки
Първо правило: Колкото по-далече се намира сянката от обекта, който я създава, толкова тя е по-размита, с изключение на случаите, когато обекта е много малък, но рязък. Правенето на сянката рязка около обекта и размивайки я с отдалечаването, придава дълбочина на изображението. И второто правило: Забележете, че сянката под фантастичното същество е със същия оттенък и наситеност, както и тъмната област около светлия кръг. Същото се отнася и до картината с прозореца.
6
Да създадем обемна светлина
С помощта на спомагателните линии (стъпка 4) на нов слой с прави линии запълвам пространството между прозореца и осветената област на пода. За целта използвам обикновена мека четка. В случай, че светлината стане прекалено силна, винаги може да се намали непрозрачността на слоя. Ето и друг начин за създаването на такава светлина: правите рязка форма и я запълвате с 100% бяло. С помощта на филтъра Guassian Blur я размивате и намалявате непрозрачността на слоя. Слагате режим на смесване на слоя Soft light. Проверете дали всеки лъч светлина е на отделен слой, иначе цялата ви работа се обезсмисля. Всяко стъкло от прозореца съхранявам на отделен слой.
7
Създаваме обемни сенки
Сега имаме обикновени сенки и обемна светлина, но не ни стига обемна сянка. Предметите, които хвърлят сянка на земята или върху други предмети, също така трябва да хвърлят някаква сянка в лека мъглица във въздуха. Все още използвам помощните линии от стъпка 4. С мека гума с ниска стойност на flow премахвам малко от светлината, която създадох в предишната стъпка. Забележете, че ноктите на крилата също оставят сянка във въздуха. Ако сте последвали съвета ми и сте сложили всеки лъч светлина на отделен слой, по-голямата част от сенките вече ще бъде видна, но няма да навреди и добавянето на няколко допълнителни щриха.
»» www.amazonkibg.info [7] ноември 2008
Photoshop
8
Кожа, криле и цветна тъкан
Кожата пропуска светлината. Ако погледнете ръката си на силен източник на светлина, ще забележите, че светлината минава през кожата между пръстите, независимо от това, че вие напълно блокирате светлината. Червеният и оранжевият цвят правят кожата прозрачна, когато е осветена от обратната страна. Този ефект работи на тъкан по приблизително същия начин, въпреки че тя е направена от неорганична материя. Повърхността ще бъде осветена от противоположната на източника на светлина страна. Тъй като съществата с криле имат и “пръсти”, опитвам се да направя тези области по-тъмни, но въпреки това прибавям и малко червено, за да придам ефекта на прозрачна, осветена кожа. В същото време ми се струва, че ако покажа малко вени, това ще придаде още пореалистичен ефект.
9
Оцветяваме светлината
Тъй като светлината преминава през цветна тъкан (и през крилете), това без съмнение ще се отрази и на мъглицата във въздуха. Просто взимам цвета на тъканта (крилете) и рисувам по същия начин, както и обемните сенки, само че по-размито. Това придава реализъм, пък и е интересно да си поиграеш с цветовете. Понякога ми се струва, че това е като на рок-концертите, само светлинното петно е по-приглушено и във въздуха остава само намек за цвят... Поекспериментирайте с режимите на смесване на слоя, за да определите кое е най-подходящото за вашия случай. Тук съм се спрял на режима Сolor. Сенките също трябва да бъдат оцветени с лек оттенък на червеното, затова добавих малко цвят на картината с моето същество.
10
Прахта във въздуха
За да създадете обем и да придадете дълбочина на картината, може да добавите и малко прах или летящи насекоми. Добавянето на шум към слоя с обемната светлина само ще придаде реализъм. Не се плашете да опитвате. Обикновено просто добавям малко шум с помощта на стандартния филтър във фотошоп и после го размивам леко.
www.amazonkibg.info [8] ноември 2008 ««
Photoshop
Професионални тайни Ако имате намерение да изпращате работата си на клиент или да я принтите, първо се уверете, че сте изчистили изображението. Проверете дали нямате допълнителни канали или пътечки. Ако го записвате в TIFF формат, запазете го с компресия на опция “None”. Не използвайте компресия LZW, ZIP или JPЕG, тъй като това може да създаде проблеми с някои принтери.
От ТУК можете да си изтеглите архива с работните файлове по този материал: двата .psd файла (за изображението с прозореца и изображението с демона), където ще видите отделните слоеве при рисуването на светлината и един файл в .jpg формат с финалния резултат на прозореца и крилатото същество. Тези три файла се предоставят от списание ImagineFX.
»» www.amazonkibg.info [9] ноември 2008
Нашето
интервю
Нашият гост: Славян Стоянов (kreksofin) графичен дизайнер и digital artist вестно време посещавах частни курсове по дърворезба. От малък рисувах, запален от комикса “Дъга”, който се издаваше в детството ми. Разчертавах една тетрадка с бели листа и прерисувах цели разкази от комикса. Голяма част от детството си съм прекарал в Албена, всъщност до първи курс. Много хора са учудени, като разберат, че в курорта, освен почиващи, има и хора, които там живеят целогодишно. Аз бях от тези, които живееха там. Това ми даваше достъп до западни издания на комикси още по времето на комунизма и естествено, така любовта ми към рисуването се разпалваше. amazonkibg: Здравей! Би ли се представил с няколко думи? Славян: Казвам се Славян Димитров Стоянов. В мрежата ме познават под псевдонима kreksofin. На 33 години съм. Роден съм в Добрич, но съм живял там само 8 години. amazonkibg: Къде си се научил да рисуваш така? Славян: Учил съм в художествена гимназия във Варна, но не завъших там средното си образование. Из-
www.amazonkibg.info [10] ноември 2008 ««
amazonkibg: Наскоро си приключил с интересен проект - за радост на малчуганите, си нарисувал на стената на една детска градина картина с приказни герои. Разкажи ни повече за това. Славян: Ами, за мен това е едно приятно преживяване, особенно, след като видях как това, което съм направил, сложи усмивки на много лица и накара детското въображение да се принесе в един вълшебен приказен свят. Боите, които използвах са за основа бял латекс, а цветовете бяха оцветители за латекс. Не съм ги смесвал
Нашето с латекса, рисувах директно с тях.
интервю
тогава исках и аз да пробвам. Установих, че пиксел арт не е особено популярен в България и това ме амбицира допълнително. amazonkibg: Имаш ли предпочитания какво точно ще рисуваш? Славян: Пейзажи рисувам най-рядко, но ако имам предпочитания в рисуването, то е самото рисуване. Предпочитам да рисувам.
amazonkibg: От колко време се занимаваш с пиксел арт? Славян: Преди четири години в един форум видях творбите на zi и направо бях възхитен от тях, още
amazonkibg: Ако искаш да споделиш нещо за работата си – с какво се занимаваш? Славян: Работя като графичен дизайнер в рекламна агенция във Варна. Наеха ме на работа, защото, като човек, който рисува, имам по-нестандартен поглед на нещата, също така вече имам и не малък опит в бранша. От няколко години правя дизайна на едно луксозно списание, което се казва SELECTED. Занимавам се и с web, по-конкретно с графичната визуализация.
»» www.amazonkibg.info [11] ноември 2008
Нашето
интервю
amazonkibg: Рисуваш ли с векторни програми? Славян: Да, рисувам с CorelDRAW и Illustrator. amazonkibg: Продължаваш ли да рисуваш на хартия или вече си го заменил напълно с дигиталното рисуване? Славян: Синът ми учи в художествена паралелка и често рисуваме заедно, за да му показвам някои неща. Случва се да рисувам и комикси на хартия. amazonkibg: Има ли някакви по-специални техники на рисуване, които използваш? Славян: Тези неща доста подробно описвам в уроците, които правя и всичко онагледявам с примери. Обичам да експериментирам с различни техники.
www.amazonkibg.info [12] ноември 2008 ««
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 за създаването на кадри за анимация в различните програми Източник: www.thevein.com, Превод: marta
В това упражнение ще се научим как с помощта на Blend Tool на Илюстратора можем да създадем кадри за анимация. Ще разберем как се експортира файлът с кадрите от Илюстратора към различните програми за анимиране - Flash, Photoshop (Image Ready) и After Effects. Ще разгледаме подробно и процеса на анимиране във Flash. Работните файлове свалете от ТУК. Създайте две фигури в Илюстратор. Слейте ги заедно или работете върху моята векторна рисунка. Можете да използвате снимки, за да създадете фигурите или да си изтеглите готови форми. Ако използвате снимка, очертайте с Pen Tool контура на скейтбордиста (примерно). За Fill задайте черно без Stroke. Ще получите сложносъставена фигура. По същия начин очертайте силуета на велосипедиста и запълнете с черно. В крайна сметка трябва да имате две фигури в работното си пространство: 1
www.amazonkibg.info [14] ноември 2008 ««
Illustrator
Сега ще подготвим фигурите за анимация. Предварително трябва да изберем коя от тях ще е началото на анимацията. Важно е, защото разположението им в панела със слоевете зависи от това. Аз ще избера анимацията ми да започва с велосипедиста и да завършва със скейтбордиста. За целта ще разположа фигурата на скейтбордиста под фигурата на велосипедиста в панела със слоевете: 2
От менюто изберете Objects > Blend > Blend Options. От падащото меню изберете Specified Steps със стойност 15: 3
Ако флаш анимацията ми е 30 fps тази стойност е най-добра, за да е плавна и да не насича.
Селектирайте двете фигури заедно. Най-лесно става от кръгчето в панела със слоевете: 4
Или просто вземете Selection Tool и очертайте квадрат около тях. След това изберете от менюто Objects > Blend > Make (Ctrl+Alt+B).
»» www.amazonkibg.info [15] ноември 2008
Illustrator
Върнете се в панела със слоевете. Ще видите, че имате подслой, наречен Blend. Селектирайте го от кръгчето: 5
Сега отворете падащото меню на панела със слоевете (от кръгчето със стрелкичка горе вдясно): 6
Изберете Select Release to Layers (Sequence). По този начин подслоят ви Blend се преобразува в редица от подслоеве.
www.amazonkibg.info [16] ноември 2008 ««
Illustrator
От менюто изберете File > Export (1). После от падащото меню изберете Flash (*.swf). Дайте име на файла и го запазете на компютъра си (2). 7
В отворилия се диалогов прозорец (3) изберете: AI Layers to SWF Frames (от падащото меню) 30 fps Curve Quality 7 Resolution 72 после OK 8
Запазете илюстраторския си файл и затворете програмата.
»» www.amazonkibg.info [17] ноември 2008
Illustrator
Анимиране във Flash. Отворете Flash. Създайте нов документ. Променете параметрите му от Properties (1): 9
30 fps бял цвят за background
Създайте нов Movie Clip, като изберете от менюто Insert > New symbol > Movie Clip (Ctrl+F8). Наречете го shape-tween. 10
Вътре в новия си Movie Clip (shape-tween) импортирайте (Ctrl+R) файла, който създадохме в Илюстратора (xtreme_tween.swf). За целта, първо не забравяйте да активирате слоя (чрез клик върху него в панела). 11
www.amazonkibg.info [18] ноември 2008 ««
Illustrator
След това дайте (Ctrl+R) и намерете файла, който създадохме в Илюстратора:
Ще видите, че “xtreme_tween.swf“ влиза в работното пространство на Флаша и в лентата за анимация са поставени фреймовете, създадени с Blend Tool в Илюстратора:
Кликнете на първия фрейм. Отворете си библиотеката (Ctrl+L) и тествайте филмчето от бутончето в горния прозорец или дайте Ctrl + ENTER. 12
Вижте резултата във форума ни, от където също можете да си свалите работните файлове - ТУК.
»» www.amazonkibg.info [19] ноември 2008
Валентинки - Хелуинки
Автор: kreksofin
Photoshop
Урокът е за хора, които притежават известни умения с фотошоп и имат някакъв опит с рисуването. * (P)- клавишна комбинация Целта на този материал е най-вече да се усвои начинът на ползване и настройките на четките.
Първо скицирах идеята си на нов слой над слоя с фона. 1
След което с pen tool (P) направих сърцето. 2
»» www.amazonkibg.info [21] ноември 2008
Photoshop
За да имам поголям контраст при оцветяването, промених цвета на фона с посочения на картинката (#26485b). 3
След което от Basic brushes взех твърда четка (B) и й зададох следните настройки: За Other Dynamics / Opacity Jitter 0% , Control: Pen Pressure, Flow Jitter 0%, Control: Pen Pressure. Отметката на Smoothing e с настройки по подразбиране, така че там не е нужна допълнителна настройка в случая. 4
При Brush Tip Shape единствената настройка е на Spacing 1%. Диаметърът на четката, който съм използвал в случая е 125 px, но това можете да променяте според нуждата ви (най-удобно е с квадратните скоби или от плъзгача). Какво прави Spacing с четката? Тя прави плавен преход от хомогенно цветово нанасяне към понижаващо се процентно остатъчно цветово нанасяне. Ако увеличите процента Spacing, ще забележите в какво се изразява това. 5
www.amazonkibg.info [22] ноември 2008 ««
Photoshop
Ето и палитрата, която предварително подготвям за оцветяването на сърцето (разбира се, тя е на нов слой). 6
В следващите четири етапа показвам как изграждам оцветяването, като предварително определям посоката на светлината, от която ми зависят светлосенките. 1. Един от начините да не излизате от очертанието на сърцето е, като предварително заключите неговия слой от Layer панела (натискате квадратчето с каре, което е до опцията Lock), но разбира се, след като сте дали Rasterize Layer с десен бутон върху слоя, понеже Shape състоянието на сърцето е във векторен решим, а за да оцветявате в същия слой трябва да го преобразувате в растер. Минусът на този метод е, че по-трудно връщате стъпки назад, ако решите, че сте сбъркали. Плюсът е, че рисувате върху един слой, което прави файлът по-лек. 7
2. Друг метод е, ако оцветявате на нов слой и за да не излизате от очертанията на сърцето, правите в Power clip слоя, на който ще оцветявате. Това става, като задържите Alt и кликнете на линията между двата слоя - появява се стрелкичка с две кръгчета: черно и бяло. Можете да излезете от този режим по същия начин. Аз съм оцветявал сърцето по първия метод и съм сложил зеления отблясък на рефлекса по втория метод. Плюсовете на този метод са, че бързо можете да коригирате грешки в новия слой или просто, като го изтриете. Минусите са, че ако използвате много такива слоеве, това прави файлът ви по-тежък. 8
»» www.amazonkibg.info [23] ноември 2008
Photoshop На предишната картинка виждате един слой със сърцето, които съм оставил невидим. Така си запазвам възможността за корекция, ако не харесам резултата, който съм постигнал при първия опит, без да се връщам в хисторито или да ползвам Ctrl+Alt+Z клавишна комбинация за връщане стъпки назад. 9
След това направих яката отново с Pen Tool (P).
Главите също сложих в отделна папка (в панела със слоевете). 10
За яката в слоя с палитрите си подготвих следната палитра: 11
www.amazonkibg.info [24] ноември 2008 ««
Photoshop
Тук е показан етап от рисуването на яките:
За да нарисувам главите, използвах отново твърда четка с диаметър 8 px. И следните настройки: 12
Shape Dynamics контролира силата на удъра на четката, с който нанасяте цвета. Когато Size Jitter е на 0%, а Control е на Pen Pressure, това ще ви позволи да рисувате с тънки линии идеално за скициране. 13
Ето и палитрата, която използвах за главите.
»» www.amazonkibg.info [25] ноември 2008
Photoshop
Тук са показани няколко етапа на изграждането на светлосенките.
www.amazonkibg.info [26] ноември 2008 ««
Photoshop
След като ги нарисувах, използвах една специфична четка, за да направя текстурата на тиквената кора. Тя е в пакета Wet Media Brushes. Четката е Dry Brush on Towel, аз я настроих на 39 px, а за Opacity 55%, Flow 55%. 14
След това нарисувах кръпката върху сърцето, разбира се, отново на нов слой, като го направих в група, за да мога да слагам и нови слоеве, които да са си в папка в панела със слоевете. За кръпката използвах текстурна четка Pastel Rough Texture от пакета Dry Media Brushes, имитираща плат и направих показаните настройки. 15
Сега рисуваме с избраната четка.
»» www.amazonkibg.info [27] ноември 2008
Photoshop
После отново с твърда четка от пакета Basic Brushes нарисувах конец и чрез Ctrl+J го мултиплицирах. С Free transform нагласих копията. 16
От вече нарисуваното сърце направих още сърца и подобно на конците ги нагласих. 17
www.amazonkibg.info [28] ноември 2008 ««
Photoshop
На нов слой нарисувах следните елементи. 18
По вече познатия ни начин ги оцветих. 19
Това е! Разбира се, можете да нарисувате и някакъв ефектен фон, но в този урок показвам само рисуването на валентинкитехелуинки. Успех!
»» www.amazonkibg.info [29] ноември 2008
Неоткрити таланти
Казвам се Мария Христова и живея в град Варна. Въпреки, че никога не съм учила рисуване, рисувам още от детските си години и за мен то винаги е било голяма страст. Благодарение на Amazonkibg.info аз имам възможността да дам изява на това си увлечение и същевременно с това да го развивам.
www.amazonkibg.info [30] ноември 2008 ««
Неоткрити таланти Нямам предпочитания какво, как и къде ще рисувам, важното за мен е да има предизвикателство в творбата, върху която работя.
Двете творби са за състезанието “Рисуване с потребителска четка на тема “Залез“.
Трите творби са нарисувани с тази специално създадена четка: За състезанието “Рисуване с потребителска четка на тема “Остров в морето“. »» www.amazonkibg.info [31] ноември 2008
PixelArt
Пикселни прически от Xena Автор: Xena, Източник: demiart.ru, Превод: tcvetelinka Xena е приготвила за вас няколко урока за рисуване на пикселни прически, които можете да разгледате във форума ни. Тук ще публикуваме само урока за събрана нагоре коса. В началото малко общи насоки, отнасящи се до всичките уроци. Трябва ви кукла и палитра за косата. Ако нямате своя собствена, може да ползвате тези от темата във форума ни - кликнете ТУК.
Урок 1: Кокове.
Урок 2: Дълги и вълнисти коси.
Урок 3: Красива прическа.
www.amazonkibg.info [32] ноември 2008 ««
PixelArt
Урок 4: Коси, събрани нагоре.
С най-тъмния цвят направете контура на прическата. 1
След това, с втория цвят нарисувайте кичурите. Аз съм добавила един кичур и на челото, за да изглежда прическата поестествено. 2
С цвят № 3 запълнете празните области. 3
»» www.amazonkibg.info [33] ноември 2008
PixelArt
С цвят № 4 добавете светли кичури върху основния цвят. Оставете място между двата цвята. 4
С цвят № 5 добавете още светли участъци върху тези, които направихте с цвят №4. Отново оставяйте разстояние между цветовете. 5
Практически, сега всичко сме направили. С цвета на контура добавете и сянка от косата върху лицето. По желание, можете да добавите цветя или украшения. Ако искате прическата да изглежда старомодна, можете да добавите букли. 6
www.amazonkibg.info [34] ноември 2008 ««
PixelArt
Обща пиксел творба на тема
“В света на приказките”
П
ри нас всеки може да се включи в рисуването на общата пиксел творба на тема “В света на приказките”.
Когато разграфените поленца се запълнят, следва ново разширяване в различни посоки. Вече са запълнени 13 правоъгълника и този път творбата беше разграфена за продължение надясно. Можете да рисувате приказни герои (обекти) по ваш избор, като всичко трябва да е синхронизирано с околните полета. Дадена е и палитра, с която да се работи. Желаещите да участват, заявяват номера на избраното от тях парченце. В първия пост на темата постоянно се актуализира информацията за вече заетите парчета и изображението със завършените до момента части. За да видите темата, кликнете ТУК.
Ето етап от рисуването:
»» www.amazonkibg.info [35] ноември 2008
Неоткрити таланти
Във всеки брой на списанието ще ви показваме някои от колажите на потребителите ни от темите ни за упражнения с Photoshop.
www.amazonkibg.info [36] ноември 2008 ««
Неоткрити таланти
»» www.amazonkibg.info [37] ноември 2008
Flash
Движение на малки частици около обект (Нощна сцена с падащи звезди) За вас направи: mils Използван източник: www.toxiclab.org
В този урок е представен начина за постигане на ефект на движение на малки частици при движение на мишката върху изображението. Урокът е много базисен, лесен дори за начинаещите и изключително приложим, ако искате да направите своите презентации, хедъри или менюта по-артистични. Ефектът се постига чрез Action script 2.0, който е даден в края на урока и няма да се наложи да го пишете сами. Основните техники, които ще може да усвоите от този урок: - как да създавате instance name - как да центрирате изображение в работното поле - как да създавате Movie Clip Symbol Ето как изглежда и самият ефект - кликнете ТУК. (Кликнете и минете с мишката по небето на картинката.)
Можете да се упражните върху тази картинка, като си я свалите от темата във форума ни.
www.amazonkibg.info [38] ноември 2008 ««
Flash
Ако сте с по-старата версия на флаш Macromedia Flash Professional 8, просто създайте нов документ (File > New Flash File). Aко използвате Abobe Flash CS3, погледнете следващата картинка, тъй като ви трябва документ, който ползва Action Script 2.0. 1
Отворете Document Properties, като използвате клавишната комбинация Ctrl+J или Modify > Document... Въведете показаните параметри, които всъщност, съответстват на параметрите на самото изображение. Изберете произволен background color и променете Frame rate на 44. 2
Сега трябва да вкараме и изображението в този документ - File > Import > Import to stage (Ctrl+R). 3
»» www.amazonkibg.info [39] ноември 2008
Flash
Както виждате, част от картинката се намира извън работното поле (stage), затова ще ползваме функциите на Align, за да я позиционираме правилно. За целта, във вече споменатия панел Align (Window > Align) цъкнете с мишката на показаните места. 4
Вземете Selection Tool (V) и кликнете върху слой 1, за да промените името му на Background. След което създайте нов слой (Insert > Timeline > Layer или кликнете на показаната иконка) и по същия начин променете името му на Stars. 5
Отново със Selection Tool (V) кликнете на слой Background и като използвате Pen Tool и неговите спомагателни инструменти, начертайте звезда или друга малка форма по ваш избор. Също така, можете да използвате и готовите форми. 6
www.amazonkibg.info [40] ноември 2008 ««
Flash
Сега ще ви покажа, как може да се възползвате от готовата форма звезда, (можете да избирате колко лъчи да има звездата, като напишете цифра в посоченото поле - това я прави изключително функционална. Първо вземете Polystar Tool, след което в панела Properties (Ctrl+F9) натиснете Options... и от падащото меню изберете star. В полето Number of Sides може да попълните друга стойност, отговаряща на върховете на желаната от нас звезда.
»» www.amazonkibg.info [41] ноември 2008
Flash
Още, докато звездичката е селектирана, я превърнете в Symbol (Modify > Convert to Symbol или F8). 7
След като вече сте направили Movie Clip и той е селектиран, погледнете малко понадолу от работното поле, където ще видите панела Properties. В лявата страна се съдържа поле Instance name, което в случая ние ще зададем като Star_mc. 8
Сега над слоя Stars, създайте нов слой, който наречете action. 9
www.amazonkibg.info [42] ноември 2008 ««
Flash Вземете Selection Tool (V), кликнете на първия кадър от timeline и отворете панела Actions (F9) , където коригирайте следния код: 10
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 файл, който можете да свалите от темата във форума ни - ТУК. Успех!
»» www.amazonkibg.info [43] ноември 2008
Приложение А
В това приложение ще се запознаете с менютата в InDesign. Първата част на материала е теория, втората част е упражнение за усвояване на наученото.
InDesign Стъпка по Стъпка с Нина Керемедчиева - Болярка
Увод InDesign е мощна и най-вече практична програма, предназначена за дизайн и предпечатна подготовка. С нея с лекота можете да създадете различни печатни материали - от визитката и макетното писмо, до опаковъчната кутия и големия транспарант. Програмата е изключително удобна и при странирането на вестници, списания, книги, диплянки, каталози, брошури, флаери и т.н. С помощта на InDesign лесно ще създадете PDF файлове, който ще бъдат съобразени с целите, за които ще ги използвате - дали те ще бъдат само за интернет среда или ще бъдат предоставени за печат. Ако вашият документ ще бъде предназначен за интернет, можете да го обогатите с интерактивни обекти като бутони, музика, филми, а ако ще го разпечатвате, то благодарение на InDesign, лесно ще откриете проблемните места - шрифтове, цветове и т.н. Удобството на InDesign е, че е напълно интегрирана с другите приложения на Adobe: Photoshop, Illustrator, Acrobat, GoLive и InCopy. Програмата е съвместима и с QuarkXpress, Pagemaker, CorelDraw, Word, Excel и др.
В настоящата рубрика ще имам честта да ви запозная с част
от огромните възможности на InDesign. Надявам се, че заедно ще овладеем InDesign, така че създадените чрез нея продукти да имат максимален успех.
Да започваме! Забавлявайте се, докато се учите!
Независимо с коя програма ще работите, важно е първо да се запозн Определено голямо улеснение за работата ви е, ако във всеки един м ция или палитра. Много тромаво бихте работили, дори да гледате прим Ваше предимство е, ако сте работили с други подобни програми (и ще се ориентирате в интерфейса на InDesign.
InDesign Стъпка по Стъпка
Преди да започна с представянето на работната среда в InDesign, бих искала да отбележа, че моите екрани са много по-семпли от тези, които повечето компютри имат. Тези настройки за изчистени прозорци и бутони съм направила от настройките на Windows-a. С тях целя намаляване на излишно ангажиране на памет и съответно по-бързо работене с тежките програми на Adobe. Бих искала също така да кажа, че в настоящите уроци ще говоря основно за работата с Windows, а само на моменти ще споменавам някои различия за Macintosh.
Работната сре Какво има в InDesign Работното поле на InDesign напомня на макетна дъска, което включва страницата (документа) с неговите фиксирани размери, обектите, които са извън страницата и, може би, са в готовност да бъдат използвани. Екрана съдържа всички инструменти, които са ни нужни. Образно казано, това са нашите пергели, линии, гумички, моливи, цветни моливи и всичко, което е необходимо, ако се прави макет на ръка. 1. Menu bar (Меню). Класически падащи менюта с команди, с които почти всички програми разполагат. До необходимата команда се стига, като кликвате по веднъж върху името на нужното меню. 2. Control bar (Контролен панел). Наличните опции, които можете да използвате, когато сте избрали инструмент от Toolbox. 3. Toolbox (Кутия с инструменти). Инструментите могат да бъдат избирани чрез щракване върху иконата на желания инструмент, но освен това, много удобно е използването на клавишните комбинации. 4. Palettes (Панели). Всички панели могат да бъдат изведени на работния екран от менюто Windows, където са подредени по азбучен ред. Те могат да бъдат комбинирани според вашия стил на работа,
www.amazonkibg.info [46] ноември 2008 ««
наете с нейната работна среда. момент знаете точно къде да търсите някое меню, контролен панел, опмер, ако за всяко действие търсите къде точно трябва да натиснете. изобщо програми за графична обработка), защото значително по-лесно
еда на InDesign
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
могат да бъдат „сгъвани” когато не се използват. 5. Document window (Прозорец с документа). Това е страницата/е, >>> на която роботите в момента.
»» www.amazonkibg.info [47] ноември 2008
Минимизиране на всички прозорци
Windows key+M
Показване/ скриване на всички Control bar
Tab
Показване/ скриване на всички панели и инструменти, с изключение на Toolbox и Control bar
Shift+Tab
InDesign Стъпка по Стъпка
Ако кликнете два пъти върху рул е р и т е , в тази точка ще се появи линияводач. Обектите в интерфейса на InDesign работят и изглеждат по един и същи начин за Mac и Windows. Всички инструменти са подкрепени с етикети-подсказки, които макар и на английски (или предпочитания език) обясняват какво е това. Така, че дори да не се досетите кое какво е от картинката на иконата (нещо, в което се съмнявам), етикетите ще ви го „дообяснят”.
Прозорец с документа (страницата) А. Title bar (Заглавна лента). Това е наименованието на файла, върху който работите. На пръв поглед това е маловажно, но когато работите с повече от един документ едновременно, тази лентичка придобива не малка роля. B. Page (Страница). Това е вашето работно поле. Страницата (страниците), на който работите. То винаги е обградено от тънка линия и тъмна сянка. Бялото пространство извън очертанието се нарича Pasteboard. То не се печата, с изключение на случаите, когато това изрично е указано. Кликвайки с десния бутон на мишката върху работното поле, се появяват някои от най-често използваните опции. C. Rulers (Водачи, рулери). Най-образно казано водачите са линийки. Когато са видими, водачите винаги са разположени в горната и лявата страна на вашето работно поле. Мерните единици на водачите могат да бъдат избрани от Edti > Preferences > Unit. От тях можете да издърпвате линии, които не се принтират, а служат за ориентация. D. Нулева точка на рулерите. Ако кликнете два пъти в полето, където водачите се кръстосват, то нулевата точка ще бъде най-дясната част от документа. Но ако искате да промените нулевата точка, щтракнете с мишката върху пресечното поле и изтеглете до желаната позиция. E. Мащаб (изглед) на документа. Често изгледа не ни устройва – понякога е
www.amazonkibg.info [48] ноември 2008 ««
прекалено малък, друг път е прекалено голям. Кликвайки върху стрелката с десния бутон на мишката, можете да променяте това, което виждате в %. F. Номер на Страница. Показва на коя страница се намирате в момента. Кликвайки върху стрелката с десния бутон на мишката можете да отидете на друга страница. Групата бутони отляво и дясно, подобно на бутоните на DVD-то, ви дават възможност да минете на следващата, предишната или последната страница. G. Scroll (Ленти за превъртане). Хоризонтални и вертикални ленти за превъртане се използват за панорамиране (превъртане без промяна на мащаба) по хоризонтала или вертикала в работното поле, а и >>> по-бавно преминаване от една в друга страница.
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Затваряне на предния документ
Ctrl+W
Затваряне на всички документи
Shift +Ctrl +Alt +W
Създаване на нов документ
Ctrl+N
Отваряне на Ctrl+O документ Търсене на документ чрез Adobe Bridge
»» www.amazonkibg.info [49] ноември 2008
Ctrl +Alt +O
Менютата в InDesign InDesign Стъпка по Стъпка
Обектите в интерфейса на InDesign работят и изглеждат по един и същи начин за Mac и Windows. Всички инструменти са подкрепени с етикети-подсказки, които макар и на английски (или предпочитания език), обясняват какво е това. Така, че дори да не се досетите кое какво е от картинката на иконата (нещо, в което се съмнявам), етикетите ще ви го „дообяснят”.
За разлика от инструментите, менютата в 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. Рабо-
www.amazonkibg.info [50] ноември 2008 ««
ти само, когато имате инсталиран и включен 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 редактора. >>>
»» www.amazonkibg.info [51] ноември 2008
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Запазване на документ като (Save as)
Shift +Ctrl +S
Запазване Alt на документ +Ctrl като копие +S (Save a copy) Place (Вмъкване)
Ctrl+D
Export
Ctrl+E
Docu-ment setup
Alt +Ctrl +P
Preflight
Alt +Shift +Ctrl +F
Package
Alt +Shift +Ctrl +P
Ctrl+P
21. Print Presets. Показва се подменю, от което можете да избирате между различни настройки за разпечатване на документа, показва се и подменю, от което можете да задавате нови настройки. Отговаря се и от File > Print.
InDesign Стъпка по Стъпка
Всъщност, Adobe Bridge е доста по-удобен за търсене на изображения, отколкото е Windows Explorer, защото с него можете да разглеждате формати, които с приложението на Windows няма да можете (TIFF, EPS, AI, PSD).
Вие можете да създавате и запазвате настройки за документи с различни от стандартните за InDesign настройки – размер, колони, номера на страниците, маргинси и т.н.
Mожете да импортвате XML файлове (един от наймасовия формат за запазване на информация от блогове), но трябва да знаете, че работата с XML таговете се различава доста от обичайната работа с текстове на InDesign.
22. Print. Отваря се диалогов прозорец за настройки за разпечатване на документа 23. InBookletSe... * – Инсталиран Plug-in. Една по-специфична опция, за която по-подробно ще говоря по-нататък. С две думи, тя е много полезна, когато даден документ трябва да бъде подреден по коли за печат. 24. Exit. Затваря програмата и всички отворени документи.
Менюто 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. Премахва всичко, което е
www.amazonkibg.info [52] ноември 2008 ««
селектирано, но за разлика от cut, не запаметява обектите. 7. Duplicate. Дублира селектираните обекти, като вмъква копието в най-близките до обекта координати на Х и У. 8. Step аnd Repeat. Дублира обект или обекти, като ги вмъква на указано от вас място с координатите Х и У, също и брой на дубликатите. Тази опция винаги е придружена от диалогов прозорец, който ви „пита” за координатите и броя на копиранията. 9. Select/Deselect All. Със Select All маркирате всички обекти, коите се намират на видимата страница или група от страници. А ако сте избрали инструмента за писане, се селектира целия текст от текстовата рамка. Обратното на това действие е Deselect All. *. InCopy Показва се подменю с опции, с които да се приготви документа за работа с Adobe InCopy. Тази опция е налична само с инсталиран Adobe InCopy. 10. Edit Original. Показва селектирания и вмъкнат обект в неговия оригинален вид. Например, ако сте вмъкнали, намалили и изрязвали снимка, с тази опция вие ще можете да я видите в нейния оригинален вид.
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
11. Edit in Story Editor. Свързва текстовете в „Story Editor”, където подобно на повечето текстообработващи програми, ще можете да коригирате текста. Още в този „Story Editor” вие можете да видите всички форматирания (стил, шрифт, размер...).
Step and repeat
12. Quick Apply. Отваря се диалогов прозорец (по-скоро меню), от където вие бързо можете да намерите някои от настройките, които сте задали за обект, параграф, стил...
Deselect all
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. Отваря се диалогов прозорец, от където можете да избирате различни цветови настройки и модели. Хубаво е тези настройки да бъдат синхронизирани и с другите >>>
»» www.amazonkibg.info [53] ноември 2008
Select all
Edit in Story Editor Quick Apply Find/ Change Find next Check spelling
Alt +Ctrl +U Ctrl+A Shift +Ctrl +A Ctrl+Y Ctrl+Enter Ctrl+F Alt +Ctrl +F Ctrl+I
програми от Creative Suite или да бъдат съобразени с предназначението на документа (печатница, принтер, интернет).
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Undo Redo
Ctrl+Z Shift +Ctrl +Z
Copy Paste Paste without Formatting
Ctrl+C Ctrl+V Shift +Ctrl +V
Paste Into
Alt +Ctrl +V Alt +Shift +Ctrl +V Alt +Shift +Ctrl +D
Paste in place Duplicate
Бързо дублиране на обект или текст става, като маркираният обект го придвижите с мишката и в същото време натискате клавиша ALT.
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
www.amazonkibg.info [54] ноември 2008 ««
отваря диалогов прозорец с настройки на дебелината (в проценти) и цвета на водачите (линиите за ориентация). 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. Отваря се диалогов прозорец, от където се създават, променят или изтриват стилове, с които да се прави съдържанието. >>>
>>>
»» www.amazonkibg.info [55] ноември 2008
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
First page
Shift +Ctrl +PageUp Previous Shift page +PageUp Next page
Shift +PageDown
Last page
Shift +Ctrl +PageDown Alt +PageDown
Next spread
Previous Alt spread +PageUp
Менюто Type: Името на менюто Type подсказва своето предназначение. Негова основна функция е текста и форматирането му:
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Character palette Paragraph palette Tabs palette Character styles Paragraph styles Create outlines
Ctrl+T Ctrl+M Shift +Ctrl +T
F11 Shift
Менюто Fill With Placeholder Text всъщност отговаря на Jabberwocky от QuarkXPress.
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 – вмъква бяло поле.
www.amazonkibg.info [56] ноември 2008 ««
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. От диалогов прозорец се задават настройки за текстово каре – колони, >>>
»» www.amazonkibg.info [57] ноември 2008
отстъпки, бели полета и т.н. 8. Anchored Object. Много лесно ще схванете какво е това, ако ви кажа, че по действие по нищо не се отличава от bookmarks.
InDesign Стъпка по Стъпка
9. Fitting. Показват се подменюта, от които можете да изберете начин обекта да стои в рамката. Например, ако сте вмъкнали изображение, но рамката, която сте задали е прекалено голяма, ще зададете „Fit frame to content”. 10. Content. Показват се подменюта, от които определяте дали даден обект е текст, графика или нито едно от двете (unassigned). 11. Drop Shadow. От диалогов прозорец се задават настройки за създаване на падаща сянка.
Shortcuts
(клавишни комбинации) само за Windows.
12. Feather. От диалогов прозорец се задават настройки за „размиване”.
Move
13. Corner Effects. От диалогов прозорец се задават настройки за преобразуване на ъглите.
Transform again Transform sequence Again Bring to front Bring forward Send backward Send to back Text frame options Fit content to frame Fit frame to content Center content Fit content pr.
Shift +Ctrl+M Alt +Ctrl+3 Alt +Ctrl +4 Shift +Ctrl+] Ctrl+] Ctrl+[ Shift +Ctrl+[ Ctrl+B Alt +Ctrl +E Alt +Ctrl +C Shift +Ctrl +E Alt +Shift +Ctrl+E
Fill frame pr. Alt +Shift +Ctr l+C
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. Показват се подменюта, които ви дават възможност да избирате качеството, с което графиките да се показват на екрана (това няма връзка с качеството им на разпечатване).
www.amazonkibg.info [58] ноември 2008 ««
Менюто 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. Превръща селектираната част на таблицата в заглавна или завършваща. >>>
»» www.amazonkibg.info [59] ноември 2008
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Insert table Table setup
Alt +Shift +Ctrl +T Alt +Shift +Ctrl +B
Вие можете да вмъквате таблица в таблица. Този тип вмъкване се нарича “nesting” (вмъкване).
Един от силните козове на InDesign е, че можете да вмъквате таблици от Microsoft Word и Excel, като запазвате настройките им. За целта, изберете File > Place и след това изберете мястото, където искате да бъде вмъкната таблицата.
Менюто View:
InDesign Стъпка по Стъпка
Shortcuts
(клавишни комбинации) само за Windows.
Overprint preview Zoom in Zoom out
Alt+Shift +Ctrl+Y Ctrl+=
Ctrl +(minus) Fit page in Ctrl+0 window Fit spread Alt in window +Ctrl+0 Actual Ctrl+1 size Entire Alt+Shift Paste+Ctrl+0 board Fast Shift display +Ctrl+0 Typical Alt display +Ctrl+Z HighAlt quality +Ctrl display +H Show Alt structure +Ctrl+1 Show/ Alt hide text +Ctrl threads +Y Show/ Ctrl+H hide frame edges
Менюто 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. Покажи/Скрий линковете.
www.amazonkibg.info [60] ноември 2008 ««
10. Show/Hide Text Threads. Показва или скрива стрелките, които свързват един текст в различни рамки. 11. Show/Hide Frame Edges. Показва или скрива всички асистиращи рамки.
InDesign Стъпка по Стъпка
12. Show/Hide Rulers. Показва/Скрива всички водачи. 13. Grids & Guides. От подменюто се избира дали да се скрият/ покажат, заключат или „разчупят” помощните линии и водачите. 14. Story Editor. От подменюто се избират настройки за скриване или показване на „легендите”.
Менюто Window: От менюто Window можете да изберете различните панели, които да се показват на работното ви поле. Панелите са подредени по азбучен ред. За тях ще говорим по-натам, ето защо тук няма да ги описвам. 1. Arrange. От тук можете да организирате как искате да е отворен вашият документ или документи. Можете да зададете за всеки документ да е отворен в нов прозорец, да не е разположен на целия екран, а като подпрозорец. 2. Workspace. До тук стана ясно, че InDesign дава възможност за настройване на работното поле, според вашите нужди и предпочитания. От тук можете да запазите вашите предпочитания и следващия път, когато работите бързо да настроите екрана така, както ви е най-удобно. 3. Palette List. Списъкът с панелите. 4. Open Documents. Списък на отворените документи.
Менюто Help: В рамките на шегата: надявам се, след редовното следене на настоящата рубрика, да нямате нужда от това меню.
◙ »» www.amazonkibg.info [61] ноември 2008
Shortcuts
(клавишни комбинации) само за Windows.
Color palette Control bar Info palette Layers palette Links palette Align palette Transform palette Object Styles palette Separations palette Pages palette Stroke palette Swatches palette
F6 Alt+ Ctrl +6 Win: F8 F7 Shift +Ctrl +D Shift+F7 F9 Ctrl+F7 Shift+F6 F12 F10 F5
Отражение н В настоящия урок ще ви покажа как с няколко лесни стъпки можете да направите ефектно отражение на текст. Освен направата на самото отражение, в урока ще видите няколко бързи и лесни трика за боравене с основни инструменти в InDesign. 1. Първо ще създадем нов документ от File > New > Document или (Ctrl+N). Ако искате да работите по-бързо, особено, ако компютърът ви не е от най-мощните, можете да създадете новия документ с малки размери, например 150х100мм. 2. Използвайки Rectangle Tool или (M) създаваме черен правоъгълник, така че да обхване цялата горна част от страницата ни. Цветът се избира от панела swatches.
3. От палитрата „swatches” чрез „tint” намаляваме наситеността на черното до 20%. Новополученият цвят задаваме като нов. Това става чрез натискане на NEW, намиращо се в най-долната част на палитрата.
www.amazonkibg.info [62] ноември 2008 ««
InDesign 4. Отворете Gradient pallet и чрез влачене задайте цвета за заливката. Така бързо ще замените стандартно зададеният за градиента 100% черно. Градиентът трябва да е на “linear”. Променете ъгъла на 90o.
Трябва да имате нещо подобно на показаното на картинката.
5. Сега ще дублираме правоъгълника. Има доста начини да стане това. Най-познатият е с copy/paste, но значително по-лесно и бързо е, ако просто придърпате правоъгълника, например, надолу, като в същото време държите клавиша ALT. Нека новият правоъгълник да е равен с първия, като краищата им се опират. >>>
»» www.amazonkibg.info [63] ноември 2008
6. Използвайки Type Tool (T) „нарисувайте” правоъгълник между двата правоъгълника с градиента. Напишете текст. За урока ще напиша „amazonkibg.info” и ще използвам Arial Black, 48pt, центрирано.
Нека да оцветим буквите. Изберете червено от панела swatches и оцветете вътрешността на текста. 7. Ще дублираме текста. Направете, както направихте в дублирането на правоъгълника – влачете текста, като сте натиснали ALT.
За да бъде логично отражението, трябва да завъртим дублирания текст. Това става чрез натискане на flip vertically. Вижте на картинката къде се намира бутона.
Подравнете двата текста.
www.amazonkibg.info [64] ноември 2008 ««
8. Отворете панела „gradient”. Влачейки, поставете червения цвят, който използвахме за буквите, в края на градиента. 9. Променете ъгъла на -90, location на 70.
10. За да стои отражението по-добре, ще променим малко прозрачността. Ще я оставим на “normal”, но ще намалим “opacity” на 50%.
»» www.amazonkibg.info [65] ноември 2008