amazonkibg spisanie oktomvri 2008

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

amazonkibg.info

брой 1, Октомври 2008 г.

Реалистична текстура на око

Ябълка с Gradient Mesh

Теория на цветовете

Пикселна усмивка

Пиксел аватар - прасенце

Покрив с неправилни пикселни линии

Дигитално очертаване

3D Logo

стр. 58

3D Logo стр. 70

www.amazonkibg.info [2] октомври 2008

T

Illustrator

A

стр. 52

Photoshop A

стр. 44

R

Теория на цветовете

Ябълка с Gradient Mesh

R

Дигитално очертаване

Pixelart T

стр. 30

T

стр. 36

Покрив с неправилни пикселни линии

Illustrator

Пиксел аватар прасенце

стр. 14

Победители в състезанията ни стр. 84

R

стр. 26

Наруто - хомогенно оцветяване

A

Пикселна усмивка

Pixelart

стр. 4

Pixelart

Реалистична текстура на око

Photoshop

Съдържание

За сайта и форума ни... Здравейте, приятели! С голяма радост ви съобщаваме, че от този месец ще предлагаме на вашето внимание електронно списание “amazonkibg.info”, в което ще можете да видите подбрани от екипа ни интересни материали от форума ни. Списанието ще е достъпно за свободно сваляне от сайта ни. Надяваме се при нас да се развивате и усъвършенствате с удоволствие и желание. За начинаещите на сайта ни има видеоуроци за CorelDRAW, InDesign и Photoshop. Там също така можете да намерите и забавни скрийнсейвъри за мобилни телефони с екрани 176 х 220 пиксела. Различни тестове за програми, на които можете да проверите знанията си, докато се забавлявате. Тъй като във форума ни има секция за упражнения с 3D програми, за стимул и мотивация от меню Анимации на сайта може да изгледате няколко клипчета и 3D филми. На потребителите, които са се упражнявали най-много през определения от екипа ни срок даваме награди екскурзии за двама до дестинация по избор на спечелилите. Разгледайте снимките на вече ходилите на екскурзия. Във форума ни има и упражнения за InDesign, CorelDRAW / Illustrator, 3D, pixel art и Photoshop. В секцията ни със състезания можете да премерите сили в компютърната графика, колажите, векторните програми и pixel art. Друго, което можете да видите единствено при нас в България, е общата пиксел творба, където всеки желаещ може да се включи и да добави нарисувано от него парченце по темата. Имаме и секция за безплатна реклама на сайтове, в която всеки може да пусне своя тема и да покани хора на сайта си. Екипът на amazonkibg.info ви пожелава приятни и ползотворни часове на сайта и форума ни!

www.amazonkibg.info [3] октомври 2008

Автор: Krishnamurti Martins Costa • Превод: Ledenata

Photoshop

Реалистична текстура на око • Ниво: средно • Техника: цифрово рисуване • Програма: Adobe Photoshop

Т

от Krishnamurti Martins Costa

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

За тази текстура използвах документ с размери 1000х1000 рх. Приблизително време за получаване на окончателния резултат: 3 часа.

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

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

www.amazonkibg.info [4] октомври 2008

Photoshop

3. С инструмента smudge размазваме малко от центъра навън, както е показано на картинката:

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

5. Избираме филтъра за шум (Filter> Noise> Add Noise...) и правиме следните настройки:

www.amazonkibg.info [5] октомври 2008

Photoshop

6. Сега ще приложим и филтъра за замъгляване от Filter > Blur > Radial Blur... Използваме опцията zoom и best и слагаме голяма стойност на Amount (100 или близко до 100). Трябва да получите нещо подобно:

7. Прилагаме на слоя режим на смесване Overlay, Pin Light, Screen или каквото ви хареса най-много. После използваме филтъра Liquify... на този слой, за да получиме нещо подобно на показаното:

8. Дублираме слоя със зеницата и избираме цвета му, като използваме Image > Adjustments > Hue/Saturation... или просто Ctrl+U – със следните стойности:

www.amazonkibg.info [6] октомври 2008

Photoshop

9. На този слой рисуваме с много големи четки. Опитайте се да получите близък до моя резултат:

10. Копираме този слой и сменяме режима на смесване (примерно на overlay), докато не получим резултат, като показания:

11. Може да симулираме отражение на прозорец с още един слой, както е показано на примера:

www.amazonkibg.info [7] октомври 2008

Photoshop

12. Дублираме слоя, който току-що нарисувахме и избираме оранжев или кафяв цвят (Ctrl+U). Сменяме режима на смесване на слоя, за да получим резултат, близък до показания тук. Обръщаме и променяме размера на слоя и ако се налага, променяме прозрачността на слоя за получаване на удовлетворителен резултат:

13. Смекчаваме външната граница на ириса с филтъра Filter> Blur> Gaussian Blur..., като избираме не особено голяма стойност, за да не се получи голямо размиване на краищата. В случая използвах стойност 6:

14. За затъмняване и подобряване на границата на ириса ще използваме drop shadow с Distance = 0, малко или въобще без Spread и най-подходящата стойност, която ще изберете за Size. Променяме режима на смесване на слоя за най-добър ефект. Подсказка: също така можете да използвате Outer Glow за засилване на сенките, както е на рисунката:

www.amazonkibg.info [8] октомври 2008

Photoshop

15. Избираме слоевете, където рисувахме радиалните вълнички и прилагаме drop shadow, за да получат линиите обем и да приличат на нишки:

16. За подсилване на случайното оцветяване на текстурата, създаваме нов слой. Избираме бял цвят за фон и черен за рисуване, след което прилагаме филтъра Render > Clouds. Размиваме границите, като няколко пъти използваме филтъра за гаусово замъгляване:

17. Добавяме нови детайли на слоевете. Създаваме кръгла маркировка и избираме от менюто Edit > Stroke... с голяма стойност за щриха (12, 14 и т.н.). Трябва да получим нещо подобно на следното:

www.amazonkibg.info [9] октомври 2008

Photoshop

18. Отново използваме гаусово замъгляване с високи стойности:

19. Променяме размера на този слой за центрирането на ириса, добавяйки някаква дълбочина в централната област:

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

www.amazonkibg.info [10] октомври 2008

Photoshop

21. Създаваме нов слой и добавяме големи и малки капилярчета:

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

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

www.amazonkibg.info [11] октомври 2008

Photoshop

Ето и финалната версия (не се притеснявайте за най-червените части – те практически ще изчезват в окото на вашия персонаж):

www.amazonkibg.info [12] октомври 2008

Photoshop

www.amazonkibg.info [13] октомври 2008

Автор: kreksofin

Photoshop

Наруто хомогенно оцветяване

