动态网站制作指南
[  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载:程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Photoshop教程
Tag:水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,照片,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,非主流,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Photoshop教程 ]的信息

本月文章推荐
.教你用Photoshop制造“破像”效果.
.Photoshop打造灿烂无比的绚丽烟花.
.用Photoshop制作水晶胶体特效字.
.Photoshop结合纸面手绘创作个性插.
.Photoshop巧绘制牛仔布底纹.
.Photoshop手绘教程:教你鼠绘清纯.
.Phtoshop制作火红色圣诞节纪念信.
.Photoshop画笔也能制作特效文字.
.Photoshop简单几步打造梦幻仙境.
.Photoshop基础教程:跟我学调色练.
.Photoshop绘制精致金属边框水晶球.
.Photoshop打造“非主流”颓废照片.
.Photoshop给美女的衣服换花样.
.极品清纯美女:用Photoshop让她的.
.Photoshop制作漂亮彩虹星空.
.Photoshop KPT滤镜详解:Lighting.
.Photoshop巧绘精致的晶格荧光字.
.优化系统让Photoshop运行更流畅.
.Photoshop照片处理:纠正倾斜照片.
.鉴别艳照门图片电脑合成照片的方.

Photoshop制作商业网页全过程

文章类别:Photoshop教程 | 发表日期:2007-1-15 |


  作者:鼠哥

  今天小弟给大家演示商业网页制作过程。会网页的朋友们应该知道Photoshop在这过程中的重要性,因为它是网页制作基础。所以笔者准备了这套教程,其目的希望初学的朋友们能够更加深刻的了解制作过程,在以后的日子里小弟我会多准备一些,相对于宣传画册,公益海报等,制作的过程。我们现在就开始吧!

  我们先来看看最终的效果图:

超强演示Photoshop制作商业网页全过程

效果图

  图(1)首先选择文件>新建(CTRL+N),在对话框里设置参数。如图1。

超强演示Photoshop制作商业网页全过程

设置参数

  图(2)新建一图层,现在先从背景开始,首先设好渐变的颜色(在这小弟用红色和黑色作为背景色,颜色可以根据自己的喜好调定。)在图中按住 shift+鼠标左键向下做直线拉伸。如图2、3所示。+

超强演示Photoshop制作商业网页全过程

渐变编辑器

超强演示Photoshop制作商业网页全过程

渐变效果图

    图(3)设好背景颜色后,用加深和减淡工具(快捷键o)进行编辑,带点布纹的感觉。如图4、5所示。

超强演示Photoshop制作商业网页全过程

带点布纹的感觉

超强演示Photoshop制作商业网页全过程

加深和减淡工具


   图(4)在用选框工具(快捷键m)在右上角框选出相应的范围后,按住ctrl+j单独拷贝一个图层。在对它进行样式的编辑。如图6、7所示。

超强演示Photoshop制作商业网页全过程

按住ctrl+j单独拷贝一个图层

超强演示Photoshop制作商业网页全过程

图层样式的编辑

   图(5)选择图层2,用上面一样的方法,框选出相应的范围后,按住ctrl+j单独拷贝一个图层。在对它进行样式的编辑。如图8。

超强演示Photoshop制作商业网页全过程

选出相应的范围


   图(6)接着要开始对刚才框选编辑后的图层进行加深减淡的处理。首先选住图层3,如图9编辑后在选图层4,见图10。

超强演示Photoshop制作商业网页全过程

进行加深减淡的处理

   图(7)新建图5,现在对图象进行修饰,用框选工具选取适当范围,如图(11)填充R:255 G:2 B:252.在双击图层5进行样式编辑。如图(12)。在将此图层的透明度调到百分之40。如图(13)

超强演示Photoshop制作商业网页全过程

用框选工具选取适当范围

超强演示Photoshop制作商业网页全过程

图层样式编辑

超强演示Photoshop制作商业网页全过程

图层的透明度

    图(8)新建一图层,选取范围后填充R:255 G:2 B:252.进行样式编辑如图(14)在将此图层的透明度调到0。

 

超强演示Photoshop制作商业网页全过程

图层样式编辑

    图(9)现在我们打入文字,(大家也想个喜欢的名字吧。)小弟给网页取名黑瞳迪吧,相对应的打入一些字体。如图(15)。

超强演示Photoshop制作商业网页全过程

打入文字

   
    图(10)好了现在要对字体进行加工处理了,主题黑瞳进行修饰,双击图层到样式里编辑如图(16)将此图层的透明度调到0。

 

超强演示Photoshop制作商业网页全过程

对字体进行加工

    图(11)找些相关的图片放入(但要符合你给予的主题,可不要随便找一些图片哦。),在将图片放到样式里编辑。如图(17)

超强演示Photoshop制作商业网页全过程

图层样式

     图(12)如过觉的还不够的话就再加点小修饰如图(18)但不要过多可以适当的调下透明度。

超强演示Photoshop制作商业网页全过程

加点小修饰

  完工!来看看最终效果。

超强演示Photoshop制作商业网页全过程

最终效果

    好了一张网页就完成了,其实很容易,初学的朋友可以用这些简单的方法试着自己去创作一张自己的网页。不一定什么设计都要做很多效果才是好的,简单有时候也是一种美。在教程中有不同看法的地方,希望大家可以和小弟一同交流,联系QQ:95512068。


上一篇:用Photoshop快速打造美女肖像速写 人气:7735
下一篇:Photoshop图层样式打造堆雪特效字 人气:7698
点击此处浏览全部Photoshop的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-5-15 bBlog v0.7.6
2008-5-15 team论坛 v2.0.3 SQL
2008-5-15 team论坛 v2.0.3 ACC
2008-5-15 速博交友网站管理系统 2007 SQL专
2008-5-15 目录直读式图片展示系统 v2.0
2008-5-15 迅思科量具计量管理软件 MTMS v1
2008-5-15 图看网IP地址查询系统 v1.0
2008-5-15 幸福公寓同居交友 简洁版
2008-5-15 九天备案中系统
2008-5-7 Windows XP SP3 官方英文版
2008-5-7 Windows XP SP3 官方香港中文版
2008-5-7 Windows XP SP3 官方繁体中文版
2008-5-7 Windows XP SP3 官方简体中文版
2008-4-30 Multiple Unzip Wizard 1.02
2008-4-30 Multiple Unrar Wizard 1.0.0
2008-4-30 WinZip Install/Try/Uninstall a
2008-4-30 ZIP压缩文件修复器WzipFix 2.0
2008-4-30 Pentazip 6.01 Build 189 For Wi
  发表评论
姓 名: 验证码: [ 全部贴吧 ] [ 浏览评论 ]
内 容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報