一些知识
- 图层样式的复制:图层比较少时,可以按住
Alt键拖拽fx
效果按钮;图层比较多时,直接右键复制图层样式,选中目标图层右键粘贴。 - 高级自由变换:除了变形,基本都可以由快捷键搞定。Ctrl键是单独移动边点或角点,shift键是水平或垂直,Alt键是对称移动(对应右键透视)。
- 打造质感的时候,必须要有
高光、亮面、明暗交界线、暗面、反光
五大调,以及投影
。
素描三大面五大调:黑白灰三面,高光、亮面、明暗交界线、暗面、反光五大调。此外,人眼默认光从左上角过来,或者说从上往下
举例:哪怕是在一个大面上一个小的凹面,边缘处通常既有投影
(正后方,类似黑色外发光),也有内发光
。而一个凸面,边缘处通常既有外发光
,又有内阴影
。高光,可以用图层样式-渐变叠加(径向)并移动中心来实现。
内发光
的效果通常不明显,还会让边缘模糊,所以通常会伴随有投影
。
斜面浮雕
下面两个不透明度分别管理亮面和暗面。如果把其中一个调成零,则对应的亮部或暗部会消失。用斜面浮雕可以生成质感中的亮面。
- 使用画笔工具或蒙版时,一般调整
流量
而不是不透明度。流量顾名思义就是,减少流量,而当反复涂抹时则可以不断加深,在鼠绘的时候比较常用。 - 一般在使用
大面积的纯色
做背景时,通常会添加图案。除非其中内容很多很杂。 - 在
logo设计
中,网格
是非常重要的,因为此时经常要用简单形状做出复杂图形 - 图层样式,外发光是不能拖动的,所以可以用投影(投白光)来代替,而且投影也是可以拖动的。(同样,内阴影是可以移动的,内发光是不可以移动的。此外,渐变叠加也是可移动的)
平面设计(包含狭义的平面设计如印刷VI,也包括UI、网页)
- 设计三大构成:平面构成。立体构成、色彩构成
平面构成就是形态间的组合关系,主要是点线面
,依照形式法则创造新的组合秩序。 - 平构设计的
形态
:- 具象形态(现实中存在的)
- 抽象形态(一般是几何图形、数字字母之类)
- 设计形态----1多元性 2现实形态与抽象形态的集合 3设计理念 4
形式法则
-
形式法则
:形态的知觉与心理- 圆形---活泼 跳跃的
- 方-----庄重 稳定
- 角-----冲突 速度 效率
- 曲线-----柔美 流畅 动感
- 自然形---亲切 生命力 自然 野性
- 几种简单配色方案
- 单色 --- 没有色相变化,通过明暗对比产生颜色搭配。(有一点点变化也OK)
- 邻近色 --- 基色两边临近的颜色配搭
- 补色 --- 色相环180°(通常明度不同,即不在同一圈内),通常表示活力、兴奋,对比最为强烈。为了使图像和谐一些,通常会使用中间色渐变,或者无色系即灰色来过渡
- 分裂补色 --- 基色对面颜色的邻近色
以上两种颜色占图像比率规定是,补色不超过20%,分裂补色合起来不超过30%。
配色忌讳
- 控制颜色数量 --- 一般3种以内(电商网站不适用,一般很多颜色)
- 文字与背景反差要大,背景色单一、淡雅
- 页面风格一致
- 网页设计中的常见版式
骨骼型
(网格型) --- 常见的有竖向通栏、二栏到四栏,以及横向的通栏、二栏到四栏等,一般以竖向为多(注意是整体模块看做一栏,不能一个图看作一栏)。规范理性,最便于浏览,分栏方式结合显得活泼有弹性
满版型
--- 以图片充满整版。最利于形象展示,常用于地产、旅游、游戏、动漫
分割型
--- 将页面分为上下或左右两部分,分别安排图片和文案为主的内容,图文对比。画面清爽、最利于分类
中轴型
--- 沿中轴将图片或文字做水平或垂直方向的排列。水平排列的页面给人以稳定、平静、含蓄的感觉,垂直排列的页面给人以舒畅的感觉(通常以一个图片元素作为过渡,连接被分割的部分)
曲线型
--- 导航以曲线进行编排,让主页产生韵律与节奏。常用于女性化、音乐类
倾斜型
--- 页面主题形象或多幅图片、文字作倾斜编排,形成运动感、空间感
对称型
--- 接近满版型,一屏设计居多,画面稳定(绝对对称、相对对称)
焦点型
--- 最容易吸引视觉中心到导航
三角型
--- 正三角-稳定 速度感 倒三角、斜三角-不稳定 运动 竞速
自由型
--- 相对自由。一般会遵循骨骼或者线索
工具
-
形状工具
:形状出来的是路径,伪矢量,放大缩小不失真。因此形状比选区更常用,尤其是在UI设计的外边框。形状工具选择路径
模式,画好后只出现路径,此时可通过路径选择工具进行调整自由变换,然后Ctrl+enter转换为选区。 -
钢笔工具
:绘制路径,尖锐部分不用控制杆,平滑部分才要用。按住Ctrl键切换直接选择工具调整锚点和控制杆,按住Alt键删除控制杆或移动一个单独控制杆端点(删除后再按住alt键也可生成控制杆)。一个闭合路径想要添加锚点,可以右键,也可以按下Ctrl选中该路径,再点击直接添加。
当想要编辑一个路径的时候,需要按住Ctrl键转换成直接选择工具,(这时不能直接操作因为通常是默认选择了整个路径)然后在画个框选中要修改的锚点。
一些工作流和案例
- 钢笔画出所需左半边的大致轮廓,Ctrl+回车直接转化为选区(不闭合的路径最后用直线闭合),填充颜色,Ctrl+T自由变换,Ctrl+J复制一份,自由变换翻转移动拼接 ,Ctrl+E合并图层
-
画虚线
:画一个黑色矩形定义画笔,在新图层上F5打开画笔预设,调大间距,形状动态-角度抖动
的控制改为“方向”,抖动比率0%。如果想要在路径上画虚线,比如钢笔画好,然后右键-描边路径,选择画笔并取消勾选模拟压力 - 绘制高光(阳光透过窗户撒在地面上):在背景上填充蓝色,新建椭圆选区,新建图层填充白色,执行滤镜高斯模糊,然后图层混合模式选择
颜色减淡
(作用为提亮后方颜色,故后方颜色不可过亮),最后再Ctrl+U调整明度相当于调整透明度。 - 基于给定图片的
单色配色
:对给定图执行滤镜-像素化-马赛克
,把颜色提取出来。可以画一个正方形选框,分别从马赛克图中吸取主要颜色并填充,得到三到四个正方形。再从中选取一色作为基色。 - 在一个形状中,设置好图层混合模式之后,还能添加图层蒙版,(用钢笔画出需要的路径(布尔运算)后转化为选区,羽化再填充黑色或白色)或者用画笔涂抹,能让原形状的过渡更加自然。
- 继续添加样式时:Ctrl+J复制形状,Alt+LYA去掉所有样式,填充改为0%,然后再进行其他操作,修改路径添加其他样式等。
-
金属盘
:
- 新建图层添加黄色,执行滤镜-杂色-添加杂色,勾选单色、高斯分布,然后选择滤镜-模糊-径向模糊,选择“旋转”、数值选到最大,产生旋转纹理。Ctrl+F再旋转一遍。然后在图层中取个圆盘,其余删除。此时条纹太过清晰,此时可以利用图像调整面板中的命令,降低对比度(条纹变模糊,但颜色变暗),然后增加饱和度(颜色还原,也可适度修改颜色)。
- 新建图层,前背景色复位,执行滤镜-渲染-云彩,找到比较平均点的放在画布中,执行-滤镜-模糊-径向模糊,选择缩放、数值依旧最大,产生发射视感。Ctrl+F再重复几遍。修改图层混合选项为“叠加”,将圆盘做旧。依旧删除不需要的部分。
- Ctrl+J复制,Alt+LYA去掉所有样式,填充改为0%。添加样式渐变叠加,选择角度渐变。渐变编辑器中下部选择白色到白色,上部(透明度)有白黑白白黑白,产生基于中心点角对角的光晕。混合模式改为“颜色减淡”(添加了色相),降低不透明度。继续添加光晕,Ctrl+J再复制,Alt+LYN编辑样式,修改角度,混合模式改为“正常”出现白色高光,进入渐变编辑器继续调节上部条范围。
- 找一张金属划痕的素材,放到图层顶部,选择“颜色减淡”混合模式,降低不透明度。至此,铜盘就搞定了。选中这些图层,Ctrl+G编组,拖拽到底下复制一份备份。原组取消可见,将复制的组Ctrl+E合并成一个图层。
查漏补缺
-
文字工具
:Alt键+左右箭头调整字间距,上下箭头调整行间距。 -
选框工具
:相加、减去、交叉的模式也可与调用图层选区(Ctrl+缩略图)相结合,因为前者与Ctrl键无关。