果冻区

一年前的今天我开始搞独立博客，所以特地把图片换了一个喜庆点的，哈哈！

不过合成这个简单的图片还费了我不少心思 =_=原图是一个米国国庆节的桌面，我先把本来的head图下载下来查看了大小尺寸，然后根据这个尺寸截图，截完之后做圆角，结果这个难倒我了，因为本来用的是光影魔术手，那个小软件居然不能直接做圆角，于是我又装了个Photoshop，没想到这个软件实在太强大了，我google了好久怎么切圆角图片，就是没学会 囧 这也太复杂了，好几次我都想放弃了直接丢给高手帮忙解决，但又怕被人嘲笑……无奈之下我想起了当年用的Fireworks，貌似这个软件亲和力大一些也更加适合做网页图片，于是赶紧搞了一个武装起来。果然，挖卡卡~还是这个用着顺手啊，很快就把图片合成好了，上传，替换，OK！为了防止以后我自己忘记怎么操作，也为了给google进来的同学提供方法，特此详细记录如下：

首先“导入”截取好的图片，然后用选择“圆角矩形”工具画出你需要的矩形框框，这时画出来的框里是有填充色的，8要着急，先画框！确定把你需要的框调整到合适大小之后，右击矩形框选择“将路径转换为选取框”，然后填充色就消失鸟，留下了一个虚线框框，这时候菜鸟应该都会整了吧，到“选择”菜单下选择“反选”（ctrl+shift+I），这样你不需要的圆角矩形框外面的部分就被选中了（当然除非你是想扣掉那个矩形图片那就不用反选了=_=），接下来一步delete！你要的圆角矩形图片就出现鸟~~但是不要高兴得太早，根据我以往的经验，这样的图片你直接保存下来，背后会有一大块白色的背景留着，除非你的网页底板是白色否则根本无法使用。如何解决这个问题捏？请继续跟着我往下走。不要选择保存图片，而是选择“文件”下的“导出向导”，在随之出现的“图像预览”框中选择gif格式，因为jpg格式木有办法显示透明背景，你要是选了jpg，那出来的图片就是背后一大块白踏踏的背景，所以切记一定选择gif！ 后来经过多为高人指正，应该是这样滴，“gif容易出毛边，尽量不要用”，“对于你这样形式的图片，要保存成jpg，背景色么，和你网页背景色一致就可以了，不一定要透明，如果一定要透明那就选择png”（完整内容请参考文后留言）选择好之后，点击下方“导出”，一块可爱滴圆角图片就这样诞生鸟~~

~\(≧▽≦)/~啦啦啦，偶真聪明啊~~

为庆祝一周年特此贴歌一首，点击播放，挖卡卡~ Drops of Jupiter

相关日志

• 技术维护 (23)
• [周年庆]我的独立博友 (8)
• [周年庆]我的三大利器 (11)
• sleeping with ghosts (2)

Tags: fireworks, 周年, 圆角矩形

Trackback URL: http://www.guodongqu.com/2009-04/anniversary.html/trackback

15 条评论 to “一周年”

1. 
   mf 讲道 :
   四月 22nd, 2009, 1:47 下午 at 1:47 下午

   不容易啊，为了出了个图片，光影魔术手，ps，fireworks 都请出来了 ：D 果然是文学系的工科生啊。！牛逼！

   有一点纠正一下，对于你这样形式的图片，要保存成jpg，背景色么，和你网页背景色一致就可以了，不一定要透明，如果一定要透明那就选择png.

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 22nd, 2009 1:59 下午:

   这样啊……但是有些人如果对图片大小有要求的，你搞成了白色背景之后也会影响使用啊，当然偶这个就是切个角影响是不大。为啥透明的一定要选png呢？

   (0) (0)
    

   响应这条发言

   

   mf 回复于 四月 22nd, 2009 2:56 下午:

   额，那我解释一下，为啥你的图片有一愣一愣的，因为虽然gif支持透明，但是他有一个致命缺点，就是只支持256色的调色板。所以，一般应付那种色彩比较简单的，比如你的头像那种，就比较好，文件体积很小。还支持动画。
   还有一个特点就是gif要么全透明，要么不透明。不支持半透明的那种效果

   额png么，在24bit后面加了一个8bit的alpha值，也就是透明度，可以实现256阶的半透明效果，相当的炫，而且因为是24bit，所以能保证最大幅度的色彩不失真。这个格式的压缩方式是无损的。当然这个带来的就是文件体积增大了。但是比那种没有压缩的tiff，bmp要小不少了 ：P

   额，最后就是jpg了。这种文件格式是有损压缩的，损失有限的画质，带来无限的文件体积缩小，和wav压缩成mp3类似。他对色彩的保留相当出色，只要不压缩的太狠，不会出现那种明显的阶梯状色彩失真

   三种格式各有各的特点，所以在具体用的时候要结合图片的特点来选择使用何种格式啦。像你这种色彩比较丰富，然后对透明度要求不高的，对博客访问速度有要求，那文件格式最小的，色彩比较丰富的jpg是最适合的了

   额，写的多了些 囧

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 22nd, 2009 3:17 下午:

   谢谢老师指点！已经改正图片格式

   (0) (0)
    

   响应这条发言

   

   inchan 回复于 四月 22nd, 2009 5:33 下午:

   gif容易出毛边，尽量不要用。

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 23rd, 2009 9:50 上午:

   看来大家都知道不要用gif啊……=_=

   (0) (0)
    

   响应这条发言

2. 
   acrobat 讲道 :
   四月 22nd, 2009, 10:29 下午 at 10:29 下午

   好家伙，这一番折腾，当前形势下，古月总要求不折腾。
   watsonxu的web2.0share你可以看一下，这种做圆角，做趣味图片的服务好像很多的。
   http://www.web20share.com/2009/02/photo-tool.html

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 23rd, 2009 9:51 上午:

   哈哈~谢谢分享，我收藏了，居然还有这种在线服务 囧

   (0) (0)
    

   响应这条发言

3. 
   viola 讲道 :
   四月 23rd, 2009, 1:07 下午 at 1:07 下午

   哇，你越来越强大了啊，以后我的图片可以都交给你处理么？

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 23rd, 2009 2:38 下午:

   服务费每次五毛

   (0) (0)
    

   响应这条发言

   

   viola 回复于 四月 23rd, 2009 2:52 下午:

   你个黑心鬼，那么贵啊，我可以是批量处理的大客户啊

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 23rd, 2009 3:20 下午:

   大客户也得付钱呐~~

   (0) (0)
    

   响应这条发言

4. 
   村长 讲道 :
   四月 28th, 2009, 9:24 上午 at 9:24 上午

   你早说，去这个网站一键搞定。。。http://www.roundpic.com/

   (0) (0)
    

   响应这条发言

   

   小果 回复于 四月 30th, 2009 9:16 上午:

   =_= 网上神器果然多

   (0) (0)
    

   响应这条发言

5. 
   尖尖 讲道 :
   四月 28th, 2009, 9:59 下午 at 9:59 下午

   啊这个歌，好怀念。

   申请加个有情链接～

   (0) (0)
    

   响应这条发言

偶也要发言

姓名 (必需)

邮箱 (绝对保密, 必需)

网址

• 关闭

点击取消响应