PS-618无线端炫酷闪屏设计图文教程
作者:huke88发布时间:2021年12月06日 08:00

虎课网为您提供字体设计版块下的PS-618无线端炫酷闪屏设计图文教程,本篇教程使用软件为PS(CC2016),难度等级为初级练习,下面开始学习这节课的内容吧!



1.本节课讲使用【Photoshop】软件制作闪屏图。课程目的:了解什么是闪屏图以及闪屏的特点、教会大家设计618无线端炫酷闪屏效果;课程重点:闪屏的设计流程、氛围和色彩的实现;课程难点:场景的搭建、颜色的搭配、文字效果。


2.学完本节课程后,同学们可以根据下图布置的作业,在视频下方提交作业图片,老师会一一解答。


3.闪屏概念:一般是一些广告商家在app打开时出现的那几秒钟广告投放图,有动态的也有静态的。


4.闪屏图具备特点:突出产品特点;品牌突出展示;画面吸引人;文案表达明确。


5.实操文案要求:618,5折狂购任性购;尺寸要求:960*1708px。


6.闪屏图案例分析:闪屏图整体色彩为绿色,突出画面中生鲜、蔬菜等产品健康安全的特点;绿色也和传统双11大促常用的红色形成对比,更具吸引力。


7.打开【PS】,【Ctrl+N】新建 【960*1708px】大小的画布,打开鞋子、文案素材, 拖入画布中,调整位置。


8.点击【矩形工具】创建矩形,调整矩形图层至背景图层上方,在矩形的最下方建立参考线;【Alt+Delete】矩形填充为白色。


9.拖入背景素材,图层调整到矩形图层的上方,右键【创建剪切蒙版】,【Ctrl+T】调整背景图片的大小和位置。


10.拖入台子素材,【Ctrl+T】调整大小和位置,移动到鞋子的下面;【Ctrl+U】调整【色相】-115,【饱和度】-9,改变台子的颜色;选择台子素材图层,右键【创建剪切蒙版】;按【Ctrl】键点击缩览图得到台子选区,【Ctrl+Shift+I】反选,选中【色相/饱和度】图层的蒙版,【Alt+Delete】填充黑色。


11.使用【钢笔工具】绘制台子后面架子和球的路径,【Ctrl+Enter】将路径转为选区,【Alt+Delete】在蒙版填充黑色,将后面的部分去掉。


12.拖入城市夜景的素材,【Ctrl+T】调整图片大小,置于蓝色背景图层上方,右键【创建剪切蒙版】,图层模式【正片叠底】;同样拖入另一张背景图片,【Ctrl+T】调整图片大小,【创建剪切蒙版】,图层模式【滤色】。


13.选择“5折狂欢任性购”文字,设置为两行文字,字体颜色改为白色,修改字体为【飞驰标题体】;点击【视图】、【新建参考线】,在【垂直】480px建立参考线,将文字居中;【Ctrl+T】选中文字,调整大小,按【Ctrl】键向上拖动使字体适当倾斜。


14.【Ctrl+j】复制文字图层,将下面的文字层【Ctrl+G】编组,修改字体颜色为紫色;【Alt+上方向键】复制多层文字,做出文字立体效果。


15.在文字“组1”上方新建空白图层,右键【创建剪切蒙版】;将前景色改为浅紫色,使用【画笔工具】在紫色上涂抹,做出颜色渐变的效果。


16.选择上面的 “5折狂欢”图层,【Ctrl+J】复制,右键【混合选项】,在【图层样式】窗口中勾选【R】【B】通道;再次复制文字图层,在【图层样式】中只勾选【G】通道;按左右方向键稍微移动文字层,得到如下偏绿的文字效果。


17.同样的方法做出“任性购”文字的立体效果;如下图;将两行文字的图层分别【Ctrl+G】编组。


18.在“任性购”组的上方新建空白图层,【创建剪切蒙版】;前景色改为蓝色,使用【画笔工具】在文字的上方涂抹,使上下文字有空间层次感的效果。


19.选中“618”文字,修改字体为【飞驰标题体】,【字间距】35;【Ctrl+T】选中,按【Ctrl】键向上稍微倾斜;双击打开【图层样式】,添加【渐变叠加】效果,设置紫色到蓝色的渐变。


20.点击【创建新的填充或调整图层】、【颜色查找】,选择【ColdMaxLook】,给整体画面添加一个蓝色。


21.选择鞋子图层【Ctrl+G】编组为“产品”,新建空白图层,图层模式【叠加】;使用【画笔工具】,按【Alt】键吸取背景中的粉紫色,在鞋子和粉紫色接触面涂抹;同样吸取蓝色,用【画笔工具】在鞋子的边缘涂抹。


22.【Ctrl+M】创建【曲线】,选择【蓝】通道,向上拖动曲线给鞋子增加蓝色;选择【红】通道增加红色;再次【创建】曲线,向上拖动曲线整体提亮,增加对比。


23.选择鞋子图层,【Ctrl+J】复制,【Ctrl+T】选中,右键【水平翻转】,适当缩小调整位置。


24.在“产品”组下方新建空白图层,按【Alt】键吸取背景的蓝色,使用【画笔工具】绘制鞋子的投影,适当调整画笔工具大小和硬度。


25.使用【多边形工具】绘制三角形,无填充,【描边】白色、10px,调整三角形的位置;双击打开【图层样式】,添加【描边】,大小2px,颜色粉紫色【#f817ff】;添加【外发光】效果,颜色为粉紫色到透明的渐变,【扩展】11%,【大小】65px。


26.【Ctrl+J】复制三角形,【Ctrl+T】右键【垂直翻转】,调整形状的大小和位置。


27.将logo拖入画面中,调整大小和位置。


28.本节课作业如下图所示,同学们不要忘记提交作业哦。


29.最终效果如图所示。



以上就是PS-618无线端炫酷闪屏设计图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


点击观看视频教程
PS-618无线端炫酷闪屏设计
初级练习16217人已学视频时长:41:22
立即学习
特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,309
并提交了230份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证