Маслиҳатҳо барои кор бо Illustrator. Барои веб-дизайнерҳо, ки Photoshop-ро афзалтар медонанд

Маслиҳатҳо барои кор бо Illustrator. Ин як идеяи девона аст - лоиҳаи веби навбатии худро дар Illustrator тарроҳӣ кунед. Агар шумо веб-дизайнери ибтидоӣ бошед, эҳтимол аст, ки шумо ба ин пешниҳод чандон хуб посух нахоҳед дод. Illustrator наметавонад ҳама чизеро, ки Photoshop карда метавонад, иҷро кунад, дуруст?

На бешубҳа дар ин роҳ.

Гарчанде Photoshop ба воситаи воқеан табдил ёфтааст тарроҳии веб, Illustrator на он қадар қодир аст, ки ниёзҳои шуморо қонеъ кунад. Бо шарофати асбобҳои тарҳбандии он, он аксар вақт як барномаи беҳтар ва мувофиқтар барои тарроҳии веб мебошад.

Азбаски аксари мутахассисони тарроҳии веб намехоҳанд, ки дар ҷустуҷӯи далелҳо дар атрофи Illustrator саргардон шаванд, ман рӯйхати хусусиятҳои марбут ба вебро тартиб додам, ки шумо бояд донед, ки таҷриба бо тарроҳии веб дар Illustrator оғоз кунед.

Якчанд аз инҳоро санҷед ва ман кафолат медиҳам, ки шумо ба истифодаи Illustrator ҳамчун як абзори стандартӣ дар ҷараёни тарроҳии веби худ шурӯъ мекунед.

1. Аввалин чизҳои аввал: ҳама воҳидҳоро ба пикселҳо таъин кунед. Маслиҳатҳо барои кор бо Illustrator

Бо нобаёнӣ, Illustrator метрикаро истифода мебарад воҳидҳо барои андозаи объект ва нуқтаҳо барои матн. Инҳо танзимоти олӣ барои аксари ҳолатҳои тарроҳӣ мебошанд, аммо барои тарроҳии веб шумо эҳтимол мехоҳед пикселҳоро дар ҳама ҷо бубинед. Пас, пеш аз он ки шумо дар ягон чизи дигар кор кунед, боварӣ ҳосил кунед, ки агрегатҳои шумо дуруст насб карда шудаанд.

Барои танзим кардани воҳидҳо ба пиксел:

1. Дар менюи Таҳрир кушоед
2. Аз зерменюи танзимот воҳидҳои андозагириро интихоб кунед.
3. Ҳама интихобҳоро ба "пикселҳо" таъин кунед

2. Бо истифода аз профили ҳуҷҷати веб ҳуҷҷат эҷод кунед.

 

Вақте ки шумо хоҳед, ки ба тарроҳии нав шурӯъ кунед, ба осонӣ дар равзанаи Ҳуҷҷати нав ҳаракат кунед ва баъзе тафсилоти муҳимро аз даст диҳед, масалан, ба Illustrator бигӯед, ки шумо дар тарҳрезии веб кор кардан мехоҳед, то рангҳои CMYK-ро истифода набаред. ва кунҷҳои норавшани объект. Танҳо фаромӯш накунед, ки танзимоти профили Интернетро дар равзанаи Ҳуҷҷати нав интихоб кунед ва шумо хуб хоҳед буд.

3. Ҳамоҳангсозии шабакаи пикселро барои объектҳо фаъол созед. Маслиҳатҳо барои кор бо Illustrator

Ин хусусият наҷотдиҳандаи ҳаёт аст, агар шумо боре бо кунҷҳои шакли норавшан дар Photoshop мушкилот дошта бошед.

Alignment Grid Pixel сегментҳои рости уфуқӣ ва амудии объектро танзим мекунад, то ба шабакаи пиксел комилан мувофиқат кунад ва ҳамзамон сегментҳои каҷ ва каҷро ҳамвор нигоҳ медорад. Натиҷа шаклҳои дақиқ ва пиксели комил аст - чизе, ки шумо бешубҳа дар тарроҳии веб мехоҳед.

