百木园-与人分享,
就是让自己快乐。

PS教程!Nike品牌网页设计!(含素材下载)

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=541090595&as_wide=1

教程作者:Dope Motions(授权翻译)

优设字幕组:Nini

交作业:#优设每日作业#

关于教程

本期视频将教大家如何用PS制作一个Nike的UI品牌设计。

如果你对PS还不是很熟悉的话,可以从入门知识树开始学习~

教程效果图

PS教程!Nike品牌网页设计!(含素材下载)

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 制作背景

新建文档,给背景图层添加渐变叠加并调整位置

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

新建图层填充白色并添加杂色,混合模式改为正片叠底

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

Step 02 导入鞋子并调整

将鞋子素材拖入文档,调整大小位置,给鞋子添加投影

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

新建图层并剪切,用画笔拍上蓝色和橘色,调整不透明度

PS教程!Nike品牌网页设计!(含素材下载)

Step 03 添加元素

添加文字、logo及其他元素

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

PS教程!Nike品牌网页设计!(含素材下载)

Step 04 添加照片滤镜

添加一个照片滤镜

PS教程!Nike品牌网页设计!(含素材下载)

最终效果图

PS教程!Nike品牌网页设计!(含素材下载)

想加入字幕组的小伙伴可以关注 @优设字幕组 微博,加入字幕组考核 QQ 群:629138349 备注:想加入优设字幕组


来源:https://uiiiuiii.com/photoshop/1212265732.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » PS教程!Nike品牌网页设计!(含素材下载)