1. Отворете нов документ 783 x 988 pixel, 150 resolution Запишете документа с някакво име по ваш избор. Аз го записах като Naruto.psd

www.amazonkibg.info [14] октомври 2008

Photoshop

2. С Ctrl+L задайте контраста на скицата с показаните настройки:

3. Вземете инструмента Magic Wand (клавиш W) с Tolerance 32, с отметки на Anti-alias и Sample All Layers, след което кликнете в бялото пространство на скицата.

4. От менюто посочете Select > Inverse или Shift+Ctrl+I. Това ще обърне селекцията и ще селектира само очертанията на скицата. Чрез Ctrl+J ще създадете копие на скицата на нов слой, но без бялото пространство.

www.amazonkibg.info [15] октомври 2008

Photoshop

5. Кръстете този слой “Sketch”

6. Създайте нов слой (Ctrl+Shift+N) и го кръстете background, след което чрез Paint Bucket Tool (G) запълнете този слой с цвят #998675.

7. Предстои да създадем палитрата за оцветяване. Създайте нов слой (Ctrl+Shift+N) и го кръстете “PALITRA” . В този слой създайте вашата палитра чрез Brush Tool (B) Аз съм използвал следните цветове: #f3e642 ; #d79944 ; #ff8248 ; #bc5528 #5093be ; #013078 ; #707c8c ; #b1c1ce #f2b8ad ; #d99290 ; #af7470

www.amazonkibg.info [16] октомври 2008

Photoshop

8. Създайте нов слой и го кръстете “Coloring”, а може слоят да го поставите в папка за група, която да кръстите със същото име.

9. Чрез Polygonal Lasoo Tool (L) при активен слой Coloring, който прекръстих на hair-коса, селектирайте косата, като следвате очертанията на скицата, след което оцветете с жълтото чрез Paint Bucket Tool (G).

10. Вземете Magic Wand Tool (W) и активирайте слоя Sketch, след което кликнете в ръката, върнете се в папката-група Coloring и създайте нов слой, който кръстете skinкожа. По същия начин оцветих лицето.

www.amazonkibg.info [17] октомври 2008

Photoshop

11. Кликнете върху окото в слоя Sketch, така че скицата да стане невидима и чрез Polygonal Lasoo Tool (L) направете следната селекция. Чрез Brush Tool (B) оцветете в розова местата, които са останали празни.

12. Създайте нов слой collar и по вече познатия начин оцветявате бялото на очите и яката.

13. Подобно на стъпка 9 в нов слой, наречен jacket оцветете в оранжево якето.

www.amazonkibg.info [18] октомври 2008

Photoshop

14. Повторете стъпка 10 и за якето.

15. Оцветете и останалите елементи от Наруто по вече познатия ви начин.

16. Създайте нов слой за сенките, който трябва да е под слоя на скицата. Чрез Polygonal Lasoo Tool (L) направете следната селекция и оцветете с по-тъмното оранжево.

www.amazonkibg.info [19] октомври 2008

Photoshop

17. Следва оцветяването на лентата в бандата с черно в същия слой.

18. Плочката на бандата и очите.

www.amazonkibg.info [20] октомври 2008

Photoshop

19. Лицето с по-тъмно розово и по-светло за отблясъка на нослето.

20. Тези, на които им е трудно да работят с Pen Tool (P), нека го направят с ласото, както вече оцветявахте. Аз го направих с Pen Tool (P), защото така извивките стават по плавни, но за начинаещи това е труден инструмент.

21. Още един по-тъмен нюанс:

www.amazonkibg.info [21] октомври 2008

Photoshop

22. Следва по-тъмен нюанс и за якето:

23. Изтеглете йероглифа за ръката от темата във форума ни (hieroglyph.zip). В архива има .psd файл на прозрачен фон. Разархивирайте и отворете във Фотошоп. Чрез Ctrl+A селектирате йероглифа и чрез Ctrl+C копирате. Отивате в прозореца с Наруто и пействате с Ctrl+V. Чрез Ctrl+T влезте в трансформираща селекция и задайте настройките, които виждате на картинката в лентата под менюто. Йероглифът ще се разположи точно на ръката, след което натиснете Enter, за да приложите трансформацията. Аз зададох Multiply в слоя на йероглифа в прозорчето на Blending mode - режима на смесване на слоя.

www.amazonkibg.info [22] октомври 2008

Photoshop

24. Направете фона черен.

25. Създайте нов слой над слоя с фона и чрез Eliptical Marquee Tool (M) + задържане на клавиш Shift, правите кръгове, като показаните на картинката. Аз ги оцветих в #47121c.

www.amazonkibg.info [23] октомври 2008

Photoshop Ето го и крайния резултат:

www.amazonkibg.info [24] октомври 2008

• • • •

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

Димитър Щерев • дисководещ • музикант • маг

088/895 63 04, 089/400 98 99 djmitko_magijata@abv.bg

Фирма “Крейзи 2002” ЕООД Производство на сандвичи за закуска, обяд и вашето парти.

гр. София Тел.: 02/ 8 26 63 65, GSM: 0878 886740

Източник: www.speccy.org, Превод и картинки за урока: StorM

PixelArt

Пикселна

усмивка

В този урок ще се научим как да правим ето такава пиксел усмивка:

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

www.amazonkibg.info [26] октомври 2008

PixelArt

2. Може да изтеглите моята от темата във форума, а може и сами да си я направите. Ето как изглежда увеличена:

3. След като си направите мрежата, вземете Paint Bucket Tool (G) и на слоя с мрежата очертайте усмивката, както е показано:

4. Сега на нов слой трябва да си направите един куб, и го оцветете, както ви харесва. може да си го прерисувате от тук:

5. След като сте готови с куба, дублирайте слоя и започнете да нареждате кубовете по очертанията, които си направихте (в процеса на работа си дублирайте предишния слой колкото е необходимо и продължете с нареждането). Ето малко указание за последователността на нареждане: всеки следващ (копиран) слой го поставяте над предходния.

www.amazonkibg.info [27] октомври 2008

PixelArt

6. Когато приключите, трябва да имате нещо такова:

7. И сега започвате с очите. Копирате си 4 пъти слоя с куба и ги подреждате в тази последователност:

8. След като сте готови с едното око, слейте четирите слоя (Ctrl+E). Дублирайте получения слой и го преместете на другото око. Вече сами трябва да можете да направите устата. Ето как изглежда в готов вид:

www.amazonkibg.info [28] октомври 2008

PixelArt 9. След като сте готови, може да скриете/изтриете слоя с мрежата, защото тя вече не ви трябва. Ако искате, можете да си добавите фон - просто като цвят...

...или като оцветите мрежата и изтриете излишната част.

Ето и някои други резултати:

