美文网首页PS
PS 扁平化设计(第二天)

PS 扁平化设计(第二天)

作者: 萌萌_1014 | 来源:发表于2017-09-26 14:24 被阅读17次

PS 扁平化设计

首选项:Common + K;

显示/隐藏标尺:Common + R;

修改标尺单位:鼠标移至标尺区域内,右击修改;

修改标尺单位:首选项-单位与标尺-修改参数;

锁定参考线:Common + Shift + 分号(;);

建立参考线:新建参考线(视图-新建参考线);

清除参考线:鼠标拖动参考线删除(单条删除);

清除参考线:清除参考线(视图-清除参考线)(全部删除);

修改参考线方向:Alt + 鼠标拖拽移动参考线;

凡事有单位的地方,一般都可以右击修改单位;

合并图层:Common + E(尽量少用,无法撤销);

通过拷贝获得新图层:Common + J;

通过剪切获得新图层:Common + J + Shift;

扩展(选择-修改):值越大越无法保证不变形;

以当前点为中心等比例放大缩小:Shift + Alt + 鼠标绘制;

描边(编辑-描边):居内/外可能引发描边与中心间隔有杂边(放大能看到1-3像素杂边);

放大图像区:Common + 加号(+);

缩小图像区:Common + 减号(-);

显示网格:Common + 引号(‘);

一、标尺的使用

1.标尺:为保证图像等高等宽(视图-标尺);

2.标尺的使用:将鼠标移动到刻度尺上,按住鼠标左键不松手拖拽,移动标尺线;

3.显示/隐藏标尺:Common + R;

4.修改标尺单位:鼠标移至标尺区域内,右击修改;

5.修改标尺单位:首选项-单位与标尺-修改参数;

6.凡事有单位的地方,一般都可以右击修改单位;

二、参考线

1.锁定参考线:Common + Shift + 分号(;);

2.建立参考线:新建参考线(视图-新建参考线);

3.清除参考线:鼠标拖动参考线删除(单条删除);

4.清除参考线:清除参考线(视图-清除参考线)(全部删除);

5.修改参考线方向:Alt + 鼠标拖拽移动参考线;

扩展/收缩:参数过大,会形变;

描边:参数过大,不会形变;

自由变换:Common + T(普通:针对图像,有选区时针对选区内的图像);

自由变换:Common + T + Shift (复制原图后再执行变换)(windows:Ctrl+Alt+Shift+T);

变换选区添加的描边会形变:不形变需使用图层-图层样式-描边,设置图层的填充=0,然后设置颜色;

复制图层:Alt + 移动(需取消编辑状态);

移动并复制图层:Common + Alt + 移动(需取消编辑状态);

图层-图层样式-外发光;

图层-图层样式-描边;

以中心点放大缩小正圆:Shift + Alt + 鼠标绘制;

扁平化

三、绘制扁平化手机APP

1)绘制带光圈的头像:

1.使用网格线:设定区域;

2.区域选定后,使用锁定网格线:避免放大移动图像等操作导致位移;

3.使用矩形工具,绘制个人中心 header 背景;

4.使用椭圆工具,绘制头像,居中对齐(图层-对齐);

5.使用描边(描边居内/外:放大后会看见明显杂色,居中无杂色),绘制头像边框;

6.选中头像,变换选区(选择-变换选区),出现选区框后,按中心点放大正圆(以中心点放大缩小正圆:Shift + Alt + 鼠标绘制),双击选区框取消选区框,然后使用描边操作绘制头像光圈;

2)绘制返回按钮:

1.选择矩形工具,绘制矩形,填充颜色,使用自由转换工具进行裁剪镂空,并翻转45度,再使用矩形工具进行裁剪,得到返回按钮图片;

3)绘制汉堡按钮:

1.使用矩形工具绘制线条,再使用移动并复制图层(移动并复制图层:Common + Alt + 移动【无选区状态】)绘制成汉堡图标,最后进行编组;

