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

Өөрчлөлтгүй, ягаан өнгөөр ​​солигдсон сарнайн зургийг: ягаан, цэнхэр, оюу, ногоонболон шар:


Дээрх жишээнүүдийг үүсгэхийн тулд дараах тохиргоог ашигласан: " Орлуулах өнгө" - "ягаан", " Орлуулах өнгө" - "ягаан" (дараагийн боловсруулалтанд "цэнхэр" гэх мэт), " Өнгө солих эрчим" - "45".

Хэрэв бүх зүйл нэг өнгө болж, хэт их солигдсон эсвэл бусад өнгө нөлөөлсөн бол "Өнгийг солих эрчим" -ийг багасгах хэрэгтэй. Эсрэгээр, хэрэв ямар ч өөрчлөлт харагдахгүй эсвэл өнгө нь бүрэн солигдоогүй бол "Өнгийг солих эрч хүч" -ийг нэмэгдүүлэх шаардлагатай бөгөөд мөн та өнгийг зөв зааж өгсөн эсэхээ шалгаарай, жишээлбэл, улаан, ягаан өнгөтэй андуураагүй байна. Илүү нарийвчлалтай өнгө тодорхойлохын тулд та HEX форматыг ашиглаж болно. Өөр өөр зургуудын хувьд тохиргоо нь өөр байж болох бөгөөд энэ нь өнгө, пикселийн хэмжээнээс хамаарна.

Та солих боломжгүй гэдгийг анхаарна уу хар, саарал эсвэл цагаан өнгө зарим дээр ханасан өнгө, гэхдээ та ханасан өнгийг бараг цагаан, хар эсвэл саарал өнгөөр ​​сольж болно. Энгийнээр хэлэхэд, та солонгын аль ч өнгийг сольж эсвэл тохиргооны унадаг жагсаалтад байгаа өнгөнүүдийн ойролцоо сольж болно. Үүний шалтгаан нь өнгө солих алгоритм нь өнгөний өөрчлөлттэй холбоотой бөгөөд энэ нь саарал өнгө, хар цагаан зурагт нөлөөлдөггүй. Хэрэв та боловсруулах шаардлагатай бол том зураг 14 мегапикселээс дээш (≈4592x3048), дараа нь шаардлагатай тохиргооны хамт шуудангийн хайрцаг руу илгээнэ үү - энэ нь нэг өдрийн дотор үнэ төлбөргүй хийгдэх болно.

Анхны зураг ямар ч байдлаар өөрчлөгдөөгүй. Танд өөр боловсруулсан зураг өгөх болно.

Үнэндээ байгаа Photoshop дээр объектын өнгийг өөрчлөх олон арга. Өмнө нь бид үүнийг хэрхэн яаж хийхийг аль хэдийн үзсэн бөгөөд Photoshop дээр үсний өнгийг хэрхэн өөрчлөх талаар олж мэдсэн.

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

Аргын дугаар 1

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

Дараа нь Давхаргын палитрын дээд талд (жагсаалтын доод хэсэгт байрлах) унадаг жагсаалтаас Hue-г сонгон энэ давхаргын холих горимыг өөрчил.

Үүний дараа B товчлуурыг дарж сонгоод урд талын өнгөт заагч дээр товшоод гарч ирэх палетт харилцах цонхонд өнгө сонгоод OK товчийг дарна уу. Сонгосон шинэ давхаргыг объектын дээд талд будна.

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

Анхаарна уу

Хэрэв дахин будах талбай нь хар, цагаан, саарал өнгөөр ​​хүрээлэгдсэн бол сүүлчийнх нь дээр аюулгүйгээр будаж болох бөгөөд тэдгээр нь огт өөрчлөгдөхгүй. Учир нь Hue холих горимд өнгөөр ​​дүүрсэн хэсгүүд нь зөвхөн өнгө агуулсан доод давхаргын хэсгүүдэд л нөлөөлдөг.

Аргын дугаар 2

