电商设计师入门 - 第四章:实操练习
分享给朋友:

按住画面移动小窗

下载
PS-淘宝女装首页设计(下)
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
PS-淘宝女装首页设计(下)_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~

3.7万

已学

38小时

时长

44

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
图文教程学员评价 (149条评论)视频字幕

1、[打开]PS软件,[打开]案例文档。具体显示如图示。

2、使用[文字工具],选择合适的字体,输入标题信息,调整文字大小排列至合适的位置。根据设计思路,珍[矩形工具]绘制高200的矩形作参考,[拖出]标题高度参考线,调整标题位置。具体效果如图示。

3、使用[矩形工具]绘制330*520大小矩形,[拖入]素材图片,按Alt键单击矩形[创建剪切图层],调整图片大小和位置。具体效果如图示。

4、使用[文字工具]输入文字信息,调整文字大小和颜色,排列至合适的位置。[选择]关联图层,按[Ctrl+G]编组,按Alt键[拖动复制]多个,调整位置细节,修改图片内容和文字信息。具体效果如图示。

5、使用[矩形工具]绘制合适大小的矩形,根据设计思路[填充]合适的颜色,排列至对应文字下方合适的位置,调整文字颜色以及位置细节。具体效果如图示。

查看更多
您需要学习后才可以评价, 立即学习
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

接着开始做我们的下一个模块 ,也就是我们的衣服的分类 ,这个标题呢我们还是用英文给它显示哈 ,同样的间距呢还是给它量一个200的间距 ,在这个200间距之内呢垂直居中 ,这个标题大小呢是18像素加粗的哈 ,字间距这里呢我是给了一百 ,接着画一个330×520的矩形 ,然后呢把图片剪切进来 ,这里呢我们分别给它按 ,男装女装情侣然后还有我们上新的 ,嗯这样的这四个类给它分开 ,接着呢把模特图剪切进来 ,最好是它这个模特头部呢不要给 ,它减掉一半啊这个 ,比例大家看着去调一下 ,

接着输入文案女装专区 ,文字大小呢是24像素 ,然后距离上面呢我是给了 ,呃60像素左右的这样的一个间距哈 ,要和上面这个矩形呢是水平居中的 ,这里的字间距呢我是给了一百的 ,ctrl加J这儿呢再给它复制一 ,一层啊复制一个文案这儿呢给它一个 ,嗯查看更多的这样的一个英文的提示 ,字体大小12像素 ,颜色九吧九吧九吧 ,然后呢距离上边的这个文字呢是 ,80像素左右 ,一定要互相的水平居中 ,接下来呢把剩下的这几组呢分别复制出来 ,然后呢修改文案和模特图就可以了 ,那这里呢我也想跟大家强调一下 ,因为这四块它是放在一起的 ,放在这一个区域里边的 ,所以呢要注意一下这个模特的比例 ,你不不能说女装专区的这个模特啊它是放在 ,放到上半身一直到 ,一直到大腿的这个部位哈 ,如果说你第二张切的这个男生 ,的图突然就剩只是身上上半身 ,它这个比整个比例呢就会比较大了 ,这样整体看起来画呢这个模特图 ,

切的就不是啊特别的统一 ,看起来就会有一些乱 ,这些小细节呢大家一定要注意一下 ,最后呢这儿我们可以给它做一个 ,嗯鼠标经过 ,在网页上我觉得大家应该都知道吧 ,鼠标经过呢它这一块就会变红 ,鼠标离开呢它就会又会变成白色 ,这里呢我们可以给运营啊就是后 ,后期它上传这个图片的人给它一个提示 ,就说鼠标经过然后这个会有一个红 ,红色模块的显示然后里边的字体呢 ,变成白色可以做一个这样的效果 ,

接下来呢我们就可以放一些啊衣服 ,单独放一些衣服比较你们家卖的好的呀 ,或者说比较好看的一些衣服给它放在下面 ,但是呢你还是不能去没有逻辑的去排列 ,比如说我们可以放一些衬衫的呀 ,放一些短袖的呀这样分类的给它放开 ,然后呢选择选区工具量一个一百 ,像素的这样一个间距这样我们不给它200了 ,因为它上面这个文字啊它互相 ,之间的间距就已经是很大了 ,如果是在量200像素的这样的 ,间距的画呢上面看起来会比较空 ,所以呢这只量了一百的间距 ,把模特图剪切进来 ,接着呢再复制一个矩形然后距右对齐 ,然后呢在左边这个矩形啊选入 ,这个图层拖拽一条参考线 ,这个参考线它就会自动吸附在垂直 ,居中的这一个地方 ,然后呢ctrl加T把右边的这个矩形呢 ,

我们给它啊拉到一半的这个位置 ,这里呢给它也是做一个人物背景的 ,这样的一个衬托 ,那像这个时候呢作为背景衬托 ,啊它就没必要去非得去展示 ,这个衣服了我们可以展示一下模特这个比较 ,甜美啊比较阳光的这个笑容 ,然后上面加一层背景 ,这里我们给它加白色的背景哈 ,不透明度呢调整到百分之92 ,就是有一种朦胧感可以稍微的 ,看清楚模特的这个脸部就可以了 ,接下来呢把文案输入进去 ,时髦T恤专区 ,这个文字大小呢我给的是20像素 ,然后ctrl加J再复制一层把英文输入进来 ,这个文字大小呢我给它60像素 ,然后加粗一下 ,字间距呢稍微的给它减小一些 ,这里呢我给它给到它20 ,然后呢倾斜一下 ,因为咱正好左边的这个模特啊它 ,是向右边倾斜的向右边倾斜的话呢 ,

这个字体也也可以 ,这个英文字体给它向右倾斜一下 ,正好相呼应啊看起来也是比较和谐自然的 ,同样的文字呢还是左对齐 ,下边呢还是可以来一些小的 ,啊小英文装饰 ,边做那边把这个组整理一下哈 ,同样的下面呢可以再给它加入 ,一个查看更多的这样的一个小按钮 ,下边的这个矩形呢我们还是给它 ,做一个衬托的这样的一个背景 ,那这个图片呢我是前期它做过处理的 ,给它啊去色了去色 ,然后呢啊加了曲线稍微的提亮了一下 ,不过这个素材呢我都会打包发给大家的哈 ,

登录后查看更多
初级平面设计师
共 98 节课
产品精修师
共 76 节课
创意字体设计师
共 22 节课
包装设计师入门到精通
共 75 节课
IP形象设计学习
共 89 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

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

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

赞助一下吧

确定学习吗?

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

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

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

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

升级VIP吧!

您已经学习 5 个教程啦!

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

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


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


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


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


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


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


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


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


学习后才能评价哦!

获得30虎课币

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

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

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

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

联系在线客服

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

工作日:9:30~18:30

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