PHOTOSHOP
228
PHOTOSHOP
创意+:Photoshop CS4网页设计,配色与特效案例精粹
创意+:Photoshop CS4网页设计,配色与特效案例精粹
图10-62
放置导航条图像
图10-61
设置混合模式
STEP 13 STEP 14
将文档"导航条.psd"中的"背景" 以外的图层同时导入网页文档中,并且将其放 置在画布正下方,如图10-62所示. 使用【横排文字工具】 ,在Banner 图像上方分别输入标识语,并且设置文本属 性.然后为其添加投影,如图10-63所示,完 成网站首页的制作.
图10-63
制作网站标识语
PHOTOSHOP
10.4 电影网站内页设计
电影宣传网站属于视觉特效网站,该网站的目的是让浏览者记住网站中所宣传的电影,并 且吸引浏览者去观看该电影.所以在设计电影网站时,除了要使用影片中的场景作为网站的图像 外,还需要根据影视宣传的内容来制定网站导航菜单,使浏览者更多的了解该电影. 既然电影网站是视觉特效 网站,所以网站内页的布局要 尽可能地有所区别.但是需要 延用网站首页的色调,使整个 网站相统一.在内页制作过程 中,根据文字,图像与视频展 示的需要分别使用不同的图像 进行装饰,使其在不同中又保 持一致. 这种布局灵活的网页比 较适用于Flash动画网站.在 Photoshop中设计出每个网页的 初始展示效果,就可以方便地 制作后期动画中的动画效果, 所以网页平面图像效果的制作 尤为重要.
图10-64
电影网站内页效果展示
第10章
10.4.1 制作文字网页
STEP 01
复制文档day.psd为day01.psd,将 Banner区域中的图像与文字删除后,垂直向上 移动导航条图像,并且在其下方输入版权信息 文本,如图10-65所示.
娱乐类网站设计
10
PHOTOSHOP
STEP 03
选择【矩形选框工具】 ,并设 置【固定大小】参数为16×13像素.在如图 10-67所示位置建立选区,并且删除选区中的 图像.然后依次垂直向下移动3个像素,间隔删 除选区中的图像.
图10-67
间隔删除选区中的图像
技巧
图10-65 复制文档
提示
删除多余图像后,还需要将网站LOGO图像向上移 动,以保留更多的空间.
分别在黑色矩形的高度与宽度10像素的位置拉出 辅助线.然后参考辅助线间隔删除图像,最后使 用相同的方法,删除右侧黑色图像.
STEP 04
STEP 02
新建图层,建立黑色700×330像素的 矩形.执行【选择】|【修改】|【收缩】命令, 设置【收缩量】选项如图10-66所示.删除图 像后,分别上下移动20像素后,删除选区中的 图像.
双击该图层,打开【图层样式】对 话框.启用【投影】复选框后,设置参数如图 10-68所示,为其添加投影效果.
图10-68
添加投影样式
STEP 05 STEP 06

下一页