Photoshop制作各种实用文字效果

2010/04/28 13:02  |  分类:Life, Photoshop

在现在的网页设计中,比较常用的文字效果并不多,实现的方法也很简单.所以接下来的内容我希望能对网页设计中的新手有所帮助.

这篇教程将围绕2个关键字:“渐变”,“阴影”.

1.更有质感的字

我们先看图片里这个LOGO,它显得更有质感,文字有一张向外伸展,不会死板地贴在网页上.如果你仔细观察,你会很容易发现文字的brightkite都使用了色彩“渐变”.是的,文字的颜色都不是单色填充,而是“渐变”.”渐变”为什么看起来更有质感呢?这是因为这里模拟了大自然光照中的效果,即高光部分在文字的上方,而低光在下.同时也不要忽略了另一个细节,就是文字的“阴影”,.

留意图中的2跟3,如果你还不懂如何添加渐变.请在图层面板中双击”图层名”右边的空白处,或是点击下图中的第2个按钮(在图层面板下方)打开样式面板.

“渐变叠加”,然后按下图设置.渐变的颜色选择2个同色系但是有”深浅对比”的颜色.例如例子中,一个浅绿跟深绿.这样才能模拟光照效果.

好了,剩下阴影.还是一样在样式面板左侧点”投影”,然后按下图设置:

再看其他使用了这个方法的网站设计:


全文阅读 »

2010/04/27 10:24  |  分类:Photoshop

很多时候,我们需要一些漂亮的图标图案来美化各种博客、网站或者文档,但我们不是每个人都能成为设计师的,所以只能上网去找了,那么我们应该去哪里才能方便找到好看的图标素材呢?
今天给大家介绍过两个图标搜索引擎了 IconFinder 和 FindIcons!它们的性质、功能上是一样的,唯一区别是但FindIcons提供中文版,相当的棒!希望它们都能帮到你……
看截图:

地址分别是:http://findicons.com/
http://www.iconfinder.com/

CSS 3.0 参考手册 中文版

2010/04/14 10:18  |  分类:Css

CSSer开发好帮手:CSS 3.0 参考手册 中文版
  CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

手册难点
  中文资料少,对英文翻译功底要求较高; 
  基础语法要求字斟句酌,避免产生歧义; 
  兼容性列表涉及浏览器及版本众多; 
  草案中的Grid布局被业界同仁普遍认为比“天书”还难… 
  CSS3 还是草案,中文资料少之又少,基本上都是一篇内容转来转去,而我们的手册从基础语法到示例制作,都是根据W3C工作草案进行翻译,并结合自身的沉淀制作示例。

备受期待的 CSS 3 新功能
  圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa - 加入透明色、文字阴影等等
  CSS3 的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。

全文阅读 »

超简单破解iphone开机密码

2010/04/01 15:07  |  分类:Life

早上设置了密码,一直没实用手机,到中午时候开机的时候,要密码。傻眼了,知道IPHONE的密码机制,多次输入错误,每次时间都会倍增,直至锁定。

安装91手机助手,打开文件,进入var/keychains/目录,把keychain-2.db 文件删除,重启iphone,记得啊,下次设置密码一定要小心。搞定!

喷绘一般是指户外广告画面输出,它输出的画面很大,如高速公路旁众多的广告牌画面就是喷绘机输出的结果。输出机型有:NRU SALSA

在PS中可以修改图片的dpi而又不影响图片质量

在图像-图像大小里面,把“重定图像象素”的勾去掉,然后再输入

想要的dpi,一般来说是跟图片的画布尺寸成比例,像我的杂志印刷,300就足够了。

弄好之后保存。分辨率就调好了,图片的大小没有改变的。

什么是打印分辨率

分辨率指的是多功能一体机打印功能上的打印质量、打印清晰度。打印分辨率的单位是dpi(dot per inch),即指每英寸打印多少个点,它直接关系到打印机输出图像和文字的质量好坏。打印分辨率一般用垂直分辨率和水平分辨率相乘表示,如:一台打印机的分辨率表示为600dpi×600dpi,就是表示此台打印机在一平方英寸的区域内水平打印600个点,垂直打印600个点,总共打印360000个点。

对于多功能一体机来说,打印分辨率是一个最为重要的技术指标之一,因为多功能一体机的复印功能中的输出也是通过打印部件来实现,因此多功能一体机的打印分辨率还会影响到产品的复印分辨率,或者说产品的复印分辨率最多也就是和产品的打印分辨率一样高,不可能高于打印分辨率。

全文阅读 »

关于如何创建{打印样式}表

2010/03/18 11:53  |  分类:Css

