Photoshop Extract: Гар зургийн график үйлдвэрлэлийн дараа хийгддэг

01-ийн 08

Экспортын актив гэж юу вэ

Photoshop-д компайл үүсгэ.

Responsive Web Design (RWD) -д зориулж зураг үүсгэх өөр төрлийн төвөгтэй ажлын урсгалыг Photoshop CC 2014-ийн шинэ хандлагын онцлогоор сэргээн босгох боломжтой. Extract Asset команд нь вэбсайтын компанийг нэгтгэх-бэлэн хөрөнгийг хоёр минутын дотор хэрхэн хурдан багасгах талаар авч үзье.

Эндээс тодруулсан асуултыг эхлүүлье: Экспортыг Хөрөнгө гэж юу вэ?

Энгийнээр хэлбэл, Хөрөнгө Оруулалт нь Photoshop-д Photoshop-ийн Генераторын онцлог бөгөөд Photoshop файлуудаас вэб болон дэлгэцийн дизайн хийхэд зориулсан дүрс хувиргалтыг автоматжуулах интерфэйстэй. Extract Asset командын тусламжтайгаар та ямар төрлийн давхарга эсвэл давхаргыг хөрөнгө үүсгэхийг хүсч, тэдгээрийн физик хэмжээ, файлын формат, хадгалагдсан байршил дискийг тодорхойлох боломжтой болно. Энэ нь текстийг текстийг bitmap болгож хувиргах зорилготой биш бөгөөд энэ нь үнэхээр сайн санаа биш юм.

Эхэлцгээе.

02 of 08

Open A Photoshop .psd File

Бид Photoshop-д бэлтгэсэн веб хуудсыг үүсгэдэг.

Миний ашиглаж буй жишээ нь Illustrator-ийн Смарт Объект, зарим текст, текст агуулсан баатар нэгж, зураг болон товчлуур, сайтуудын сэдэвийг бататгахын тулд гадаа зураглалтай байдаг. Энд товчлуур нь Давхаргуудийг групп болгон зохион байгуулж байна. Даалгавар нь эдгээр бүх эдийг комп компанаас гаргаж авахад маш чухал юм. Ингэснээр тэдгээрийг янз бүрийн дэлгэцийн нарийвчлал, хэмжээгээр тохируулах вэб байрлуулалтад түргэн нэмж болно.

03 of 08

Хөрөнгө оруулалт хийх хоёр арга зам

Хөрөнгө оруулалтыг Файлын цэсэнд эсвэл давхаргын баруун товчийг дарж олж болно.

Generate нь ялгаатай нь, давхарга нэртэй график өргөтгөлийг нэмэх замаар объектуудыг гаргаж авдаг. Хөрөнгө оруулалт нь давхарга сонгох, Файл> Экспортын Хөрөнгийг сонгоход хүрч болох интерфэйсийг ашиглана.

04 - 08

Экспортын хөрөнгийн интерфэйс

Extract Assets харилцах цонх.

Extract Assets харилцах цонх нь тун хялбар. Та давхарга буюу сонголтыг задалж үзүүлсэн байна. Дээрх зүйлсийг та форматын хэмжээг үзүүлээд доор нь объект дээр томруулж, гарах боломжтой болгоно. Харилцах цонхны баруун тал нь ид шид болдог газар юм. Дээд тал нь дөрвөн товчлуур нь объектын нягтрал / хэмжээг сонгох боломжийг олгодог. Дараагийн зурвас сонгосон давхаргыг харуулж, + тэмдэг дээр дарахад сонгосон давхаргыг гаралтын өөр хэлбэрт гаргана. Trash Ca n дараалалаас давхаргыг арилгадаг. Дараагийн зурваст та файлын төрлийг сонгож, гаралтын зургийн өргөн ба өндрийг тохируулж болно.

05 - 08

SVG зураг задлах

Svg зургийг задлах.

Photoshop нь svg дүрсийг бүгдийг нь зохицуулдаггүй, сайн хөтөч, төхөөрөмжүүд нь Illustrator дүрсийг үзүүлэх боломжгүй юм. Энэ нь энд харуулсан Illustrator logo гэх мэт вектор урлагийн бүтээлүүдэд ашиглагддаг svg файлуудыг үүсгэхэд хүргэсэн. Тэдний шийдлийн векторууд нь төхөөрөмжийн бие даасан утга учир нь нарийвчлан эсвэл дүрсгүй алдалгүйгээр хэмжиж болох юм. Svg руу зураач Smart Object -г svg руу хөрвүүлэхийн тулд svg -г сонгож доошоо буулгаж, Extract дээр дарна уу.

06 - 08

Экспортын хөрөнгийн үйл явц

Зургууд нь .psd дүрстэй адилхан цэг дээр байршдаг.

Extract товчлуур дээр дарахад хэдэн зүйл тохиолдоно. Та файлын нэр өөрчлөгдөж болзошгүйг анхааруулъя. Энэ бол том асуудал биш юм. Дараа нь та аккредитивыг хадгалахын тулд шинэ фолдер бий болсон талаар хэлэх болно. Процесс дуусмагц файлын анхны .psd файлтай ижил байрлалд байрлана, нээгдэж, танд шинэ хөрөнгийг харуулна.

07-ийн 08

Тохируулах товч бол таны шинэ шилдэг найз

Төхөөрөмжийн нягтралыг тохируулах.

Тохиргооны товчийг дарж Тохиргооны харилцах цонх нээгдэнэ . Зүүн талд байгаа тохиргоог өргөтгөх хүчин зүйлүүд юм. Тэдний хийх зүйл бол тухайн төхөөрөмжийн дэлгэцийн нягтруулалтыг зорилтот болгохын тулд хөгжүүлэгчид медиа асуултанд ашиглах дүрсийг янз бүрийн хуулбар хийнэ. Жишээлбэл, 3x хувилбар нь iPhone эсвэл iPad Retina дэлгэц дээр суурилсан бол 1.25 хүчин зүйл нь Android төхөөрөмж дээр харагдах болно. Файлын нэрний төгсгөлд дагавар нь нэмэгдэхийн тулд хөгжүүлэгчид медиа хайлт хийхэд хялбар дүрсийг тодорхойлох боломжийг олгоно. Та дууссаны дараа OK товчлуурыг дарж, сонголтууд нь харилцах цонхны Extract Assets хэсэгт гэрэлтэх болно. Та интерфейсийн баруун талд Экспортын Хөрөнгийн талбайн арааны дүрсэн дээр дарж тохиргоонд хандах боломжтой

08 of 08

Дуусах

Янз бүрийн формат, шийдвэр бүхий олон зураг авдаг.

Та Extract товчийг дарахад бүх активуудыг үүсгэж фолдерт нэмнэ. Энэ үедээ хийх шаардлагатай бүх зүйл бол өөрийн хөгжүүлэгчийг фолдерын хуулбарыг илгээж дараагийн төслөө үргэлжлүүлэх явдал юм.