Илүү сайн дизайн хийхийн тулд дижитал зургийн маскыг хэрхэн ашиглах вэ

Илүү сайн дизайн хийхийн тулд дижитал зургийн маскыг хэрхэн ашиглах вэ
Rick Davis

Агуулгын хүснэгт

Маск нь нүүрний тодорхой хэсгийг нууж, ил гаргадаг учир оньсого мэт. Дижитал зургийн маскуудын тухай ойлголт нь адилхан: тэдгээр нь зургийн зарим хэсгийг нууж, харуулдаг тул харахад илүү сонирхолтой болгодог.

Зургийн маск нь дижитал зураг засварлах программ хангамжийн санал болгож буй үндсэн функц юм. Adobe Photoshop, Illustrator, Vectornator.

Зургийг далдлах эсвэл зургийн маск үүсгэх гэдэг нь зургийн давхаргыг дэлгэрэнгүй саарал өнгийн давхарга эсвэл зургийн аль хэсгийг харуулахыг шүүдэг замаар давхарлана гэсэн үг юм.

Арай төвөгтэй сонсогдож байна, тийм ээ? Үүнийг задалж үзье.

Зургийн маск гэж юу вэ?

Энгийнээр тайлбарлавал зургийн маск нь кодоор бүтээгдсэн шүүлтүүр юм. Энэ код нь тухайн зураг хэр хэмжээгээр, аль хэсэгт шүүгдэхийг тодорхойлдог.

Жишээ нь, урд талд нь шилтэй гэрэл зураг байна гэж төсөөлөөд үз дээ. Шил нь хар будгаар хучигдсан бөгөөд зургийн аль ч хэсгийг нэвтрүүлэхгүй байна.

Тэр шил нь маск юм.

Одоо та тодорхой хэсгүүдийн хар будгийг арилгаж эхэлнэ. шил, мөн энэ нь цаана байгаа зарим дүрсийг дамжуулж байна. Та зургийн аль хэсгийг зүсэх, будах, эх зургийг өөрчлөхгүйгээр харуулахыг сонгох боломжтой.

Мөн_үзнэ үү: Кинетик типографи: юу, яагаад, яаж

Зургийн аль хэсгийг нэвтрүүлэхийг өөрчлөхийн тулд шилийг зураг дээр чөлөөтэй хөдөлгөж болно.

Та тэрхүү шилийг бусад зурагтай хамт ашиглаж болно, хэрэв хүсвэл ашиглаж болноСудалгааны хаалга

Эдгээр далдлах эффектүүдийг бүдгэрүүлэх, дуу чимээг багасгах, зургийн тод байдлыг сайжруулахад ашиглаж болно. Анагаах ухааны салбарт зургийн маск нь рентген туяаг илүү тод, хялбар дүн шинжилгээ хийхэд тусалдаг.

Одоо та зургийн маскуудын төрлүүд болон тэдгээрийг хэрхэн ашиглаж байгааг мэдэж байгаа тул Vectornator ашиглан хэрхэн үүсгэх боломжтойг харцгаая. илүү сайн загвар.

Векторнатор ашиглан зургийн маскуудыг хэрхэн үүсгэх вэ

Vektornator-ийн тусламжтайгаар маскын давхарга нь доод талд, тайрсан зураг нь түүний дээр байна. Хайчлах маск нь дээрх зураг эсвэл зургийн бүлгийг таны үүсгэсэн вектор зам руу хавсаргана.

Vektornator дээр дэвшилтэт зургийн маск хийх нь маш хялбар бөгөөд гурван аргаар хийж болно. Бид эндээс үндсэн ойлголтуудыг авч үзэх болно, гэхдээ хэрэв та нарийвчилсан заавар авахыг хүсвэл объектыг хэрхэн далдлах тухай алхам алхмаар зааварчилгааг үзнэ үү.

1. Объект болон давхаргуудаа үүсгэ

