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

Энэ хичээл нь Photoshop дээр зураг боловсруулахад зориулагдсан болно.

Эхлээд анхны зураг болон хичээлийн төгсгөлд ямар үр дүнд хүрэхийг харцгаая.
Жинхэнэ зураг:

Боловсруулалтын үр дүн:

Зарим дутагдалтай талууд байсаар байсан ч би төгс төгөлдөрт автсангүй.

Алхам хийсэн

1. Арьсны жижиг, том согогийг арилгах.
2. Нүдний эргэн тойрон дахь арьсыг гэрэлтүүлэх (нүдний доорх хүрээг арилгах)
3. Арьсыг эцсийн гөлгөр болгох.
4. Нүдээр ажиллах.
5. Гэрэл ба харанхуй газрыг онцлон тэмдэглэх (хоёр хандлага).
6. Бага зэргийн өнгөний засвар.
7. Гол хэсгүүдийн хурц тод байдлыг бэхжүүлэх - нүд, уруул, хөмсөг, үс.

Ингээд эхэлцгээе.

Photoshop дээр зураг засварлаж эхлэхээсээ өмнө анхны давхаргын хуулбарыг үүсгэх хэрэгтэй. Тиймээс бид pho-г хөндөхгүй орхих болно шинэ давхаргамөн бид хөдөлмөрийнхөө завсрын үр дүнг харах боломжтой болно.

Үүнийг энгийнээр хийдэг: дар ALTарын давхаргын хажууд байгаа нүдний дүрс дээр дарна уу. Энэ үйлдэл нь бүх дээд давхаргыг унтрааж, эх сурвалжийг нээх болно. Давхаргууд нь ижил аргаар асаалттай байна.

Хуулбар үүсгэх ( CTRL+J).

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

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

Миний ашигладаг хичээл дээр "Эдгээх сойз".

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

Сойзны хэмжээг согогийг хамарсан байхаар сонгох хэрэгтэй, гэхдээ хэтэрхий том биш. Ихэвчлэн 10-15 пиксел хангалттай байдаг. Хэрэв та илүү том хэмжээтэй бол "бүтэц давталт" гэж нэрлэгдэх боломжтой.

Тиймээс бид өөрт тохирохгүй бүх согогийг арилгадаг.

Нүдний эргэн тойрон дахь арьсыг гэрэлтүүлнэ

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

Дараа нь "Зөөлөн гэрэл".

Сойз аваад дэлгэцийн агшин дээрх шиг тохируулна уу.

Дараа нь бид дарна ALTмөн "хөхөрсөн" хажуугийн цайвар арьсны дээжийг авна. Энэ сойзоор нүдний доорх дугуйланг (үүсгэсэн давхарга дээр) буд.

Эцсийн арьсыг толигор болгох

Хамгийн бага жигд бус байдлыг арилгахын тулд шүүлтүүр ашиглана уу "Гадаргууг бүдгэрүүлэх".

Эхлээд хослолыг ашиглан давхаргын дардас үүсгэцгээе CTRL+SHIFT+ALT+E. Энэ үйлдэлпалитрын хамгийн дээд хэсэгт өнөөг хүртэл хэрэглэсэн бүх эффект бүхий давхарга үүсгэдэг.

Дараа нь энэ давхаргын хуулбарыг үүсгэнэ үү ( CTRL+J).

Дээд талд байгаа тул бид шүүлтүүр хайж байна "Гадаргууг бүдгэрүүлэх"мөн дэлгэцийн агшин дээрх шиг зургийг бүдгэрүүлнэ. Параметрийн утга "Изохелия"утгаас гурав дахин их байх ёстой "Радиус".

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

Хавчаар ALTдавхаргын палитр дээрх маск дүрс дээр дарна уу.

Таны харж байгаагаар бүтээгдсэн хар маск нь бүдгэрүүлэх эффектийг бүрэн нуусан.

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

Нүдээр ажиллах

Нүд бол сэтгэлийн толь тул гэрэл зураг дээр аль болох илэрхий байх ёстой. Нүдэндээ анхаарал хандуулцгаая.

Та дахин бүх давхаргын хуулбарыг үүсгэх хэрэгтэй ( CTRL+SHIFT+ALT+E), дараа нь ямар нэгэн хэрэгслээр загварын цахилдагийг сонго. Би давуу талыг ашиглах болно "Шууд шугам", учир нь нарийвчлал нь энд чухал биш юм. Хамгийн гол нь нүдний цагаан хэсгийг барьж авахгүй байх явдал юм.

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

Нүд сонгогдсон, одоо товшино уу CTRL+J, ингэснээр сонгосон хэсгийг шинэ давхарга руу хуулна.

