
- 本栏最新文章
- cute风格图标的制作教程 07-24
- Photoshop制作变幻线 07-23
- Photoshop中立体效果的制作 07-22
- 页面为什么没层次 没立体感 07-22
- PS教程:滤镜的多重运用制作星空壁纸 07-22
- Photoshop图片合成:飘雪白色签名特效 07-21
- Photoshop快速打造漂亮水晶字效果 07-16
- Photoshop给单调婚纱照增添色彩 07-15
- Photoshop灭点工具轻松解决画面透视问题 07-14
- 利用Photoshop打造一张奥运壁纸 07-11

- 本栏推荐文章
- Photoshop教程:水灵灵的美女调出来 12-30
- AS3与后台交互 12-21
- AS3通俗教程---AS3自身loading制作 12-19
页面为什么没层次 没立体感
社区评论:http://bbs.68design.net/viewthread.php?tid=11745&pid=61279&page=1&extra=page%3D1
没见过这么弱智的教程,抽了10分钟,做了个弱智的图,写点弱智的文。相信高手看到肯定会出来谴责反驳以下,没办法,本人还不是高手,不过如果他日我也成了高手,肯定也出来谴责一下,表示高手应有的威风~
回题
看到不少朋友对太平,没层次,没立体感...这样的回复,表示不解(当然是新手贴里)。本人本着复习的心理,随便搞了张图,把过程的图分别截了下来,讲讲简单的立体与层次是怎样可以实现。
开始了,高手看到这就可以离开了。
001.图
很多做出来的东西(画面)太过平淡、平面、平常、就如这图,一层底色,一层内容(可以是文字,可以是装饰的图片,可以是版块),因为没有空间感和立体感。
002.图
一个东西或者画面,有没有立体感,是需要对比才出来的。要他出现空间感,首先要使它有前有后有左有右,例如我加了点透视的线在下面,画面马上就有了空间感,但主体还没有立体感。(转到web设计里,也是一样,就是制造一个有前后关系的背景。)
003.图
加了透影和上面的一个面,主体的立体感就出来了(回到web里,经常有见到些光线方向都不一致的元素乱放在一起,完全不合逻辑的,哪来的画面和谐呢? 要注意元素的光源统一,当然你可以自己修改的,我自己就经常用加深减淡工具来改变元素的高光暗面等,当然要在一眼看不出来的前提下。)
004.图
多加了几个立方体,使画面上的前后关系更好地表现,弱智说一句,注意调节景深,哪怕是有一点点表示,都比完全没有的要好得多(回到web里,这点小小的技巧,其实很经常性地用在banner设计、个性点的版面设计。)
005.图
再傻瓜式地加个logo和menu,估计就像个网站了,其实网站和平面设计基本上没啥大区别,只是多了交互部分,当然这个要说起来,也很多东西说。
006.图
最后,再假装一下高手,做点细节。(把位置挪了一下,背景前后关系强化一下)最后的图虽然啥都不是,但不会被说没有空间感和立体感。注意,我这贴不是教做图,也不是说网站应该做成这样子,而是说空间感可以通过这样的方法去营造,可以举一反三,千万别真做个这样的透视线去制作,应该没有这么傻这么天真的新手吧?








