ps静态网页制作教程步骤,ps网页制作实例

首页 > 经验 > 作者:YD1662022-11-07 03:12:27

记得那是一个阳光明媚的下午,接到设计大神的一张网页图

ps静态网页制作教程步骤,ps网页制作实例(1)

要求将头部主视觉的静态图做成动态的,没错,就是下面这块地方。

ps静态网页制作教程步骤,ps网页制作实例(2)

接到需求后,我立马换上工作服就开工了。

打开大神的PSD,看图右下角,一如既往的素材管理得当,分层清晰,没有那种渣渣页面设计师随心所欲的图层摆放,赞一个。

ps静态网页制作教程步骤,ps网页制作实例(3)

打开PSD后,观察分析下这个图,看看有哪些内容,可以分为哪几层来制作效果。

1:可以看到,最上面的logo啊,按钮啊,视频框啊,这些UI内容图层,这些可以划为一层,一般情况下,这层的内容不用去制作效果,除非有特殊要求。

ps静态网页制作教程步骤,ps网页制作实例(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.