Энэ давхаргын холих горимыг өөрчил "Зөөлөн гэрэл". Үр дүн нь аль хэдийн байгаа боловч нүд нь бараан болсон.

Тохируулах давхаргыг хэрэглэнэ "Өнгө / Ханалт".

Нээгдсэн тохиргооны цонхонд энэ давхаргыг нүдээр нь холбоно (дэлгэцийн зургийг үзнэ үү), дараа нь тод байдал, ханалтыг бага зэрэг нэмэгдүүлнэ.

Үр дүн:

Гэрэл ба харанхуй хэсгийг онцлон тэмдэглэ

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

Шинэ давхарга үүсгээд товшино уу SHIFT+F5. Нээгдсэн цонхноос дүүргэлтийг сонгоно уу 50% саарал.

Энэ давхаргын холих горимыг өөрчил "давхцах".

Дунд нийлбэр:

Хоёр дахь хандлага. Өөр нэг ижил төстэй давхаргыг үүсгэж, загвар өмсөгчдийн хацар, дух, хамар дээрх сүүдэр, тодруулагчийг давна. Мөн та сүүдрийг (будалт) бага зэрэг тодруулж болно.

Үр нөлөө нь маш тод байх тул та энэ давхаргыг бүдгэрүүлэх хэрэгтэй болно.

Цэс рүүгээ орцгооё "Шүүлтүүр - бүдэгрүүлэх - Гауссын бүдэгрүүлэх". Жижиг радиусыг (нүдээр) тогтоож, дарна уу OK.

Өнгөний засвар

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

Тохируулах давхаргыг хэрэглэнэ "муруй".

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

Дараа нь улаан суваг руу очиж, хар гулсагчийг зүүн тийш чирж, улаан өнгийг сулруулна.

Үр дүнг харцгаая:

Хурцлах

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

Давхаргын хурууны хээ үүсгэх ( CTRL+SHIFT+ALT+E), дараа нь цэс рүү очно уу "Шүүлтүүр - Бусад - Өнгөний ялгаа".

Бид шүүлтүүрийг зөвхөн жижиг нарийн ширийн зүйлс харагдахаар тохируулдаг.

Дараа нь гарын товчлолыг ашиглан энэ давхаргыг ханасан байх ёстой CTRL+SHIFT+U, дараа нь холих горимыг өөрчил "давхцах".

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

Үүгээр бидний Photoshop дээр зураг боловсруулах үндсэн техниктэй танилцсан үе өндөрлөж байна. Одоо таны зургууд илүү сайхан харагдах болно.

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

Ажлын талбараа тохируулна уу

Та Photoshop CS6 дээр интерфэйсийг хялбархан өөрчлөх боломжтой гэдгийг мэдэж байгаа байх (үүнийг хийхийн тулд Засвар > Тохиргоо > Интерфэйс), гэхдээ бид танд өөр нэг онцлогийг танилцуулахыг хүсч байна.

Танд ажлын талбарыг өөрийн үзэмжээр тохируулах боломж байна: үүнийг хийхийн тулд энд очно уу Цонх > Ажлын талбар > Шинэ ажлын талбар.

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

Давхаргатай ажиллах шинэ сонголтууд

Photoshop CS6 нь давхаргатай ажиллахад илүү хялбар болгодог. Та одоо тэдгээрийг пиксел, вектор, текст давхаргаар шүүж, давхаргыг нэр, хэрэглэсэн эффект, холих горимоор хайх боломжтой.

Та олон давхаргыг сонгож, тэдгээрийн хуулбарыг ашиглан үүсгэж болно CTRL+Jэсвэл холих горимыг өөрчлөх.

Хэрэв таны PSD файл олон давхаргатай бол та байнга шинэ давхарга хайх хэрэгтэй болно. Үүнийг барих замаар хийж болно гэдгийг олон хүн мэддэг Alt товчлуурболон дарна уу баруун товшино уушаардлагатай элемент дээр хулгана, гэхдээ илүү хялбар арга бий. Хажуугийн хайрцгийг шалгана уу Автоматаар сонгохсонголтын мөрөнд сонгоод Давхарга. Одоо зөвхөн давхарга дээр дарснаар та хүссэн давхаргыг хурдан олох болно. Энэ функц нь өмнөх хувилбаруудад бас боломжтой байсан.

Pen хэрэгслийн далд шинж чанарууд

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

Шилжилт -шулуун хэвтээ болон босоо шугам үүсгэхийн тулд барина.

Ctrl/Cmd -контурын цэгүүдийг татахад тусалдаг

