PS制作高光导航背景

本节学习制作高光背景，效果图如下：

参考教程：http://www.3lian.com/edu/2012/12-19/50117.html

知识点：1、钢笔工具绘制路径并填充，需要注意的是使用钢笔时，菜单栏上要选择“路径”，否则无法填充；

2、制作高光，关键点：图层样式“叠加”，并设置透明度，适当复制一层会让效果更逼真；

3、渐变色“白色到透明”、“黑白黑”配合图层样式，蒙版等一起使用，可以制作出较好的效果；

4、滤镜-高斯模糊，用来制作背景效果很好；

5、注意每一个细节，打造精致作品。

时间： 2024-08-12 06:22:11

PS制作高光导航背景的相关文章

如何用PS制作花型背景图

今天教大家制作一个花型背景吧!先看下图下效果图吧: 步骤1 新建一个2000*2000像素的画布,背景色填充自己喜欢的颜色即可!最好新建一个画布中心参考线哦,在画布中心画一个白色的椭圆形并居中,上下在画布边缘. 步骤2 双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%. 步骤3 添加白色描边,设置大小为3像素,位置外部,混合模式柔光. 步骤4 重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形.并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“

【PhotoShop】利用PS制作唯美咖啡泡

难得喝杯咖啡,怎么能不拍张了(黑咖啡太苦经常喝实在受不了!) 得到如下图看着还不错,可是总感觉空空荡荡的,所以就拿来PS练手了.最终效果图如下: 下面讲下制作过程: 首先是给照片加下咖啡泡的效果,找一张有咖啡泡的咖啡~然后选区把咖啡泡部分抠出来把图片抠出来调整大小适应杯子,然后自然是选择混合选项让他更逼真了. 我这里选择的是点光,当然可以根据个人图片效果选择了.为了让图片更加逼真,我为该图层创建蒙版,并且用黑色画笔涂抹阴暗处(让阴暗处更阴暗)而显得有层次感.效果如图: 现在在加点文字吧.下面

制作水平导航栏

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <title>制作水平导航栏</title> 9 <style type="text/css&qu

【CSS笔记】css3制作立体导航

此例设计到:css3,伪类等. 源码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3制作立体导航</title> <link rel="stylesheet" href="http://www.w3cplus.com/demo/css3/base.css&q

CSS制作横向导航菜单实例代码

CSS制作横向导航菜单实例代码:横向导航菜单是div css布局中最为基础的且必须要掌握额技能,对于稍有布局经验的朋友这都不是问题,但是对于初学者可能未必如此,所以这里分享一段最为基础的布局代码,希望能够给需要的朋友带来帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="ht

网页制作中的背景处理

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

CSS制作的导航菜单向上箭头

使用纯CSS技术制作导航菜单上的向上箭头图标,不使用图片,用CSS实现,挑战自己的CSS布局水平,最终效果自己满意,如果您对此感兴趣的话,就要好好研究一下CSS代码啦. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

Photoshop：制作光芒四射的背景

1.建立黑白直线渐变 2.滤镜->扭曲->波浪 3.滤镜->扭曲->极坐标 4.改变颜色,添加渐变映射调整层最终结果: Photoshop:制作光芒四射的背景

纯CSS制作二级导航

原文:纯CSS制作二级导航一.问题描述做一个类似校园网首页,主要是导航栏的设置,ul默认纵向排列,如何横向排列,同时去掉圆点. 二.问题解决 2.1 先写导航条用两个ul嵌套,一个ul是横向导航条,另一个是每个小项目下连一个竖向的ul. 1 <ul id="nav_ul"> 2 <li> 3 <a href="#">首页</a> 4 <ul class="nav_ul_ul"> 5