Клипний зам болгон ашиглахыг хүссэн вектор хэлбэрээ зур. Vectornator дээр та үүнийг хийхийн тулд Pen Tool, Pencil Tool, Brush Tool, Text Tool эсвэл Shape Tool ашиглаж болно.

  • Үзэгний хэрэгсэл нь гөлгөр Безье муруйтай нарийн дүрс үүсгэхэд хамгийн тохиромжтой.
  • Харандаа хэрэгсэл нь гар дүрсийг зурж, векторын зам болгон хувиргах боломжийг олгоно. Та хүссэн жигдрүүлэх хэмжээгээ хянах боломжтой.
  • Сойз хэрэгсэл нь чөлөөт хэлбэрийн вектор замыг үүсгэхийн тулд өөр өөр сойз дарах боломжийг олгодог.
  • Та текст хэрэглүүрийг ашиглан өгүүлбэр бичих, тэгээдЗагварын цонхны Текстээс тойм үүсгэх сонголтыг сонгоно уу.
  • Хэлбэрийн хэрэгсэл нь тэгш өнцөгт, тойрог, олон өнцөгт, од, спираль зэрэг үндсэн вектор дүрсийг хялбархан үүсгэх боломжийг олгодог.
блок дээр шинэ хүүхэд! Vectornator саяхан Shape Builder хэрэгслийг танилцуулсан бөгөөд энэ нь танд янз бүрийн дүрсийг нэг замд нэгтгэх боломжийг олгодог. Энэ бол сонирхолтой хайчлах замыг бий болгох гайхалтай хэрэгсэл юм.

Хүссэн вектор хэлбэрээ үүсгэснийхээ дараа "Inspector"-ын "Layers" таб руу очиж, давхаргыг хайчлахыг хүсэж буй объект(үүд)-ийн доор шилжүүлнэ үү.

2. Сонголтоо хийгээрэй

Сонголт хэрэглүүрийг товшоод, Олон сонголтын горимыг сонгоод, хаах объект(үүд)тэйгээ хамт маск болгон ашиглах вектор хэлбэрээ сонгоно уу.

3. Маск хэрэглүүрийг ашиглаарай

Одоо та Маск хэрэгслийг ашиглан хайчлах маскыг үүсгэж болно. Үүнийг хийх гурван сонголт байна:

Хувилбар 1: Түргэн үйлдлүүд табаар

Энэ бол хайчлах маск үүсгэх хамгийн хурдан арга юм.

Та зургийн самбар дээрх объектуудаа сонгосны дараа Түргэн үйлдлүүд цонх гарч ирнэ. Вектор дүрсээ хурдан маск болгохын тулд таб дээрх Маск дүрс дээр товшино уу.

Мөн_үзнэ үү: 2023 оны шилдэг 8 брэнд дизайны чиг хандлага

Сонголт 2: Давхаргатай табаар

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

Хянагчаас Давхаргууд табыг товшино уу.Та хайчлахыг хүсэж буй вектор хэлбэр болон объект(үүд)-ээ олох хүртлээ Давхаргын самбараа доош гүйлгэ.

Олон сонгох горимд өөрийн вектор хэлбэрийн хамт хайчлах ёстой бүх давхаргыг сонгоод дараа нь Гарч ирэх Түргэн Үйлдлүүд табын Маск хэрэгсэл.

Сонголт 3: Зохицуулах табаар

Вектор хэлбэрээ сонгосны дараа "Эхлэх" таб дээр товшино уу. Inspector-г сонгоод доош гүйлгээд Маск сонголт руу очно уу.

Маск дүрс дээр дарж тайрсан зургаа үүсгэнэ үү.

4. Зургийн маскаа засварлана уу

Та Маск үүсгэсний дараа таны Layers таб дээр шинэ бүлэг гарч ирнэ. Та давхаргын бүлгийг нээхийн тулд товших үед хайчлах маскны давхаргын хажууд байгаа Маск дүрсийг хайчилж авсан объект(үүд)-ийн доор харах болно.

Та хайчлах маскаа засахыг хүссэн үедээ. , та "Давхарга" табаас векторын дүрсийг сонгож, засахын тулд дурын хэрэгслийг ашиглаж болно, жишээ нь, зангилааны хэрэгсэл.

