photoshop怎么画虚线边框(用ps画一条直的虚线方法)


1、教程说明

1.1、教程平台:Windows 7 旗舰版 Service Pack 1 (x64) 简体中文版 操作系统

1.2、软件版本:Adobe Photoshop CC 2018 (19.1.6) (x64) 简体中文版

1.3、如果您的平台和软件版本有所不同,操作步骤会有所出入,请自行斟酌。

2、下图为原稿的“样例图”。

Photoshop 照稿画图实战教程

3、实战步骤

3.1、如下图所示:启动“Adobe Photoshop CC 2018”程序,新建一个1000 x 3000 PX,分辨率为72 PPI的文件。

Photoshop 照稿画图实战教程

3.2、打开提问中提供的“示例图”,在“背景”图层后面的空白处双击鼠标左键,在名称后面输入“示例图”,然后点击“确定”。目的是解锁背景层,接下来好对它进行操作

Photoshop 照稿画图实战教程

3.3、选工具栏上的“移动工具”,点选“示例图”,按住鼠标左键不放,把它拖入新建的“未标题-2”文件中。

Photoshop 照稿画图实战教程

3.4、点击“矩形工具”,然后在绘图区内点一下左键,在弹出的窗口输入:750 x1160 PX 后点击“确定”。

Photoshop 照稿画图实战教程

3.5、选中刚新建的“矩形 1”图层,更改图层名为“淡蓝背景”,把不透明度改为60%。

Photoshop 照稿画图实战教程

3.6、看下图的说明,我们就会知道要拉出多少条参考线,以及要在哪些位置拉出参考线。

Photoshop 照稿画图实战教程

3.7、如下图所示:利用吸附功能,把“淡蓝背景”移到最上端与最上端水平参考线对齐,最左侧与最左侧的垂直参考线对齐。

Photoshop 照稿画图实战教程

3.8、选择工具栏的“添加锚点工具”,在“淡蓝背景”中部靠左的下图所示位置添加一个锚点(锚点 2)。

Photoshop 照稿画图实战教程

3.9、同样选择工具栏的“添加锚点工具”,在“淡蓝背景”右侧下图所示的位置添加一个锚点(锚点3)。

Photoshop 照稿画图实战教程

3.10、选择工具栏的“直接选择工具”,将“锚点 1”下拉到如下图所示位置。

Photoshop 照稿画图实战教程

3.11、同样选择工具栏的“直接选择工具”,将“锚点 2”下拉到如下图所示位置。

Photoshop 照稿画图实战教程

3.12、选择工具栏的“直接选择工具”,将“锚点 4”下拉到如下图所示位置。

Photoshop 照稿画图实战教程

3.13、选择工具栏的“直接选择工具”,选择拖动“锚点2”、“锚点 3”左右的控制柄,使得“淡蓝背景”顶端的外轮廓线与下面“示例图”的外轮廓线重合。这样就做出了“淡蓝背景”顶端的外轮廓。完成效果如下图所示。

Photoshop 照稿画图实战教程

3.14、清除掉没用的参考线,将“淡蓝背景”的不透明度改回 100%。

Photoshop 照稿画图实战教程

3.15、点“淡蓝背景”图层前面的“眼睛”,隐藏该图层。选择工具栏的“吸管工具”在“示例图”的背景上点一下,将前景色改为“示例图”的背景色一样的颜色。

Photoshop 照稿画图实战教程

3.16、在“淡蓝背景”图层前面点击,使“眼睛”显现,显示该图层。在图层所示位置双击鼠标左键,打开“拾色器”窗口,接着点击前景色,然后点击“拾色器”窗口上“确定”。此时“淡蓝色背景”就填充成了和“示例图”背景一样的淡蓝色。

Photoshop 照稿画图实战教程

3.17、最大“淡蓝色背景”完成后效果如下图。

Photoshop 照稿画图实战教程

3.18、如下图所示:沿着白色轮廓线的内侧四周拉四条参考线。

Photoshop 照稿画图实战教程

3.19、选择“圆角矩形工具”,设置:描边:0 像素;圆角半径:30 像素。用吸附参考线功能,画一个圆角矩形。把它的图层名改为“淡蓝背景2”。

Photoshop 照稿画图实战教程

3.20、在“淡蓝背景2”图层后面的空白处双击鼠标左键,打开“图层样式”窗口。勾选并选中“描边”。设置如下图,大小:6像素;位置:外部;颜色:白色。

Photoshop 照稿画图实战教程

3.21、把它填充成和“淡蓝背景”一样的淡蓝色。

Photoshop 照稿画图实战教程

