您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 电商设计 > PS-双十一预售案例实操

PS-双十一预售案例实操

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 21大分类,畅享51000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

PS-双十一预售案例实操

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
星山
星山

关注人数:26312

目录信息笔记
图文教程学员评价 (72条评论)视频字幕查看优秀作品>

本节课的主要内容绘制双11预售案例实操,注意暗部与亮部的对比,突出产品以及文案。学完本课内容后,同学们可根据

下图作业布置,在视频下方评论区提交作业图片,老师会一一进行解答。

现在开始今天的教程。

1. 根据上节课的思维导图进行设计,主标题为双十一预售立减,中间为产品,主题色调为红色,从而突出产品,突出文案。

2. 通过客户的要求设计产品的海报,也要通过产品本身的特点来设计海报。

3. 打开PS,创建一个新的文档宽为1920*1100的尺寸,选择【视图】-【新建参考线】取向为垂直位置为960,可以从网上寻找图片作为海报的背景,【Ctrl+T】调整位置及大小。

4. 选择【文字工具】输入双十一,【Ctrl+T】调整位置及大小,再次使用【文字工具】输入预售立减,【Ctrl+T】调整位置及大小。

5. 确定整体画面的框架,将所有素材放入画面当中,按住【SHIFT】选中所有图层,【Ctrl+T】调整位置及大小。

6. 创建一个新组,重命名为产品,将所有的素材图片拉入到产品组中,按【Ctrl+T】分别调整文字图层的位置及大小,将文字图层居中。

7. 选择【圆角矩形工具】绘图方式为【形状】,在画面的右侧绘制一个圆角矩形,单击该图层点击【添加图层样式】。

查看更多
课程综合评分:9.9
课程难易程度:太简单(0)简单(6)适中(56)有点难(4)太难了(4)
您需要学习后才可以评价,立即学习
课程综合评分:9.9
课程难易程度:太简单(0)简单(6)适中(56)有点难(4)太难了(4)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

哈喽大家好,欢迎来到虎课 ,我是讲师星山 ,今天我来给大家分享的课程主题是双十一预售案例实操 ,上节课程呢我们讲了双十一设计创意思维的一些讲解 ,就给大家做了一个思维导图 ,然后去具体分析了一下化妆品类目的双十一的一个解析 ,那么大家感兴趣的话,可以去看一下 ,今天呢我们就根据我们上一节课程的一个思维导图去走 ,然后去设计我们的预售案例 ,那么现在这个页面,这个画面呢 ,就是我们最终的一个案例的效果 ,最终实操效果 ,我们可以看一下,我们的主标题呢 ,就是双十一预售立减 ,那么其它的文案呢 ,就是下面这个立意点,这个立意点呢 ,其实它是对接下面页面的一个中间的一个立意点 ,它其实可以完全展示的 ,但是我们只做海报的话 ,我尽量把它展示在这个海报上面 ,然后以确保下方,会有衔接的部分 ,那么中间呢,就是我们的产品 ,整体画面效果呢 ,就是以红色调为主色调,去突出产品 ,突出文案,好 ,那么来看一下作业,作业就是根据课程中所讲的实操案例 ,结合提供的产品素材和文案信息,设计一个双十一预售活动海报 ,风格不限 ,那么这个案例呢 ,我们等一下会给大家去详细的一步一步的去教大家 ,去怎么样设计成这样的一张海报 ,好,那么文案我们看一下,文案主标题就是双十一预售立减 ,那么下面那一个我们就没有添加上去 ,等一下我们实操的时候,再去添加 ,所以尺寸要求呢是宽1920,高1100的一个尺寸 ,好,产品呢就是这4个产品 ,这4个产品,好 ,那么我们来看一下客户要求和产品本身 ,客户要求呢,我们接到这个画面的要求的时候呢 ,