Өөр нэг сонголт бол тайрсан объект дээр давхар товших явдал юм. artboard-г ашиглан тусгаарлах горимд орж, дараа нь "Layers" табаас вектор замыг сонгоод засварлаж эхэлнэ үү.

Та мөн Vectornator-ийн Click-Through Mode ашиглан хайчлах замаа хөдөлгөхгүйгээр зургийн объектыг засах боломжтой.

Боох

Зургийг далдлах нь ердийн тэгш өнцөгт зургаас хол дэлгэрэнгүй, динамик дүрс бүтээх гайхалтай хүчирхэг хэрэгсэл юм.

Зургийн далдлах хэрэгсэлтэй. чадваруудхурууны үзүүрээр (хэрэв та iPad дээр загвар зохион бүтээж байгаа бол!) та дурын зураг, дүрслэлийн зургийн файлыг ашиглан нарийн бөгөөд өвөрмөц дизайн хийх боломжтой.

Тодорхой зүйл дотор нарийн төвөгтэй зургийг тайрах эсвэл зурах хэрэгтэй гэж төсөөлөөд үз дээ. дүрсийг бүхэлд нь зүүн тийш шилжүүлэхийг хүсч байгаагаа дараа нь ойлгохын тулд. Зургийг далдлах нь дизайн дээрх өмнөх ажлыг алдалгүйгээр зургийг хялбархан зөөж, өөрчлөх боломжийг олгодог.

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

Давхаргын маскуудын бас нэг давуу тал бол өөр өөр зураг дээр олон удаа ашиглахын тулд маскуудаа хялбархан хуулбарлах боломжтой юм. Таны ажлын самбар дээрх зургууд.

Хэрэв та өөрийн тайралт болон эффектүүдээ зураг дээр нэмсэн бол үүнийг ажлын самбарын өөр газар өөр зургаар хялбархан хуулбарлах боломжгүй байх байсан.

Д essence, зургийн маскууд нь дизайнеруудад илүү хэцүү биш харин илүү ухаалаг ажиллахад тусалдаг.

Хэрвээ та зургийн далдлах аргыг туршиж үзэхэд бэлэн байгаа эсвэл дизайны шинэ программ хангамжийг шалгахыг хүсвэл Vectornator-г туршиж үзээрэй – бид танд хэрэгтэй бүх хүчирхэг хэрэгслийг санал болгож байна. илүү ойлгомжтой, хэрэглэгчдэд ээлтэй вектор дизайны интерфэйсийн хүрээнд.

Эхлэхийн тулд Vectornator-г татаж аваарай

Загваруудаа дараагийн түвшинд аваач.

Vectornator-г аваарай.Өөр шилэн маск үүсгээд түүнийгээ масктай зурган дээрээ тавь.

Сайхан байна уу!?

Павел Данилюкын Pexels-ээр авсан зураг

Энэ хэрхэн ажилладаг талаар эндээс үзнэ үү. дижитал зургийн далдлахад:

  1. Тоон утгыг зургийн тус бүрийн пикселүүдэд оноодог
  2. Эдгээр пикселийн утгуудыг хоёртын тоогоор уншиж болно, ихэвчлэн 0 нь хар, 1 нь цагаан ( Эдгээрийг хоёртын эрчмийн утгууд гэж нэрлэдэг)
  3. Пикселийн утгыг мөн саарал өнгөөр ​​уншиж болно, 0 нь хар, 255 нь цагаан өнгөтэй байна
  4. Дараа нь эдгээр пикселийн утгыг тунгалаг байдлыг тохируулахад ашиглаж болно. маскын давхаргын янз бүрийн хэсгүүд, ихэвчлэн 0 (хар) тунгалаг, 255 (цагаан) тунгалаг байна
  5. Саарал өнгийн пикселийн эрчмийн 0-ээс 255 хүртэлх утгууд нь анхныхаас хэдэн хувийг хянадаг ил тод байдлын янз бүрийн түвшнийг заадаг. Маскийн доор байгаа зураг харагдаж байна

Ийм байдлаар та зургийг өөрөө засварлахгүйгээр анхны зургийг өөрчлөхийн тулд зургийн маск ашиглаж болно.

Маск болон зураг нь мөн адил үйлчилдэг. Та үүнийг ажлын самбарынхаа эргэн тойронд чөлөөтэй хөдөлгөж, шаардлагатай үед засах боломжтой.

Зургийг далдлах болон хайчлах хоёрын ялгаа нь юу вэ?

Стандарт зургийн далдлах (эсвэл давхаргын маск) нь таны засварлаж буй зураг эсвэл загвар дээр динамик маск дүрс үүсгэх боломжийг олгоно. Шилэн дээрх хар будгийг маажихтай адил юм.

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

Зургийн маскыг юунд ашигладаг, дүрсний янз бүрийн төрлүүдийн талаар гүнзгий ойлголттой болохын тулд уншина уу.

Зургийн маскыг юунд ашигладаг вэ? (Жишээтэй)

Зургийг далдлахын жинхэнэ ид шид нь таны төсөөлж чадах бүх зүйлийг бүтээх боломжийг олгодог.

Сансарт жаргах нар, цөл дэх Эйфелийн цамхаг, лусын дагина цайны үдэшлэг хийж байна – таны цорын ганц хязгаарлалт бол таны төсөөлөл болон танд байгаа зураг засварлах хэрэгсэл юм.

Зургийн маск ашиглан дизайн хийх нь ямар ч хор хөнөөлгүй бөгөөд энэ нь анхны зураг хадгалагдан үлдэнэ гэсэн үг юм. нэг пиксел алддаг.

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

Доор бид зургийн маскуудыг график дизайнд ашигладаг хамгийн алдартай аргуудын заримыг жагсаав.

Захиалгат хүрээ үүсгэх

Стандарт зураг нь тэгш өнцөгт хэлбэртэй байдаг. Та дүрсийг эвдэхгүйгээр тайрахыг хүссэн дурын дурын дүрсийг ашиглан илүү сонирхолтой болгож болно.

Захиалгат хүрээ нь ялангуяа бүтээлч маркетингийн дизайнд тустай.зургууд.

Уран бүтээлч хүний ​​царайны зургийг тайрахдаа сонирхолтой муруй вектор хэлбэр ашигласан доорх жишээг харна уу.

Тэд мөн өөр хэдэн сонирхолтой зургийг тайрч, эдгээр зургийг нэгтгэсэн байна. цөөн хэдэн сүүдэр болон гэрэлтэх эффектүүдийг нэмэхийн зэрэгцээ вектор хэлбэртэй байна.

Арын дэвсгэр арилгах

Зургийн далдлах нь танд дараах олон төрлийн хэрэгслээр зургийн дэвсгэрийг арилгах боломжийг олгоно. гараараа дараарай.

Арын дэвсгэрийг арилгах нь хэд хэдэн шалтгааны улмаас маш сайн байдаг.

Энэ нь танд дүр зургийг бүхэлд нь дахин зураглалгүйгээр завгүй арын дэвсгэрийг цэвэрлэх боломжийг олгодог бөгөөд энэ нь мөн түүнчлэн гаргаж авах боломжийг олгодог. зурагнаас сонирхолтой сэдвүүдийг өөр загварт ашиглах боломжтой.

Энэ нь мөн мэргэжлийн гэрэл зургийн студи эсвэл лайтбокс хөлслөх хэрэгцээг арилгадаг – орчин үеийн зураг засварлах программ хангамжийн тусламжтайгаар та утсан дээрээ авсан агшин зуурын агшин зуурын зургийг авах боломжтой. дараах боловсруулалтаар сайжруулна.

Энэ процесс нь мөн танд тунгалаг дэвсгэртэй зураг үүсгэх боломжийг олгодог бөгөөд үүнийг PNG болон SVG зэрэг ил тод байдлыг зөвшөөрдөг зургийн файлын төрлөөр экспортлох боломжтой.

Жишээ нь, та сонгодог зургийн арын дэвсгэрийг арилгаж, түүнд гайхалтай бүтээгдэхүүн үйлдвэрлэх гэх мэт орчин үеийн хэрэглээг өгөх боломжтой.

Бүтээгдэхүүнийг хооронд нь уялдуулан цэгцлэх боломжтой тул арын дэвсгэрийг арилгах нь сайн харагдах бүтээгдэхүүний каталогийг бий болгоход зайлшгүй шаардлагатай. зохион байгуулалтын загвар дээр.

ЭнэЭнэ нь хуудсан дээрх тэгш өнцөгт эсвэл дөрвөлжин зургийн сүлжээнээс ялгаатай нь нүдэнд тааламжтай нэгэн жигд харагдацыг бий болгодог.

Дэвсгэр зургийг арилгах өөр нэг гайхалтай арга бол Auto-г ашиглан зурагнаас вектор үүсгэх явдал юм. Trace.

Зургийн элементийн дэвсгэрийг арилгаснаар Автомат мөрийг хийж дууссаны дараа нэмэлт засвар хийх шаардлагагүй болно.

Доорх үзэсгэлэнтэй ургамлын наалтыг харна уу. Та бүх замыг өөрөө зурж, хааж болох ч олсон зургийг ашиглах, арын дэвсгэрийг арилгах, дараа нь Auto Trace дээр тулгуурлан хүнд ачаа өргөх боломжтой.

Динамик зургийн ил тод байдал

График дизайнд та ихэнхдээ нэг загварт олон давхарга, зургийн элементүүдийг ашигладаг. Зураг засварлах, вектор дизайны гоо үзэсгэлэн нь та эдгээр бүх элементүүдийг хэрхэн харилцан уялдаатай болгож шинэ, нэгэн төрлийн зураг үүсгэх боломжтой юм.

Зургийн маскуудыг хэрэглэснээр та зургийн тунгалаг хэсгүүдийг хэрхэн давхарлаж байгааг илүү хянах боломжтой болно. давхаргат эффект үүсгэх.

Ингэснээр та Америк дахь хуванцар хог хаягдлын талаарх статистикийг харуулсан доорх зураг шиг нэлээд хүчирхэг, яруу найргийн зургууд гаргаж болно гэсэн үг.

Мөн та үндсэн градиент (жишээ нь) хэрэглэж болно. радиаль градиент эсвэл шугаман градиент хэлбэрээр) дүрсийг таны загварт оруулах, бүдгэрүүлэхийн тулд зургийн маскуудыг ашиглана.

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

Текстийг зураг эсвэл хээгээр дүүргэх

Дэлгэцийн фонт, бүтэц, хэв маягийг хослуулах нь маркетингийн захиалгат загваруудыг үнэхээр гайхалтай болгох хамгийн хялбар аргуудын нэг юм.

Та бичвэрийг зам болгон хувиргаж, үсгүүдээ зургаар дүүргэхийн тулд хайчлах маск ашиглаж болно.

Доорх жишээнд дизайнер нэг алхам урагшилж, текстийг эргүүлсний дараа өөрчилсөн. зам болгон хувиргаж, үгсийг сунгаж, долгионтой болгоно.

Далдлах функцгүй бол та үсэг бүрийн зам үүсгэхийн тулд текстийг гараар тоймлон, дараа нь тухайн үсгийн хэлбэрт оруулан зургийг тайрч, мөн адил хийх хэрэгтэй болно. үгийн бие биенийхээ үсэг. Энэ нь маш сөрөг сонсогдохгүй байна уу?

Зургийн маск хийх төрлүүд

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

Дээрх жишээнүүдээс харахад зургийн далдлах нь зөвхөн нарийн хийцтэй, үзэсгэлэнтэй дизайн хийхэд тустай биш юм. Хэрэв та маркетингийн материал, арга хэмжээний урилга, зурагт хуудас, каталог гэх мэтийг бүтээж байгаа бол далдлах, хайчлах онцлог нь тэдгээр захиалгат загваруудыг гаргахад илүү их хөдөлмөр шаарддаггүй!

Одоо өөр өөр хувилбаруудыг харцгаая. дүрсний маскын төрлүүд.

1. Вектор маск (AKA Clipping Masks)

Вектор маскуудыг хайчлах маск гэж нэрлэдэг бөгөөд энэ нь вектор замаар бүтээгдсэн.растерт суурилсан зургийн маскуудаас ялгаатай.