3.22、放大一个食品名的白色小背景,在它四周拉四条参考线。

Photoshop 照稿画图实战教程

3.23、选择“圆角矩形工具”,设置:描边:0 像素;圆角半径:24 像素。用吸附参考线功能,画一个圆角矩形。

Photoshop 照稿画图实战教程

3.24、把它的图层名改为:“项目背景”,并填充为白色。

Photoshop 照稿画图实战教程

3.25、选择“横排文字工具”,在“项目背景”上面输入文本“牛乳大饼”,加选“项目背景”图层后,点击工具栏上的“垂直居中对齐”、“水平居中对齐”。

Photoshop 照稿画图实战教程

3.26、选中“牛乳大饼”、“项目背景”两个图层,创建图层组,并给组命名为“零食1”。

Photoshop 照稿画图实战教程

3.27、选中组“零食1”,快捷键“Ctrl+J”连按9下,对组进行复制9个。

Photoshop 照稿画图实战教程

3.28、选中组“零食1 拷贝 9”,将它垂直移动到下图所示位置。

Photoshop 照稿画图实战教程

3.29、选中10个组,点击工具栏的“按底分布”按钮。

Photoshop 照稿画图实战教程

3.30、然后选中这10个组,再建组“零食组1”。

Photoshop 照稿画图实战教程

3.31、对组“零食组1”进行复制,并命名为“零食组2”。

Photoshop 照稿画图实战教程

3.32、将“零食组2”水平移动到如下图所示位置。请自行更改对应的食品名称,更改后的文本注意与项目白色背景“垂直居中对齐”、“水平居中对齐”就行了

Photoshop 照稿画图实战教程

3.33、因为“示例图”下端不全,根据左右边距的大小,我们把“淡蓝背景”底端延长。效果如下图所示。

Photoshop 照稿画图实战教程

3.34、类似的方法做出“备注”组。

Photoshop 照稿画图实战教程

3.35、新建一个图层,命名为“曲线”,并保持该图层为选中状态,使用“钢笔工具”沿着“示例图”上的“看我的清单”下方画一条曲线。

Photoshop 照稿画图实战教程

3.36、选择“横排文字工具”后,选择“汉仪小麦体”字体,输入“看我的清单”,们会发现文字是沿着曲线的趋势排列的

Photoshop 照稿画图实战教程

3.37、将上一步输入的文本“看我的清单”移来出,用调节控制框的方法调节文字的大小和间距。以达到近似“示例图”上的效果。

Photoshop 照稿画图实战教程

3.38、同样选择“横排文字工具”后,选择“方正黑隶简体_粗”字体,字号:“18点”,多次按键盘上的横线键“-”,就是“虚线”效果了。

Photoshop 照稿画图实战教程

3.39、选择“横排文字工具”后,选择“汉仪小麦体”字体;字号:32点;字符水平间距:25。输入“LOOK AT MY LIST”。

Photoshop 照稿画图实战教程

3.40、选择“横排文字工具”后,选择“方正兰亭中黑_GBK”字体;字号:36点;字符水平间距:130。输入“精选美味零食大礼包”。

Photoshop 照稿画图实战教程

3.41、以“示例图”上的四个文本底端为参考,画四条水平参考线,把我们输入的四个文本底端分别对齐到四条水平参考线。

Photoshop 照稿画图实战教程

3.42、如下图所示:暂时隐藏“示例图”图层,选中“四个文本”图层,加选“淡蓝背景”图层。接着先点击工具栏的“右对齐”,再点击“水平居中对齐”。

Photoshop 照稿画图实战教程

3.43、清除参考线,对齐后的效果如下图。

Photoshop 照稿画图实战教程

3.44、在边缘添加四条参考线,点选工具栏的“裁剪工具”,沿着参考线进行裁剪。

Photoshop 照稿画图实战教程

3.45、裁剪完成后清除参考线,最终完成效果如下图。

Photoshop 照稿画图实战教程

3.46、菜单 文件 -> 存储为。

Photoshop 照稿画图实战教程

3.47、点开“保存类型”右侧的下拉选择“JPEG(*.JPG;*.JPEG;*.JPE)”。

Photoshop 照稿画图实战教程

3.48、选择文件保存的路径;输入文件名;点击“保存”。

Photoshop 照稿画图实战教程

3.49、如无特殊情况,为保证图片品质,选择“品质”为 12 。然后在“JPG 选项”窗口中点击“确定”。

Photoshop 照稿画图实战教程

3.50、最终的图片出来了。

Photoshop 照稿画图实战教程

— End —

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论