客户要求是活动氛围浓厚 ,要有活动氛围,因为双十一预售嘛 ,还有就是客户喜欢红色调 ,所以我们要做成红色调 ,那么画面要吸引人 ,档次不能太低 ,突出主题,突出产品 ,那么这就是客户的要求 ,还有我们去观察产品本身呢,产品本身是它的包装是红色的 ,统一都是红色的 ,那么风格呢 ,是比较时尚的风格,定位潮流的女性 ,所以我们根据产品本身的一个特点和客户的要求呢 ,我们就去设计这一张海报 ,根据产品,设计这一张海报 ,好,那么首先呢 ,我们先打开我们的PS ,先根据我们的尺寸要求 ,新建一个画板 ,1920乘以1100的一个尺寸 ,好,我们设计好这个尺寸之后呢 ,我们现在给画面添加一个参考线 ,居中的参考线,960,好 ,那么其实我们在做很多的一个画面海报 ,或者是详情页的时候呢 ,有的时候一些背景 ,我们可以直接的去使用 ,比如,我们会找到一些比较炫酷的背景 ,网上有一些比较现成的背景 ,那么我们可以去拿来去使用 ,然后拿来去作为我们画面的一个衬托和装饰 ,比如我们现在这一个 ,我们看一下我们所需要的产品素材 ,那么就是这些 ,其中有一些有用,有些没用 ,那么我找到的就是一张这样的海报 ,这样的一个背景 ,这个背景呢,整体的色调是红色的 ,然后呢,背后有一个猫头,和我们的天猫双十一又有一些关联之处 ,那么我们就把这个图片,作为我们画面整体的一个背景 ,好,我们现在呢 ,去把它拉入到PS当中 ,

其实很多时候呢 ,我们要去学会怎样去利用身边的一些条件 ,怎么样去利用一些素材 ,然后去更好的帮助自己,完成一些比较好的效果 ,好,然后呢我们再把文案信息去我们直接打吧 ,好,我们直接打,直接打就是双十一预售立减 ,好,双十一预售立减呢 ,这就是我们的主标题 ,好,我们现在呢 ,把它适当放大 ,好,适当放大 ,给它分开 ,因为我们方便我们后面去做它的一个效果 ,好,分开之后,方便我们去做效果 ,好,我们把它摆放到画面的顶部 ,先不用去管它 ,好,摆放到画面顶部之后呢 ,我们现在需要把它的整体的画面效果,去给它做出来 ,那么有些同学可能会说,怎么样去做它的画面效果呢 ,其实非常简单 ,我们首先呢 ,去给把这个画面,给它做一个框架 ,做一个框架就是说,你要明白,这个画面当中什么位置 ,它摆放什么东西 ,那么它的一个作用是什么 ,这样我们后面在整体处理的时候呢 ,才能做到心中有数 ,好,我们先把产品去拉入到画面当中 ,那么产品我们拉到画面当中,去选择这几个产品 ,好,拉入到画面当中 ,好,我们看到,这几个产品呢 ,我们怎么样去摆放 ,它就是一个问题 ,

那么有些同学可能不会去摆放这些产品 ,不知道怎么样去处理这些产品 ,那怎么办呢 ,我们暂且呢,把它整体给它处理一下 ,整体适当的缩小,摆放到这里 ,那么如果我们这样去摆放的话 ,其实看起来就有一些简单粗暴 ,就不是特别的有档次 ,因为客户要求嘛 ,要有档次一些,画面效果要时尚一些 ,要有节日氛围感 ,那么画面整体是红色 ,所以我们就需要去统一的一个调整一下 ,首先我们给它建一个组 ,把这个产品命名一下 ,好,我们先摆放到这里 ,然后给画面呢 ,把我们的主标题适当放大一些 ,好,我们适当放大一些 ,然后适当上移,双十一呢 ,我们可以适当的缩小 ,同样,字体我们保持一个居中的一个状态 ,好,保持一个居中的状态 ,好,那我们现在就不管字体了 ,就不管字体了 ,我们先给画面的一个场景,去给它调整一下 ,调整一下它的场景 ,其实我们现在看呢,画面场景 ,它其实挺炫酷的,对不对 ,它有那种时尚的感觉 ,它就像一个地下室一样,就有那种朋克风 ,然后工业风这种感觉 ,但是我们需要让这个画面呢,更加有效果一些 ,更加时尚一些 ,所以呢,我们现在给画面添加一些灯管 ,灯管元素 ,好,我们给给画面添加一些灯管元素 ,