Та вектор клипийн зам үүсгэхийн тулд өөрийн дизайны программ хангамжийн үзэг, хэлбэрийн хэрэгсэл эсвэл үүнтэй төстэй хэрэгслийг ашигладаг. Таслах зам гэдэг нь та замын хэлбэрийг хаасны дараа зургийн хэсгийг цоолоход ашиглаж болох вектор хэрэгслээр зурдаг шугам юм.

Вектор зураг болон тэдгээр нь хэрхэн ажилладаг талаар нэмэлт мэдээлэл аваарай.

Вектор маскуудын давуу талууд

  • Зургийг хайчлах, дэвсгэр зургийг арилгах хамгийн энгийн, хялбар арга
  • Маш засварлах, тохируулах боломжтой
  • Шилдэг Захиалгат дүрс бүхий зураг, дизайн хийхэд тохиромжтой

Вектор маскуудын сул тал

  • Гэрэл зураг гэх мэт зургийн ирмэгийн нарийн ширийнийг хадгалахад тийм ч сайн биш
  • Давхаргын масктай харьцуулахад өнгө, эффектийн хувьд илүү нарийн засварлах сонголт бага

2. Давхаргын маск

Давхаргын маск нь зургийн хэсгүүдийг далдлах, ил гаргахад ашигладаг стандарт зургийн маск юм.

Давхаргын маск нь растер эсвэл пиксел дээр суурилсан бөгөөд Ихэвчлэн будах эсвэл сонгох хэрэгслээр засварладаг.

Давхаргатай маскуудын давуу тал

  • Гэрэл зураг гэх мэт өндөр нарийвчлалтай зургийг үл эвдэхгүйгээр засварлах шилдэг арга
  • Динамик дижитал эвлүүлэг үүсгэх төрөл бүрийн эффект болон багсуудыг маш их хянах боломжийг санал болгодог

Давхаргын маскуудын сул тал

  • Растер- эсвэл пиксел дээр суурилсан тул маскыг хялбархан өргөжүүлэх боломжгүй
  • Буцаж, ажлаа засах эсвэл өөрчлөхөд амаргүй.маскны загвар

3. Альфа сувгийн маск

Альфа сувгийн маск нь таныг зураг дээрээ эхлээд сонголт хийж, дараа нь тухайн сонгосон хэсгийг альфа суваг болгон хувиргах үед хийгддэг.

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

Альфа сувгийн маскуудын давуу тал

  • Зургийн зарим хэсгийг тусгаарлах боломжийг бүрдүүлнэ
  • Таны зарим хэсгийг арилгахад зурагт тань ил тод байдлыг нэмнэ
  • Бусад зурагт ашиглахын тулд сонголт болон ил тод байдлын тохиргоог хадгалахыг идэвхжүүлнэ төслүүд болон программ хангамж
  • Фото зургийн онцлог шинж чанар, өнгийг сайжруулахад тохиромжтой

Альфа сувгийн маскуудын сул тал

  • Альфа ашиглах суваг нь арай илүү дэвшилтэт бөгөөд тодорхой ур чадвар, сургалт шаарддаг
  • Анхны талбайн сонголт хийх нь цаг хугацаа их шаарддаг бөгөөд төвөгтэй байдаг

4. CSS зургийн маск хийх

Зургийн эх сурвалж: CSS заль мэх

Хэрэв та вэб дизайнаар хичээллэдэг бол код ашиглан нарийн зургийн маск үүсгэж болно гэдгээ аль хэдийн мэдэж байгаа байх.

CSS дахь mask-image шинж чанар нь танд тунгалаг PNG эсвэл SVG дүрс ашиглан вэб сайт дээрх зургийн файлыг далдлах боломжийг олгодог. Жишээлбэл, та компанийнхаа логог оффисын барилгын зураг дээр маск болгон ашиглаж, логог бөглөж болно.

CSS нь танд үүсгэх боломжийг олгодог.Дизайны программ хангамжийг ашиглахтай адил хэлбэр, зам, градиент, текст бүхий зургийн маскууд.

