1、1创 作 用 启 登 入 界 面1选择 命令,设置名称为:用户登入界面,宽度为:200毫米,高度为 180 毫米, 颜色模式:CMYK ,单击“确认” 。 (如图 1-1 所示)1-1“新建文档”对话框最 终 效 果2选择工具箱中的圆角矩形工具 按钮,在页面中拖动鼠标绘制一个圆角矩形,然后在路径/变换设置圆角矩形 ,宽度:为 160 毫米,高度 为:158 毫米。 (如图 1-2 所示)选择绘制的圆角矩形,并在菜单栏 按钮,选中(渐变)调板,设置角度为:-90 度,单击左侧的渐变滑块 ,位置设置为 0%,然后双击左侧的渐变滑块弹出对话框 (如图 1-所示)在右侧下单击 按钮,然后选择灰度颜色模
2、式 选项,进行参数设置为 20% 。 4. 单击右侧的渐变滑块 , 位置设置为 95.6%,然后双击渐变滑块弹出对话框,在右侧下单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 40% 。 (如图 1-4 所示)1-2 绘制圆角矩形1-3“渐变填充”调板对话框 1-4“渐变填充”调板对话框35. 选择 按钮,弹出图层对话框,单击创建新图层 按钮,新建图层 2(如图 1-5 所示) 。 6. 选择 按钮,同时在视图下拉列表中选择 按钮与 按钮即可。单击图层 1,在画板上方与左边标尺栏边缘单击即可得到参考线,并拖到圆角矩形边缘,单击图层 2,绘制一个圆角矩形,设置宽度为 156 毫米,高度为
3、 154 毫米。(步骤如第 2 步) ,单击(渐变)调板,类型:线性,设置角度为:-90 度,单击左侧的渐变滑块 ,位置设置为 0%,双击左侧的 渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 10% 。单击右侧的渐变滑块 ,位置设置为 95.6%,双击 渐变滑块弹出对话框,在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 30%。 (如图 1-6 所示) 。1-6 调整参考线并绘制图角矩形1-5“图层”调板对话框47. 选择 按钮,单击(图层)调板,弹出图层对话框,单击创建新图层 ,按钮,新建图层 3,锁定图层 2、图层 1。 (如图 1-7 所示
4、) 8. 选择 ,并把画板中设置的参考线,调到适当的位置,在工具箱中单击旋转工具 ,把画板中间的参考线选(选中后参考线为紫色)中,把中心点放到两参考线交叉位置上,双击工具箱中的旋转工具,设置角度为:28 度。 (如图 1-8 所示)选择 。1-7“图层”调板对话框1-8 参考线旋转后的效果59. 选择工具箱中的钢笔工具 (快捷为“P”),设置填色为:“无” ,描边为:“黑色” (渐变完成后点击“无” ) ,按住 shift 键 可绘制直线路径, (如图 1-9 所示) 。选择工具箱中的 (快捷为“加号”),在路径中各个圆弧添加两个锚点,然后在工具箱中的 (快捷为“shift+C”) ,选定所添
5、加的锚点进行转换。 (如图 1-10 所示)在编辑的过程中,可以按住(快捷键“ctrl +“+”或 ctrl +“-”进行缩放,以便达到自己所要设计的效果。 ) 10. 选择在工具箱中的 (快捷为“减号”),把不需要锚点进行删除,然后选定其他锚点进行编辑,调整到适当的位置,选择工作界面右侧变换面板,设置其宽度为 160 毫米,高度为 158 毫米。 (如图 1-11 所示)11. 选择绘制的路径,并在菜单栏 (快捷为“ctrl+F9”) ,选中(渐变)调板,弹出对话框,类型设置为:线性,角度设置为:-90 度,单击左侧的渐变滑块 ,位置设置为 0%,双击左侧的渐变滑块,弹出对话框在右侧单击 按
6、钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C: 100 M:50 Y:0 K:15,单击右侧的渐变滑块 ,位置设置为 100%,然后双击左侧的渐变滑块弹出对话框,在右侧单击 按钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C:100 M:15Y:0 K:100。 (如图 1-12 所示)1-9 编辑路径1-10 绘路径添加锚点1-11 调整后的效果1-12“渐变填充”调板对话框612. 选择 ,同时在右侧面板上选择图层面板,把图层 1与图层 2 解锁,选择图层 3 的路径,将它调整到合适的位置即可。 (如图 1-13 所示)13. 在图层面板中,单击图层 3,一直按住鼠标左键不
7、放,把图层 3 拖到创建新图层 按钮,创建图层 4,在变换面板中,设置宽为:156 毫米,高为:154 毫米 ,并调整到合适的位置。单击(渐变)面板,在弹出对话框中设置角度 为:-90 度,单击左侧的 渐变滑块 ,把渐变滑块的位置设置为 0%,然后双击左侧的渐变滑块 弹出对话框(如图 1-14所示)在右侧单击 按钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C:100 M:50 Y:0 K:0 ,选择右侧的渐变滑块 ,把渐变滑块的 位置设置为 100%,然后双击左侧的渐变滑块弹出对话框,在右侧下单击 按钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C:100 M:15 Y:0 K:
8、93。1-13 显示参考线1-14 编辑路径714. 选择(图层) 面板,单击 按钮,新建图层 5,在面板中按 delete 键 删除不必要的参考线,把参考线调整到适当的位置,选择工具箱中的圆角矩形工具 按钮,在页面中拖动鼠标绘制一个圆角矩形,然后在变换面板,设置 圆角矩形 宽为 132 毫米,高为 18 毫米。单击渐变面板 ,类型:线性,设置角度为:90 度,单击左侧的 渐变滑块 ,位置设置为 0%,然后双击左侧的渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 0% 。单 击右侧的渐变滑块位置 设置为 100%,双击右侧渐变滑块弹出对话框,在右侧单击 按钮,选
9、择灰度颜色模式 选项,进行参数设置为 20%。在图层面板中,单击图层 5,一直按住鼠标左键不放,把图层 5 拖到创建新图层 按钮,创建图层 5_复制 ,并调整到适当的位置。 (如图 1-15 所示)15. 在图层面板中,单击创建新图层 按钮,创建图层 7。选择工具箱中的钢笔工具 (快捷为 “P”),设置填色为:“无” ,描边为:“黑色” (渐变完成后点击“无” ) ,按住 shift 键可绘制直线路径,然后在(变换)调板中设置宽1-15 绘制圆角矩形并复制图层8度为 22 毫米 ,高度为 5 毫米,单击直接选择工具 ,对路径进行调整。 (如图 1-16 所示)单击(渐变)调板,调出对话框,类型
10、设置为:线性,设置角度为:-90 度,单击左侧的渐变滑块 ,位置设置为 0%,双击左侧的渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 10% 。单击右侧的渐变滑块 ,位置设置为 100%,双击渐变滑块弹出对话框,在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 40%。 (如图 1-17 所示)16. 在(图层) 调板中,单击图层 7,一直按住鼠标左键不放,把图层 7 拖到创建新图层 按钮,创建图层 7_复制 ,并调整到适当的位置。单击(渐变) 调板,类型为: 线性,角度为:-90 度,单击左侧的渐变滑块 ,位置设置为0%,双击左侧的渐变滑块 弹出
11、对话框在右侧单击 按钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C :100 M:15Y :0 K:16,选择右侧的渐变滑块 ,把渐变滑块的位置设置为 96.5%,然后双击右侧的渐变滑块弹出对话框,在右侧单击 按钮,然后选择 CMYK 颜色模式 选项,设置颜色为:C:100 M:15 Y:0 K:65。 (如图 1-18 所示)17. 在(图层)调板中,单击创建新图层 按钮,创建图层 9。单击图层 4,选中该图层中的路径,按住(ctrl+C)进行复制,再单击图层 9 进行(ctrl+V)粘贴 ,把路径调整到合适的位置,设置填色为:“白色” 描边:“无” 位置不变。用选择工具 选中刚复制
12、的路径,然后选择 , 选择工具箱中的钢笔工具,设置填充为:“无” ,描边为:“黑色” ,用钢笔工具绘制一条曲线,并调整到合适的位置(握住鼠标左键不放,绘制路径时可直接绘制所要的效果) 。单击直接选择工具 ,对路径进行调整。 (如图 1-19 所示)1-16 绘制路径 1-17“渐变填充”后的路径1-18 渐变填充后的效果918. 单击图层 9 按住 shift 键 点击所选对象。选择 (快捷为“shift+ctrl+F9”),选中( 路径查找器) 调板,单击分割 按钮,把不需要锚点按 delete 键进行删除。选择 (快捷为“shift+ctrl+F10 ”) ,单击(透明度)调板,混合模式为
13、:正常,不透明为:15%。 (如图 1-20 所示)单击工具箱中的“描边”设置为:“无” 。 19. 在(图层)调板中,单击创建新图层 按钮,创建图层 10。把参考线调到适当的位置,单击图层 4,选中该图层中的路径,按住(ctrl+C )复制 ,再单击图层 9 进行( ctrl+V)粘贴 ,并设置填色为:“白色”描边 :“无”位置不变。选中复制的路径,选择窗口 单击下拉列表 ,显示其余面板,找到颜色面板 ,选中(颜色)调板,单击 按钮,选择灰度颜色模式 ,进行参数设置为 30%。单击直接选择工具 ,选中复制的路径,选择对象 ,单击工具箱中的钢笔工具 (快捷为“P”),设置填色为:“无” ,描边
14、为:“黑色”绘制路径时,可握住鼠标左键不放可直接绘制所要的效果。单击直接选择工具 ,对路径进行调整。 (如图 1-21 所示)20. 单击图层 9 按住 shift 键 点击所选对象。选择 (快捷为“shift+ctrl+F9”),选中 路径查找器面板,单击分割 按钮,把不需要的锚点按 delete 键 进行删除,调整到合适的位置,选择 。 (如图 1-22 所示)21. 在(图层)调板中,单击创建新图层 按钮, 创建图层 11。单击工具箱中的钢笔工具 (快捷为“P”) ,设置填色为:“无” ,描边为:“黑色”绘制路径时,可握住鼠标左键不放可绘制不规则路径。单击直接选择工具 ,对锚点1-19
15、绘制路径 1-20 完成后的效果1-21 绘制路径 1-22 编辑后的效果10进行调整。 (如图 1-23 所示)22. 单击 (渐变) 面板,类型为:线性,设置渐变角度为:-45 度。单击左侧 渐变滑块 ,位置设置为 0%,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 50% 。 单击左侧 渐变滑块 ,位置设置为 14.29% ,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 40% 。单击左侧 渐变滑块 ,位置设置为 26.92% ,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为
16、10.69% 。单击左侧 渐变滑块 ,位置设置为 46.15% ,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 30% 。单击右侧 渐变滑块 ,位置设置为 100% ,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 40%。单击右侧第 渐变滑块 ,位置设置为 79.67% ,双击渐变滑块弹出对话框在右侧单击 按钮,然后选择灰度颜色模式 选项,进行参数设置为 80%。 (如图 1-24 所示)23. 单击工具箱中 按钮,设置描边为:“无颜色” ,(如图 1-25 所示)1-131-171-171-171-171-23 绘制
17、路径1-25“渐变填充”后的效果 1-24“渐变填充 ”调板对话框1124. 打开(图层)调板中,选中图层 10,单击创建新图层 按钮, 创建图层 12,单击切换可视性 ,把图层10 与图层 11 处于隐藏状态,然后选择 单击工具箱中的钢笔工具 (快捷为“P”),设置填色为:“无” ,描边为:“黑色”绘制路径时,单击直接选择工具 ,对锚点进行调整(如图 1-26 所示)选中刚绘制的路径,选中(描边)面板,设置粗细为:0.066 。 (如图 1-27 所示)25. 单击选择工具 ,选中绘制的路径,按住 Alt 键 复制另一条路径,移动到合适的位置。单击直接选择工具对锚点进行调整。选中第一条路径,
18、选择(颜色) 调板,单击 按钮,选择灰度颜色模式 ,进行参数设置为 70%。 (如图 1-28 所示)26. 选中第二条路径,选择颜色面板,单击 按钮,选择灰度颜色模式 ,进行参数设置为30%。 (如图 1-29 所示)27. 选择工具箱中的混合工具 ,然后双击混合工具,弹出混合选项 对话框,间距 设置为:指定的步数:120,取向设置为:对齐路径,单击“确定” 。 (如图 1-30 所示)然后单击选择工具 , 选中图层面板,单击切换可视性 ,把图层 10 与图层 11 处于显示状态。 (如图 1-31 所示)1-26 绘制路径 1-27“描边 ”调板对话框1-29 绘路径添加颜色1-28 绘路
19、径添加颜色1-31 混合后的效果1228. 单击选择工具 ,选中(图层)调板,单击图层 11,单击创建新图层 按钮, 创建图层 13,在图层 13 中,选择工具箱中的文字工具 ,输入文字为:Login ,选择 ,单击字符画板,设置字体系列为:汉仪中黑简,设置字体大小为:36pt,水平缩放设置为:110%,垂直缩放设置为:110%,设置 填色为:“ 白色” ,描边为:“无” (如图 1-32 所示)29. 单击选择工具 ,选中(图层)调板,单击创建新图层 按钮, 创建图层 14,在图层 13 中,选中该图层文字路径,按住(ctrl+C)复制 ,再单击 图层 14 进行( ctrl+V)粘贴 ,单
20、击字符面板,设置字体系列为:汉仪中黑简,设置字体大小为:36pt,水平缩放 设置为:100%,垂直缩放设置为:100%,并在工具箱填色双击填色颜色为:C:100 M:15 Y:0 K:16 。 (如图 1-33a 所示)描边:“无” ,调整到合适的位置。选中刚复制的文字路径,双击工具箱中的 旋转工具 ,设置其角度为:45 度,单击“确定” 。 (如图 1-33b 所示) 30. 单击选择工具 ,选中(图层)调板,单击创建新图层 按钮,创建图层 15,在图层 15 中,选择工具箱中的文字工具 ,输入文字为:L ogin ,选择 ,单击字符画板,设置字体系列为:T ahoma,字体样式为:R eg
21、ular,设置字体大小为:36pt,水平缩放设置为:100%,垂直缩放设置为:100%,设置填色为:C:100 M:15 Y:0 K :16,描边为:“无” 。 (如图 1-34 所示)单击选择工具,调整到适当的位置,并设置参考线,与图层 13 文字路径上下对齐(如图 1-35 所示)1-35 设置字体1-30“混合选项 ”对话框1-32 设置字体大小1-33b 字体旋转后的效果1-33a“旋转”对话框1331. 单击选择工具 ,选中(图层)调板,单击创建新图层 按钮,创建图层 16,在图层 16 中,选择工具箱中的文字工具 ,输入文字为:U ser Name ,选择 ,单击字符画板,设置字体
22、系列为 Frutiger LT Std 65 Bold,字体样式为:6 5 Bold,设置字体大小 为:24pt ,水平缩放设置为:100% ,垂直缩放 设置为:100% ,设置 填色为:白色,描边为:“无” 。并在页面上调整到图 层 5_复 制 路径的上方,单击文字路径,选择 , (如图 1-36 所示)并设置参考线,与图层 13 文字路径左右对齐,然后用直接选择工具 ,选中文字路径调整到合适的位置即可。 (如图 1-37 所示)32. 单击选择工具 ,选中(图层)调板,单击创建新图层 按钮,创建图层 16,在图层 16 中,选择工具箱中的文字工具 ,输入文字为:U ser Name ,选择
23、 ,单击( 字符) 调板,设置字体系列为 Frutiger LT Std 65 Bold,字体样式为:6 5 Bold,设置字体大小为:24pt,水平缩放设置为:100% ,垂直缩放设置为:100% , “填色”设置为:“白色” , “描边”设置为:“无” 。选中文字路径,选择 , (如图 1-36 所示)单击选择工具,调整到图层 5 路径的上方,并设置参考线,与图层13 文字路径左右对齐,然后用直接选择工具 ,选中文字路径调整到合适的位置即可。 (如图 1-38 所示)1-34 字符调板对话框1-36“字符” 调板对话框 1-37 设置字体1-38 设置字体1433. 选择 ,按住(ctrl+A 全选) 命令,选中全部图层中路径对象,单击 ,然后绘制一个渐变背景,由“黑色”到“白色” ,渐变角度设置为:-90 度,最终效果。 (如图 1-39 所示)1-321-39 最终效果