Тугмаи боло ҳамоҳангсозии шабакаи пикселро фаъол кардааст, ки ин ҳамеша ба кунҷҳои равшан оварда мерасонад.

Барои фаъол кардани ҳамоҳангсозии шабакаи пиксел дар сатҳи объект:

1. Объектро интихоб кунед
2. Панели Трансформро кушоед (Равзана > Табдил додан).
3. Дар поёни панел қуттии "Мувофиқ ба Grid Pixel" -ро тафтиш кунед (агар шумо онро набинед, панелро ду маротиба клик кунед, то интихобҳоро нишон диҳед)

Шарҳ. Ҳамоҳангсозии шабакаи пиксел бо нобаёнӣ барои ҳама объектҳои нав, ки бо истифода аз профили ҳуҷҷати веб сохта шудаанд, фаъол карда мешавад. Аммо, агар шумо объектҳоро аз дигар файлҳои Illustrator часбонед, ба шумо лозим меояд, ки ҳамоҳангсозии пикселро барои онҳо дастӣ танзим кунед. Маслиҳатҳо барои кор бо Illustrator

4. Пешнамоиши пикселро фаъол созед.

Хусусияти Pixel-Preview Illustrator-ро водор мекунад, ки ҳангоми миқёси тасвири шумо аз 100% боло ба мисли Photoshop рафтор кунад - ба ҷои гирифтани векторҳои комил ҳар дафъа, шумо воқеан пикселҳоро мебинед, ки гӯё шумо бо тасвири растрӣ кор карда истодаед.

Даргиронидани пешнамоиши пиксел шуморо эҳсос мекунад, ки дар Photoshop ҳастед.

Дар бораи он фикр кунед, ки ин то чӣ андоза олӣ аст - шумо тамоми қудрати графикаи векториро дар сарангушти худ доред ва шумо мебинед, ки натиҷа дар сатҳи пиксел чӣ гуна аст.

Тоза, ҳамин тавр не?

Пешнамоиши пикселро фаъол ё ғайрифаъол кунед

1. Менюи намоишро кушоед
2. Намоиши пикселро интихоб кунед.

5. Тирезаҳои Artwork-ро истифода баред. Маслиҳатҳо барои кор бо Illustrator

Тасаввур кунед, ки ду камераи видеоӣ ба лоиҳаи шумо нигаронида шудааст.

Як камера сатҳи муътадили зум дорад, ки 100% кори шуморо нишон медиҳад. Камераи дигар сатҳи масштаби 400% дорад ва ба як нишонаи мушаххасе, ки шумо дар он кор мекардед, нигаронида шудааст.

Мисли як ҷарроҳ, шумо камераи масштабро истифода мебаред, то ба нишона тағироти ночизи сатҳи пиксел ворид кунед ва гоҳ-гоҳ ба камераи 100% масштаб нигоҳ карда, бубинед, ки он воқеан дар андозаи воқеии он чӣ гуна аст.

Тирезаҳои сарпӯш вақте ки ба шумо лозим аст, ки бо унсурҳои хурд ба мисли нишонаҳо кор кунед, олиҷанобанд — ба шумо лозим нест, ки доимо васеъ ва хурд кунед, то тафтиш кунед, ки ҳама чиз чӣ гуна аст.

Инҳо тирезаҳои Artwork мебошанд - онҳо ба шумо имкон медиҳанд, ки тарҳи худро дар як вақт бо сатҳҳои гуногуни масштаб, танзимоти ранг ва дигар вариантҳо бубинед. Ин барои тарроҳии веб хеле муфид аст, хусусан вақте ки шумо бо тафсилоти сатҳи пиксел кор мекунед.

Барои истифодаи тирезаҳои Artwork:

