ÿþN a g Bó w k i s t r o n W W W S t r o n a 1
N a g Bó w k i s t r o n W W W
W Bo d z i m i e r z G a j d a
K o l e j n e s p o t k a n i e z G I M P - e m j e s t p o [w i c o n e b a n e r o m s t r o n W W W . N a u c z y m y s i p r z y g o t o w y w a l o g o o s t a Be j
s z e r o k o [c i , l o g o o t l e w y p e Bn i a j c y m c a Be o k n o p r z e g l d a r k i o r a z l o g o z i l u s t r a c j p o w i e l a n d o w o l n l i c z b r a z y .
1 k w i e t n i a 2 0 0 6 r .
S p i s t r e [c i
1 . W i t r y n a A u t o k o m i s
2 . W i t r y n a H T M L
3 . W i t r y n a f i r m y T a l a r
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 2
R y s u n e k 1 .
W w i c z e n i a c h w y k o r z y s t a m y m i d z y i n n y m i n a r z d z i e d o p o b i e r a n i a k o l o r u , p r z y c i s k d o z a m i a n y k o l o r u
p i e r w s z o p l a n o w e g o i k o l o r u t Ba , w y p e Bn i a n i e g r a d i e n t e m o r a z o d b i j a n i e w a r s t w y l u b z a z n a c z e n i a .
1 . W i t r y n a A u t o k o m i s
R y s u n e k 2 .
T w o r z y m y n o w y o b r a z o w y m i a r a c h 8 0 0 × 1 8 7 p i k s e l i . D o o b r a z u t e g o w k l e j a m y w y c i t e z d j c i e s a m o c h o d u .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 3
R y s u n e k 3 .
W a r s t w z s a m o c h o d e m p o w i e l a m y t r z y k r o t n i e . O t r z y m a n e c z t e r y s a m o c h o d y s k a l u j e m y d o m a l e j c y c h r o z m i a r ó w i
p r z e s u w a m y n a p r a w s t r o n .
R y s u n e k 4 .
W y k o r z y s t u j c n a r z d z i e d o p o b i e r a n i a z o b r a z u k o l o r u , p o b i e r a m y d w a o d c i e n i e k o l o r u n i e b i e s k i e g o z d o w o l n e g o z
s a m o c h o d ó w . N a j p i e r w w y b i e r a m y w a r s t w a k t y w n ( n a r z d z i e d o p o b i e r a n i a k o l o r u d z i a Ba w o d n i e s i e n i u d o
a k t y w n e j w a r s t w y ! ) . P o b i e r a m y k o l o r . N a s t p n i e z a m i e n i a m y k o l o r t Ba i k o l o r p i e r w s z o p l a n o w y ( s k r ó t k l a w i s z o w y
X ) , p o c z y m p o b i e r a m y d r u g i z k o l o r ó w . G d y o b a k o l o r y s u s t a l o n e , t o t w o r z y m y n o w w a r s t w i w y p e Bn i a m y j
g r a d i e n t e m l i n i o w y m .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 4
R y s u n e k 5 .
D o d a j e m y d o o b r a z u w a r s t w b i a B i u m i e s z c z a m y n a n i e j n a p i s B r y k a .
R y s u n e k 6 .
F i l t r y R o z m y c i e
W a r s t w b i a B z c z a r n y m n a p i s e m r o z m y w a m y a l g o r y t m e m G a u s s a o p a r a m e t r a c h 5 , 5 ( ’! ’!
’! ’!
’! ’!
’! ’!
R o z m y c i e G a u s s a ) .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 5
R y s u n e k 7 .
N a w a r s t w i e z a w i e r a j c e j g r a d i e n t w y t Ba c z a m y r o z m y t y n a p i s B r y k a . W a r s t w a k t y w n p o w i n i e n b y g r a d i e n t .
W y k o n u j e m y f i l t r F i l t r y O d w z o r o w a n i a M a p o w a n i e w y p u k Bo [c i
’! ’! .
’! ’!
’! ’!
’! ’!
R y s u n e k 8 .
T e k s t B r y k a w y p e Bn i a m y g r a d i e n t e m l i n i o w y m o o d w r o t n y m k i e r u n k u .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 6
R y s u n e k 9 .
W y t Bo c z o n y n a p i s B r y k a w y r a zn i e o d r ó \n i a s i t e r a z o d t Ba .
R y s u n e k 1 0 .
D o d a j e m y j e s z c z e j e d e n n a p i s o r a z c z a r n e p r o s t o k t y p r z y s Ba n i a j c e o b s z a r p o d s a m o c h o d a m i .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 7
R y s u n e k 1 1 .
W Bc z a m y w i d o c z n o [ o d p o w i e d n i c h w a r s t w . B a n e r j e s t s k o Dc z o n y .
R y s u n e k 1 2 .
2 . W i t r y n a H T M L
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 8
R y s u n e k 1 3 .
W n a r z d z i ó w c e p o d w ó j n i e k l i k a m y n a r z d z i e W y p e Bn i e n i e g r a d i e n t e m k o l o r u
. U j r z y m y o k n o d i a l o g o w e
u m o \l i w i a j c e u s t a l e n i e w Ba [c i w o [c i g r a d i e n t u . Z l i s t y d o s t p n y c h g r a d i e n t ó w w y b i e r a m y g r a d i e n t o n a z w i e H o r i z o n
2 .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 9
R y s u n e k 1 4 .
G r a d i e n t e m t y m w y p e Bn i a m y o b r a z o w y m i a r a c h 8 0 0 × 8 9 .
R y s u n e k 1 5 .
D o o b r a z u d o d a j e m y n o w p r z e z r o c z y s t w a r s t w . N a w a r s t w i e t e j u m i e s z c z a m y p o z i o m s i a t k . W y k o r z y s t u j e m y
d o t e g o f i l t r F i l t r y R e n d e r o w a n i e D e s e D S i a t k a
’! ’! ’! .
’! ’! ’!
’! ’! ’!
’! ’! ’!
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 0
R y s u n e k 1 6 .
T r y b
Z m i e n i a m y p r z e z r o c z y s t o [ w a r s t w y n a 4 0 p r o c e n t o r a z r o d z a j k r y c i a ( o z n a c z o n y j a k o w o k n i e w a r s t w ) n a
W y d o b y c i e z i a r n a
.
R y s u n e k 1 7 .
D o d a j e m y d o o b r a z u n i e b i e s k i n a p i s H T M L .
R y s u n e k 1 8 .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 1
D o d a j e m y j e s z c z e n a p i s H T M L w k o l o r z e b i a By m .
R y s u n e k 1 9 .
N a p i s n i e b i e s k i u m i e s z c z a m y p o w y \e j b i a Be g o . T e k s t b i a By p r z e s u w a m y o j e d e n p i k s e l d o d o Bu i o d w a p i k s e l e w
p r a w o ( w y k o r z y s t u j e m y d o t e g o n a r z d z i e d o p r z e s u w a n i a w a r s t w o r a z k l a w i s z e s t r z a Be k n a k l a w i a t u r z e ) .
R y s u n e k 2 0 .
T e r a z z l i s t y d o s t p n y c h w a r s t w w y b i e r a m y w a r s t w z n i e b i e s k i m n a p i s e m H T M L . Z a z n a c z a m y n i e p r z e z r o c z y s t e
p i k s e l e n i e b i e s k i e g o n a p i s u : w o k n i e w a r s t w k l i k a m y w a r s t w z n i e b i e s k i m n a p i s e m p r a w y m g u z i k i e m m y s z y ; z
m e n u k o n t e k s t o w e g o w y b i e r a m y o p e r a c j K a n a B a l f a n a z a z n a c z e n i e
. O t r z y m a m y z a z n a c z e n i e
Z a z n a c z e n i e P o w i k s z
o d p o w i a d a j c e n i e b i e s k i e m u n a p i s o w i . Z a z n a c z e n i e p o w i k s z a m y o k i l k a p i k s e l i ( ’! ) ,
’!
’!
’!
Z a z n a c z e n i e Z a o k r g l
p o c z y m r o z m y w a m y ( ’! ) . T a k o t r z y m a n e z a z n a c z e n i e w y p e Bn i a m y c z a r n y m k o l o r e m n a
’!
’!
’!
n o w e j , p r z e z r o c z y s t e j w a r s t w i e .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 2
R y s u n e k 2 1 .
O b r a z z a w i e r a t r z y w a r s t w y z n a p i s e m H T M L : n i e b i e s k , b i a B o r a z c z a r n e r o z m y c i e .
R y s u n e k 2 2 .
W Bc z a m y w i d o c z n o [ w a r s t w y z g r a d i e n t e m o r a z w a r s t w y z s i a t k . B a n e r j e s t s k o Dc z o n y .
R y s u n e k 2 3 .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 3
O s t a t n i m k r o k i e m j e s t p r z y g o t o w a n i e o b r a z ó w t Ba . Z o t r z y m a n e g o b a n e r a w y c i n a m y p l a s t e r e k o s z e r o k o [c i k i l k u
p i k s e l i i o p e Bn e j w y s o k o [c i ( z o b s z a r u l e \c e g o p o z a n a p i s e m H T M L ) . Z a z n a c z a m y o d p o w i e d n i p r o s t o k t , p o c z y m
w y k o n u j e m y o p e r a c j S k o p i u j w i d o c z n e W k l e j j a k o n o w y
o r a z . O t r z y m a n y o b r a z z a p i s u j e m y d o p l i k u
t l o - g o r a . p n g .
R y s u n e k 2 4 .
G ó r n e t Bo o d b i j a m y w p i o n i e i z a p i s u j e m y d o p l i k u t l o - d o l . p n g
.
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 4
R y s u n e k 2 5 .
W p o d o b n y s p o s ó b w y k o n u j e m y w i c z e n i a z a t y t u Bo w a n e B a z y d a n y c h , C S S , G i m p , J a v a S c r i p t o r a z P H P .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 5
R y s u n e k 2 6 .
3 . W i t r y n a f i r m y T a l a r
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 6
R y s u n e k 2 7 .
R o z p o c z y n a m y o d p r z y g o t o w a n i a t Ba . Z i l u s t r a c j i p r z e d s t a w i a j c e j m o n e t y w y c i n a m y i n t e r e s u j c y f r a g m e n t .
R y s u n e k 2 8 .
W y c i t e m o n e t y w k l e j a m y k i l k u k r o t n i e d o n o w e g o b i a Be g o o b r a z u . K a \d w k l e j o n k u p k m o n e t u m i e s z c z a m y n a
o s o b n e j w a r s t w i e . W a r s t w y u k Ba d a m y t a k , b y g r a n i c a p o m i d z y p o s z c z e g ó l n y m i k u p k a m i m o n e t b y Ba n i e w i d o c z n a .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 7
R y s u n e k 2 9 .
P r z y g o t o w u j e m y t Bo , k t ó r e b d z i e p o w i e l a n e w n i e s k o Dc z o n o [. D Bu g k u p k m o n e t r o z c i n a m y n a d w a f r a g m e n t y A
o r a z B . F r a g m e n t A p r z e s u w a m y n a p r a w o , f r a g m e n t B n a l e w o . F r a g m e n t y n a s u w a m y n a s i e b i e t a k , b y o t r z y m a
o b r a z o w y m a g a n e j s z e r o k o [c i ( n p . 8 0 0 p i k s e l i ) . Zr o d e k o b r a z u m u s i d a w a e f e k t p By n n e g o p r z e j [c i a z f r a g m e n t u A
n a B .
R y s u n e k 3 0 .
O t r z y m a n y o b r a z m o \e b y p r z y k l e j a n y d o s i e b i e d o w o l n l i c z b r a z y d a j c e f e k t n i e s k o Dc z o n e j k u p k i m o n e t . O b r a z
z a p i s u j e m y d o p l i k u t l o - g o r a . p n g .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 8
R y s u n e k 3 1 .
P l i k t l o - g o r a . p n g
k o p i u j e m y . P r z y s t p u j e m y d o w y k o n a n i a b a n e r a , a l e z a c h o w u j e m y n i e z m i e n i o n e t Bo . W
w i t r y n i e b d p o t r z e b n e z a r ó w n o t Bo j a k i b a n e r . W b a n e r z e , n a t l e u m i e s z c z a m y n a p i s y T a l a r u s Bu g i f i n a n s o w e .
R y s u n e k 3 2 .
D o d a j e m y d w i e n o w e w a r s t w y : j e d n z b i a By m p r o s t o k t e m , d r u g z c z a r n o b w ó d k .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 1 9
R y s u n e k 3 3 .
Z m n i e j s z a m y k r y c i e w a r s t w y z b i a By m p r o s t o k t e m .
R y s u n e k 3 4 .
D o d a j e m y p o d o b n y p r o s t o k t z o b w ó d k p r z e z n a c z o n y n a o p c j e w i t r y n y .
R y s u n e k 3 5 .
W p r o w a d z a m y n a z w y o p c j i .
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 2 0
R y s u n e k 3 6 .
N a z a k o Dc z e n i e d o d a j e m y c z a r n e p r o s t o k t y , k t ó r e p o s Bu \ d o w y k o n a n i a e f e k t u r o l l o v e r .
R y s u n e k 3 7 .
l p . P r z y k Ba d
1 . A u t o k o m i s
2 . H T M L
3 . B a z y d a n y c h
4 . C S S
5 . G I M P
6 . J a v a S c r i p t
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6
N a g Bó w k i s t r o n W W W S t r o n a 2 1
7 . P H P
8 . T a l a r
T a b e l a 1 .
P r z y k Ba d y d o p o b r a n i a
h t t p : / / w w w . g a j d a w . p l / g i m p / n a g l o w k i - s t r o n - w w w / p r i n t . h t m l 2 0 0 8 - 0 2 - 2 7 1 9 : 5 9 : 1 6