太极图标

四、绘制太极

1.使用新建参考线(建立参考线:视图-新建参考线)方式确定位置;

2.使用椭圆工具绘制大圆(整个太极的尺寸)编辑区域(虚线,不填充颜色);

3.点击与选区交叉工具(工作区左上角图标),选择矩形工具绘制大圆的下半部分,使其变为1/2半圆;

4.点击添加到选区工具(工作区左上角图标),选择椭圆工具绘制1/4圆,绘制太极下半圆凸出部分;

5.点击从选区减去工具(工作区左上角图标),选择椭圆工具绘制1/4圆,绘制太极下半圆凹陷部分;

6.填充1/2太极图颜色;

7.复制图层,旋转移动调整到相应位置;

8.将图层锁定透明度,然后修改图层颜色;

9.调整椭圆工具大小,绘制太极的小圆图;

工商图标

显示网格:Common + 引号(‘);

五、绘制工商图标

1.显示网格:Common + 引号(‘);

2.修改画布大小:Common + Alt + C ;

3.步骤:

1》新建画布,设置画布大小单位为 毫米,并适当修改分辨率;

2》新建图层,填充背景色;

3》打开网格(打开网格:Common + 引号),打开首选项(打开首选项:Common + K),修改网格参数(网格间隔:20 毫米,子网格:5);

4》选择矩形选区工具,绘制工商图标中心图形的空白部分(可使用 Shift 复合键,同时选中多个选区),裁剪后,得到工商图标的中心图形;

5》修改画布大小(修改画布:Common + Alt + C);

6》选择椭圆选区工具,绘制中心点等比例圆(中心点等比例缩放:Shift +  Alt + 鼠标移动);

7》新建图层,描边(选择-描边),填充颜色,最后将填充度修改为0,即可;

8》保存;

相关文章

  • PS 扁平化设计(第二天)

    PS 扁平化设计 首选项:Common + K; 显示/隐藏标尺:Common + R; 修改标尺单位:鼠标移至标...

  • PPT打造长阴影丨效果篇

    上一次,我们介绍了PS打造长阴影的几种方法,详细教程参考《PS打造长阴影》。在PPT设计中流行一种风格——扁平化,...

  • 扁平化设计面面观

    扁平化设计# 以下内容由网络搜索整理,正文附部分原文链接。 1.什么是扁平化设计 扁平化设计:在进行设计的过程中,...

  • 分享个人体会到的国内网页设计的趋势--进行时

    ① 响应式的设计 ② 高清大图、视频的使用 ③ 拒绝过度设计 ④ 扁平化的设计--内容、设计扁平化 ⑤ 为大屏幕设...

  • 扁平化中的长阴影设计欣赏一(10P)

    HELLO RuBee #扁平化中的长阴影设计欣赏一(10P)# 推荐阅读: 扁平化中的长阴影设计:《扁平化中的长...

  • Android设计笔记

    material design设计色调 扁平化设计 颜色搭配

  • PS打造长阴影丨技巧篇

    长阴影(Long Shadow)概念来自于非常流行的扁平化设计(Flat Design)。扁平化设计趋势影响最大的...

  • 电话图标该换了吧

    自Apple ios7应用扁平化设计重绘数十个图标,关于拟物设计(Skeuomorph)与扁平化设计的优劣争议就不...

  • app分析之YAHOO News Digest

    1.交互优点 #扁平化设计,简约时尚 整款app完全扁平化,采用流行的大图设计,符合设计的流行趋势,时尚感非常强。...

  • 扁平化的界面设计!

    文/陶薇薇 张小玲从拟物化设计到扁平化设计,手机UI界面设计两种风格并驾齐驱。其中扁平化设计除去了过多的装饰,这可...

网友评论

    本文标题:PS 扁平化设计(第二天)

    本文链接:https://www.haomeiwen.com/subject/fszjextx.html