1. Менюи Тирезаро кушоед ва баъд Равзанаи навро интихоб кунед. Illustrator ҷадвали навро бо ҳамон ҳуҷҷат дар назар эҷод мекунад.
2. Боз ба менюи Тиреза равед, Тартиб > Гузаронидани ҳама ба Тирезаро интихоб кунед. Ин ба шумо имкон медиҳад, ки тағир диҳед андоза ва ҷойгиркунии тирезаҳо дар паҳлӯи якдигар, тавре ки шумо мувофиқ мебинед.
3. Бо сатҳҳои гуногуни масштаб дар тирезаҳо таҷриба кунед ва ба ворид кардани баъзе тағирот шурӯъ кунед, то бубинед, ки он чӣ гуна кор мекунад. Маслиҳатҳо барои кор бо Illustrator

6. Барои зуд сохтани тугмаҳо, нишонаҳо ва ғайра рамзҳоро истифода баред.

Шумо чанд маротиба дар Photoshop як тугма, нишона ё виҷети якхела (ё қариб якхела) сохтаед? Агар шумо ба тарроҳии веб машғул бошед, эҳтимол шумо ин корро ҳар рӯз мекунед.

Illustrator метавонад ба шумо кӯмак кунад, ки вақтро сарфа кунед ва аз ин кори такрорӣ бо рамзҳо канорагирӣ кунед.

Дар асл, рамзҳо маҷмӯи беохири тайёр мебошанд унсурҳои тарҳрезӣ, ки онро тавассути кашола кардан ва партофтан ба кор илова кардан мумкин аст ва баъд дар ҳолати зарурӣ тағир додан мумкин аст. Ин барои тугмаҳо, нишонаҳо ва дигар объектҳои стандартӣ, ки аз сифр сохтан лозим нест, беҳтарин аст.

Аммо як сабаби дигаре вуҷуд дорад, ки чаро рамзҳо пурқувватанд ва онро инстансия меноманд.

Рамзҳо на танҳо қулай мебошанд, балки онҳо инчунин навсозии унсурҳои тарроҳии такрориро осон мекунанд.

 

Аслан, вақте ки шумо ба рамзи аслӣ тағирот ворид мекунед, ин тағиротҳо фавран дар ҳама ҳолатҳои аломати дар асари шумо мавҷудбуда инъикос меёбанд. Оё ба шумо тугмаҳои калонтар дар вебсайти шумо лозим аст? Танҳо рамзро тағир диҳед. Оё шумо мехоҳед, ки майдонҳои формаи шумо дар ҳар саҳифа гуногун бошанд? Танҳо рамзро тағир диҳед. Шумо фикр мекунед.

Маслиҳат: Агар шумо нахоҳед, ки ин бо як мисоли мушаххаси ҳамчун аломат рӯй диҳад, объектро дар тасвири худ бо тугмаи рост клик кунед ва истинод ба шикастани аломатро интихоб кунед. Ин онро аз навсозии худкор истисно мекунад.

Ин як видеои хубест, ки тарзи истифода ва коркарди рамзҳоро мефаҳмонад:

Истифодаи рамзҳо дар Adobe Illustrator аз он Adobe TV .

Барои истифодаи рамзи мавҷуда:

1. Панели аломатҳоро аз менюи Тиреза кушоед.
2. Рамзи интихобшударо ба кори худ кашед

Рамзи нав эҷод кунед:

1. Эҷоди тасвири рамз
2. Панели аломатҳоро аз менюи Тиреза кушоед.
3. Тасвирро ба панел кашед
4. Барои тасдиқ дар қуттии муколама OK-ро пахш кунед.

Барои таҳрир кардани аломат:

1. Панели аломатҳоро аз менюи Тиреза кушоед.
2. Барои ворид шудан ба ҳолати таҳрир аломатро ду маротиба клик кунед.
3. Пас аз анҷом, барои баромадан аз ҳолати таҳриркунӣ дар ҳама ҷо берун аз тасвири рамз ду маротиба клик кунед.