Alt/Option -контурын цэгүүдийг өөрчлөхөд тусалдаг

Хэрэгслийн үйлдлийг бүртгэх чадвар

Photoshop CS6 нь бийрээр будах гэх мэт элементийн үйлдлийг бичиж, дараа нь өөр өөр тохиргоогоор дахин тоглуулах боломжийг олгодог.

Та энэ функцын талаар илүү ихийг олж мэдэх боломжтой:

Adobe Photoshop CS6 дээр нууцаар харах

Хэмжилтийн нэгжийг захирагч дээр хурдан солих

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

Баримт бичгийг хурдан хаагаад нээнэ үү

Та дарж баримтыг хурдан хаах боломжтой Ctrl+F4(Cmd+W). Гарын товчлолыг ашиглана уу Ctrl+Shift+F4(Cmd+Alt+W)олон баримт бичгийг хаах.

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

Фото монтажийн тусламжтайгаар та:

• Зургийн дэвсгэрийг өөрчлөх
• Бусад зургуудаас объектыг хасах эсвэл нэмэх
• Хоёр зургийг нэг дор нэгтгэ
• Хий мэндчилгээний картзурагнаас

Компьютер дээр зураг монтаж хийх

Өөрийнхөө гараар зураг монтаж хийх хамгийн түгээмэл арга бол зургийг програмаар боловсруулах явдал юм Adobe Photoshop. Энэ мэргэжлийн хөтөлбөрзураг боловсруулах өргөн боломжуудтай. Гэхдээ эхлэгчдэд энэ нь нэлээд төвөгтэй байдаг; Мэдээжийн хэрэг, та Photoshop дээр хэрхэн ажиллах талаар сурах боломжтой олон курс, видео хичээлүүд байдаг, гэхдээ үүний тулд танд цаг хугацаа, хүсэл эрмэлзэл хэрэгтэй.

Үүнтэй төстэй програм бол GIMP юм. Adobe Photoshop-оос ялгаатай нь үнэгүй тараагддаг.

Photoshop дээр зургийг хэрхэн хослуулах вэ

Photoshop дээр засварлахыг хүссэн зургаа нээнэ үү. Жишээлбэл, энэ нь таны нүүрний дүр төрх, нар жаргах эсвэл далайн эрэг бүхий үзэсгэлэнтэй дэвсгэр байх болно. Зураг бүр дээр давхаргыг давхарлана. Хоёрдахь зургийг арын дэвсгэр болох зураг дээр чирнэ үү. Засварлах цэснээс FreeTransform-ийг сонгоно уу. Хулганы тусламжтайгаар зургийн хэмжээ болон түүний пропорцийг өөрчилж, хүссэн газар руу нь чирнэ үү. Дуусмагц Enter дарна уу.

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

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

Арын дэвсгэрийг арилгаж дуусаад вектор маск горимоос гарна уу.

Photoshop дээр зураг холбох өөр нэг арга бий - Lasso хэрэгслийг ашиглан зургийн хэсгийг сонгоно уу. Зургийн хүссэн хэсгийг сонгоод зургийн үлдсэн хэсгийг устгана уу. Арын дэвсгэр болох ёстой зургийг зураг дээр давхарлаж, тэдгээрийн хооронд органик холболтыг бий болгохын тулд зураг засварлагч хэрэгслийг ашиглана уу. Өндөр чанартай эвлүүлэгт дүрсийг бүрэн гүйцэд харагдуулахын тулд бие даасан хэсгүүдийг нэгтгэдэг.

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

Photoshop дээр ажиллаж дууссаны дараа давхаргуудыг нэгтгэж, файлаа хадгал.

Фото монтаж онлайн

Та зүгээр л хөтөч дээрээ компьютер дээрээ зураг монтаж хийх боломжтой. Үүнийг хийхийн тулд танд сайн интернет холболт, ажиллахад хангалттай хүчтэй байх шаардлагатай график файлуудкомпьютер. Зураг боловсруулах олон үнэгүй сайтууд байдаг бөгөөд та Google эсвэл Yandex-д тохирох хүсэлтийг бичиж өөрөө хайж олох боломжтой. Жишээ нь:

• http://fotostars.me/
• https://avatan.ru/
• http://www.fotor.com/ru
• http://photostreet.ru/

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

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

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

Ухаалаг утас эсвэл таблет ашиглан зургийн эвлүүлэг хийх

Орчин үеийн ухаалаг гар утаснууд нь Android болон Windows платформ дээрх iPhone болон гар утаснуудад өөрийн гараар зургийн эвлүүлэг хийх боломжийг олгодог.

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

