1.我随意的建了一个图层
2.背景填充一个颜色,先建一个空白图层,选择矩形选框工具,按住shift画出正方形,然后在填充另一个颜色,这两个颜色我选择的是一组明度较低的间色,显得比较柔和而不那么刺眼,一般扁平在配色上很少直接用三原色
3.打字,字的颜色选的白色,作为图标的话也比较显眼点,字体较胖,为后面做长投影不显得太单薄,图我都截好了,字还没配,如果有哪里字打错了,你TM来打我啊,哈哈!开个玩笑
4.接着上面的那个图,全选了图层,怎么全选,用鼠标点击最上面的那个PH图层,然后按住shift,点击最下面的那个图层,这样就全选了,于是到这部选择移动工具,按照1、2、3箭头将图标居中
5.准备做长投影,在背景图层上先建一个图层填充黑色
6.ctrl+t,在角度那填的45度,为了美观长投影的投线角度一般为45或135度,斜右斜左
7.还是接着ctrl+t那部,按住alt右上到左下居中缩小到与中间正方形的对角线宽度,然后向右下拖到如图位置,按照自己的方法能达到效果也行,
8.把刚才做的长投影填充度为0,双击图层,添加图层样式-渐变叠加,不透明度在10%-20%都差不多,很多人在填充度和不透明度上纠结,你记着改该图层填充度不影响图层样式,改不透明度,图层样式也会跟着改变
9.由于PS的辅助线不能旋转,为了准确点我只有先建的图层做了两条辅助线,辅助线先垂直画然后选择45度调整位置就行了,线夹在字两者距离最宽的地方。不画也行,你下面能通过自己的眼力画精确就好
10.开始第一种方法做图标上面的长投影,复制文字图层,移到如图位置,右下的文字也要对其两边的辅助线
11.在图标上方先建一个空白图层。
12.用多边形套索工具,上面两个角点和下面角点相连形成四边形然后填充,依次这样完成投影,只需连接文字上部分的那些角点就行了
13,ctrl+alt+g创建剪贴蒙版,填充度改为0,按住alt,然后按着鼠标左键把下面的图层样式往图层3拖,这样就复制了一个相同图层样式
14.把其他不要的图层删掉或掩藏都行,完成,然后保存
下面说另一种方法
15.在图标方块上先建一个空白图层,选择钢笔工具,记住箭头3处是形状不是路径,用钢笔工具勾出大体形状,这里不是胡乱钩的,记住每个角度都是锚点,在用钢笔钩的时候遇到角点就点击一下鼠标左键,比如P有3个 锚点了,H有上方有四个锚点。
16.看到上面的锚点吗,你用钢笔钩的时候按住shift让线垂直或平行
17.选择直接选择工具,对相应的描点向下拖,使得投影看起来是45度角。
18.接下来的步骤跟上面方法一的一样,然后保存,我讲的很细很细,应该不熟悉工具的都会了做
相关推荐
PPT扁平化设计手册.pptx
精品-扁平化设计手册.ppt
有关扁平化设计的制作,很重要的一点就是色彩的使用。 扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。 扁平化设计看上去...
Awesome Kit分享(PSD手机APP扁平化设计源文件)
ios风格扁平化设计商务实用报告
APP界面设计中扁平化设计的运用——以《武汉军运会》APP设计.pdf
扁平化设计素材 扁平化随着社会的发展越来越得到重视,而且ios7也采用这种形式。
零基础html5+div+css+js网页开发教程第082期_扁平化设计_博客网站_第十九节
扁平化设计的配色方案 扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。下面是带来的扁平 化设计的配色方案,欢迎阅读! 扁平化设计并不局限于某种色彩基调,它可以使用任何色彩。但是大多数的设计师 都...
这是一份采用扁平化设计的PowerPoint柱状图,第一PPT模板网提供免费下载; 当IOS图标扁平化设计之后,在网页界,重装系统,以及其他各个行业,都在兴起扁平化之路。 在幻灯片行业,也开始出现了不少以扁平化为设计...
扁平化设计ui kit 可以用来学习Android的界面设计
扁平化设计摄影企业模板是一款全屏大气扁平化设计商业摄影CSS企业模板。
按钮扁平化设计代码。。
易语言扁平化设计登录界面源码例程程序结合易语言模块HTMLayout界面类.ec实现登录界面的扁平化设计。点评:易语言扁平化设计登录界面源码是HTMLayout界面类.ec应用例程。
蓝色扁平化设计html5模板是一款采用扁平化设计的蓝色大图html5整站模板。
html5扁平化设计网站模板是一款蓝色扁平整洁好看的html5网站模板下载。
黑色扁平化设计品牌展示CSS3模板_黑色 扁平化 设计 设计 品牌 展示 css3 logo设计 名片 画册设计.zip黑色扁平化设计品牌展示CSS3模板_黑色 扁平化 设计 设计 品牌 展示 css3 logo设计 名片 画册设计.zip
extjs4扁平化设计,extjs4自定义主题,效果还不错,比较适合快捷学习和修改页面使用。