7. Объектҳоро бо миқёси 9-сегментӣ ба осонӣ васеъ кунед. Маслиҳатҳо барои кор бо Illustrator

Ин хусусияти мукаммали рамзшиносӣ мебошад, ки ба шумо имкон медиҳад муайян кунед, ки кадом қисмҳои объект ҳангоми миқёс дароз карда мешаванд ва кадомашон бетағйир мемонанд.

Чап: Намунаи тугмаи дарозшуда бо ва бидуни танзимоти масштаби 9-сегментӣ. Аз рост: Танзими миқёси 9-сегментӣ ҳаракат додани 4 дастурро дар бар мегирад, ки ба Illustrator хабар медиҳанд, ки кадом қисмҳои объект муҳофизат шудаанд ва кадом қисмҳоро миқёс кардан мумкин аст.

 

Мисоли амалӣ ин тугмаест, ки кунҷҳои мудаввар дорад - агар шумо хоҳед, ки онро дарозтар кунед, шумо наметавонед онро ба таври уфуқӣ дароз кунед, зеро ин тамоми объектро таҳриф мекунад. Ба ҷои ин, шумо бояд нуқтаҳои шаклро дастӣ кӯчонед. Бо миқёси 9-сегментӣ, дарозкунӣ тавре кор мекунад, ки шумо пешбинӣ кардаед. Маслиҳатҳо барои кор бо Illustrator

Барои воқеан фаҳмидани он, ки он чӣ гуна кор мекунад, ин видеои олиҷаноби Adobe TV-ро гӯш кунед, то суръатро зуд ба даст оред:

Истифодаи миқёси 9-сегментӣ бо аломатҳо аз он Adobe TV .

8. Дар ҳама ҷо гӯшаҳои мудаввар!

Шумо метавонед дар Photoshop як чоркунҷаи мудавваршуда эҷод кунед, аммо Illustrator ба шумо имкон медиҳад, ки эффекти кунҷи мудавваршудаи вайроннашавандаро қариб ба ҳама гуна объект татбиқ кунед. Таъсири харобиовар чист? Ин маънои онро дорад, ки шумо метавонед онро бе таъсир ба объекти аслии аслӣ фурӯзон, хомӯш кунед ё танзимоти онро тағир диҳед.

Шумо метавонед эффекти кунҷҳои мудавваршударо қариб ба ҳама намуди объектҳо татбиқ кунед ва онро мувофиқи зарурат танзим кунед. Маслиҳатҳо барои кор бо Illustrator

Барои татбиқ кардани эффекти кунҷи мудавваршуда:

1. Як росткунҷа ё ягон объекти дигареро бо кунҷҳои тез созед
2. Аз менюи эффектҳо Услуб > Гӯшаҳои мудавваршуда -ро интихоб кунед.
3. Радиуси кунҷро ворид кунед ва Пешнамоишро клик кунед, то бубинед, ки он чӣ гуна аст.
4. Барои татбиқ кардани эффект OK-ро пахш кунед.

Барои тағир додани эффекти кунҷи мудаввар:

1. Объектро бо кунҷҳои мудавваршуда интихоб кунед
2. Панели намуди зоҳириро аз менюи Тиреза кушоед.
3. Эффекти Гӯшаҳои мудавваршударо пайдо кунед ва онро ду маротиба клик кунед, то танзимоти онро тағир диҳед ё тасвири чашмро барои фаъол ё хомӯш кардани он пахш кунед.

9. Эҷоди пуркунии зуд бо намунаи растрӣ. Маслиҳатҳо барои кор бо Illustrator

Намунаҳои пасзаминаи нозук дар тарроҳии веб як зарбаи бузурганд, аммо бисёре аз тарроҳон фикр мекунанд, ки татбиқи онҳо дар Illustrator осон нест.