• Арын дэвсгэр нэмэх эсвэл өөрчлөх
• Хүрээ, чимэглэл нэмнэ
• Эффект хэрэглэх
• Текст нэмэх

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

Олон хүн мэддэг Photoshop дээрх зургаар юу хийж болох вэ, гэхдээ Adobe Photoshop програмын үндсэн боломжуудын талаар тийм ч олон хүн мэддэггүй. Photoshop бол хамгийн өргөн хэрэглэгддэг дизайны програм бөгөөд хамгийн дуртай зураг засварлагч юм.

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

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

Энэ нь програмыг ашиглан хийж болох бүх зүйл биш юм. Олон хүмүүс зурагчин руу явахгүйгээр сонирхолтой зургуудыг хурдан бүтээхэд тусалдаг тул загварт зургийг хэрхэн оруулахыг сонирхож байна. Тиймээс Photoshop-т цаасан хуудас шиг бие биен дээрээ давхарласан давхарга (давхарга) гэж байдаг.

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

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

Photoshop дээр зураг засварлах нь маш нарийн асуудал боловч тийм ч хэцүү биш юм. Үүнийг хэдхэн минутын дотор эзэмшиж болно. Тиймээс, нэг зураг авахын тулд засварлахыг хүссэн хоёр зургийг нээнэ үү.

Энэ бол бяцхан охины зураг, гоёмсог даашинзтай загвар юм гэж бодъё. Эхлээд бид охинтойгоо зургийг загварын доор байрлуулах хэрэгтэй (үүнийг хийхийн тулд "Давхарга" палитр дээр охины зургийн нэр дээр дарж, хулганаар загварын нэрийн дор чирнэ үү). хэмжээсийг тохируулах. Зургийн хэмжээг өөрчлөхийн тулд "Засварлах" --> "Чөлөөт хувиргах" цэс рүү очно уу.

Зургийн хэмжээг өөрчлөхийн тулд хулганыг ашиглана уу, гэхдээ үүнийг хийхийн өмнө Shift товчийг дарж пропорц өөрчлөгдөхгүй. Дараа нь бид Polygonal Lasso сонголтыг ашиглан бүх илүүдлийг таслав. Гарахыг хүсч буй газраа сонгоод, сонголтыг эргүүлж, устгана уу.

Заримдаа үүнийг байгалийн харагдуулахын тулд Edit -> Transform -> Rotate-ийг ашиглан нүүрний өнцгийг өөрчлөх хэрэгтэй.

Бид өөрсдийн .NET+WPF програм хангамжийн бүтээгдэхүүн ("inForm" гэж нэрлэдэг) тухай ярих болно, би үүнийг "интерактив үзүүлэн" ("шугаман бус үзүүлэн" гэх мэт) үүсгэхэд ашигладаг, түүнчлэн интерактив мэдээллийн интерфейсүүд.

Би нийтлэлийн гарчигт шууд хариулах болно - та Photoshop дээр интерфейс зурж, Windows платформ дээр энгийн байдлаар ажиллуулж болно. Үүний үр дүнд интерактив мэдээллийн интерфейстэй ажиллахын тулд танд зөвхөн 2 хэрэгсэл хэрэгтэй болно - inForm програм болон Photoshop.

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

Тэгэхээр жишээ интерактив програм"Сайн уу ертөнц".

Интерфейс нь миний ерөнхий үзэл баримтлалд нийцэх болно програм хангамжийн бүтээгдэхүүн: үндсэн цэс, слайд бүхий "нүүр дэлгэц" байгаа бөгөөд цэсийн зүйл бүрийн хувьд мэдээлэл бүхий дэлгэц эсвэл бүтэн дэлгэцийн слайд нээгдэх дэд цэс гарч ирнэ. Энэ бүхэн хэвийн юм шиг харагдаж байна гар утасны програмуудэсвэл сайтууд, зөвхөн ажилладаг бүтэн дэлгэцийн горим Windows-ийн доор байгаа бөгөөд мэдрэгчтэй дэлгэц ашиглахыг хэлнэ.

Photoshop програмыг нээж, 1920x1080x96dpi хэмжээтэй шинэ файл үүсгэж, давхаргын хяналтын блок дахь "нүүр дэлгэц"-ийн бүтцийн хавтаснуудыг нэн даруй үүсгэнэ үү.

Системийн нэртэй хавтаснууд нь улаанаар тэмдэглэгдсэн байдаг - эдгээр нэрийн дор та интерфейсийн элементүүдийг хүлээн авахын тулд файлуудыг хадгалах хэрэгтэй болно.

