纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程图片处理

电商笔记本宣传海 Photoshop设计时尚风格的笔记本电脑宣传海报

笔记本宣传海报   2021-07-03 我要评论
Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海报这次的案例是以电子产品为主题的海报创作结合了数码类产品本身特质通过合成融入到特定的场景中带给人强烈的视觉冲击力很好的体现了产品的卖点最终效果:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

设计思路

01、确实产品定位

02、结合文案进行构思

03、根据构思的场景收集素材

04、排版布局

05、光影色彩

06、细节处理

当拿到客户的设计需求时先不要急着动手去做我们要先了解产品的视觉调性及定位再根据客户要求和结合自己分析的结果进行总结归纳等脑海里有一个大概的轮廓之后根据关键字找素材同时也要寻找大量的同行业的参考案列分析其表现形式及手法从中找到设计灵感

找参考

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

用到的素材

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

合成思路解析

01 新建一个尺寸为1920*800的画布然后置入背景图片B1调整大小放到合适的位置上如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

02 给背景图片添加图层蒙版用画笔进行涂抹让图片整体暗下去尤其是顶部要更暗些如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

03 调整画面颜色编个组命名整体调色数码类的产品色调尽量偏冷一些这样更符合产品调性也更能突显产品质感部分初学者会有不知道如何调色的问题出现这里我用的调色方法是PS中常用的几个调色工具

1 色相饱和度调整层:降低饱和度和明度

2 色彩平衡调整层:让画面偏冷色调

3 曲线调整层:画面偏青色调整蓝色通道让画面偏蓝色

如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

04 背景图片两侧的黄条有点过于突出要进行弱化处理用钢笔工具绘制形状进行覆盖色值:#7da8cb运用调色工具进行调整使起跟画面相融合效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

05 置入烟雾素材Y1 Y2给背景图片添加淡淡的烟雾效果图层混合模式改为:滤色并添加图层蒙版进行涂抹烟雾效果的图片花瓣有很多也可以到站酷下载烟雾的笔刷如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

06 下面就开始加产品了那产品摆放到什么位置呢?这就考虑的构图问题了我选用的产品图片是一张正面图如果加上文字的话采用左右构图也是可以的只是画面会显得比较呆板缺乏层次和空间感所以这个案例我采用的是上下布局加上文字的话画面会显得比较沉稳视觉也比较集中置入笔记本图片C1用钢笔工具把笔记本扣出来摆放到画面居中偏下的位置如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

07 现在的笔记本放到画面中跟整体背景不太融合应该会受背景色调的影响偏点蓝色用色彩平衡进行调整;笔记本颜色稍微有点暗不够突出可以用曲线进行提亮处理如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

08 电脑看起来像漂浮在空中没有重量感给电脑添加阴影阴影可以做两层:一层的高斯模糊值更可以小点;另一层值可以大些这样阴影效果会显得更有层次更加真实些如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

09 接下来就开始添加文字了这里的文字使用的是毛笔字关于毛笔字的介绍和制作方法网上会有很多的教程在这里就简略一下基本的效果制作方法字体也是合成的一部分起着承上启下传达思想意图的作用

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

10 毛笔字做好之后置入素材图片S1剪切蒙版到字体图层中,用色彩平衡和曲线调整字体颜色效果参数如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

新建图层用#9e7042画笔局部涂抹压暗处理,如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

新建图层用#fdd8b6画笔局部涂抹进行提亮图层混合模式为:滤色如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

12 给文字图层添加图层样式:斜面浮雕效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

13 给文字添加立体效果复制文字图层填充:#29080f同时按住ALT键和向右箭头复制图层将复制的文字图层合并稍微向下偏移下位置这样文字的立体效果就出来了给文字添加投影图层样式效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

14 加强文字立体效果让文字显得更有质感和层次

新建图层用#54291f画笔进行涂抹;

再新建图层用# 6d3920画笔进行涂抹图层混合模式为:滤色;

再新建图层用#ae5a11画笔进行涂抹图层混合模式为:颜色减淡;

再新建图层用#5d191c画笔进行涂抹;

分别把这些涂抹颜色的图层剪切到立体文字图层上效果参数如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

15 给文字添加光效置入光晕素材G2图层混合模式为:滤色添加图层蒙版涂抹不需要的地方如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

16 接下来再添加其他的文字信息火焰色的文字内容可以添加质感素材图片S2效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

17 做的这一步可以看看整体效果文案倒是很突出但显得笔记本比较轻薄不够突出整体画面稍缺乏视觉冲击力这是一款性能强大的游戏笔记本为了更好的体现产品的卖点和优势也为了跟文案相呼应就产生了游戏里的人物冲出画面这样的设计想法接下来绘制一个跟屏幕大小的矩形把场景图片B2置入进来调整大小剪切蒙版形状图层如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

18 接下来调色让图片偏蓝色效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

19 接下来把游戏人物图片M1置入进来进行编组命名为“人物”调整大小给人物图片添加图层蒙版用选区框选多出画面的部分选择图层蒙版填充黑色如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

20 接下来就是细节处理为了让效果显得更加真实人物手臂抬起身体下方会有阴影产生新建图层用#312e4f画笔进行涂抹可以结合图层蒙版如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

21 人物头部会受字体颜色的影响偏点暖色新建图层用#5d3722画笔进行涂抹可以适当降低不透明度剪切蒙版到人物图层如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

22 让人物看起来更有立体感加强人物明暗对比在人物图层添加外发光图层样式鼠标放到外发光效果上右键选择创建图层让人物图层和外发光效果相分离给外发光图层加图层蒙版擦除多余的部分如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

23 强化人物边缘给人物加光效置入光效素材G2放到手腕位置图层混合模式为:滤色如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

24 给人物添加投影使效果显得更加真实复制人物图层填充黑色进行垂直翻转进行高斯模糊效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

25 既然人物进行了强化那笔记本效果也需要加强为了加强笔记本质感强化电脑边缘在电脑边缘的两侧和顶部添加光效素材G1图层混合模式为:滤色结合图层蒙版进行调整效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

26 继续强化电脑质感新建图层用白色画笔涂抹电脑左下角图层混合模式为:柔光对电脑局部进行提亮

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

继续强化电脑边缘新建图层用白色柔边圆的画笔点击一下Ctrl+T进行拉伸放置电脑边缘如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

电脑整体质感的强化方法如上请看效果图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

27 整体氛围的营造:再次添加烟雾效果使用烟雾笔刷配合图层蒙版和不透明度效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

28 添加飞石效果置入飞石素材F1给飞石图层添加蒙版用黑色画笔进行涂抹如下图:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

29 加强整体氛围添加火苗效果置入火苗素材H1图层混合模式为:滤色给火苗图层添加蒙版用黑色画笔进行涂抹效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

30 最后对背景图片的细节进行强化处理使整个画面更有视觉的延伸感新建图层用钢笔工具绘制形状色值为:#48688a图层混合模式为:滤色适当降低透明度效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

最终效果如下:

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

Photoshop设计时尚风格的笔记本电脑宣传海报电商笔记本宣传海

大功告成!

这个教程稍微有些复杂里面有很多的细节需要处理希望大家能够多花些耐心跟着我的思路去完成这个案列我相信你们绝对会有所收获滴零基础的同学就算按照步骤去做可能会稍显吃力这个教程还是比较适合有一定ps基础的同学去制作


相关文章

猜您喜欢

  • 钢铁侠建模教程 Maya建模教程:手工制作超级英雄钢铁侠模型

    Maya建模教程:手工制作超级英雄钢铁侠模型钢铁侠建模教程 我从Simon的玩具电影预告片和钢铁侠电脑游戏得到一些参考图电脑游戏模型具有相当漂亮的高水平的细节 收集更多资料详细了解角色结构接下来我们来重建钢铁侠如果我能使它看起来几乎接..
  • 学习快速制作工笔画效果的古装美女人像效果图 PS人像后期教程

    PS人像后期教程:学习快速制作工笔画效果的古装美女人像效果图工笔画亦称细笔画属中国画技法类别的一种 工笔画一般先要画好稿本一幅完整的稿本需要反复地修改才能定稿然后复上有胶矾的宣纸或绢先用狼毫小笔勾勒然后随类敷色层层渲染从而..

网友评论

Copyright 2020 www.gamerfx.net 【游戏天空】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式