企通互联Photoshop制作漂亮的暗红色网页框架

企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 Photoshop 制作漂亮的暗红色网页框架北京网站建设 北京网站制作 北京网 页设计 北京网站优化 北京网站设计 北京网络营销 本教程介绍非常简洁的网页制作方法 作者重点介绍顶部及导航栏的制作 打 造过程 首先是渲染背景和底纹 然后再制作顶部装饰和文字 可以根据实际 需要加入自己喜欢的图案或素材 最终效果 1 创建一个 1000 x750 像素大小的文件 双击背景图层将其变为可编辑的图层 并打开图层样式 颜 色叠加 用 47382e 叠加 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 2 打开标尺 视图 标尺 按下图添加一些参考线 北京网站建设 北京网站制作 北京网页 设计 北京网站优化 北京网站设计 北京网络营销 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 3 用矩形工具创建一个矩形 将该图层命名为 header 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 4 将前景色设为黑色 选择椭圆工具创建一个阴影区域 大小要高于白色的矩形 将椭圆形图层命 名为 shadow 并将其置于 header 图层下面 然后打开滤镜 转换智能滤镜 之后滤镜 模糊 高斯模糊 半径为 10 像素 并把不透明度设为 60 得到下图效果 5 选中 header 图层 双击打开图层样式 选择渐变叠加 按照下图参数设置 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 6 使用直线工具画一条亮红色直线 然后再用黑色画另外一条直线 1 像素 之后将红线和黑线图 层编组 组命名为 vDivider 打开图层 图层蒙版 现实全部 使用径向渐变工具 从黑色到白色 自上 而下拉去 在组上添加渐变效果 北京网站建设 北京网站制作 北京网页设计 北京网站优化 北京网站设计 北京网络营销 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 7 使用文字工具创建导航栏 字体白色 然后将所有标签编组 命名为 White Links 复制这个组 将其置于 white links 组下面 将字体颜色设为黑色 然后将其向上和向左移动 1 像素大小的位置 这样 是为了制作 3D 效果 8 按照第六步的方法制作分栏线 9 选择所有分栏线图层将其编组 并命名为 hDividers 然后打开图层 图层蒙版 显示全部 使用 线性渐变 黑 白 在蒙版做渐变效果 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 10 保存下面的纹理图片 然后用 ps 打开 选择编辑 定义图案 将其命名为 webPattern 复制 header 图层 命名为 pattern 然后双击打开图层样式 取消渐变叠加 打开图案叠加 选择之前我们创 建的 webpattern 图案叠加 然在 pattern 图层上添加图层蒙版 在图层蒙版创建径向渐变效果 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 11 现在来添加 LOGO 和勺子 敲入 C 其中 Chinavisual 使用粗一些的字体 然后 添加图层样式 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 12 下载勺子图片 然后添加图层样式 企通互联 Photoshop 制作漂亮的暗红色网页框架 更多网站建设 网站制作 网页设计 网站优化 网络营销 最终效果 企