《书法家庄辉个人网站主页效果图设计与制作》由会员分享，可在线阅读，更多相关《书法家庄辉个人网站主页效果图设计与制作（4页珍藏版）》请在金锄头文库上搜索。
1、情景模式：书法家庄辉个人网站主页效果图设计与制作 项目背景：庄辉，字炤父，号无名山人。1959 年 7 月生，籍江苏泗阳。现为中国书法家协会会员，国家高级美术师，江苏省淮安书画院专职画师。庄辉个人网站项目主要是通过网络媒体使书法家本人知名度进一步提高。网站建设中主要包含个人简介、国画作品、书法作品、联系方式等。关键知识点一：渐变工具的使用法“渐变工具“的作用是产生逐渐变化的色彩，在图像中选择需要填充渐变的区域，起点（按下鼠标处）和终点（松开鼠标处）会影响外观，具体取决于所使用的渐变的工具。关键知识点一：LOGO 的设计综述文字看不到关键知识点二：色调与色彩的调整色调调整执行“图像”“调整”“色
2、阶”命令关键知识点二：色调与色彩的调整色调调整关键知识点二：色调与色彩的调整色调调整关键知识点二：色调与色彩的调整亮度对比度执行“图像”“调整”“亮度/对比度”命令关键知识点二：色调与色彩的调整色相/饱和度“图像”“调整”“色相/饱和度”命令关键知识点二：色调与色彩的调整色相/饱和度关键知识点三：图像混合方式的使用Photoshop 将混合模式分为 6 大类 23 种混合形式，即：组合模式（正常、溶解） ，加深混合模式（变暗、正片叠底、颜色加深、线性加深） ，减淡混合模式（变亮、滤色、颜色减淡、线性减淡） ，对比混合模式（叠加、柔光、强光、亮光、线性光、点光、实色混合） ，比较混合模式（差值、
3、排除） ，色彩混合模式（色相、饱和度、颜色、亮度） 。现进行简单介绍：（1）组合混合模式：组合模式中包含“正常和溶解”模式，它们需要配合使用不透明度才能产生一定的混合效果。正常模式：在“正常”模式下调整上面图层的不透明度可以使当前图像与底层图像产生混合效果，在此模式下形成的合成色或者着色作品不会用到颜色的相减属性。溶解模式：特点是配合调整不透明度可创建点状喷雾式的图像效果，不透明度越底，像素点越分散。 51 知识库关键知识三：图像混合方式的使用（2）加深混合模式：加深混合模式可将当前图像与底层图像进行比较使底层图像变暗。变暗模式：自动检测颜色信息，选择基色或混合色中较暗的作为结果色，其中比结果
4、色亮的像素将被替换掉，就会露出背景图像的颜色，比结果色暗的像素将保持不变。正片叠底：特点是可以使当前图像中的白色完全消失，另外，除白色以外的其它区域都会使底层图像变暗。无论是图层间的混合还是在图层样式中，正片叠底都是最常用的一种混合模式。颜色加深：特点是可保留当前图像中的白色区域，并加强深色区域。线性加深：线性加深模式与正片叠底模式的效果相似，但产生的对比效果更强烈，相当于正片叠底与颜色加深模式的组合。电脑技术员联盟关键知识三：图像混合方式的使用（3）变亮混合模式：在 Photoshop 中每一种加深模式都有一种完全相反的减淡模式相对应，减淡模式的特点是当前图像中的黑色将会消失，任何比黑色亮的
5、区域都可能加亮底层图像。变亮模式：特点是比较并显示当前图像比下面图像亮的区域，变亮模式与变暗模式产生的效果相反。滤色模式：特点是可以使图像产生漂白的效果，滤色模式与正片叠底模式产生的效果相反。颜色减淡模式：特点是可以加亮底层的图像，同时使颜色变得更加饱和，由于对暗部区域的改变有限，因而可以保持较好的对比度。线性减淡模式：它与滤色模式相似，但是可产生更加强烈的对比效果。关键知识三：图像混合方式的使用（4）对比混合模式：它综合了加深和减淡模式的特点，在进行混合时 50%的灰色会完全消失，任何亮于 50%灰色区域都可能加亮下面的图像，而暗于 50%灰色的区域都可能使底层图像变暗，从而增加图像对比度。
6、叠加模式：特点是在为底层图像添加颜色时，可保持底层图像的高光和暗调。柔光模式：柔光模式可产生对叠加模式或强光模式更为精细的效果。强光模式：强光模式特点是可增加图像的对比度，它相当于正片叠底和滤色的组合。亮光模式：特点是混合后的颜色更为饱和，可使图像产生一种明快感，它相当于颜色减淡和颜色加深的组合。线性光：特点是可使图像产生更高的对比度效果，从而使更多区域变为黑色和白色，它相当于线性减淡和线性加深的组合。点光：特点是可根据混合色替换颜色，主要用于制作特效，它相当于变亮与变暗模式的组合。实色混合：特点是可增加颜色的饱和度，使图像产生色调分离的效果。关键知识三：图像混合方式的使用（5）比较混合模式：
7、比较混合模式可比较当前图像与底层图像，然后将相同的区域显示为黑色，不同的区域显示为灰度层次或彩色。差值模式：特点是当前图像中的白色区域会使图像产生反相的效果，而黑色区域则会越接近底层图像。排除模式：排除模式可比差值模式产生更为柔和的效果。关键知识三：图像混合方式的使用（6）色彩混合模式：色彩的三要素是色相、饱和度和亮度，使用色彩混合模式合成图像时，PS 会将三要素中的一种或两种应用在图像中。色相模式：它适合于修改彩色图像的颜色，该模式可将当前图像的基本颜色应用到底层图像中，并保持底层图像的亮度和饱和度。饱和度模式：饱和度模式特点是可使图像的某些区域变成黑白色，该模式可将当前图像的饱和度应用到底
8、层图像中，并保持底层图像的亮度和色相。颜色模式：特点是可将当前图像的色相和饱和度应用到底层图像中，并保持底层图像的亮度。亮度模式：特点是可将当前图像的亮度应用于底层图像中，并保持底层图像的色相与饱和度。关键知识点三：图像混合方式的应用实例关键知识点三：图像混合方式的应用实例关键知识点三：图像混合方式的应用实例庄辉个人网站项目主要是通过网络媒体提高知明度。网站要反映出书法的文化气息，包括个人简介、国画作品、书法作品、联系方式四个主要栏目的超级链接。同时为满足浏览需要建议图像大小设置为宽：984 像素，高：600 像素，项目效果图计划采用褐色为背景，采用能反映中国传统书法的文房四宝体现网站特征，后
9、期设计以古典音乐作为网页的背景体现艺术气息。（1）启动 Photoshp 软件，然后执行“文件”“新建” 命令，创建“书法家庄辉个人网站主页效果图.psd”文件，宽度：984 像素，高度：600 像素，分辨率 72 像素/英寸，颜色模式：RGB 颜色，背景内容：白色。（2）在背景层中，从工具箱中选择“渐变工具” ，取前景色为#b27516（十六进制的 RGB表示法） ，背景色#c9ac78，接着在选项栏中选取渐变填充（对称渐变） ，拖动鼠标后形成渐变的背景图像（如图 3-54 中的背景） 。（3）打开图片“书法 1.jpg”，然后对其执行“图像”“调整”“反相”命令，最后将其拖入效果图，设置层
10、名为“书法” ，设置混合模式为：柔光，不透明度为 24%（图 3-67b所示） ，采用同样的方法将“国画.jpg ”进行类似的操作，调整图层的大小与位置后的效果如图 3-68 所示。（4）打开图片“墨迹.jpg” ，使用魔术棒工具，选择白色区域，然后执行“选择”“反向“命令（） ，选取墨迹将其复制并粘贴到效果图中：打开图片“毛笔.jpg”，同样的方法选取图中的毛笔图像，同样将其复制并粘贴到效果图中，调整好毛笔与墨迹的位置，墨迹与毛笔图层合成的效果如图 3-69 所示，将毛笔图层设置图层样式，设置投影效果增加立体感，具体参数是：不透明度：44%，角度：90，距离：8 像素，大小：2像素，放入效果
11、图中的效果如图 3-70 所示。（5）打开图片“无名山人.jpg ”，使用魔术棒工具，选择黑色字体区域局部区域，例如选中“山”字，然后执行“选择”“选择相似”命令选中“无名山人作品集”的题字的黑色区域（如图 3-71 所示） 。复制黑色区域，粘贴到效果图中，最后将“无名山人作品集”文字图层执行“描边”图层样式（颜色：白色，大小：3 像素） ，效果如图 3-72 所示。（6）打开图片“庄辉原图.jpg ”，由于照片曝光不足，所以照片的亮度不够，人物不够清晰，执行“图像”“调整”“色阶”命令，在“色阶”对话框中调亮照片，然后使用“多边型套索工具”将照片中人物选取出来（如图 3-73 所示） ，复制
12、并粘贴到的效果图中，调整人物的大小与位置，最后设置人物的图层样式：外发光效果（不透明度 50%，颜色：白色渐变为透明，扩展：14%，大小： 21 像素） ，如图 3-74 所示。（7）新建一个图层，选择“椭圆套索工具” ，设置工具属性（样式：固定大小，宽度：10像素，高度 10 像素） ，然后在新图层中选择四个选区并对其填充为红色，分别给每个小红点设置外发光效果（与人物发光相似） ，最后添加“个人简介” 、 “书法作品” 、 “国画作品” 、“联系方式”文字（字体：方正大黑简体，大小：18 点，颜色：白色） ，并对文字添加描便效果，如图 3-75 所示。（8）打开“落款.psd”与“印章.jpg ”照片分别将它们拷贝到效果图中，将将其大小进行调整，整个效果图完成，如图 3-76 所示。
