网页制作(下)--PS研习社 #15

网页制作(下)--PS研习社 #15

woshiwang.jpg

我师网最终效果图

四、网页的分割

像庖丁解牛一般,先将整下页面分成一部分一部分的,再用文字和图像填充这些部分。内在的逻辑要设计师自己把握,这涉及到人机交互的方式和形为特征,以及易用性等特点。

前面我们提过,整个网站分成一字形,逐一填充内容。

c6.jpg

五、网页标志部分

c7.jpg

这部分相对容易些,将网站的标志和口号填充进去。

六、导航条部分

c8.jpg

这一部分和我们以前做过的烟雾器一样的做法。也是假设有一束光从顶上照过来,形成一个立体的效果。所以,主体要用渐变填充,然后做阴影,倒影等效果。

其它部分用同样的做法即可。

七、切片

c9.jpg

整体图片切片待用。保存为“web所用格式”,就可将所有切片保存了。


我师网同步视频

详细内容请看同步视频,更方便清晰。
前往–> 我师网–Photoshop研习社


@lemooljiang #woshiwang


This page is synchronized from the post: 网页制作(下)–PS研习社 #15

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×