Одоо Photoshop-ийн бяцхан бүтээлч байдлыг авч, ирээдүйн интерактив програмын бодит интерфейсийг зурцгаая.

Энэ бол Google-ийн хайлтаас арын дэвсгэрийн ханын цаасны санамсаргүй зураг дээр үндэслэн хийсэн зүйл юм: зүүн талд гурван товчлуур, голд нь гулсагч, баруун талд нь лого, энэ нь мөн "гэр" рүү буцах товчлуур байх болно. дэлгэц".

Үүссэн интерфейсийг хэрхэн ажиллаж байгааг харахын тулд:
- Хэнд үүнийг хараахан аваагүй байгаа бол хамгийн сүүлийн үеийн .NET Framework 4.5-г татаж аваад суулгаарай: www.microsoft.com/en-us/download/details.aspx?id=30653
- миний inForm програм энд байна: issimple.co/app/forhabr/inForm215withDemoUI.zip (6MB)
- PSD файлинтерфэйстэй: issimple.co/app/forhabr/fancy-round-ui.zip (10Mb)

Дараа нь:
- интерфэйсийн элементийн давхарга бүрийг хадгалах ил тод дэвсгэрөөрийн файлын нэр болон өргөтгөлтэй .png (зөвхөн bg дэвсгэр файл нь .jpg байх ёстой)
- автоматжуулалтын хувьд та давхарга хадгалах скриптийг ашиглаж болно: issimple.co/app/forhabr/LayerSaver.jsx
- хүлээн авсан файлуудыг inForm програмын "өгөгдлийн" хавтас руу, слайдыг "өгөгдөл/слайд" хавтас руу хуулах.
- INFORM.EXE-г ажиллуул

Хэрэв бүх зүйл Photoshop дээрх шиг харагдаж байвал цэсний товчлуур дээр дарахад гарч ирэх "дэлгэц"-ийг зурахад шилжинэ. "-тай ижил түвшинд шинэ бүлгүүдийг давхаргууд руу нэмнэ үү. үндсэн дэлгэц" - Дэлгэц 1, Дэлгэц 2, Дэлгэц 3. Бүлгүүдийн нэр нь юу ч байж болно - энэ нь зөвхөн ая тухтай байдлын үүднээс юм.

Дэд дэлгэцийг зохион бүтээх inForm програм нь хэд хэдэн хэрэгсэлтэй: энэ нь ижил хэмжээтэй jpg дүрс, дүрс + урьдчилан харах, газрын зургийн төрлийн навигаци, png товч/агуулга байж болно. чөлөөт хэлбэр. Сүүлийн арга дээр анхаарлаа хандуулцгаая.

Жишээлбэл, "Гурвалжин" цэсийн хоёр дахь зүйлийн хувьд бид тус бүр дээр товчлуур бүхий гурван бүлгийг үүсгэдэг.

Дараа нь бүлэг бүрийг ил тод дэвсгэр дээр “1btn.png” шиг файл болгон хадгалаад “data/2sub/” хавтас руу шилжүүлнэ. Photoshop дахь програмын контент болон бүлгийн файлуудын бүтцийг харахад л ойлгоход хялбар байдаг.

Сүүлийн төрлийн "дэлгэц" нь бүрэн дэлгэцийн слайд маягийн контент юм. Слайд бүр нь дэлгэцэн дээр нэмэлт хөдөлгөөнт дүрс бүхий 3 давхаргаас бүрдэх боломжтой.

Аппликешнд дараах байдалтай байна.

Файлуудыг "1.png", "1L2.png", "1L3.png" форматаар хадгалдаг бөгөөд эхний цифр нь слайдын дугаар, "L"-ийн дараа нэмэлт давхарга байна. Файлуудыг "data/2sub/" руу хуулна уу.

Сум, загалмай болон бусад бүтэн дэлгэцийн навигацийн элементүүдийг бусад зүйлээр сольж болно, учир нь Эдгээр нь мөн “data/interface/” хавтсанд байгаа файлууд юм.

Хадгалсны дараа бид "өгөгдөл/" хавтсанд интерфейсийн эцсийн бүтцийг олж авна.

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

Энэ бол бидний төгсгөл юм:

Энэ нь юуны тухай юм бэ - ийм энгийн аргаар та интерактив ном, интерфэйсийн прототип, музейн мухлагт зориулсан програмууд, бүтээгдэхүүний танилцуулга, компаниуд, Windows таблетуудад зориулсан програмууд (гэхдээ одоог хүртэл зөвхөн ширээний программууд), мэдээллийн системүүдтөрийн байгууллага, боловсролын байгууллага гэх мэт.