Хэрэглэгчид ээлтэй интерфейс, сайн зурсан график зураг, хуудсан дээрх элементүүдийн зөв байршил - зочинтой сайтын амжилтын тал хувь. Вэбсайтын товчлууруудыг зурах нь онлайн төсөл дээр ажиллах жижиг боловч чухал хэсэг юм.
Зааварчилгаа
1-р алхам
Дугуй товчлуур зурж үзээрэй. Доор өгөгдсөн арга нь лого, аватар үүсгэхэд түгээмэл хэрэглэгддэг арга юм. Та хэд хэдэн үйлдэл хийх ёстой байсан ч үүнийг зурах нь тийм ч хэцүү биш юм.
Алхам 2
Adobe Photoshop програмыг нээнэ үү. "Ctrl + N" хослолыг дарж шинэ баримт бичиг үүсгэх. Зургийн параметрүүд 300 * 300, нягтрал 72 ppi. Анхдагч дэвсгэр ба өнгөний горим нь тус тус цагаан ба RGB байна.
Алхам 3
Товчлуурыг багасгахад чанар нь муудахгүй байхын тулд вектороор зурах нь хамгийн сайн арга юм. Зууван хэрэгслийг сонгоод Shift товчийг барьж төвөөс нь тойрог зур.
Алхам 4
Одоо үүссэн дугуйланд зарим эффектийг ашиглана уу. "Layers" - "Layer Style" - "Blending Options" цэс рүү очно уу. Энд та градиент хэрэглэх шаардлагатай болно.
Алхам 5
Дараа нь энд товойлгоныг товойлгон өгөхийн тулд "товойлгох" хажууд байгаа хайрцгийг сонгоод дараахь параметрүүдийг тохируулна уу: хэв маяг - тойм товойлгон, арга - зөөлөн зүсэлт, гүн - 220%, хэмжээ - 1 пиксел, зөөлрүүлэх - 5 пиксел, өнцөг - дэлхийн гэрэлтүүлэггүйгээр 135о, өндөр - 32, тодруулах горим - хэвийн 30% тунгалаг бус, сүүдэрт горим - 25% тунгалаг бусаар үржүүлнэ.
Алхам 6
Илүү их хэмжээ авахын тулд холих параметрүүдээс "Сүүдэр" нүдийг тэмдэглээд дараахь параметрүүдийг тохируулна уу: холих горим - үржүүлэх, тунгалаг байдал - 40%, өнцөг - 125o дэлхийн гэрэлтүүлгийг ашиглан, офсет - 5 пиксел, хэмжээ - 20 пиксел.
Алхам 7
Гүйцэтгэсэн үйл ажиллагааны үр дүн нь зураг дээр үзүүлсэн шиг дүрс байх болно.
Алхам 8
Одоо шинэ давхарга үүсгээд дахин "Зууван" -г сонгоод эхний хэлбэрээс бага радиустай тойрог зур. "Blending Options" -ийг нээгээд "Inner Shadow" -ын хажууд байгаа хайрцгийг шалгаад параметрүүдийг тохируулна уу: Blending Mode - Soft Light, Angle - 125o, Offset - 0px, Shrink - 45%, Size - 21px.
Алхам 9
Дараа нь холих сонголтуудаас "Gradient overlay" -г шалгаад зураг дээрх шиг параметрүүдтэй градиент үүсгээрэй. OK дээр дарна уу
Алхам 10
Дараа нь Blending Style-ийг радиаль, масштабыг 124% болгож тохируулна уу.
Алхам 11
Одоо "Цус харвалт" хайрцгийг шалгаад дараахь параметрүүдийг тохируулна уу: хэмжээ - 5 пиксел, байрлал - гадна, холих горим - хэвийн, тунгалаг бус - 100%, цус харвалтын төрөл - градиент.
Алхам 12
Эдгээр үйлдлүүдийн үр дүнд та товчлууртай төстэй зүйлийг олж авах хэрэгтэй. Та холих сонголтыг дахин нээж, түүнтэй туршилт хийж болно.
Алхам 13
Одоо бид онцлох товчлууруудыг нэмэх хэрэгтэй бөгөөд ингэснээр товчлуур нь шилэн бүтэцтэй болно. Үүнийг хийхийн тулд дахин шинэ давхарга үүсгээд Oval Selection хэрэгслийг сонгоод товчлуурын дээгүүр зууван үүсгээд Fill хэрэгслийг ашиглан цагаанаар дүүргэнэ. Ctrl-г барь, өнгөт тойрог бүхий давхарга дээр дарж сонголтоо эргүүл ("Сонголт" - "Урвуу"). Одоо Устгах товчийг дарна уу. Тойргийн периметрийн дагуу зууван хэлбэртэй байх ёстой.
Алхам 14
Layers самбар дээр Normal сонголтыг Soft Light болгож өөрчилж вектор маскын дүрс дээр дараад Fill Tool - Gradient-ийг сонгоно уу. Товчлолыг доороос дээш нь бөглөнө үү. Товчлуур бараг бэлэн болсон байна.
Алхам 15
Та товчлуур дээр бичээс нэмж болно. Та мөн дотор, гадна туяа, градиент гэх мэт холилдох эффектийг ашиглаж болно. Туршилт хийхээс бүү ай, уран сэтгэмжийг ажил дээрээ ашиглах тусам редактор өөрөө болон вэб дизайн хоёуланг нь илүү хурдан эзэмших болно.