Ялгаа нь вэб хуудсан дээр далдлах эффектүүд нь өөрөө ажилладаг бөгөөд бие даасан зургийн файл болгон экспортлох боломжгүй юм. , JPEG эсвэл PNG зураг гэх мэт.

Мөн олон давхарга нэмэх, засах нь илүү төвөгтэй бөгөөд та зөвхөн шууд вэб үзэх хэрэгсэл эсвэл вэб хөтчөөс өөрийн засварын үр дүнг харах боломжтой.

CSS маскуудын давуу тал

  • Дээд зэрэглэлийн зураг засварлах программ хэрэггүй
  • Эффектүүдийг хадгалахын оронд кодоор зохицуулдаг тул зургийн хэмжээг хэмнэх боломжтой. зургийн файл
  • Эх зургийн файлд хэрэглэгчийн интерфейс дээр хандах боломжтой хэвээр байна

CSS маскуудын сул талууд

  • Зөвхөн вэб хөтөч дээр ажилладаг
  • Үндсэн эффектүүдийг бий болгодог
  • Эх зураг болон маск эффектүүдийг нэг зураг болгон экспортлох боломжгүй
  • Та CSS-ийг маш сайн эзэмшсэн байх шаардлагатай

Кодод суурилсан зургийн бусад төрлүүд

Технологид маск хийх өөр аргуудын талаар бодож үзсэн үү?

Жишээ нь: видео уулзалтын арын дэвсгэр зураг эсвэл бүдэгрүүлэх, энэ нь видеон дээрх динамик альфа сувгийн далдлал юм.

С болон Python зэрэг кодчиллын хэлийг ашигласнаар та зургийн объект дахь пикселүүдийг утгаар нь хамааруулж, дараа нь далдлах эффект хэрэглэж болно. Үүнийг орон зайн шүүлтүүр гэж нэрлэдэг.

Рентген зураг дээрх дүрсийг далдлах. Зургийн эх сурвалж:




Rick Davis
Rick Davis
Рик Дэвис бол энэ салбарт 10 гаруй жил ажилласан туршлагатай график дизайнер, визуал зураач юм. Тэрээр жижиг гарааны бизнесээс эхлээд томоохон корпорациуд хүртэл янз бүрийн үйлчлүүлэгчидтэй хамтран ажиллаж, тэдний дизайны зорилгод хүрэхэд нь тусалж, үр дүнтэй, үр дүнтэй дүрслэлээр дамжуулан брэндээ өргөжүүлжээ.Нью-Йорк хотын Дүрслэх урлагийн сургуулийг төгссөн Рик дизайны шинэ чиг хандлага, технологийг судлах хүсэл эрмэлзэлтэй бөгөөд энэ салбарт боломжтой зүйлсийн хил хязгаарыг байнга шахдаг. Тэрээр график дизайны програм хангамжийн чиглэлээр гүнзгий мэдлэгтэй бөгөөд мэдлэг, ойлголтоо бусадтай хуваалцахыг үргэлж хүсдэг.Дизайнерын ажлаас гадна Рик бол үнэнч блог хөтлөгч бөгөөд график дизайны программ хангамжийн ертөнц дэх хамгийн сүүлийн үеийн чиг хандлага, хөгжил дэвшлийн талаар мэдээлэл өгөх зорилготой. Тэрээр мэдээлэл, санаа бодлоо хуваалцах нь хүчирхэг, эрч хүчтэй дизайны нийгэмлэгийг хөгжүүлэх гол түлхүүр гэж үздэг бөгөөд бусад дизайнерууд болон бүтээлч хүмүүстэй онлайнаар холбогдохыг үргэлж хүсдэг.Үйлчлүүлэгчдээ зориулж шинэ лого зохион бүтээх, студидээ хамгийн сүүлийн үеийн хэрэгсэл, арга техникийг туршиж үзэх, эсвэл мэдээллийн чанартай, сэтгэл татам блог нийтлэл бичиж байгаа эсэхээс үл хамааран Рик хамгийн сайн ажлыг хүргэж, бусдад дизайны зорилгодоо хүрэхэд нь туслахыг үргэлж хичээдэг.