Ман бояд иқрор шавам, ки ин интуитивӣ нест, аммо ҳалли оддӣ аст.

Барои сохтани намунаи bitmap:

1. Дар пораи худ тасвири намунаро ҷойгир кунед
2. Дар лентаи боло "Ворид" -ро клик кунед (муҳим - бе он кор намекунад!)
3. Намунаро ба палитраи Swatches кашед
4. Намунаро ба ягон объект истифода баред, то онро бо намуна пур кунед

10. Ҷойгиркунии худкори матн дар атрофи тасвирҳо ва объектҳо.

Photoshop бо қобилиятҳои хеле оддии таҳрири матн маълум аст. Агар шумо хоҳед, ки матнро дар атрофи тасвир печонед, шумо бояд ду ё се чаҳорчӯбаи матнии гуногун эҷод кунед ва эффектро тақлид кунед. Маслиҳатҳо барои кор бо Illustrator

Хушбахтона, Illustrator шуморо фаро гирифтааст.

Барои печонидани матн дар атрофи тасвир:

1. Тасвир ё объектеро, ки мехоҳед матнро гирд оваред, интихоб кунед
2. Менюи Объектро кушоед, Папечи матн > Навро интихоб кунед.
3. Барои муқаррар кардани масофаи печонидани матн, менюи Wrap Text-ро боз кушоед ва Параметрҳои парпечкунии матнро интихоб кунед.
4. Тасвирро ба болои матн кӯчонед, то эффекти парпечкуниро бубинед

11. Эҷоди эффектҳои визуалӣ бо танзимоти намуди объект. Маслиҳатҳо барои кор бо Illustrator

Дар Illustrator, панели намуди зоҳирии объект ба монанди эффектҳои қабат дар Photoshop кор мекунад — шумо метавонед ба объект якчанд пуркунӣ ва зарбаҳо илова кунед, сипас бо усулҳои интиқол, шаффофият ва эффектҳои онҳо бозӣ кунед, то натиҷаҳои ҷолиб ба даст оред.

Ин матн танҳо як объекти векторӣ мебошад, ки бо истифода аз панели намуди зоҳирӣ ва эффектҳо тарҳрезӣ шудааст.

Майдони бозӣ хеле калон аст - аз сояҳои афтанда, норавшанӣ ва дурахшон то матнсозӣ, таҳриф ва 3D. Бо ин роҳ шумо метавонед аксари эффектҳоро аз Photoshop ҳангоми кор бо графикаи векторӣ дубора эҷод кунед.

Панели намуди зоҳирӣ пурқувват ва шавқовар аст - ман шуморо ташвиқ мекунам, ки онро фавран санҷед ё дастури зерро тамошо кунед, то бифаҳмед, ки он чӣ гуна кор мекунад:

Азхудкунии панели намуди зоҳирӣ аз он Adobe TV .

Оё шумо омодаед ба озмоиш бо Illustrator шурӯъ кунед?

Эҷоди вебсайтҳо ва интерфейсҳои корбарӣ бо истифода аз Photoshop ҳоло ба меъёр табдил ёфтааст ва аксари тарроҳон аз ин ҳалли хушҳолӣ ҳастанд. Маслиҳатҳо барои кор бо Illustrator

Аммо танҳо аз он ки Photoshop хеле паҳн шудааст, ин маънои онро надорад, ки Illustrator чизе барои пешниҳоде надорад - баръакс. Бо асбобҳо ба монанди ҳамоҳангсозии шабакаи пиксел, печонидани матн ва намуди зоҳирии объект, он як парвандаи қавӣ месозад.

Дар якҷоягӣ бо тавоно воситаҳои тарҳрезӣ ва графикаи векторӣ, буридани тасвирҳо ва содирот, Illustrator бешубҳа интихоби возеҳу равшан барои веб-дизайнерҳоест, ки мехоҳанд вебсайтҳоро зуд таҳия кунанд.