【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图

时间:2021-09-13 12:53:25

前言:前端离不开与设计的沟通,有时候还需要自己上手改动甚至设计网页,所以这里简单梳理一下近期学习的“网站美工”相关知识及练习。(工作用不上的时候,自己玩儿着也蛮有意思的,哈哈(*゚∀゚*)~)


一、PS软件工具

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图

基础练习:

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图 【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图
复制/填充/蒙板 画笔/均匀复制

二、抠图蒙板图层

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图

基础练习:

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图
原图
【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图
临摹

三、修图调色

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图

基础练习:

【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图
原图
【前端GUI】—— 网站美工必须掌握的PS知识点&思维导图
临摹

 关键总结:

  • 流行趋势:合成画面 - 有代入感
  • 素材复制避免重复:ctrl+T 后 右键 水平翻转
  • 素材涂抹减弱:魔术橡皮擦
  • 整个画面的调色 - 注意光源点
  • 向光源点的亮:减淡、橡皮擦擦掉——变白
  • 背光源点的暗:加深
  • 模特脚的影子:黑色 椭圆形的羽化 shift+F6
  • 光线背后的亮:白色 椭圆形的羽化 减淡涂抹
  • 阴影 模糊处理:滤镜 模糊 高斯模糊
  • 散落花瓣 模糊处理:动感模糊

注:转载请注明出处