任务一 制作网站Logo

一、课程导入

      网页设计主要采用photoshop设计网页效果图，本次课介绍使用photoshop制作logo

二、授课过程

• 1. 认识ps软件界面
• 2. 简要介绍ps中各种工具的使用（详情见教材）

• 3. 制作抖音的logo，如下图所示：

     
     image.png
• 4. 图标结构
     白色音符+左侧绿色边+右侧红色边
• 5. 制作步骤（cc和cs6版本操作步骤）：
     （1） 新建画布，宽高均为1000像素，设置前景色为黑色，按住alt+delate设置土层底色为黑色
     （2）使用椭圆工具，按住shift键绘制一个圆，设置椭圆属性：W:250像素，H:250像素，调至合适的位置，将椭圆描边颜色设为白色，像素为50px.
     （3）使用矩形工具绘制矩形，起始位置在第二步中正圆中心右侧边处，宽度与白边宽度一致，设置矩形图层属性 W:50像素，H:300像素。同时按下ctr和+放大图层调整边对齐。
     （4）选中椭圆图层，ctr+j,拷贝椭圆图层，拷贝的图层重命名弧形图层，选中弧形图层，选择矩形工具，选择椭圆左下角四分之一圆弧，添加蒙版，将圆弧移动至与矩形上边对齐。
     （5）同时选中椭圆图层，矩形图层和弧形图层，右击栅格化图层，再右击合并图层，合并图层命名为“白色音符”。
     （6）为白色音符图层添加蒙版，选中蒙版，选择矩形选框，选择前景色为黑色，按下alt+del键，抠掉白色音符图层中白圆的右上角，ctr+d取消选区。
     （7）选中白色音符图层，ctr+j，拷贝图层重命名为“红色音符”，双击“红色音符”图层，出现图层样式，修改图层通道，只勾选R。ctr+t 按下键盘的右移箭头，移动红色图层
     （8）再次拷贝白色音符图层，拷贝图层重命名为“青色音符”，双击“青色音符”图层，修改图层通道，只勾选G和B，ctr+t 按下左移键，再按上移键。
     （9）选中白色音符图层，选择矩形选框，将青色和白色重叠部分修整齐。

• 6. 制作步骤（cs5版本操作步骤）
     （1）同5中（1）；
     （2）选择椭圆工具，然后设置椭圆选项，w：250px，h:250px;画布上点击鼠标即可出现正圆。

     
     image.png
     

     （3）选中该椭圆图层，双击空白处

     
     image.png
     出现图层样式框，勾选描边，点击描边这两个字，按如下设置描边属性
     image.png
     设置完成点击确定。如下图所示：
     image.png
     

     ctr+t选中圆环，适当移动调至适宜位置。
     （4）选择矩形工具，设置

     
     image.png
     画布上点击鼠标，即出现一个矩形，ctr+t选中矩形移动至如下图效果：（ctr+可以放大画布，进行细微调整，ctr-缩小画布）

image.png

（5）选中椭圆图层，ctr+j拷贝图层，出现形状1副本图层，点击其他所有图层的小眼睛，使其他图层不可见，点击下图红框按钮，新建图层

image.png

同时选中新建的图层和形状1副本图层，右击选择栅格化图层，再次右击合并图层。
（6）使用矩形选框工具，选择圆环的左下角四分之一区域，右击选择反向，删除。删除后效果如下：

image.png
ctr+d取消选择，选择魔棒工具，点击上图黑色区域，选中黑色区域，删除黑色区域。选择移动工具，移动圆弧，将其他所有图层可见，选中圆弧图层，移动圆弧至下图效果：
image.png
（7）选中下图三个图层，右击栅格化图层，再右击合并图层；
image.png

将合并图层命名为“青色音符”。
（8）选择矩形选框工具，抠图至如下效果：

image.png
（9）选中青色音符图层，ctr+j，拷贝图层重命名为“红色音符”，双击“红色音符”图层，出现图层样式，修改图层通道，只勾选R。ctr+t 选中，按下键盘的右移箭头，移动红色图层。
双击“青色音符”，修改图层通道，只勾选G、B。ctr+t 选中，按向上、向左箭头移动青色音符。至如下效果：
image.png

三、学生实践

• 按照上述步骤操作制作抖音图标