ÂÂÅÄÅÍÈÅ
Ðàñòðîâàÿ ãðàôèêà – ýòî ðàçíîâèäíîñòü êîìïüþòåðíîé ãðàôèêè, â
êîòîðîé èçîáðàæåíèÿ ïðåäñòàâëåíû â âèäå îäíîðîäíîãî ìàññèâà ïèêñåëîâ.
Ýòî íàèáîëåå ïðîñòîé, ñ òî÷êè çðåíèÿ ìàòåìàòè÷åñêîé ìîäåëè, âèä
ïðåäñòàâëåíèÿ ãðàôèêè (äëÿ ïðåäñòàâëåíèÿ, íàïðèìåð, âåêòîðíîé ãðàôèêè
íåîáõîäèìû ãîðàçäî áîëåå ñëîæíûå îïåðàöèè). Ðàñòðîâàÿ ãðàôèêà îáû÷íî
èñïîëüçóåòñÿ äëÿ õðàíåíèÿ êðóïíûõ è ñëîæíûõ èçîáðàæåíèé ñ áîëüøèì
êîëè÷åñòâîì ïîëóòîíîâ, ïëàâíûõ ïåðåõîäîâ öâåòà è äåòàëåé, íàïðèìåð
ôîòîãðàôè÷åñêèõ èçîáðàæåíèé, è ïðî÷åãî, ÷òî íåâîçìîæíî ïðåäñòàâèòü â
âèäå âåêòîðíîé ãðàôèêè ñ èñïîëüçîâàíèåì ðàçóìíîãî ÷èñëà óçëîâ è îòäåëüíûõ
ýëåìåíòîâ. Ìàññèâû ðàñòðîâîé ãðàôèêè ñëîæíî ïîääàþòñÿ èçìåíåíèþ
ðàçìåðîâ, îïÿòü æå íå â ïðèìåð âåêòîðíûì èçîáðàæåíèÿì, êîòîðûå ïðè
ìàñøòàáèðîâàíèè íå èçìåíÿþò ñâîåãî êà÷åñòâà (õîòÿ, êîíå÷íî, ëèøíèå èëè
íîâûå äåòàëè â íèõ òîæå íå ïîÿâëÿþòñÿ).
Ê íåäîñòàòêàì ðàñòðîâûõ èçîáðàæåíèé ìîæíî îòíåñòè òî, ÷òî îíè
òðåáóþò ìíîãî ñèñòåìíûõ ðåñóðñîâ êîìïüþòåðà èëè ðàñòðîâîãî ïðîöåññîðà
äëÿ ñâîåé îáðàáîòêè. Ôàéëû ñ ðàñòðîâûìè äàííûìè îáû÷íî çàíèìàþò ìíîãî
äèñêîâîãî ïðîñòðàíñòâà, äîëãî îáðàáàòûâàþòñÿ è ðàñòðèðóþòñÿ. Îäíàêî â
áîëüøèíñòâå ïðèëîæåíèé ãëàâåíñòâóþùåå ìåñòî çàíèìàþò âñå æå ýëåìåíòû
ðàñòðîâîé, à íå âåêòîðíîé ãðàôèêè. Ðàçðàáîòêà ïðèëîæåíèé WWW è
èíòåðôåéñîâ ïðèêëàäíûõ ïðîãðàìì ÷àñòî òðåáóåò ñîçäàíèÿ ñïåöèàëüíûõ
ðàñòðîâûõ ãðàôè÷åñêèõ îáúåêòîâ è èñïîëüçîâàíèÿ ñïåöýôôåêòîâ. Ýòîé
òåìàòèêå è ïîñâÿùåí îïèñàííûé íèæå öèêë ïðàêòè÷åñêèõ çàíÿòèé.
1. ÑÎÇÄÀÍÈÅ ÊÍÎÏÎÊ
Íåçàìåíèìûì ñïåöèôè÷åñêèì ýëåìåíòîì äèçàéíà ëþáûõ Web-
ñòðàíèö ÿâëÿþòñÿ ãðàôè÷åñêèå ýëåìåíòû óïðàâëåíèÿ – êíîïêè. Adobe
Photoshop ïîçâîëÿåò ñîçäàòü ìíîæåñòâî âàðèàíòîâ êíîïîê. Íåêîòîðûå èç
íèõ ðàññìîòðèâàþòñÿ íèæå.
1.1. Ïðîñòàÿ êâàäðàòíàÿ êíîïêà
Äëÿ ñîçäàíèÿ ïðîñòîé êâàäðàòíîé êíîïêè íåîáõîäèìî ñîçäàòü íîâûé
äîêóìåíò â ôîðìàòå RGB (ðàçìåð õîëñòà äîëæåí ñîîòâåòñòâîâàòü ðàçìåðó
êíîïêè), âûáåðèòå öâåòà (îñíîâíîé – ñâåòëûé, ôîíîâûé – òåìíûé) äëÿ çàëèâêè
áóäóùåé êíîïêè ãðàäèåíòîì, âûäåëèòå âñ¸ èçîáðàæåíèå è çàëåéòå áóäóùóþ
êíîïêó ëèíåéíûì ãðàäèåíòîì â îäíîì íàïðàâëåíèè (ðèñ. 1.1).
Çàòåì âûäåëèòå ãðàíèöó Select’Modify’Border (Âûäåëåíèå
’Ìîäèôèöèðîâàòü’ Ãðàíèöà) ïðè åå øèðèíå ïðèìåðíî â 5–15 ïèêñåëîâ, â
çàâèñèìîñòè îò ðàçìåðà êíîïêè (ðèñ. 1.2), è çàïîëíèòå âûäåëåííóþ îáëàñòü