Цэсний командыг санаж байна уу? Үүнтэй төстэй цэсний команд Өнгө солихнэг сүүдрийг тодруулж, өөр өнгөөр ​​солиход ашиглаж болно. Дээрх зураг дээрх машины их бие шиг солигдох өнгө нь их бага хэмжээгээр жигд, зарим хэсэгт төвлөрч байвал энэ команд маш сайн ажилладаг.

Цэсээс командыг сонгох Зураг - Залруулга - Өнгө солих, та ижил нэртэй харилцах цонхыг харах болно.

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

Хяналтын бүлэгт Солиххарилцах цонхны доод хэсэгт байгаа бичээсийн дээр байрлах дөрвөлжин дээр дарна уу Үр дүншинэ сүүдэр сонгох. OK товчлуур дээр дарахад. Хэрэв та сонгосон сүүдэрийг засах шаардлагатай бол гулсагчийг ашиглаж болно Өнгөний өнгө, Ханалтболон Гэрэлтүүлэг(мөн Сонголтыг хянах бүлэгт байдаг). Юу болсныг энд харуулав.

Энгийн пипеткээс гадна ойролцоо жижиг "+" (нэмэх) ба "-" (хасах) тэмдэгтэй пипеткүүд байгааг анхаарна уу. Өөрчлөхийг хүссэн сүүдэрийнхээ хүрээг өргөтгөх/нарийсуулахын тулд тэдгээрийг ашиглана уу.

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

Текстэнд алдаа байгааг анзаарсан - үүнийг сонгоод Ctrl + Enter дарна уу. Баярлалаа!

PNG зургийн өнгийг CSS-ээр өөрчлөх үү? (арав)

Засварлах--

Font-Awesome нь өөр өөр ангийн нэрийг ашигладаг шинэ хувилбар, магадгүй энэ нь CSS файлуудыг мэдэгдэхүйц жижигрүүлж, тодорхой бус CSS ангиас зайлсхийдэг. Тиймээс та одоо ашиглах хэрэгтэй:

Хэрэв та зөвхөн нэг дүрс авахыг хүсч байвал үсгийн фонтыг бүхэлд нь тохируулах шаардлагагүй бөгөөд энэ нь бие даасан элементийн хувьд илүү "цэвэр" гэж би бодож байна. Тиймээс HTML5-д энэ зорилгоор та SVG-г баримт бичгийн урсгал дотор шууд байрлуулж болно. Дараа нь та .css загварын хуудсандаа ангиа тодорхойлж, fill шинж чанарыг ашиглан арын өнгөт хандах боломжтой:

Миний ашигласан жишээнд: зан төлөвийг харуулахын тулд hover; Хэрэв та зүгээр л "хэвийн" төлөвийн өнгийг өөрчлөхийг хүсч байвал псевдо ангиудыг хасах хэрэгтэй.

Би үүнийг шийдэх гарц хайж байсан учраас хариулж байна.

Хэрэв та цагаан эсвэл хар дэвсгэртэй бол @chrscblls дахь үзэг сайн хариулдаг, гэхдээ минийх тэгээгүй. Түүнчлэн, зургуудыг ng-repeat-ээр үүсгэсэн тул би өөрийн CSS-д өөрийн URL-г оруулах боломжгүй, мөн та img хаягууд дээр ::after-ийг ашиглах боломжгүй.

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

Тиймээс би гурван үндсэн ялгаан дээр бараг ижил зүйлийг хийсэн:

• Миний img хаяг дээр байгаа url-г би ажлын дараа өөр div-д (болон шошго) тавьсан.
• "Mix-blend-mode"-г "үржүүлэх" эсвэл "дэлгэц"-ийн оронд "ялгаа" гэж тохируулсан.
• Би :: өмнө нь яг ижил утгатай байсан тул :: дараа нь :: өмнө нь хийсэн "ялгаа"-ны "ялгаа" гарч, үүнийг буцаана.

Үүнийг хараас цагаан эсвэл цагаанаас хар болгож өөрчлөхийн тулд дэвсгэр өнгө нь цагаан байх ёстой. Хараас өнгө хүртэл ямар ч өнгө сонгох боломжтой. Цагаанаас өнгө хүртэл та хүссэн өнгөний эсрэг өнгийг сонгох хэрэгтэй.

DivClass( байрлал: харьцангуй; өргөн: 100%; өндөр: 100%; текстийг зэрэгцүүлэх: зүүн; ) .divClass:hover:: дараа, .divClass:hover::fore( байрлал: үнэмлэхүй; өргөн: 100%; өндөр: 100%; дэвсгэр: #FFF; холих горим: ялгаа; агуулга: ""; )

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

Өнгийг шууд өөрчлөхийн тулд та ямар нэг зүйл тохиолдоход та өөрийн сонгосон -webkit шүүлтүүрийг ашиглах боломжтой -webkit шүүлтүүр бүхий CSS шилжилтийг оруулж болно. Жишээлбэл:

Img ( -webkit-filter:grayscale(0%); шилжилт: -webkit-filter .3s linear; ) img:hover ( -webkit-filter:grayscale(75%); )

Би таны үнэ цэнийг оруулсан codepen-ийн гайхалтай жишээг олсон зургаан өнцөгт өнгө,мөн png-д тухайн өнгийг хэрэглэхэд шаардлагатай шүүлтүүрийг буцаана

Жишээлбэл, надад дараах өнгөтэй байхын тулд png хэрэгтэй байсан #1a9790

Дараа нь та дараах PNG шүүлтүүрийг ашиглах хэрэгтэй

Шүүлтүүр: урвуу (48%) сепиа (13%) ханасан (3207%) өнгө эргүүлэх (130 градус) тод (95%) тодосгогч (80%);

Би үүнийг SVG шүүлтүүрээр хийж чадсан. Та анхны зургийн өнгийг өөрчлөхийг хүссэн өнгөөрөө үржүүлдэг шүүлтүүр бичиж болно. Доорх кодын хэсэгчилсэн хэсэгт үерийн өнгөЭнэ нь бидний зургийн өнгийг өөрчлөхийг хүсч буй өнгө (энэ тохиолдолд улаан өнгөтэй). FeComposite нь шүүлтүүрт бид өнгийг хэрхэн боловсруулж байгааг хэлж өгдөг. Арифметик бүхий feComposite томьёо нь (k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4) бөгөөд i1 болон i2 нь in/in2-ийн оролтын өнгө юм. Зөвхөн k1 = 1 гэж зааж өгөх нь зөвхөн i1 * i2 гэсэн үг бөгөөд энэ нь оролтын хоёр өнгийг хамтад нь үржүүлнэ гэсэн үг юм.

Анхаарна уу. Энэ нь зөвхөн HTML5-тэй ажилладаг, учир нь энэ нь inline SVG ашигладаг. Гэхдээ та SVG-г оруулснаар хуучин хөтөч дээр үүнийг хийж чадна гэж би бодож байна тусдаа файл. Би энэ аргыг хараахан туршиж үзээгүй байна.

Энд нэг хэсэг байна:

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

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

Онлайн редакторуудыг компьютер дээр суулгах шаардлагагүй - энэ нь вирус авах магадлалыг эрс бууруулдаг.

Арга 1: Онлайн зураг засварлагч

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

Үйлчилгээний сул тал нь орос хэлгүй байх боловч удаан хугацаагаар ашиглахад энэ сул тал бараг мэдэгдэхүйц биш юм.

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

Арга 2: Photoshop Online

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

Сайтын цорын ганц, гэхдээ нэлээд чухал сул тал бол байнгын хөлдөлт юм, ялангуяа та том зураг дээр ажиллаж байгаа бол.

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

Арга 3: Фотор

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

хандах нэмэлт функцуудЗөвхөн PRO данс худалдаж авсны дараа хэрэглэгчдэд олгоно.

Fotor нь PNG-тэй ажиллах хүчирхэг хэрэгсэл юм: багцаас гадна үндсэн функцуудЭнэ нь хамгийн эрэлт хэрэгцээтэй хэрэглэгчдэд ч таалагдах олон нэмэлт эффектүүдийг агуулдаг.

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