cocaine:“
总结之前首先呢说一下,文章的排版进行了重新编排,所以看上去会比以前更易读一些
然后新增了版式概括,希望通过这种方式能够学习到临摹页面的排版技巧。
第二个讲一下我目前学习软件的方法:
① “秒秒学”是我学习PS和Axure RP的一个在线交互性教学网站,我也和很多朋友推荐过,里面还有很多的软件,但现在我慢慢放弃了,主要是知识跟不上时代而且里面的练习对象现在也看不上了,但是零基础的还是推荐的
②现在的套路主要就是B站上去搜基础教学视频学习,B站是个不错的地方,不仅仅是个看番剧的地方,视频资源也多到不行,学习的时候来搜搜也是不错的选择
③基础学会了可以在站酷或者Ui中国或者B站等一些地方视觉效果还不错的教程来练习,之所以视觉效果不错是为了让做完后自己有成就感和满足感继续学习
④不满足教程的同时可以去dribble或者behance找大神的作品去临摹,或者用刚学到的技巧自己开发脑洞去创作创作了。”
软件:PS
知识点:图层模式+渐变色
总结:
① 临摹spotify的界面,图片先进行了去色,然后剪贴蒙版一个背景渐变色,使用正片叠底图层模式
② 为了让界面有层次,界面进行了颜色较深的径向渐变
③ 图片去色后再用曲线把对比度调低了一些,会更和谐
版式:
软件:PS
知识点:图层模式+渐变色+排版
总结:
看着好像就是形状图片文字的简单排版,但是真正做起来花了好久
① 图片的选择需要注意,Day 20的Png图片我是在千库网上找的,今天的全图是在wallhaven上找的,两个百度都可以找到,图片的选择不可以太随便,不然会和画面融合不进去,你试了就知道啦~
② 图片先进行了去色,再用色块进行剪贴蒙版,然后加了图层样式,这个是一个一个试出来的,没必要完全跟我一样,另外用曲线调整了一下图片,这个也是自己调到满意为止
③ 每个元素在空间里的大小位置应该是合理的,而且元素与元素之间应该有所联系,元素中间的交集会让画面更有层次。
中间的排版确实蛮锻炼人的,一开始我的图片大了导致元素怎么都联系不起来,最后缩小了图片才可以,这时候要大胆,不要害怕破坏刚开始还不错的排版,因为你有可能会得到更好的排版,你可以试试~
④ 中间的整体大小为了压住画面,大小也要做调整
版式:
软件:C4d
知识点:霓虹灯效果
总结:
① 霓虹灯的发光效果是材质中的发光选项,而不是辉光
② 发光效果需要在渲染设置-效果里勾选全局光照才会出来;
③ 渲染后图片有噪点需要把环境吸收的取样值增高
④ 一般是在AI中构造好图形后,导出为AI 3版本(兼容性好)导入C4d,这样效率会高很多,我这里直接利用的是字体Phosphate,然后进行改造
⑤ 右键优化可以让图形封闭为一个整体
软件:AI+PS+Sketch
知识点:渐变色+形状
总结:
这个其实是一张图,跟着教程学的,因为最近学了Sketch,我把它进行了分割做成了UI。过程就是在AI中进行了形状构造,在PS中进行了调色,然后切割放入Sketch进行了UI的完成
软件:AI
知识点:混合工具
总结:
由于背景是黑色的,字母的混合是由零透明度的黑色字母向满透明度的白色字母进行混合,这样就造成了一种从黑暗中延伸的效果,然后再最上层再放一个加粗的字母。
容易出错的一个是混合的两个字母图层的顺序,第二个是最下面的字母图层是零透明的黑色字母
软件:Sketch
知识点:图层模式-叠加
总结:
① 在PS中一样可以,我图方便就直接在Sketch中做了,就是一个渐变图层,上面一个图片,图片运用叠加的图层样式,很简单的知识点但是很容易出效果,我做了一个过程的GIF放在下面
② Day 20我之所以用的是正片叠底是因为图片进行了去色,而这里用的原图
③ 关键点一个是渐变色要好看一些,另一个是图片清晰度高一些,也要耐看一点。我的图片的在wallhaven上找的,是个不错免费高清图片网站,推荐给你们~
软件:PS+AI
知识点:平均模糊
总结:
① 这个也是跟着教程学的,其实只在PS中就可以,但我觉得AI中的钢笔工具好用一些,就麻烦用了俩软件
② 这个主要是利用了PS中的平均模糊造成了Lowpoly效果
③ 右边比较亮是又加了一个白色笔触加亮了
软件:Principle
知识点:翻页+关键帧
总结:
最近还把Principle入了个门,因为它是配合Sketch的蛮不错的交互软件,做的笔记可以看我的副图文,然后把Day 23 24 25做的利用了起来,其实当时就是这么打算的
。做完之后发现就像简易版的AE,如果觉得AE难的同学可以先玩玩这个~