ßê ñòâîðèòè øàáëîí â ôîòîøîï³
ñòâîðèòè øàáëîí ñàéòó â ôîòîøîï³ íå äóæå ñêëàäíî. Øàáëîí âêëþ÷ຠâ ñåáå ìåíþ, ïîøóêîâ³ ôîðìè, ãðàô³êó, ìîæëèâî, ÿêèéñü òåêñò äëÿ ïðèêëàäó. Íà éîãî îñíîâ³ âæå áóäå ïðîãðàìóâàòèñÿ ñàì ñàéò.
1
Ïî÷í³òü ôîðìóâàííÿ øàáëîíà ñàéòó â ôîòîøîï³ ç³ ñòâîðåííÿ íîâîãî äîêóìåíòà ðîçì³ð³ 1020 íà 1020 pic. Çðîá³òü ôîí á³ëèì. Âñòàíîâ³òü â ÿêîñò³ îñíîâíîãî êîëüîðó # c5e0dd, ÿê ôîíîâèé - # ece5cf.
2
³çüì³òü ³íñòðóìåíò Gradient, â ïàíåë³ éîãî íàëàøòóâàíü âèáåð³òü ïåðøèé òèï çàëèâêè. Ïðîòÿãíåòå ë³í³þ ãðà䳺íòà ïî á³ëîìó ïîëþ â³ä âåðõíüîãî êðàþ äî íèæíüîãî.
3
³çüì³òü ³íñòðóìåíò Text, íàïèø³òü çàãîëîâîê ñàéòó â ïðàâîìó âåðõíüîìó êóòêó òàê, ùîá â³í áóâ íà îäí³é ë³í³¿ ç ïîøóêîâîþ ôîðìîþ, ÿêà áóäå ðîçòàøîâóâàòèñÿ â ë³âîìó âåðõíüîìó êóòêó. Ðîçì³ð øðèôòó âñòàíîâ³òü, íàïðèêëàä, 12.
4
Äëÿ ñòâîðåííÿ ïîøóêîâî¿ ôîðìè âèáåð³òü ³íñòðóìåíò Rectangle ³ íàìàëþéòå á³ëèé ïðÿìîêóòíèê â ïðàâîìó âåðõíüîìó êóò³. Çàñòîñóéòå íàñòóïí³ íàñòðîéêè øàðó: Inner Shadow - Blend Mode - Multiply, êîë³ð - # a2b7b1, Opacity - 43, Angle - 90, Distance - 0, Chîke - 0, Size - 10.
5
Çà äîïîìîãîþ ³íñòðóìåíòó Text çðîá³òü âñåðåäèí³ ö³º¿ ôîðìè íåÿñêðàâó íàïèñ.
6
Âèáåð³òü ³íñòðóìåíò Rounded Rectangle Tool ³ çðîá³òü êíîïêó âñåðåäèí³ ïîøóêîâî¿ ôîðìè ó ¿¿ ïðàâ³é ìåæ³. Ïðèìíåòüñÿ íàñòóïí³ ñòèë³ øàðó: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient â³ä òåìíîãî äî ñâ³òëîãî (êîëüîðó â³ä # 754f39 äî # a1704f), Style - Linear, Angle - 90, Scale - 59.
7
Çà äîïîìîãîþ ³íñòðóìåíòó Text íàïèø³òü íà ö³é êíîïö³ «go» àáî ùîñü â öüîìó ðîä³.
8
Äëÿ ñòâîðåííÿ íàâ³ãàö³¿ â³çüì³òü ³íñòðóìåíò Rounded Rectangle Tool ³ íàìàëþéòå äîâãèé ïðÿìîêóòíèê ï³ä çàãîëîâêîì ³ ïîøóêîâîþ ôîðìîþ. Çàñòîñóéòå íàñòóïí³ ñòèë³ øàðó: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient â³ä òåìíîãî äî ñâ³òëîãî (êîëüîðó â³ä # 76503e äî # a46ecd), Style - Linear, Angle - 90, Scale - 59- Stroke Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 9F6038.
9
³çüì³òü ³íñòðóìåíò Rounded Rectangle Tool ³ íàìàëþéòå íåâåëèêèé ïðÿìîêóòíèê â ë³â³é ñòîðîí³ ïàíåë³ íàâ³ãàö³¿. Çàñòîñóéòå íàñòóïí³ ñòèë³ øàðó: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Angle - 90, Distance - 1, Chîke - 0, Size - 8- Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient â³ä òåìíîãî äî ñâ³òëîãî (êîëüîðó â³ä # 76503c äî # a46e4d), Style - Linear, Angle - 90, Scale - 59- Stroke - Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
10
Äîäàéòå íàïèñè íà ïàíåë³ íàâ³ãàö³¿.
Ñòàòò³ çà òåìîþ "ßê ñòâîðèòè øàáëîí â ôîòîøîï³"
Îö³í³òü, áóäü ëàñêà ñòàòòþ