www.amazonkibg.info [29] октомври 2008

Автор: -zi

PixelArt

Покрив с неправилни пикселни линии 1. Направете нов файл с големина 300х300 и поставете image/mode/RGB color. Направете нов Layer 1 и използвайте стандартните px /пикселни/ линии, за да направите фигурата /това ще бъде големината на основата за покрива/.

Цветове, използвани в този Туториал:

2. Направете нов Layer 2 - той ще бъде основна база. Използвайте цветове 3, 4, 5 и 6, за да оцветите крайните контури на покрива. Изборът за разположението на цветовете се обуславя от посоката на осветяване, в случая е горе/дясно.

3. Кликнете на Layer1 и използвайте Move Tool (V) и стрелките, за да преместите първоначалната фигура нагоре. От преместването по вертикала зависи колко полегат ще бъде покрива. Намерете средата на едната страна от основната фигура и свържете със срещуположната чрез стандартна px линия. Направете същото и за другите две срещуположни страни. По този начин се установи къде ще бъде върхът на четирискатния покрив.

www.amazonkibg.info [30] октомври 2008

PixelArt 4. Кликнете на Layer2, за да бъде активен. Изберете Pencil Tool с дебелина 1 px. Изберете цвят - за тази стъпка съм използвал цветове 1, 3 и 4. Кликнете с курсора в единия ъгъл на основата, задръжте Shift бутона и след това кликнете в центъра на пресечените линии от Layer2 /което представлява върхът на покрива/. Направете същото за четирите краища на основата, като сменяте цвета на линията и внимавате да се събират във върховата си точка по показания начин:

Накрая изтрийте Layer1 - той вече не е необходим.

5. Използвайте Paint Tool (G), за да запълните пространствата между линиите с основните цветове. Тук са използвани цветове 2, 3, 4 и 5. В последствие използвайте Pencil Tool, за да оцветите няколкото останали празни пространства.

6. Това е основна стъпка. Направете нов Layer 3. Изберете необходимия цвят /по-тъмен от основата в стъпка 5 в случая номер 3/ за направа на керемидите по покрива. Изберете Pencil Tool с дебелина 1 px. Линиите се правят чрез клик върху долния основен контур, задържане на бутона Shift и клик близо до върха на покрива. Започнете от ляво надясно, като прескочите първата двойка пиксели, тъй като в случая лявият ръб трябва да е по-светъл. Правете линиите, като пропускате по една двойка пиксели. Не е задължително всяка линия да достига до връхната точка на покрива, тъй като тогава ще се запълни много голяма област към върха с потъмния цвят - важна е посоката от основата към върха.

7. Направете стъпка 6 за останалите скатове. В случая съм използвал кафяв цвят /номер 7/ за задната плоскост, тъй като тя е напълно в сянка. Работете в Layer 3.

www.amazonkibg.info [31] октомври 2008

PixelArt

8. В нов Layer 4 направете една пикселна линия по продължение на основата на дясната част на покрива /нека бъде по-дълга от основния ръб - използван цвят 4/. Използвайте Move Tool (V) и я придвижете с бутоните три /3/ позиции нагоре и една /1/ в дясно. Направете Duplicate Layer и го придвижете отново три позиции нагоре и една в дясно. Повторете операцията няколко пъти. Когато линиите са достатъчно, за да покрият цялата част от ската, обединете всички нови Layer-и с Merge Down (CTRL+E) до Layer 4.

9. Отидете на Layer 2 и използвайте Magic Tool (W), за да селектирате областта от ската /за всеки случай настройте tolerance да бъде със стойност 0/. Използвайте Select/Inverse (Shift+Ctrl+I). Върнете се на Layer 4 и изтрийте (Del) частта от линиите извън селектираната област.

10. Повторете стъпки 8 и 9 и за предната част на покрива, като смените цвета на линиите. Цвят 5 е сравнително тъмен и е подходящ за предния слабо осветен скат. Работете в нов Layer 5.

11. Това е резултата след стъпка 10. Имаме два ската готови. В следващата стъпка ще направим и другите два, но с малко по различни типове линии, тъй като те са значително по-малки по площ поради ъгъла, от който се виждат и трябва да са с по-наситени и по-тъмни детайли.

www.amazonkibg.info [32] октомври 2008

PixelArt 12. Използваме редуването на една стандартна пикселна линия с половин такава, като те се разминават с 1 px. Направете мрежата, показана на графиката, като използвате най-тъмните червени цветове 5 и 6. Използвайте за всяка мрежа нови Layer-и, съответно 6 и 7. Придвижете мрежите върху частта от покрива и повторете техниката от стъпки 8 и 9. Накрая може да обедините всички Layer-и до момента с Ctrl+Е.

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

14. За да се очертае вертикалното разположение и дълбочината на керемидите, в предната и лява част на покрива използвайте тъмни пиксели с цвят 5. Пикселите трябва да бъдат разположени от лявата част на светлите /вертикални такива/. Не е необходимо до всеки светъл пиксел да има тъмен такъв, защото тогава покривът ще изглежда прекалено затъмнен.

15. Тъй като ъгловите линии на покрива остават прекалено светли и наситени, а освен това не са направени от правилни пикселни линии, може да потъмните част от тях, т.е. да използвате техника на anti-aliasing. В случая за предния контур са долните два пиксела. Те са потъмнени с цвят № 2. При левия контур на покрива единия от двата пиксела /вътрешния или подолния/ е потъмнен с цвят № 3.

16. Накрая е необходимо да се очертае стрехата на покрива. В нов слой направете една пикселна линия и я преместете над края на покрива така, че да се запази една светла линия за контур в края на покрива.

www.amazonkibg.info [33] октомври 2008

PixelArt

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

Различни варианти:

Показани са два варианта на такъв покрив. Покривите могат да бъдат с по-полегати или с по-наклонени скатове. Всичко зависи от действията в Стъпка 3. Във втория вариант стрехата е очертана и от двете страни.

Цялостна визия и идеи:

Това сa два окончателни варианта, където е използвана направата на такъв вид покрив. Показаните графики са част от различни проекти. Първата е от проект за “Старо Българско село”. Втората е направена за проекта “isocity” на “kennethfejer”.

• направени са px to px, включително сенките; • използвани цветове: 48; • време за направа: приблизително 2-3 дни за всяка.

Забележки:

изометрията няма лошо да се • Идеята е да се покаже, че в линии, без да се нарушава използват и неправилни пикселни визията. те повече цветове от • Естествено, може да използва че това влияе върху те, авяй забр не но 7, показаните анимиране !!! при ено големината на файла, особ лнения или изкарване на допъ оси, въпр ики, крит акви • За всяк вие. олст удов излишни нерви - с и успехи в пиксел арт-а ... zi • Надявам се да бъде полезен

www.amazonkibg.info [34] октомври 2008

PixelArt

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

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

П

ри нас всеки може да се включи в рисуването на общата пиксел творба на тема “В света на приказките”. Когато разграфените поленца се запълнят, следва ново разширяване в различни посоки. Първите 6 правоъгълника вече са запълнени и този път творбата е разграфена за продължение надясно. Можете да рисувате приказни герои (обекти) по ваш избор, като всичко трябва да е синхронизирано с околните полета. Дадена е и палитра, с която да се работи. Желаещите да участват, заявяват номера на избраното от тях парченце. В първия пост на темата постоянно се актуализира информацията за вече заетите парчета и изображението със завършените до момента части. Ето етап от рисуването:

www.amazonkibg.info [35] октомври 2008

Автор: kreksofin

PixelArt

Пиксел аватар

прасенце

Photoshop CS3

З

дравейте приятели, фенове и бъдещи такива на пиксел арта. В настоящия урок ще използваме Photoshop, за да направим малък пиксел аватар. За съставянето му не са нужни задълбочени познания по пиксел арт. Такива ще започнете да придобивате след като решите, че сте готови да положите нужното усърдие, труд и търпение. Да започваме!

1. Стартирайте Photoshop, след което отворете нов документ: File > New или чрез клавишната комбинация Ctrl+N Name: svin4o Width: 50 pixels Heigth: 50 pixels Resolution: 72 pixel/inch След което натиснете OK

Запишете файла в разширение .psd. Това е формата на работните файлове във Photoshop.

www.amazonkibg.info [36] октомври 2008

PixelArt

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

Window>Arrange>New Window for svin4o

Нагласете работното пространство по следния начин, като можете да зададете 800% увеличение на основния работен прозорец – напишете го директно в лентата за процентно увеличение долу на прозореца:

www.amazonkibg.info [37] октомври 2008

PixelArt

3. Сега е време да подготвим палитрата:

Можете да запишете картинката от тук и да я отворите във Photoshop, след което с Eyedropper Tool или клавиш I взимате цветовете и пренасяте в основния работен прозорец и чрез Pencil Tool или клавиш B, оформяте палитрата на нов слой по следния начин:

