美文网首页
UI笔记(一)

UI笔记(一)

作者: 英伦奇遇记 | 来源:发表于2019-07-07 21:50 被阅读0次

    5. 通道配合曲线磨皮法:

    A. 复制图层,用修复画笔工具,修复大的斑点

    B. 在通道里选择反差最大的通道,复制该通道—— 执行高反差保留(10)

    C. 图像-计算(混合模式:强光)—— 重复操作三次加大反差

    D. 在通道里面载入通道选区 —— 反选选区

    E. 选择合成通道,然后回到图层面板—— 执行曲线调整,提亮画面 —— 配合图层蒙版,把不需要提亮的地方擦掉

    F. 进一步优化:复制两个图层,放最顶端,第一层为质感层,第二层为磨皮层

        磨皮层操作: 执行表面模糊,调整透明度

        质感层:滤镜-其他-高反差保留(值1),混合模式为叠加-调整透明度

    第五周第二天笔记

    影响皮肤修饰的因素:

    1. 光影效果

    三大面:亮面,灰面,暗面

    五大调子:高光,亮部中间调,明暗交界线,反光,投影

    2. 面部骨骼结构:四高三低

    四高:额头,鼻梁,上嘴唇(唇珠),下巴

    三低:眼眶,人中,下唇下方(承浆)

    3. 面部肌肉的影响

    4. 面相:印堂(额部,两眉头中间,连线中点)不能发黑,嘴唇不能发白

    D&B修图技术:通过加深减淡工具,来达到平滑皮肤的效果

    优点:不会影响到细节,不会改变毛孔和皮肤肌理

    中性灰柔光层(多用于精修):

    A. 在原图层之上,新建空白图层,填充50%灰度(H 0,S 0,B 50),混合模式为柔光

    B. 利用加深或减淡工具(曝光度调到10%以下),进行压暗或提亮

    C. 擦除方法:画笔工具,前景色设置为50%灰度,进行涂抹

    建立明度观察组:将需要修饰的图片变成黑白效果,便于观察图片的明暗效果

    A. 新建空白图层,填充黑色,图层混合模式改为 “颜色”

    B. 在新建图层之上新建曲线调整层,图层混合模式改为 “叠加”,将曲线层调暗,观察黑白对比

    人物面部高光压暗方法:

    A.  按下 Ctrl+Alt+2,将高光区域做出选区

    B. 新建曲线调整层,将曲线层调暗

    C. 在曲线层上按 Ctrl+G 建组,给该组添加蒙版

    D. 用画笔工具在蒙版上将不需要压暗的部分涂抹出来

    PS黑色图层蒙版和白色图层蒙版的区别:

    白色蒙版将蒙版所在图层完全显示,和没添加一样,用黑色画笔工具在蒙版上涂抹,可遮盖图层内容;

    黑色蒙版将蒙版所在图层完全遮住不显示,用白色画笔工具在蒙版上涂抹,可显示图层内容;

    女包去水印:

    1. Ctrl+J 复制图层

    2. 找出与水印所处背景相似的周围图案,进行覆盖

    3. 建立曲线调整层,剪切蒙版,调整图案颜色使其和周围融合

    化妆品塑料瓶子修图:

    1. 若物体有略微倾斜,可用标尺工具拉直

    2. 拆分区块:瓶身,瓶盖,金属环

        方法:做出选区,Ctrl+Shift+J 剪切图层

    3. 修瓶身:用钢笔工具绘制高光(在瓶身的左,右,上 三个方向)—— 剪切蒙版,每个光源复制一层 —— 对第二层光源做动感模糊(左右的光源:0度水平方向;上部的光源:90度垂直方向),对第一层光源做高斯模糊,适当调节光源的透明度

    4. 强化文字效果:用锐化工具进行涂抹

    5. 补充:PS锁定透明像素功能:点击锁定透明像素后,对图层进行的操作只对图中的物体有效果,对透明区域无效

    6. 修金属瓶盖:锁定透明像素,用加深减淡工具涂抹出明暗关系

    7. PS盖印图层作用:将所有选中的图层的效果合并到一个新的图层上(类似合并图层),同时又能保留原来的图层。选中所需图层,按下快捷键:Ctrl+Alt+E

    瓶子倒影做法:盖印瓶子图层 —— Ctrl+T 竖直翻转,下移,变形调整使瓶盖外轮廓与原瓶盖对齐 —— 将盖印图层移到其他图层之下 —— 添加图层蒙版,利用渐变工具和钢笔工具,使倒影从上往下逐渐虚化消失

    瓶子投影做法:在瓶底做一个黑色椭圆 ——  高斯模糊,再微调位置

    雅诗兰黛玻璃瓶子修图:

    1. 复制图层,若瓶子有略微倾斜,可用标尺工具拉直

    2. 用钢笔工具将瓶子单独抠出来,再拆分区块:瓶身,瓶盖;  

    方法:做出选区,Ctrl+Shift+J 剪切图层

    3. 用修补工具除去瓶身上的文字

    4. 用选区选出瓶身的各个块面部分,分别做高斯模糊,使瓶身看起来更平滑

    5. 创建两个曲线调整层,一个提亮,一个压暗,配合黑色图层蒙版,将瓶身下部提亮,上部压暗

    6. 补充高光:路径面板画笔工具新建路径,图层面板新建图层描边路径

    7. 从AI文件当中导入logo,在图层样式里勾选“颜色叠加”,将颜色调为白色

    8. 调整瓶身颜色:新建可选颜色调整层,“颜色”处选择蓝色,增加下面“青色”数值

    9. 金属质感瓶盖的修饰:将瓶盖顶和瓶盖主体部分拆开 —— 在瓶盖主体部分画黑色矩形做水平方向动感模糊(左中右共3个)—— 将瓶盖主体部分做出选区,做高斯模糊 —— 用描边路径在底部做一道高光

    玻璃小黄瓶修图

    1. 用钢笔工具抠出瓶子轮廓,再拆分瓶身,瓶内盖,瓶外盖

    2. 在瓶身图层载入选区,前景色吸取瓶身最亮色,背景色吸取瓶身最暗色,再新建一个图层,利用径向渐变工具自上而下填充该图层

    3. 勾勒瓶身深色外轮廓线:在瓶身图层载入选区,再新建一个图层,编辑-描边(调整宽度,颜色,位置选择“内部”),完成后再复制一个描边图层备用

    4. 体现瓶身外轮廓线的层次感:对两个描边图层分别做高斯模糊,下面的图层模糊值大,上面的图层模糊值小

    5. 做瓶身白色内轮廓线:在瓶身图层载入选区,再新建一个图层,选择-修改-收缩选区,编辑-描边(调整宽度,颜色为白色,位置选择“内部”),完成后再复制一个描边图层备用

    6. 体现瓶身内轮廓线的层次感:对两个描边图层分别做高斯模糊,下面的图层模糊值大,上面的图层模糊值小;利用图层蒙版去掉瓶底的白色部分

    7. 加深瓶身厚度感:在瓶身正中间画一个深黄色的矩形,剪切蒙版,用变形工具调整形状(上下小,中间胖),高斯模糊,再复制一层放上面,将下层混合模式改为“叠加”

    8. 加瓶身左右两侧的白光:画出一个白色矩形,根据瓶身调整形状,做高斯模糊,再复制一个放到另一面

    9. 做瓶底厚度:用柔边画笔工具描边路径(取消模拟压力)画出瓶底分割线,加动感模糊(90度),用选区去除分割线的下部,使其变得生硬

    10. 修饰瓶底光线:建立双曲线调整层,加黑色蒙版再用画笔涂抹,把瓶底中间提亮两边压暗

    11. 做瓶颈处高光:画笔工具描边路径,高斯模糊

    12. 加瓶身左右的高光:画一个白色矩形,调整形状,做剪切蒙版,加图层蒙版在上面做多次线性渐变(注:选择从黑色到透明的渐变,不要选择黑白的那种),完成后复制一个相同的图层放对面

    13. 瓶内盖金属光泽:中间画黑色矩形,剪切蒙版,动感模糊(角度0度);两边做出弧形选区,填充黑色,剪切蒙版,动感模糊(角度0度)

    14. 做瓶内盖底部错位的光线:在原图上做出选区,Ctrl+Shift+J 剪切图层,向左移动,微调透视

    15. 画出瓶外盖,加背景颜色,做出投影

    16. 可加曲线调整层调节整体明暗关系

    补充:PS快捷键:Ctrl+Shift+U 去色处理

    产品修图总结:

    1. 分析产品用途,运用环境,拍摄的光源,角度

    2. 形体调整:整体调整,局部调整

    3. 产品结构拆分:根据物理分界来分开

    4. 修瑕疵,使之变得干净,规整

    5. 调整颜色,质感,光源

    6. 整体微调

    第六周第一天

    字族

    1. 有衬线字体:宋体,仿宋,Times罗马体

    2. 无衬线字体:微软雅黑,黑体,Arial, SansSerif

    3. 书写体字族

    4. 古字腕字族

    5. 点阵字体

    字体四要素   

    1. 空间结构统一

    2. 风格统一

    3. 笔画统一

    4. 方向统一

    补:PS再次变换功能:

    1. 选择需要变换的图层(图层1),Ctrl+J 复制一层(图层 1 副本)

    2. 选择“图层 1 副本”,按Ctrl+T , 进行移动,旋转等操作

    3. 再按Ctrl+Shift+Alt+T就可以再次变换

    注:也可以直接选择图层1,按Ctrl+T , 进行移动,旋转等操作,再按Ctrl+Shift+Alt+T

    PS 将所有选中的图层合为一组:按快捷键Ctrl+G,就可以把所有选中的图层都放进新建的组里面

    矩形造字:

    1. 选中字库里的文字作为参考标准,降低透明度

    2. 画好规范框,统一文字大小(物理大小)

    3. 构建笔画,根据字体形状结构进行拼接 (笔画要保持统一)

    注意:A. 针对笔画较多的文字(全包围,半包围结构的文字),可以适当调细内部笔画

    B. 笔画较少的文字,可以适当加粗笔画

    4. 文字局部调整,保持视觉上的大小统一

    5. 变形处理: 配上装饰线,英文修饰;做压缩,拉伸,斜切等变形(形变程度控制在1/5 )

    技法:

    A. 断开法:在十字交接处,视觉拥挤的地方断开 (断开 1-2 处即可)

    B. 边角修饰法:例如在边角处倒圆角

    中文字体生成网站:在线书法大师

    中国风字体排列特点:

    1. 排版比较随意,大小位置不固定

    2. 布局中间紧四周松

    3. 可添加英文或拼音作修饰

    4. 可添加中国风元素作点缀:印章,祥云,水墨山水,梅兰竹菊等

    设计步骤:

    1. 选择基本字形(利用在线书法大师生成)

    2. 对文字大小位置进行排版

    3. 适当添加装饰辅助性元素

    4. 改变字体笔画

    选中需要合并的几个图层,转变成智能对象,双击智能对象图层,点击“确定”,就可以进入一个独立的编辑文档,对之前几个图层进行编辑,编辑完成后点击保存

    做文字立体厚度感:

    法一:

    1. 栅格化文字图层或者转化成智能对象

    2. 复制一个该图层,把原图层放在最上面

    3. 将复制图层再复制一次,下移一个像素,多次重复该操作

    4. 将所有复制的图层合并或者转化成智能对象

    5. 点击右键,“混合选项”,图层样式中勾上“颜色叠加”,选择一个合适的颜色

    法二:

    在原图层的图层样式中勾上“投影”,再进行调节

    给文字立体厚度加光感:

    1. 新建空白图层,用白色画笔工具在图层上沿着文字边缘涂抹,图层混合模式改为叠加

    2. 向下做剪切蒙版(注:如果下面图层带有图层样式,需先将其转化成智能对象)

    英文可爱风字体设计   

    1. 选择字体:华康娃娃体

    2. 做字体底纹: 复制字体图层,添加图层样式中的“描边”,然后转换成智能对象,并对空白部分进行填补

    3. 将文字沿着特定路径排列:载入文字背景的选区 —— 选择路径面板,将选区生成工作路径 —— 点击文字工具,建立文字路径并输入文字内容 —— 可用路径/直接选择工具调整文字起始位置

    字体的组合

    1. 文字大小对比

    2. 粗细对比

    3. 字族对比

    4. 颜色对比

    5. 中英文混排

    6. 点线面的装饰

    7. 综合对比

    淘宝Banner 制作

    Banner 制作目的:吸引用户流量(引流),吸引用户点击

    淘宝最重要的两个“率”:

    1. 点击率:用户对你店铺的第一印象 —— Banner的设计

    2. 转化率:产品,描述页,客服等

    淘宝设计的两大特点:

    1. 时间段:产品以快消品为主,一般一个Banner的设计不超过两小时

    2. 更新快:一般每周都会上新品,活动期间更新速度更快

    (营销:老用户会更在意新品推出的速度而不是折扣活动,新用户更在意价钱折扣)

    设计内容需做到主题明确简炼,突出重点文字:

    1. 标题简明易懂

    2. 文案描述清晰简洁

    3. banner, logo 等里面使用的字体必须是免费商用字体(不可使用微软雅黑等付费字体),或者在付费字体基础上自己改动造字

    4. 文字排版符合用户阅读习惯 :视线从左到右,从上到下

    5. 慎用文字描边,有可能拉低设计档次

    6. 图上放置的产品数量不宜过多

    7. 图片上人物素材尽量以真人为主,还应注意人物视线有引导作用

    8. 设计风格需保持统一,Banner 设计要和推广的主题或产品保持一致

    注意:由于用户浏览淘宝的速度非常快,有时太新奇太另类的设计并不能在极短时间内向用户清晰地表达意图。

    Banner 设计风格

    1. 时尚风,潮流感(多用于服饰等):大标题,杂志式排版

    2. 复古中国风(多和传统节日相关):传统中国元素,复古字体

    3. 清新风格(多适用于年轻女孩):明快的色调,清爽自然

    4. 极简风格(多用于高档产品):大空间,黑白灰为主色调,没有过多修饰

    Banner 设计的几个原则:

    1. 对齐原则

    2. 聚拢原则:将页面分成几个区域,相关内容都聚在同一个区域

    3. 留白原则:适当留出空间,减少压迫感,突出重点

    4. 对比原则:增大不同元素间的视觉差异,突出视觉重点,让顾客能一眼看到主要信息

    5. 配色原则:是否符合主题,是否能够表达情感,是否符合产品自身特点

    淘宝Banner的一般尺寸:宽度1920,高度不超过800

    设计范例:天猫初语旗舰店

    化妆品金属玻璃瓶Banner    

    1. 将产品抠图放入背景之中

    2. 新建图层,用通道抠出背景的水珠,将产品放于水珠中间

    3. 对水珠图层做正片叠底(这样可以去除白色底纹),建立图层蒙版,擦除多余部分

    4. 分别给背景图层和水珠图层建立色相饱和度调整层,将水调成和产品类似的颜色

    4. 文字排版:提炼文案,突出重点字

                          选择符合画面风格的字体

                          Banner字体一般用“锐利”或“平滑”

                          确定排版方式

    5. 文字布局设计原则:

                          传达优先原则(最重要信息应该最醒目)

                          画面的稳定平衡原则(强点,次强点)

                          视觉均衡原则

    化妆瓶Banner设计02

    1. 背景制作

        A. 将农场背景图片拖到图层中

        B. 选择画笔工具,安装笔刷

        C. 新建空白图层,用笔刷涂抹出需要的形状

        D. 把农场图片在笔刷图层做剪切蒙版

        E. 在笔刷图层新建图层蒙版,做黑色透明渐变

    2. 拖入产品图片,按近大远小,近实远虚的规律排列

        产品虚化处理:将产品图片转化成智能对象,添加高斯模糊,会在图片层自动生成智能滤镜       蒙版,用黑色画笔在蒙版内将瓶子中间清晰部分擦出

    3. 打造镜头光晕效果

    新建空白图层 — 填充黑色 — 滤镜,渲染,镜头光晕 — 将图层混合模式改为滤色

    4. 破型设计:打破规整的图案形状,使画面更活泼

    5. 飞舞花瓣装饰元素的添加:新建色相饱和度调整层,勾上“着色”,调整花瓣颜色 — 做动感模糊(注意方向角度)

    第六周第四天笔记

    相关文章

      网友评论

          本文标题:UI笔记(一)

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