漂亮的打印样式

很少有网页打印效果好的,因为用于使屏幕显示效果好的技术与用于打印机上的技术不同。然而,在打印文件时,可以使用一个设置了CSS媒体类型的样式表。要使打印样式变得美观,我们首先要注意网站结构以及包含文字的各个版块的结构。模块化文件系统能够帮助我们了解这些网站结构,模块化文件系统明确指定了主要结构版块。

多数望着或者博客的主要结构都是相似的(可能命名略有差异):

#header
#content
#comments
#sidebar (or #menu)
#footer

怎样修改这些版块以实现更好的打印效果,这完全取决于我们的想法。我们可以只打印出侧边栏而不打印页脚,也可以只显示页脚而舍弃侧边栏,还可以更改字体和 字号,甚至可以把图片显示在打印页面上。下面介绍一些简单的示例,掌握基本技巧后大家可以随心所欲地发挥自己的创意。

设计打印样式

有两种方法可以设置打印样式。如果希望打印方便,只对网站、博客做简单修改,可以使用第一种方法,将代码直接添加到样式表单。如果希望掌握博客的最终打印 结果,最好是将各个版块留在各自的print.css样式文件中。

在样式表单中设置打印样式

我们可以在样式表单中设置打印样式,指导浏览器在样式表单中查找打印样式,并且所有打印样式都必须出现在各自的位置上。

新建打印样式表单

新建一个独立的打印样式表单,步骤如下:

1. 新建一个文本文件,命名为print.css

2. 将print.css文件保存到WordPress主题目录下

3. 在文件中输入(或复制)以下代码以启动打印样式,保存文件:

/* Print Style Sheet */
@media print {
body { background:white; color:black; margin:0 }
}

全文阅读 »

Web 开发中的 5 个最具争议性的话题

2010/03/05 10:33  |  分类:Xhtml

在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。

争议之一:链接是否应该在新窗口打开

全文阅读 »

定位position和浮动float

2010/02/20 14:34  |  分类:Css

        CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。
定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。
另一方面,CSS1 中首次提出了浮动,它以 Netscape 在 Web 发展初期增加的一个功能为基础。浮动不完全是定位,不过,它当然也不是正常流布局。我们会在后面的章节中明确浮动的含义。

一切皆为框

  div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容 ,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。
  您可以使用 display 属性 改变生成的框的类型。这意味着,通过将 display 属性设置为 block,可以让行内元素(比如

一张背景图的自适应按钮

2010/02/10 09:20  |  分类:Css

其实很多时候都是用到自适应,用的最多的也就是导航,按钮的。根据实际字数需要,扩展或者缩小宽度。

hmtl代码:

<span>
<button>确定充值,去网银付款</button>
</span>

css代码:

span {
 background:url(bg_comb.png) 100% 0;
 height:32px;
 display:inline-block;
 padding:0 5px 0 0;
 text-align:center;
 font-size:14px !important;
 vertical-align:middle;
 width:auto;
}
button {
 display:inline-block;
 border:0;
 background:url(bg_comb.png) 0 0;
 height:32px;
 line-height:30px;
 padding:0 10px 5px 15px;
 color:#fff;
 vertical-align:middle;
 white-space:nowrap;
 overflow:visible;
}

其实我也是个懒人,这里不给出图片和预览了,如果又需要的。可以自己按照样式,亲自测试下。

关于iphone与itunes同步的问题

2010/01/19 11:06  |  分类:IT

关于iphone与itunes同步的问题网上比比皆是,遇到问题的人也不少。

其实由itunes同步到iphone问题应该不是很大,稍微研究以下就可以搞定的,这里我就说以下,从iphone到itunes的一个逆向导入。貌似找了很久没有一个很好的办法。

简单说一下,我的过程:

电脑重装了系统,以前的itunes肯定也是要重装,那里面的app肯定是没有了。还好是双系统,另一个系统里也装有itunes,把里面的文件重新导入到新的系统里然后倒入就可以了的。不过在同步的时候是需要授权提示的,记住密码很重要,(用户名是已经安装过的,安装的时候是记住用户名的。)

再点击同步就完成了,当然,前提是你重装系统前备份:X:\Users\Administrator\Music\iTunes\iTunes Media\Mobile Applications 这个文件夹里的所有文件,其中的X是你的itunes的安装盘符,一般是C盘。再次声明是你有备份,没有备份的没有办法实现。此文标题可能起的有点让人无解,能帮到您那就好,如果此文对您没有意义,请别拍砖。

Pages: Prev 1 2 3 4 5 6 7 8 ...31 32 33 Next