好,我们画一个圆角矩形 ,圆角矩形 ,双击这个图层 ,我们给它添加一个什么呢 ,添加一个立体效果 ,那么这个立体效果的颜色呢 ,我们可以选择红色 ,选择红色之后,我们适当的软化一下 ,好,适当的软化一下 ,然后呢,我们给它外发光 ,外发光的颜色,当然还是使用我们的红色 ,使用我们的红色,扩展一下 ,然后大小适当放大 ,好,那么然后呢 ,然后我们给画面添加一个投影,添加一个投影 ,那么这个投影呢 ,我们就可以 ,让它稍微偏重一点,那么颜色 ,我们就选择画面中的一个深色,一个深红色 ,好,那么角度们选择90度 ,好,那么这就是我们的一个效果 ,当然我们还可以去调整一下 ,调整一下它的一个外发光的大小 ,然后投影的一个距离 ,投影的距离 ,和投影的一个大小 ,好,那么现在呢 ,这就是我们做出来的灯管 ,那么这个灯管,我们可以适当的去调整一下 ,比如,我们复制一下 ,复制一下 ,把它按照一定的一个距离,去给它排列 ,我们首先建一个组 ,命名为灯管 ,好,命名为灯管 ,我们把这些给它复制一下 ,

好,我们给它复制 ,下移,好,移动到合适的位置 ,然后整体再给它复制一下 ,再下移 ,好,然后再复制一下 ,再下移 ,好,那么现在呢 ,就是这个灯管的一个我们做成的一个序列,一个排列 ,那么现在需要怎么做呢 ,我们看到,这个场景它是一个纵深的一个空间 ,纵深的空间,就是两边向中间这样的一个纵深 ,我们需要去改变这个灯管的一个透视 ,然后让它和这个场景,融合的更好一些 ,好,我们Ctrl+T ,Ctrl+T,好,我们给它适当往下移 ,然后下面的我们适当上移 ,那么移的标准是什么呢 ,我们可以看到,它有这些已经存在的一个灯管对不对 ,我们可以让我们现在这个灯管,和存在这个灯管,让它保持一致 ,保持透视的一致 ,好,我们让它保持透视的一致 ,当然我们也没有必要非得和这个它对齐 ,没有必要就是严格的对齐 ,好,我们只需要按照它这样的一个透视去调整就可以了 ,

然后整体适当缩小 ,好,也缩短一点 ,好,那么这就是我们现在所得到的这个灯管 ,所得到的灯管 ,好,我们再去调整一下 ,可以调整一下 ,让它更加精确 ,那么最下面呢 ,我们最下面这一个,重新再复制一个 ,重新再复制这个之后呢 ,我们发现,不是特别的合理 ,我们就把它去掉,好,把它去掉了之后 ,我们复制这个组 ,我们复制这个组,把这个灯管呢 ,向远处移动,远处移动之后呢 ,我们适当的缩小,适当的缩小 ,好 ,但是后面的 ,后面的距离呢,要和我们第一个开头这个,保持统一 ,保持对接一致 ,这样看起来会更加自然一些 ,好,你可以适当的去把它调小一点 ,调小一点,好 ,然后呢,我们可以再复制一个 ,同样道理,适当缩小 ,去让它有这样一个纵深的一个空间感 ,纵深的空间感 ,所以我们会看到,这个灯管效果是会特别好 ,也能够增加画面的一个空间感 ,好了,那么最后呢 ,我们在这里 ,这个地方,我们整体再给它调整一下 ,整体调整一下 ,整体适当缩小,好 ,然后 ,

这个最前面这个灯管 ,我们Ctrl+J,复制一个 ,好,复制一个 ,我们看到,这样移动 ,然后Ctrl+T,我们水平翻转 ,翻转之后呢 ,和外面这一个做一个对接 ,那么这样就形成了这样,它延展延展 ,然后拐弯的感觉 ,转折的感觉,就让画面的空间感更强 ,而且它的一个视觉效果会更加合理 ,更加合理 ,好,那么我们把这些所有的灯管,我们给它转换为智能对象吧 ,好,转换为智能对象 ,然后复制一个 ,当然如果你需要以后去调整的话 ,你就保留原来的图层也可以,因为这里我就不 ,后面就不做过多的调整了 ,我就直接把它做成一个智能对象 ,好,那么现在呢 ,两边的一个效果就做出来了 ,其实这个效果,它有什么样的作用呢 ,很多同学可能会问,你为什么要做这个效果 ,其实它的作用就是,能够去体现出客户要求的一种时尚感 ,一种档次感 ,然后产品本身呢 ,它也比较时尚 ,定位年轻的,潮流的女性 ,所以,因为现在呢 ,有一些比较潮 ,比较酷,或者是比较时尚的霓虹灯 ,或者是比较流行的风格呢 ,可能和这个霓虹灯效果相关 ,所以我们既能够去让这个霓虹灯去增加画面空间感和视觉效果 ,又能够让这个画面呢,更吸引人,更加贴合产品的定位 ,然后客户的要求,那么这就是我们添加这个灯管 ,它的一个主要的一个目的和原因 ,然后呢,我们的一个背景效果已经处理好了 ,我们暂且先不去管它 ,然后呢,我们去给它设计画面当中的文案 ,因为文案主题呢,其实现在来说呢 ,

