发博文
个人资料
江月
江月
  • 博客等级:
  • 博客积分:161
  • 博客访问:28,004
  • 关注人气:5
访客
加载中…
留言
加载中…
评论
加载中…
许愿瓶
加载中…
博文
标签:

杂谈

分类: 设计风采
下面的图像抠看起来比较复杂,主要是小女孩的头发比较难处理。本文先介绍用Photoshop的“抽出”工具结合路径抠图的方法,希望对你有所帮助。

  

  完成效果:

  

  “抽出”工具结合路径抠图步骤详解。

  1、复制一背景层,下面再加一颜色图层以便观察,如图。

  

  2、用抽出(Extract)命令,设置如图,强制前景色为白色。(强烈推荐《Extract抠图工具技巧 》)

  

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 设计风采
我们要学会观察图片,先来看下面这张图:

PS抽出滤镜和历史记录美女抠图教程

  这张图片色彩虽然不算丰富,但也不是纯色背景,甚至有些许的零乱,但人物的主题却被黑色长发包围,

  我们只需抠出头发,脸部和身体用历史记录恢复即可。

  1、打开图片,复制背景,关闭背景眼睛。单击滤镜-抽出,弹出对话框,如下图:

PS抽出滤镜和历史记录美女抠图教程

  2、强制前景打上勾,用吸管工具在头发上吸一下,如下图:

PS抽出滤镜和历史记录美女抠图教程

  3、选用边缘高光器,画笔调到合适大小,在头发上涂,如下图:

PS抽出滤镜和历史记录美女抠图教程

  4、点确定,头发被抽出,如果你觉得头发颜色浅,可以ctrl+j拷贝副本。此时画

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 设计风采

  本文介绍如何将喜欢的图案做成Photoshop的自定义画笔,以便用在自己的设计中。

  前不久看到一些很漂亮的花卉图案,非常喜欢,于是就定义成Photsohop的自定义画笔了,下面我们看看具体的定义过程。

将喜欢的图案做成Photoshop自定义笔刷(图一)


将喜欢的图案做成Photoshop自定义笔刷(图二)


将喜欢的图案做成Photoshop自定义笔刷(图三)
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 设计风采

  建立一个400*400的文档,然后设置背景和前景色,执行云彩滤镜。

妙用Photoshop滤镜模拟制作3D迷宫特效

  执行马赛克滤镜。

妙用Photoshop滤镜模拟制作3D迷宫特效

  再执行“滤镜”>“画笔描边”>“阴影线”。

妙用Photoshop滤镜模拟制作3D迷宫特效

  效果如下。

妙用Photoshop滤镜模拟制作3D迷宫特效

  执行“滤镜”>“风格化”>“查找边缘”。然后按Ctrl+I反相。

妙用Photoshop滤镜模拟制作3D迷宫特效

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2011-02-17 16:04)
标签:

杂谈

分类: 设计风采

1.新建一个500X500, RGB 模式 ,白色背景的图象,将前景色设置为黑色,填充背景层。
2.执行菜单- 滤镜 -渲染-镜头光晕,亮度为100,竟头类型选50-300毫米变焦,将光晕中心移至图象中心(图1)。

 NO.1

3.按CTRL+B将中间值的青色调节至-100兰色调至+100,再按CTRL+M将光晕边缘颜色调厚(图2)。

 NO.2

4.执行菜单-滤镜-扭曲-波浪,将生成趋数设置为6、波长最小值为60、最大值为100、波幅最小值为1、最大值为180、比例,水平垂直都为100%,类型选择正弦、未定义区域选择重复边缘象素(图3)。

 NO.3

5.将背景 图层 复制一个置于最上,按CTRL+I将颜色反转,再按CTRL+F将波浪滤镜再执行一次,并将此 图层 的混合模式改为差值(图4)。

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 设计风采

  打开一个图片,或者你也可以自己绘制自己喜欢的一个:

Photoshop制作射灯灯光效果(图一)

  新建立一个层,用钢笔工具绘制:

Photoshop制作射灯灯光效果(图二)

  转换为选区:

Photoshop制作射灯灯光效果(图三)

  用白色到透明进行渐变:

Photoshop制作射灯灯光效果(图四)

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: IT相关

margin-top

在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框

或使用清除分离方法)结合表示为一个单独的margin。

在css2.1中,水平的margin不会被折叠。

垂直margin可能在一些盒模型中被折叠:

1、在常规文档流中,2个或以上的块级盒模型相邻的垂直margin会被折叠。
最终的margin值计算方法如下:
a、全部都为正值,取最大者;
b、不全是正值,则都取绝对值,然后用正值减去最大值;
c、没有正值,则都取绝对值,然后用0减去最大值。
注意:相邻的盒模型可能由DOM元素动态产生并没有相邻或继承关系。

2、相邻的盒模型中,如果其中的一个是浮动的(floated),垂直margin不会被折叠,甚至一个浮动的盒模型和它的子元素之间也是这样。

3、设置了overflow属性的元素和它的子元素之间的margin不会被折叠(overflow取值为visible除外)。

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: IT相关
DIV+CSS网页布局有很多值得学习的地方,本文向大家介绍一下DIV+CSS验证的概念,相信本文介绍一定会让你有所收获。

本文和大家重点讨论一下DIV+CSS验证_W3C验证的概念,在DIV+CSS开发的时候,如果追求完美,开发中或开发完后立即去验证开发的css是否符合w3c标准。

DIV+CSS验证_W3C验证

在DIV+CSS开发的时候,特别是新手特别喜欢追求完美,所以开发中或开发完后立即去验证开发的css是否符合w3c标准。虽然说验证w3c是好事但是,这个不是最重要的,最重要的是divcss的兼容浏览器性能、css代码最优程度、特效兼容。

接下来介绍w3c验证

w3c验证地址:http://jigsaw.w3.org/css-validator/

W3C验证方法

1、在线提交需要验证的网址验证W3C标准验证地址:http://jigsaw.w3.org/css-validator/#validate_by_uri

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: IT相关
目前主流网页布局设计中,CSS都占有很重要的部分,但是面对一条条的CSS代码,检测成了问题,本文就此为大家介绍几种检查调试CSS布局的有效方法。
 

1. 检查HTML元素是否有拼写错误、是否忘记结束标记

   即使是老手也经常会弄错div的嵌套关系。可以用Dreamweaver的验证功能检查一下有无错误。

   2. 检查CSS是否正确

   检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

   3. 确定错误发生的位置

   如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。

    4. 利用border属性确定出错元素的布局特性

   使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。

    5. float元素的父元素不能指定clear属性

   MacIE下如果对float的元素的父

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2011-02-16 01:11)
标签:

杂谈

分类: IT相关
真的发觉自己写博客不 会写题目了!写出来害怕看的人读不懂。这两天我都在写DIV+CSS页面,边写边摸索,一些基础知识也巩固了,平时觉得不起眼的代码也会起到至关重要的作 用。目前总的来说我还有几大盲点。一:浮动与清楚浮动的透彻理解与写法;二,相对定位与绝对定位;三,属性的继承关系;四,符合标准的标签的使用。(内容 部门一般用<p>吧,可是我老喜欢用<div>来装);五,代码的重复使用等等问题。这样一看,感觉我还是不会DIV了,更别说 专业运用了。不过今天有个小小的心得。事情源于我写完一个页面,有个地方怎么调试都调试不好,差点抓狂了。一个技术群里的老大提醒了一句:检查DIV标签 有没有闭合。先扫一下盲:什么叫DIV标签有没有闭合呢?有<div开头就应该有</div>来结尾闭合了。有时候写代码写 了<div>,忘记</div>结尾,谓之没有闭合也。如何检查DIV标签有没有闭合呢?如果页面布局简单,代码少是可以直接观 察出来;如果布局复杂了,看代码很难看明白。我发现一个很简单的方法来检测:在整个页面中搜索<div 代码看有多少个,然后再搜索</div代码看有多少个,如何一样的
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有