4. Създайте нов слой с Ctrl + Alt + Shift + N Вземете отново Pencil Tool или клавиш B (цвета е #6f2314) и начертайте следната фигура:

www.amazonkibg.info [38] октомври 2008

PixelArt

Ctrl+J ще дублира слоя с фигурата. С Ctrl+T влизате в трансформиращата селекция. Кликнете с десен бутон на мишката върху селекцията и дайте Flip Horizontal

Натиснете Enter, за да приложите трансформацията. Чрез клавиша V правите активен Move Tool и нагласете по следния начин:

www.amazonkibg.info [39] октомври 2008

PixelArt

Ctrl+E ще слее двата слоя и ще ги направи един, но за тази цел трябва да сте сигурни, че ви е маркиран най-горния. По аналогичен начин ще нарисуваме ушите.

5. Започваме да оцветяваме.

www.amazonkibg.info [40] октомври 2008

PixelArt

6. Взимаме Paint Bucket Tool или чрез клавиша G с отметка на Contiguous.

7. Сега ще нарисуваме блузка и шапчица:

8. Следва изграждането на светлосенки - от тъмно към светло.

www.amazonkibg.info [41] октомври 2008

PixelArt

www.amazonkibg.info [42] октомври 2008

PixelArt

Ето го и крайния резултат.

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

Тъмен аутлайн:

Светъл аутлайн:

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

Тъмен аутлайн на тъмен фон:

Тъмен аутлайн с допълнителен бял аутлайн на тъмен фон :

Ето как нещата се променят и допълнителният бял аутлайн при тъмен фон откроява обекта по-добре.

www.amazonkibg.info [43] октомври 2008

Автор: Philip Straub, Превод: Ledenata

АРТ

Теория на

цветовете

1. Трите свойства на цветовете. Преди да навлезем в дълбините на цветовата теория, трябва да имате представа за основните принципи и свойства на цветовете. Нека да видим какво именно се разбира под “трите свойства на цветовете”. Тези три свойства на цветовете са описани по-долу и задължително присъстват във вашата живопис. Тон – цвета (например, червен, син, жълт) Наситеност – тъмен или светъл оттенък на цвета Яркост – интензитета на цвета (ярък или блед). Чистите оттенъци са високия интензитет на цвета. Бледите са нисък интензитет на цвета. Тон, наситеност и яркост ще са необходими за много обекти от вашите рисунки, но преди всичко, те ще ви помогнат правилно да отбележите източника на светлината.

2. История на цветовото колело. Цветовият кръг, основан на червеното, жълтото и синьото, е традиционен в областта на изкуството. През 1666 година сър Исак Нютон оцветил първата кръгла диаграма. Оттогава учени и художници от цял свят са изучавали и не веднъж са променяли това понятие. Различните мнения за зависимостта на един формат с друг продължават да предизвикват спорове. В действителност, който и да е цветови кръг или цветово колело, което представлява логически устроена верига от чисти оттенъци е нужна и полезна.

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

www.amazonkibg.info [44] октомври 2008

АРТ

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

www.amazonkibg.info [45] октомври 2008

АРТ 5. Третични цветове. Към третичните цветове спадат портокалово-жълт, червено-оранжев, червеновиолетов, синьо-виолетов, синьо-зелен и жълто-зелен. Както вече знаем, това са цветове, образувани от смесването на вторичните и основните цветове. Може да ги видите на долната картинка.

6. Баланс на цветовете. Няма да успеете да придадете правдоподобност и красота на рисунката си, ако рисувате с един или дори с всичките основни цветове. Трябва да намерите баланса на вашата цветова палитра. Трябва да има малко третични или сиви цветове, за да не изпъква прекалено рисунката. Не забравяйте за това в процеса на рисуването. Например, в природата едва ли ще видите изобилие от основни и вторични цветове. Всички оттенъци са уравновесени и съставят едно цяло. В живописта това е работа на нас, художниците. Необходимо е да се знае кога и как да се подчертае действителността на картината. Вижте колко идеално е подбрана цветовата палитра на това изображение. Цветовете не са били избрани хаотично, те въздействат на зрителя. Ако знаете теорията на цветовете, ще разберете защо художникът се е спрял на тези оттенъци. Синият цвят има успокояващо действие върху хората.

www.amazonkibg.info [46] октомври 2008

АРТ

7. Съответствие. Като се каните да рисувате картина, първо помислете какви цветове ще използвате в палитрата си. Те трябва да съответстват на настроението и тона на картината. Например, ако пресъздавате сцена на разрушения и война, няма да оцветявате картината в щастливи, топли цветове, нали? Погледнете изображението от примера. Това е мощна комбинация от наситеност и цветове, създаващи трагично настроение и въвличаща зрителя. Тук съм използвал много безжизнени третични цветове, за да насоча окото на зрителя върху фокуса на изображението (главния герой).

8. Монохром. В монохромната палитра влизат променени в наситеност и яркост оттенъци на един цвят. Работенето в монохром е бърз и лесен начин да се добави живот и цвят във вашата рисунка. Това е доста занимателна и интересна задача за начинаещия. Единственият минус е, че монохромното изображение може да изпитва недостиг на блясък и контраст.

www.amazonkibg.info [47] октомври 2008

АРТ

9. Аналогични цветове. В аналогичната палитра влизат цветове, които се намират един до друг на цветовото колело. Един цвят се явява доминиращ, другите се използват, за да допълнят и обогатят изображението. Аналогичната палитра прилича на монохромната, но съчетава повече нюанси в себе си. Смятам, че този начин е доста по-богат и е по-добър от едноцветния.

10. Допълнителна палитра. Тя се състои от два цвята, които се намират един срещу друг на цветовото колело. Найдобре е да се избират топли цветове срещу хладни – например, червен срещу зелено-син. Използвайки този метод, изберете един доминиращ цвят и друг допълнителен цвят за акцентите. Един от традиционните начини на рисуване се състои в това, да се използва един цвят за фона и друг цвят, за да се придвижат на преден план важните елементи. Използвайки този метод, получавате остър цветови контраст. Много печеливш вариант! Въпреки, че рисуването посредством този метод е доста по-тежък в сравнение с използването на монохром или аналогични цветове, можете да използвате един основен цвят и два съседни цвята.

www.amazonkibg.info [48] октомври 2008

АРТ 11. Методите Triadic и Tetradic. В Triadic палитрата влизат три цвята, разположени на еднакво разстояние на цветовия кръг. Този начин е много популярен между художниците, тъй като картината има силен визуален контраст, като в същото време изглежда хармонична и богата. Този метод не е толкова контрастен, като допълнителните цветове, но рисунката изглежда поуравновесена. Tetradic метода е най-богатия, защото тук се използват четири цвята, които са разположени по двойки. Този начин не е хармоничен, затова трябва да изберете доминиращ цвят.

12. Цветове и обкръжаваща среда. Всеки цвят на обект е повлиян от обкръжаващия свят. Всички цветове, които виждаме, са били променени от близките предмети. Топла светлина на топъл цвят просто подчертава топлината на колорита, но същата тази топла светлина няма да бъде видна на хладен цвят.

13. Не забравяйте за третичните цветове. Когато събирате палитрата си, не забравяйте за разположението и температурата на всички елементи на картината ви. Така, обширните големи пространства, като небето, трябва така да са разположени, че да не заграждат останалата част от картината. Изберете кой цвят трябва да преобладава: по-мек или не толкова влажен. Като рисувате фона, избягвайте основните цветове. И отново може да се убедите в това, колко е важно да се подбере правилната палитра. Обърнете внимание, че на следващото изображение няма никакви основни цветове, особено в небето, което заема най-голямо място в картината.

www.amazonkibg.info [49] октомври 2008

АРТ

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

15. Фокус. Вие искате ярките цветове да са разположени около главния ви обект и да привличат вниманието на зрителя. Наистина ли знаете как да използвате правилно фокуса? Дайте да погледнем. Фокусът е един от най-мощните инструменти, с чиято помощ художникът насочва погледа на зрителя към действащия обект. Найефектните картини включват център (разбирайте най-интересното място) и други области, служещи за фон – това означава, че на картината всички елементи се намират в хармония, имат баланс.

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

www.amazonkibg.info [50] октомври 2008

Ɉɞɯɦɢɞ ɏɕɃɐɌɀɌɂɋɆ ɑɏɉɑɁɆ: Ⱥɛɨɧɚɦɟɧɬɧɨ ɨɛɫɥɭɠɜɚɧɟ ɔɣɫɦ ɭɬ ɢɬɡɬɠɞɮɽɫɣ ɐɎɅ ɦ ɉɏ ɋȾɍ ɦ ɋɌɆ

Ɍɵɞɨɠɞɪɣ ɀɦ ɫɞ: ɰɣɩ.: 02/ 855 86 50, GSM: 0899 983747, GSM: 0878 615307

Домофони, звънци, ел. брави, стълбищно осветление инж. НИКОЛОВ тел.: 02/826 73 20 GSM: 0886 47 42 55

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

АРТ

Дигитално очертаване

с Photoshop

О

ткакто се помня, очертаването с мастило в традиционния смисъл е било моя Ахилесова пета. Просто нямам способностите за това. Не. Изразих се неправилно. Имам способностите, но нямам търпението да го правя. За да очертаете с черно илюстрация, направена с молив (скица) се изисква търпение и прецизност. Знам, че притежавам прецизност, но се нуждая от търпение. Благодарение на технологиите вече нямам този проблем. С Photoshop мога да очертавам рисунките си, използвайки ясни равни линии, каквито съм искал, без да се притеснявам, че ще сбъркам, като зацапам или препълня мастилените си писалки и шишенца. Не ме разбирайте погрешно, обожавам да очертавам с мастило по традиционния начин, но аз си играя с всички източници, които живота ми е предоставил.

Започнах да очертавам дигитално при версия на Photoshop 5.5, тогава все още използвах мишката, а няма много неща, които можете да направите с четката (brush tool) и писалката (pen tool) на Photoshop. Със страхотните подобрения на тези инструменти във версия 6.0 и погорните и в същото време тържественото откриване на таблета от WACOM (дъска, на която се рисува със специален молив и линиите излизат в програмата на компютъра), имах възможност да имитирам щрихи с истински молив. В момента ползвам версия CS (или 8.0) на Photoshop, но свойствата, които ще видите тук, ги има от версия 5.5 нагоре. Ще е най-добре, ако имате таблет, защото е по-лесен за употреба, когато става въпрос за дигитално изкуство, но техниката, на която ви уча тук, може да бъде направена и с мишка. За този урок се предполага, че вече имате: • Основни знания за използване на Adobe Photoshop (свойствата в този урок можете да намерите от версия 5.5 нагоре) • Таблет или мишка Нека да продължим с очертаването.

www.amazonkibg.info [52] октомври 2008

АРТ Вече съм подготвил рисунката на Лий с молив за дигитално очертаване и съм увеличил лицето й с 50% от истинския размер. Уверете се, че цвета за рисуване е нагласен на черно. Първо ще ви покажа как с писалката да проследите външните линии на рисунката и да ги запълните с черно. Изберете писалката (Р). Уверете се, че ще трасирате линиите върху слоя за очертаване (Ink).

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

На картинката виждате, че съм завършил линията на основната форма на окото и веждата й. Можете да се върнете обратно между пътеките (Path) и да си поиграете, докато сте доволни с формата. Уверете се, че пътечките са затворени.

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

www.amazonkibg.info [53] октомври 2008

АРТ

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

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

Този път ще проследя частите на клепача й, но вместо да запълня пътя, ще го щриховам. Тази техника, всъщност, ще комбинира настройката на четката с писалката. Първо изберете четката (В). Според това за коя част от картинката ще използвам тази четка, създавам твърда четка с диаметър 5, ъгъл около 40%, закръгленост около 40%. В опцията Shape Dynamic натискам на Control (1) и избирам Fade.

www.amazonkibg.info [54] октомври 2008

АРТ Нагласям Fade на около 120 (2) с минимум диаметър от 30%. Има разлика в настройките от картинка до картинка, както и при различните части на картината, затова ключа към ефективно прилагане на тази техника е в това, да знаеш, какво ти трябва за дигитална картинка. Веднъж щом е нагласена четката, отново избирам писалката (Р) и създавам път (Path), който върви отдясно наляво, като използвам линиите с молив за насока за неговите форма и дължина.

Кликнете с десен бутон на мишката върху пътя и от падащото меню изберете Stroke Path. Скрил съм пътя, за да видите резултата. С просто използване на права, кръгла четка щрихът изглежда естествено.

Всяка част от картинката може да има нужда от подобни или различни размер и форма на четката.

Използвайки тази техника и използвайки различни настройки за Fade, размера на четката, ъгъла и закръглеността, имам възможност да изменям щрихите за получаване на по-естествен вид. Ето резултата до момента:

www.amazonkibg.info [55] октомври 2008

АРТ Накрая ще използваме опцията Pen Pressure (Натиск на писалката). Натискът на писалката обикновено се използва за рисуване на ръка, използвайки способността на таблета да имитира естествени щрихи с молив. Както можете да видите от картинката, не съм особено добър в рисуването на ръка с таблета.

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

Също като преди, избирам писалката (Р) и създавам нов път (Path), който върви отдясно наляво, използвайки линиите с молив като водач за неговите форма и дължина.

www.amazonkibg.info [56] октомври 2008

АРТ

Натиснете десен бутон на мишката върху пътя (Path) и изберете опцията Stroke Path (Път с щрих) от контекстното меню. Както може би сте забелязали, не съм направил път по цялата горна част на устната. Това е, защото исках да променя повече дебелината на линията и избрах да създам два отделни пътя, както можете да видите. И отново, това е напълно несполучлива и грешна техника, ако не сте свикнали с нея.

Можете да видите всичките три техники, съчетани, за да създадат съвсем “естествено” изглеждаща рисунка с мастило.

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

www.amazonkibg.info [57] октомври 2008

Автор: @kissteen, Превод: marta

CorelDRAW / Illustrator

Ябълка с Gradient Mesh на Illustrator 1. За това упражнение ще използваме подходяща снимка на ябълка, като тази: Вкарайте снимката в Илюстратора (File> Place) и я разположете в единия край на работното си пространство, така че да ви остане място в другия край, както е показано на картинката от примера.

2. С Pen Tool очертайте контурите на отделните детайли на ябълката. За всеки детайл направете отделен контур.

www.amazonkibg.info [58] октомври 2008

CorelDRAW / Illustrator

3. След като контурите са очертани, селектирайте снимката на ябълката и я преместете на свободното място в дясно, за да не ни пречи:

4. Бихме могли направо да пристъпим към рисуването и да използваме изходните контури за основа на Gradient Mesh, но тъй като контура има сложна форма, меша ще се получи хаотичен на практика. За да получим правилен и красив меш ще направим следното: Създайте правоъгълник с Rectangle Tool (M) под контура на ябълката. След това селектирайте заедно правоъгълника и контура. Най-лесно това става от панела със слоевете избирате кръгчетата на съответните фигури, като натиснете и задържате клавиша Ctrl.

След като двете фигури са селектирани, направете Clipping Mask (клик с десен бутон на мишката и избирате от менюто Make Clipping Mask).

www.amazonkibg.info [59] октомври 2008

CorelDRAW / Illustrator

5. За да работим по-лесно и по-ефективно, горещо ви препоръчвам да заключите всички пътечки в панела със слоевете, като цъкнете на катинарчето пред всяка от тях. Оставете си само правоъгълника, който ще бъде основа за мрежата на меша.

6. Вземете Mesh Tool (U) и поставете първите точки. Започваме да ги поставяме на местата, където формата на ябълката се променя. Не слагайте излишни точки, защото после ще ви е трудно да ги движите. Следващите линии на мрежата практически ще повтарят първите линии. Крайният резултат ще е триизмерна мрежа с формата на ябълката.

Ще видите малък знак + до курсора на инструмента. Това означава, че можете да добавяте точки към мрежата. Ако искате да премахнете вече създадена точка от мрежата, натиснете клавиша Alt, задържате и кликвате в желаната точка. Можете да преместите дадена точка, като кликнете на нея и я придвижите в желаната посока.

www.amazonkibg.info [60] октомври 2008

CorelDRAW / Illustrator

7. Продължаваме да добавяме точки в мрежата и паралелно оцветяваме. Това става, като редуваме натискането на горещите клавиши U и I (Gradient Mesh и Eyedropper Tool). С пипетката кликваме направо в снимката на ябълката вдясно, докато постигнем удовлетворяващ ни резултат.

8. Ще постигнем отличен резултат, ако продължаваме да добавяме оше точки в мрежата. Обърнете внимание, че накрая се получава мрежа с формата на нашата ябълка.

www.amazonkibg.info [61] октомври 2008

CorelDRAW / Illustrator

9. За да постигнете гладки преходи от един цвят към друг, се старайте да не кръстосвате линиите на мрежата. Кръстосването им ще доведе до лош резултат:

10. Както споменах в началото, цялата ябълка може да се направи от една мрежа, но доста трудно може да се постигне отличен резултат, особено, ако не сме много опитни в използването на Gradient Mesh. За целта ще изградим отделна мрежа за вдлъбнатината на ябълката (мястото, от което излизат дръжката и листенцето й). Ще направим това по същия начин, както направихме по-рано, а именно: първо създаваме правоъгълник под контура на вдлъбнатината. След това селектираме заедно контура и правоъгълника и правим Clipping Mask.

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

www.amazonkibg.info [62] октомври 2008

CorelDRAW / Illustrator

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

Това става с помощта на маска: Очертайте с rectangle tool квадрат около меша. За Fill на квадрата задайте черно-бял линеен градиент, без Stroke. Когато използваме черно-бял градиент в комбинация с маска на слоя, означава, че всичко от обекта, което е оцветено с бяло ще се вижда, а това, което е маскирано с черно няма да се вижда.

www.amazonkibg.info [63] октомври 2008

CorelDRAW / Illustrator

Селектирайте градиента и меша, който се намира под него. Най-лесно е да го направите от кръгчетата в панела със слоевете. Отворете панела transparency. Ако не е видим в работното ви пространство, изберете от менюто Window > Transparency. Отворете падащото меню на палитрата от малкото бутонче горе вдясно и изберете “Make Opacity Mask“.

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

www.amazonkibg.info [64] октомври 2008

CorelDRAW / Illustrator

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

12. Започваме да рисуваме листенцето. Това е найсложният елемент на ябълката, защото трябва да придадем обем и на жилките на листото. Започваме по познатия ни вече начин с правоъгълник под пътечката с формата на листото. После селектираме заедно пътечката и правоъгълника и правим Clipping Mask.

13. За тъничките линии на жилките ни трябват три точки една до друга. Първо правим първата тройка и придвижваме напред по формата на листото. После добавяме останалите. Тях вече няма нужда да ги дърпаме. Те сами ще заемат формата на листото.

www.amazonkibg.info [65] октомври 2008

CorelDRAW / Illustrator

14. Обърнете внимание как се правят с меш тънки линии. Трите точки заедно се оцветяват в различни цветове. Върховите точки на всяка тройка се оцветяват в един цвят, за да може да се образува жилката.

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

www.amazonkibg.info [66] октомври 2008

CorelDRAW / Illustrator

16. Следва да направим парченцето ябълка. Принципът на работа е абсолютно същият, както до сега. В меша на парченцето не влиза зелената част от кората на ябълката. Тя е направена допълнително с най-обикновен градиент. Ето какво представлява меша на резенчето.

17. Правим отделен меш по същия начин и за сърцевината на ябълката, като й придаваме необходимите обем и неравност.

18. За да постигнем идеален резултат, в горната му част под сърцевината ще направим вдлъбнатина на меша на резенчето.

www.amazonkibg.info [67] октомври 2008

CorelDRAW / Illustrator

19. Ще направим и сянка на парченцето ябълка, като първо нарисуваме сив правоъгълник. Селектираме този правоъгълник. Отваряме панела Transparency и вече там създаваме черно-бял меш. Започваме с черен правоъгълник и добавяме бели точки. По този начин бялата част ще е непрозрачна и ще се вижда в графиката ни, а черната - прозрачна и съответно няма да се вижда.

20. И за да е съвсем идеално всичко, ще направим меша на сянката почти с copy/ paste.

Ето това се получава накрая:

www.amazonkibg.info [68] октомври 2008

Лице за контаки: Бранимир Парашкевов Fortumo Ltd. Marketing Star, Bulgaria branimir.parashkevov@fortumo.com +359 887 133 511

http://fortumo.bg

Fortumo, популярен портал за създаване на SMS-услуги сред северните и прибалтийските интернет предприемачи, обявиха на 23 септември, че са стартирали своите услуги и в Източна Европа. Освен в България, от скоро Fortumo е достъпен и в Румъния и Сърбия.

“Fortumo позволява на всеки да създаде своя собствена SMS услуга за 5 минути, без да е нужно да има каквито и да е технически умения,” казва Райн Ранну, CEO на Fortumo. “Създаването на мобилна услуга не трябва да е по-трудно от това да си направиш блог”. Типичните потребители на Fortumo са както притежатели на уеб-страница или портал, така и радиостанции, местни вестници и рекламни агенции, а и обикновени хора, които имат добри идеи. До момента се предлагат над 28 000 услуги, създадени в 10 държави. Сега Fortumo функционира в България, Румъния, Сърбия, Китай, Финландия, Швеция, Дания, Норвегия, Естония, Латвия и Литва. “Намираме България за важен пазарен елемент за нас в региона, поради добре развития й мобилен пазар и постоянното икономическо развитие”, казва маркетинг мениджъра на Fortumo за България, Бранимир Парашкевов. “През следващите няколко месеца ще започнем да предлагаме услуги и в още няколко атрактивни държави от региона”, допълни той. Хората могат да създават SMS-услуги без да имат технически познания. SMSинфо, SMS-кампания, SMS-чат, “pay for video” услугите са насочени точно към тези хора, докато Premium SMS-свързаност позволява на опитните доставчици на услуги да печелят от повече държави, гъвкав потребителски интерфейс и конкурентно разпределение на приходите. Платформата Fortumo е достъпна на адрес http://fortumo.bg без каквито и да е месечни или начални такси.

Fortumo.com принадлежи на Fortumo Ltd. Fortumo е дъщерна компания на Mobi Solutions Ltd - водещ доставчик на мобилни услуги с добавена стойност в прибалтийските държави.

Photoshop / Illustrator

Превод: Nzhul, Източник: www.good-walls.com

3D Illustrator+Photoshop Logo Т

ози урок има за цел да упражни съвместното използване на Adobe Illustrator и Photoshop. Урокът е лесен и може да бъде изпълнен от всеки.

Illustrator Създаваме нов документ. Резолюцията не е от значение, защото това е векторно изображение. По-важната настройка тук е Color Mode: RGB.

www.amazonkibg.info [70] октомври 2008

Photoshop / Illustrator

Сега нека създадем кръг с Elipse tool (L). Не забравяйте да използвате Shift, докато изчертавате кръга, за да остане перфектен.

Премахнете запълването (fill) на обекта и му сложете контур (stroke) - 25 pt.

Съединяване на сегментите Вземете Line Segment Tool и направете вертикална линия, както е показано на примера подолу. Задайте stroke на линията 25 pt, както на кръга и след това преобразувайте контура във запълване - Object - > Expand.

www.amazonkibg.info [71] октомври 2008

Photoshop / Illustrator

Съединете сегментите, както е показано на примера. За по-точно и прецизно изпълнение, преминете в Outline Mode (Ctrl+Y), за да виждате само пътечките.

След като сте подравнили добре сегментитe, се върнете отново в Normal View (Ctrl+Y), изтеглете един рулер (Ctrl+R) и го прилепете до горната част на кръга. После удължете линията до нивото на водача.

www.amazonkibg.info [72] октомври 2008

Photoshop / Illustrator

The Pathfinder (Window Pathfinder) Палитрата Pathfinder е изключително важна в Illustrator и е добре да се запознаете с нея. С нейна помощ ще обединим тези два обекта. Лесно е - просто селектирайте и двата обекта с direct selection tool и натиснете “Добави към формата на обекта” (“Add to shape area”) в палитрата Pathfinder.

Изглежда, че нищо не се е случило, но всъщност двата обекта са обединени и единственото, което остава да направим е Object -> Expand Appearance и готово - вече двата обекта са едно цяло. /Ако задържите клавиша Alt, докато кликате в/у Add to shape area бутона ще си спестите Object>Expand Appearance/

www.amazonkibg.info [73] октомври 2008

Photoshop / Illustrator

Изрязващи обекти Изчертайте обикновен квадрат и го завъртете на 90o. Ползвайте Shift при въртенето, за да въртите обекта на стъпки от 45o или използвайте палитрата Transform, за да въведете точно данните.

Поставете квадрата, както е показано в примера и подравнете двата обекта вертикално с помощта на панела Align или просто от контекстночувствителната лента.

www.amazonkibg.info [74] октомври 2008

Photoshop / Illustrator

След като всичко е подравнено, селектирайте само квадрата и с десен бутон върху него, изберете Arrange > Send to Back или ползвайте клавишната комбинация Ctrl+Shift+[.

Извадете отново палитрата Pathfinder и при селектирани и двата обекта изберете опцията “minus back”.

www.amazonkibg.info [75] октомври 2008

Photoshop / Illustrator

Базовата част на логото е готова.

3D След като създадохме нашата форма, задаваме някакъв посветъл цвят, за да виждаме добре какво правим при прилагане на 3D ефекта. И така, отиваме на Effect > 3D > Extrude Bevel и ползваме настройките от примера или поне подобни.

www.amazonkibg.info [76] октомври 2008

Photoshop / Illustrator

Натиснете OK, за да приеме настройките. За да можем да обработваме обекта, трябва да го разделим на обработваеми части, т.е. Object > Expand Appearance.

Светлина Създайте нов градиент (Window > Gradient), като ползвате сходни цветове с различна яркост. Запазете си в панела Swatches радиална и линейна версия на градиента.

Със Direct Selection Tool (A) + Shift селектирайте вътрешната част на обекта, както е показано тук.

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

www.amazonkibg.info [77] октомври 2008

Photoshop / Illustrator

Сега селектирайте предната част на обекта и с помощта на Gradient Tool (G) отново изтеглете от средата към крайщата така, че светлината да идва от центъра на логото. Не забравяйте да ползвате радиалния градиент. За останалите части ползвайте същия метод, но сменете вида на градиента на линеен.

Преминаваме към Photoshop Поставете своя обект в един нов документ 800х600 / 72 ppi / RGB. Най-лесно е с влачене и пускане (Drag & Drop) - просто селектирате обекта си от Illustrator, влачите към Photoshop и пускате. След като обектът ви е вече във Photoshop, може да растеризирате обекта. Създайте нов прозрачен слой и го поставете под логото - кръстете го big shadow. Вземете elipse selection tool и направете селекция, както е показано на примера ни.

Вземете gradient tool (G) и направете радиален градиент, черно към прозрачно - от центъра на селективната елипса към краищата.

www.amazonkibg.info [78] октомври 2008

Photoshop / Illustrator

Приложете Filter> Blur> Gaussian Blur и сложете стойност около 6.0. Пробвайте различни стойности, докато получите нещо, което ви харесва.

Намалете непрозрачността (Opacity) на 30%. Създайте нов слой и направете малко кръгче, като това от примера ни, след това намалете непрозрачността на 70% и не забравяйте gaussian blur ~5.0

www.amazonkibg.info [79] октомври 2008

Photoshop / Illustrator

Задръжте ALT+SHIFT и провлачете кръгчето под другата част на логото, за да го копирате.

Остана още малко доизпипване. Селектирайте най-горната част от логото (малкото квадратче), създайте нов слой и използвайте линеен, бяло към прозрачно градиент, за да придадете ефект на блясък.

www.amazonkibg.info [80] октомври 2008

Photoshop / Illustrator Намалете непрозрачността на 80%. Остава да добавим още малко блясък. Създайте нов слой и с помощта на pen tool (P) начертайте пътечка, като тази.

Сега изберете brush tool (В) и сложете следните стойности:

Изберете бял цвят за рисуване (Foreground color) и с pen tool и с десен бутон изберете stroke path. Изберете Brush и натиснете OK.

www.amazonkibg.info [81] октомври 2008

Photoshop / Illustrator

Сменете режима на смесване на слоя (Blending Mode) на Overlay и намалете непрозрачността на 58%.

Готови сме ! Ако желаете, може допълнително да си поиграете, като добавите още блясък и вкарате някаква текстурка за по-реалистичен вид, но за сега това е достатъчно.

www.amazonkibg.info [82] октомври 2008

ГогТел ЕООД е фирма извършваща, предимно, инсталационни и интеграционни услуги, инжинерингова дейност в областта на телекомуникациите за български и чуждестранни оператори, както и компютърната техника за офис и домашно ползване.

Услуги за телекомуникационните оператори: Инсталация, интеграция и поддръжка на цифрови телефонни централи, захранващи системи, PGS, DSL, ADSL, BTS и други.

www.gogtel.org e-mail: gogy.bg@gmail.com GSM: +359 88 797-41-28

Услуги за офиси и домашни потребители: • Проектиране, инсталация, и обслужване на WAN/LAN, кабелни и безжични системи, модеми • Сглобяване, ремонт, софтуерна и харуерна поддръжка, на всички модификации на PC/AT ситеми • Възстановяване на неволно изтрити данни от твърди дискове (HDD) • Възстановяване на изтрити данни от повредени HDD • Възстановяване на забравена парола от Windows • Решения за всякакви проблеми от софтуерен и хардуерен характер.

АРТ

и н а т я и н а з е т с ъ с Победители в Pixel Ar t Победител в състезание “Пиксел курсор” е StorM

Победител в състезание “Пиксел торта” е mimka

Победител в състезание “Еротично облекло за база Наоми” е MARIAHRISTOVA

Победител в състезание “Пиксел играчка” е zi (тиквата е анимирана)

Победител в състезание “Анимирани иконки” е mimka с емотиконката

Победител в състезание “Пиксел ветрило” е MARIAHRISTOVA

www.amazonkibg.info [84] октомври 2008

АРТ

Победители в състезан ията ни Photoshop Рисуване с потребителска четка на тема “Остров в морето” - MARIAHRISTOVA

Колаж на тема “Известна личност” - marta

Състезание “Рисуване на натюрморт” - tcvetelinka

Състезание на тема “Рисуване и оцветяване на anime картинка” - Ledenata www.amazonkibg.info [85] октомври 2008