在画面当中 ,它展示的一个效果不是很突出 ,因为背景稍微有一些复杂 ,那么会让这个文案信息呢 ,辨识度不高 ,而且档次感不高 ,所以我们就需要去调整一下,这个主标题的一个字体效果 ,我们想把这个字体 ,主标题字体的效果,设计成一个立体的效果 ,那么怎么样去处理呢 ,我们现在先把这个字体,稍微调整一下 ,那么我使用的是一款免费的字体 ,叫郑庆科黄油体 ,大家可以记一下 ,那么如果想要的同学呢 ,我也会把这个字体发给你们 ,其实在网上也可以下的到 ,也可以下的到,我们把这个预售立减,适当的再放大一些 ,好 ,双十一也适当放大 ,我们把这双十一摆放到预售立减的后面 ,让它有一个重叠的效果 ,好,那么现在呢 ,我们给这个文案建一个组,命名为文案 ,好,命名为文案之后 ,我们就先处理预售立减 ,首先我们复制一个,Ctrl+J,复制一个 ,好,然后呢 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐PS-双十一预售案例实操视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。PS-双十一预售案例实操教程讲师:星山,使用软件:PS(CC2017),难度等级:中级拔高,视频时长:51分25秒 查看全部
入门教程:
PS (CC2017)教程Illustrator教程After Effects教程CorelDRAW 教程SAI教程Sketch教程Indesign教程Lightroom教程Dreamweaver教程AutoCAD(室内)教程Maya(玛雅)教程SketchUp教程C4D教程Premiere教程3DS MAX教程Axure教程ZBrush教程DaVinci(达芬奇)教程Animate(Flash)教程Lumion教程Keyshot教程Excel教程虚幻4引擎教程AutoCAD(机械)教程Word教程Principle教程SolidWorks教程Audition教程C#游戏开发基础教程Hype 3教程Unity3D引擎教程Rhino(犀牛)教程Substance Painter教程Mockplus教程Nuke教程Pro/Engineer教程Vegas Pro 14教程墨刀教程Final Cut ProX教程Unigraphics NX教程Xmind 8教程EDIUS Pro 9教程PAINTER教程酷家乐室内设计教程蓝湖教程xiaopiu教程Keynote教程Houdini教程MUSE教程PPT教程PS (CC2018)教程Adobe XD教程Twinmotion教程Realflow教程图怪兽教程SPSS教程Python教程Acrobat Pro DC教程VBA教程Mastercam教程Numbers教程Pages教程会声会影教程WPS(2019)教程Axure(9.0)教程Visio教程R语言教程JDBC教程Maven教程Servlet教程AJAX教程Rhino(6.0)教程Revit教程Amos教程PHP教程Creo(5.0)教程C4D(R20)教程CSS教程HTML教程Dimesion教程Java教程JavaScript教程Maya(2019)教程Blender教程Oracle教程SQL Server教程OBS Studio教程AE(CC2019)教程PR(CC2019)教程Camtasia studio教程CATIA教程FL Studio教程Cubase教程Redis教程AutoCAD(建筑)教程SQL教程Vue.js教程JQuery教程VideoScribe教程C++教程PowerMill教程Alias教程Scratch教程SketchBook教程Procreate教程Marvelous Designer教程Capture One教程爱剪辑教程MongoDB教程Wireshark教程BodyPaint 3D教程MySQL教程Logic Pro X教程Unfold 3D教程Inventor教程Affinity Photo教程Spine教程

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧
限时新手任务
额外获得 4 次学习教程次数

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
奖励今日继续学的你折扣券已到账
7
折扣券可用于
年费分类SVIP
立 即
使 用
有效期:000000
手机版
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
领福利
微信扫码关注领5G 2019年全新素材包
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:400-862-9191工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习51000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了151,580
并提交了1,756份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
恭喜!签到成功,获得 10 个虎课币
上上签 ·21August.2018
尽管眼下十分艰难,可日后这段经历说不定就会开花结果
— 唐代文学家 韩愈
训练营坚持完成打卡任务 报名费全额返更多>>
直播公开课学员好评率95%以上更多>>
全站51000+课程免费学!昨日已有32724位学员免费领取~点我领取