Photoshop дээр хэрхэн вэбсайт хийх вэ

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

Photoshop дээр хэрхэн вэбсайт хийх вэ
Photoshop дээр хэрхэн вэбсайт хийх вэ

Видео: Photoshop дээр хэрхэн вэбсайт хийх вэ

Видео: Photoshop дээр хэрхэн вэбсайт хийх вэ
Видео: Photoshop анхан шатны хичээл #1 2024, May
Anonim

Photoshop дээр та вэбсайтын зохион байгуулалтыг html дээр аль хэдийн үүсгэсэн дагуу хийж болно. Энэ процесс харьцангуй энгийн байдаг.

Photoshop дээр хэрхэн вэбсайт хийх вэ
Photoshop дээр хэрхэн вэбсайт хийх вэ

Шаардлагатай

Adobe Photoshop програм

Зааварчилгаа

1-р алхам

Photoshop програмыг нээгээд дотор нь 1020 x 1200 хэмжээтэй pic документ үүсгээрэй. Арын өнгийг # a8a995 болгож тохируулна уу. Хэрэв сайт нь компанид зориулагдсан бол та логогоо навигацийн мөрний зүүн дээд хэсэгт байрлуулж болно. Сайтыг удирдах линкийг баруун талд нь үлдээгээрэй.

Алхам 2

Тэгш өнцөгт хэрэгслийг аваад сайтын навигацийн мөрөнд 80-аас 54-р pic тэгш өнцөгтийг үүсгээрэй. Энэ нь сайтын навигацийн идэвхтэй цэсийг заана.

Алхам 3

Layer-Layer Style цэс рүү ороод Color Overlay checkbox, color # ADAE9E, Opacity - 100%, Stroke checkbox, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.

Алхам 4

Өөрт байгаа тэгш өнцөгтийн орой дээр 71x50 хэмжээтэй pic нэмж, # cfbe28-оор будгаарай. Layer-Layer Style цэс рүү ороод энэ тэгш өнцөгтөд дараахь параметрүүдийг тохируулна уу: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Дотор сүүдэр: Холих горим - Үржүүлэх, өнгө # 000000, тунгалаг бус байдал - 27%, өнцөг - 90, зай - 1, багалзуурдах - 0, хэмжээ - 18; Цус харвалт: Хэмжээ - 1, Албан тушаал - Гадна, Тунгалаг байдал - 100, Дүүргэлтийн төрөл - Өнгө, Өнгө # D6C72C.

Алхам 5

Чиглүүлэлтийн мөрөнд байрлах холбоосуудад сүүдэр нэмнэ үү. Үүнийг хийхийн тулд эдгээр холбоосуудын текст бүхий давхаргыг сонгоод Layer-Layer Style цэс рүү ороод дараахь параметрүүдийг тохируулна уу: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Холбоосуудын текст агуулагдах давхарга бүрийн хувьд эдгээр алхмуудыг давт.

Алхам 6

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

Алхам 7

Эллипс хэрэгслийг сонгоод энэ тэгш өнцөгтийн доор зууван хэлбэртэй болго. Шүүлтүүр> Бүдгэрүүлэх> Гауссын бүдэгрүү ороод Радиусыг 7, 8 гэж тохируулна уу.

Алхам 8

Тэгш өнцөгт Маркийн хэрэгслийг аваад тэгш өнцөгтийн доод хэсэг ба бүдгэрсэн зууван хэлбэрийг сонгоно уу. Үүнийг устгах.

Алхам 9

Үүний дараа тэгш өнцөгт товчлуурт текст оруулна уу. Шууд дээр нь дараахь параметрүүдийг ашиглан шугам үүсгэ: 866 by 1 pic.

Зөвлөмж болгож буй: