Photoshop Extract- ը `բջջային գրաֆիկայի արտադրությունն անցում է կատարել afterburner- ում

01-ը 08-ը

Ինչ է ստացվում ակտիվները

Պատկերացրեք Photoshop- ում:

Photoshop CC 2014- ի նոր Քաղվածքների Ակտերը առանձնահատկություններ են ստեղծում պատասխանի վեբ դիզայնի (RWD) համար պատկերի ստեղծման այլ ձանձրալի աշխատանքի արդյունքում: Հաշվի առեք, թե ինչպես Extract Assets հրամանը կարող է հեշտությամբ նվազեցնել վեբ էջը կոմպլեկտավորված ակտիվներին մի քանի րոպեից:

Սկսենք ակնհայտ հարցից. Ինչ է բերում ակտիվները:

Պարզ խոսքերով, «Էքստրակտի ակտիվները» Photoshop- ում նոր առանձնահատկություն է, որը Photoshop- ի գեներատորային առանձնահատկությունն է ապահովում ինտերֆեյսով `օգնելու ավտոմատ կերպով ստեղծել վեբ եւ դիզայնի տեսողական ակտիվներ ձեր Photoshop ֆայլերից: Քաղվածքների ակտիվները հրամանը թույլ է տալիս սահմանել, թե որ շերտը կամ շերտը դուք ցանկանում եք ստեղծել ակտիվներ, դրանց ֆիզիկական չափը, ֆայլի ձեւաչափը եւ պահպանված տեղը սկավառակի վրա: Այս առանձնահատկությունը նախատեսված չէ տեքստի համար, եթե մտադրությունը տեքստը փոխարինել մի փոքրիկ մասի, ինչը իսկապես լավ գաղափար չէ:

Եկեք սկսենք.

02-ից 08-ը

Բացեք Photoshop .psd ֆայլը

Սկսենք Photoshop- ում պատրաստված ինտերնետային էջի հետ:

Օգտագործվող օրինակն պարունակում է Illustrator- ի Smart Object, որոշ տեքստ, տեքստային պարունակող հերոսական միավոր, պատկեր եւ կոճակ եւ մի շարք բացօթյա պատկերներ, որոնք ամրապնդում են կայքի թեման: Այստեղ կարեւորը Շերտերը խմբավորումն է խմբերի մեջ: Դա անհրաժեշտ է, քանի որ խնդիրն այն է, որ այս բոլոր տարրերը հանեք կոմպից, որպեսզի դրանք արագորեն ավելացվեն վեբ դասավորություններին, որոնք հարմարվում են տարբեր էկրանային բանաձեւերին եւ չափերին:

03-ից 08-ը

Ակտերի արդյունահանման երկու եղանակներ

Ակտիվները կարող են հայտնաբերվել Ֆայլի ցանկում կամ աջ սեղմելով շերտ:

Ի տարբերություն Generate- ի, որը նաեւ շեղում է օբյեկտների շերտային անունին գրաֆիկական ընդլայնման միջոցով, արդյունքում Ակտիվները օգտագործում են այն ինտերֆեյսը, որը կարելի է հասնել շերտի աջ սեղմելով կամ շերտ ընտրելով եւ File> Extract Assets (Ձեռքբերվող ակտիվներից) :

04-ը 08-ից

Քաղվածքների ակտիվների ինտերֆեյս

Կրճատել ակտիվները երկխոսության տուփը:

Քաղվածքների ակտիվների երկխոսության տուփը բավական ինտուիտիվ է: Դուք ցուցադրվում եք արդյունահանվող շերտը կամ ընտրությունը: Վերեւից դուք ցուցադրվում եք ֆայլերի չափսը եւ ստորեւ այն վերահսկում է, որը թույլ է տալիս ընդլայնել եւ դուրս գալ օբյեկտի վրա: Երկխոսության տուփի աջ կողմը, որտեղ կախարդ է տեղի ունենում: Վերեւի չորս կոճակները թույլ են տալիս ընտրել օբյեկտի բանաձեւը / չափը: Հաջորդ շերտը ցույց է տալիս, որ ընտրված շերտը եւ սեղմելով + նշանը թույլ են տալիս դուրս գալ ընտրված շերտը եւս մեկ ձեւաչափով: The Trash Ca n- ը վերացնում է շերտը հերթից: Հաջորդ շերտի ներքեւում ընտրեք ֆայլի տեսակը եւ կարող եք հարմարեցնել արտադրանքի պատկերի լայնությունը եւ բարձրությունը:

05-ը 08-ը

SVG- ի նկարահանումը

Արտահանում svg պատկեր.

Photoshop- ը չի տիրապետում svg- ի բոլոր պատկերներին, եւ բրաուզերները եւ սարքերը չեն կարող ցուցադրել Illustrator- ի պատկերը: Սա հանգեցրեց SVG- ի ֆայլերի աճին, որոնք օգտագործվում են վեկտորային արվեստի ստեղծագործությունների համար, օրինակ `այստեղ պատկերված Illustrator լոգոն: Վեկտոր լինելով, դրանց լուծումը սարքի անկախ իմաստն է, որը կարող է չափվել առանց մանրամասնության կամ պատկերի կորստի: Illustrator Smart Object- ը svg- ը փոխարկելու համար ընտրեք svg փոստարկղից եւ սեղմեք Extract- ը :

06-ից 08-ը

Քաղվածքների ակտիվների գործընթացը

Պատկերները տեղադրված են նույն տեղում գտնվող թղթապանակում, որը .psd պատկերն է:

Մի քանի բան կարող է տեղի ունենալ, երբ դուք սեղմեք կոճակը կոճակը: Նախ, նախազգուշացվում եք, որ ֆայլի անունը կարող է փոփոխվել: Սա մեծ խնդիր չէ: Այնուհետեւ ձեզ տեղեկացվում է, որ ակտիվը պահելու համար ստեղծվում է նոր թղթապանակ: Գործընթացը ավարտելուց հետո այն նույն պանակում, որը տեղադրվում է բնօրինակ .psd ֆայլում, բացվում եւ ցույց է տալիս նոր ակտիվը:

07-ը 08-ը

Կարգավորումների կոճակը նոր լավագույն ընկերն է

Կարգավորող սարքերի լուծում:

Սեղմում Settings կոճակը բացում է Կարգավորումների երկխոսության տուփ , որը լրջորեն օգտակար է: Ձախ կողմերի պարամետրերը խոշոր գործոններն են: Այն, ինչ նրանք անում են, ստեղծում են տարբերակի պատճենները, որը մշակողը կօգտագործի լրատվամիջոցների հարցումներ , նպատակ ունենալով կոնկրետ սարքերի էկրանին լուծելու համար: Օրինակ, 3x տարբերակը նպատակաուղղված կլինի iPhone- ի կամ iPad- ի Retina- ի էկրանին, իսկ 1.25 գործոնը կցուցադրվի Android սարքում: Ձեռնարկը ավելացված է ֆայլի անվան վերջում, թույլ տալով, որ ձեր մշակողը հեշտությամբ բացահայտի այն պատկերը, որը պետք է օգտագործվի լրատվամիջոցների հարցումում: Երբ ավարտվեցինք, սեղմեք OK կոճակը եւ ձեր ընտրությունները կբացահայտվեն երկխոսության դաշտում արդյունահանման ակտիվների տարածքում: Դուք կարող եք նաեւ մուտք գործել կարգավորումը `սեղմելով կրիչի պատկերակը, արդյունահանման ակտիվների տարածքում, ինտերֆեյսի աջ կողմում

08-ը 08-ը

Հարդարման Up

Բազմաթիվ պատկերներ տարբեր ձեւաչափերով եւ բանաձեւերով են արդյունահանվում:

Երբ դուք սեղմեք կոճակը կոճակը, բոլոր ակտիվները կստեղծվեն եւ կցուցադրվեն թղթապանակ: Այս պահին բոլորը պետք է անեք, ձեր ծրագրավորողին ուղարկել թղթապանակի պատճենը եւ անցնել ձեր հաջորդ նախագծին: