找回密码
 开放注册

QQ登录

只需一步,快速开始

微信登录

微信扫码,快速开始

搜索
查看: 1306|回复: 0

Photoshop教程:绘制另类的3D网页布局

[复制链接]

21

主题

9

回帖

192

牛毛

一级牛人

积分
192
发表于 2010-4-30 00:27:19 | 显示全部楼层 |阅读模式 来自 广东省湛江市
家好,好像没有翻教程了,很不好意思了,因为换了个工作,所以没有像以前有那么多空闲的时间来译了。
今天我们来分享的这篇教程是一个比较另类的网页布局--3D网页布局。像这样的网页,做成个人主页是一个不错的选择,但是如果用来做商业页面的话,得有勇气了,嘎嘎。。。
先来目睹为快了:
0107490.jpg

效果不错吧
1。打开photohshop软件,新建一个1200*1200文档。设置前景色:“#424241″背景色: “#191919。然后在工具箱选择“渐变工具”,设置如下图:
0107491.jpg
渐变效果如下图:
0107492.jpg
2。选择“文字工具”打上你网站的名字和宣传词,效果如下图:
0107493.jpg
接下来给这些文字添加一些图层样式:
0107494.jpg
0107495.jpg
0107496.jpg
0107497.jpg

最终的效果如下图:
0107498.jpg 。接下来我们给网页添加一个搜索框,选择“圆角矩形工具”并设其圆角的大小为:15px.在页面的右上角画一个圆角矩形。
0107499.jpg
接下来给这个矩形添加一个图层样式设置如下图:
01074910.jpg
01074911.jpg
最终效果如下图:
01074912.jpg
您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

帮助|Archiver|小黑屋|通信管理局专项备案号:[2008]238号|NB5用户社区 ( 皖ICP备08004151号;皖公网安备34010402700514号 )

GMT+8, 2025-1-10 00:58 , Processed in 0.134527 second(s), 25 queries , Yac On.

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表