美文网首页
UI笔记(二)

UI笔记(二)

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

第六周第四天笔记

美的Banner制作:

1. 通栏尺寸:1920乘以755

2. 打造背景:

    A. 用绿叶图片做高斯模糊

    B. 加上色相饱和度调整层,将图片调成蓝紫色 

    C. 新建空白图层,用画笔涂抹蓝色,紫色,体现图片层次感

    D. 用蓝色夜空图片做高斯模糊,图层混合模式改为叠加,如果感觉太亮可以适当降低透明度

3. 添加背景装饰元素:

    A. 蓝色星球:用椭圆选区抠出

    (注意:调整选区时不要用Ctrl +T, 而是点击鼠标右键,选 “变换选区”,然后进行调整)

    B. 给星球顶部增加紫色:建立色相饱和度调整层,将星球调成紫色,蒙版Ctrl +I变成黑色蒙       版,用白色画笔将星球顶部紫色涂出

    D. 星球底部浅蓝色直接新建图层用画笔涂出来

    E. 添加虚线描边:椭圆工具绘制圆形,激活描边选项

    D. 星空的制作:导入星空图片,混合模式改为颜色减淡,添加蒙版擦除多于轮廓

(补充:按下Ctrl +T后,按住Shift+Alt 键的同时进行缩放,可以将物体以中心点进行缩放)

4. 文字设计处理

A. 打出文字,按下Ctrl +T后,斜切

B. 做描边背景:将文字转化为智能对象,加上图层样式为描边,在“效果-描边”的空白处点击右键,选择 创建图层,可将描边分离为独立图层

C. 做文字厚度:一层浅蓝,一层粉红

D. 给文字厚度加光感:新建图层,混合模式改为叠加,剪切蒙版,用白色画笔工具涂抹提亮

合成Banner的制作

1. 背景拼接:找透视和色彩相近的图片进行拼接,用图层蒙版擦除不需要的部分。可以建立色彩平衡图层进行颜色微调。

2. 床的阴影的处理:将床抠出放入新建图层,同时将床的原图片(带阴影)也放入另一图层,调整大小和位置使两者重合。将床的原图混合模式改为正片叠底。

3. 在床的周围加草:复制草地图片,将该图层放在床的图层之上并添加黑色蒙版,用白色画笔工具,选择草形状的笔尖,将床周围的草涂抹出来

4. 给床加环境光:建立色彩平衡图层,给床添加暖黄色调;  给床头上部加金色漏光:新建图层,用画笔涂抹上色,图层样式改为叠加

相关文章

  • UI笔记(二)

    第六周第四天笔记 美的Banner制作: 1. 通栏尺寸:1920乘以755 2. 打造背景: A. 用绿叶图...

  • UI设计笔记(二)

    第二章 UI设计攻略 第一节 面试那些事 面试流程: 提出招聘需求→收集简历→HR筛选简历→业务部门筛选简历→面试...

  • flutter UI笔记(二)

    row 和 column新建项目,执行以下命令: 在项目lib同级目录下新建images文件夹,放入三张图,目录结...

  • 产品与UI设计

    一、笔记时间   2021年6月7日 二、详情   作为一个IT人员,我们几乎每天都能听到UI设计和UI设计师这两...

  • UI设计课程笔记(二)

    界面设计: 1.素材 素材收集和整理 制作素材,切图技巧 2.颜色 颜色属性 颜色模式 配色 3.字体 常用中英文...

  • 《Android开发进阶:从小工到专家》-第二章:创造出丰富多彩

    《Android开发进阶:从小工到专家》——个人读书笔记 [TOC] 第二章:创造出丰富多彩的 UI——View ...

  • 笔记54 | 管理系统UI(二)

    全屏沉浸式应用 这节课将教您 选择一种沉浸方式 使用非粘性沉浸模式 使用粘性沉浸模式 Adnroid 4.4(AP...

  • swift自学笔记(二)UI控件

    在写控件之前先来说一下swift中声明变量时!和?的区别;并且swift都属性基本上都是以点的方式来表达: 这...

  • Semantic UI 使用笔记二

    menu用法 menu有三个按钮时的写法 控制按钮大小可以提前在ui menu 里面写好 像这里的按钮不需要加入i...

  • UI--Mark No.01

    UI--Mark,Mark [mɑ:k] n,笔记,希望大家喜欢~

网友评论

      本文标题:UI笔记(二)

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