二月, 2010
用photoshop制作一个简洁的蓝色网页
效果图: 步骤: Step1 背景 新建一个文档,如图: 视图>新建参考线,垂直50px,950px。水平参考线在102px,404px,497px,832px. 设置前景色#5398B8,填充文档。滤镜>杂色>添加杂色,设置参数如图: Step2: header 制作logo和其它图标时将使用到发布在Smashing杂志的Flavours 图标集,下载Nevis字体。 把Tablet图标如下图放置,选择Nevis字体然后写下一些东西,例如“portfolio”,然后如图设置: 点击“portfolio”文本层,选择混合选项。进行设置如图: 在参考线上方40px处写上文本 新建一个图层组,命名“导航”,然后选择18pt大小的Myriad Pro字体和#2a2a2a的颜色制作导航。“home”选择白色#ffffff. 复制导航层移动到原来层下方,然后反向更改文本颜色,把颜色是#ffffff改变为#2a2a2a。把颜色是#2a2a2a改变为#ffffff。 然后把图层向下和向右各移动1px。然后改变不透明度40%。 新建一个图层(shift+ctrl+N),移动到文本层下方。选择圆角矩形工具,设置半径5px前景色3487f99制作按钮。 点击按钮层设置图层混合选项,运用下面的设置 你的导航应该看起来像这个样子: 设置前景色#487f99,点击铅笔工具,设置笔刷1px,创建40px长度的垂直线。然后设置前景色#a4bfcc在刚刚直线的右边创建一样长度 的直线。 Step3: lines 新建图层组,取名“直线”。像刚刚创建垂直线一样制作水平线。建议:制作直线时按住shift键。 Step4:“My Works”Block 新建一个图层组取名“我的作品”。然后从Flavours图标中选择case图标。移动在第一条参考线下的20px处。然后输入“MY WORDS”,字体设置和step2:header中“Portfolio”一样。 设置前景色#000000, 圆角矩形工具,半径5px制作一个按钮如图: 降低不透明度为20%,从Flavours 图标集中选择blue plus按钮,调整W和H大小,移动到之前制作的按钮上。设置前景色#2a2a2a,选择Myrid Pro14pt大小字体。输入“see all works”,移动位置如图所示: 点击“see all works”图层,设置混合选项。 这是运用阴影之后的效果 设置前景色#487f99,选择圆角矩形工具半径5px。制作一个大约190px的box。 选择导航图层组,点击在这个层的按钮,复制图层样式。选择先前在“my works”图层组中的box层。粘贴图层样式。 复制图层,放置它们如图: 挑选你作品中的三个图片,调整它们的大小移动到boxes。如图: 设置前景色#2a2a2a,选择横排文字工具,Myriad Pro字体,大小16pt。写下关于项目的简洁描述。然后在第二张图片上运用阴影选项。 复制描运用了阴影的描述层,移动到其它作品的下方 新建一个图层,移动到“my works”图层组所有层的下方。选择矩形选择工具选择在第一和第二条参考线内的所有区域。填充黑色#000000.如图: 点击新建的图层运用渐变叠加,设置如下: 降低不透明度到30%,你将获得下面的效果 选择来自Flavours图标集中的button [...]
用photoshop制作一个时尚ipod
效果: Step 1 新建文档设置如1a,命名图层“背景”,填充任何颜色。然后设置如图1b。 Step 2 新建一个图层组取名“ipod”,在这个图层组中新建一个层也取名“ipod”,选择矩形工具画一个形状如图2a,用钢笔工具点击形状,然后修改如 图2b、2c. 然后变换成选取填充颜色如图2d。 Step 3 打开混合选项,调整设置如图3a。新建一个层命名“光线ipod”,用矩形选择工具制作举行选取填充白色(3b),然后降低不透明度为30% (3c) Step4 创建一个新层“屏幕背景”。使用圆角矩形工具(5px)画一个下图的形状填充黑色(4a)。然后设置混合选项(4b) Step5 使用矩形选择工具制作选区(5a)。复制这个选取,命名新层为“屏幕背景光线”。降低不透明度为30%(5b).然后设置混合选项(5c). Step6 新建一个层“屏幕”,使用相同的工具制作矩形选区,填充黑色(6a)。然后设置混合选项(6b) Step7 使用多边形套索工具制作像7a的选区,复制选区命名新层“屏幕光线”。打开混合选项使用设置如图7b,降低不透明度为30%。 Step8 新建一个层“按钮背景”,使用椭圆矩形工具制作圆形选区,填充白色(8a)。然后打开混合选项设置(8b,8c) Step9 在“按钮背景”层上方建立一个层“圆形”。使用相同工具制作一个较小的圆形选区填充白色(9a)。然后打开混合选项设置(9b,9c),添加一个按 钮图标在“按钮背景”(9c) Step10 制作右耳机。 新建一个图层组(在“ipod”图层组外),取名“右耳机”,使用椭圆选择工具和钢笔工具制作选区如图10a,打开混合选项使用如下设置 (10b,10c,10d) Step11 新建一个文档(20*20px),背景透明。选择自定形状工具,选择斜线形状11a。画出形状然后用黑色填充,编辑>自定义图案,命名“对角 线”,关掉文档。 Step12 到主文档,新建一个层在“right 03”下方,命名为“right 06”。然后点击“right 03”层获得选区,选择>修改>收缩,收缩2px。 编辑>填充,在内容中选择图案“对角线” Step13 左耳机的制作。新建一个图层组在“ipod”和“背景”之间,命名“左耳机”,做右耳机一样的步骤。 Step14 在“左耳机”中,新建一个层,叫“左阴影”然后根据下面的图片制作: Step15 在“左耳机”下方新建一个图层组“线”。使用钢笔工具画如图15a,设置笔刷硬度4px,黑色,然后按u,在图像上点击鼠标,选择描边路径画出黑线 15b,然后进行设置如图15c. Step16 复制“线”,命名“线阴影”。移动到“线”下,降低不透明度为40%,然后移动这个层下一点。 Step17 新建一个图层组在“左耳机”图层组下方,取名“阴影”,使用笔刷工具、钢笔工具和椭圆选择工具根据下图画: 效果图: 完成了这个设备,要是为了较快的装扮,可以下载原文件运用你自己的色彩! 原文网址: http://www.photoshoplady.com/tutorial/how-to-create-a-realistically-3d-ink-pen-using-photoshop/2723 转载请保留本文链接|来自focusec
博客排版探究
最近看了好多和博客,和网络阅读有关的文章,比如说《调查显示谷歌新闻用户44%只看标题不点内容》。自己因此思考,心有所得,不过两眼 所见,个人思想,难免狭隘,欢迎各位指正与交流。 这是一个快速阅读的时代,信息指数爆炸地增长,今后很难指望读者会认真品味你的作品。在这种趋势下,怎样让读者找到你,浏览你的文章,其实已是难得的了。 特别是在网络中,怎样做到这两点?网络营销可以告诉你很多方法。不过我所考虑的主要是专注于自己的作品,怎样排版布局更好地便于读者浏览?另外在最后,与 各位分享一个和个人媒体有关的故事:《水》。 阅读习惯: 快速阅读的时代,读者会怎样看博客?一般来说,网民在接触网络后,会慢慢地形成自己的阅读习惯的。先说一下在纸媒为主的时代,一般人的阅读习惯和现 在一般人的阅读习惯对比一下: 阅读纸媒作品时,我们会自己在脑海中思考想像,自己创造各种物像与辨析。而在阅读网络信息时,我们更像是在做出各种选择,选择阅读哪类信息,各种物 像都很具体,有图片,有音乐,有视频,只需要做出选择就行了。各种抽象数据也尽量图表化,有些网站设计时会想方法引导你的点击,比如说有各种行动按钮,不 要让用户思考等等。 自己创造是一件乐趣事,读者才会有精读与浏览的问题。而在网络上,谁会一而再,再而三地读一篇文章?毕竟选择是一件烦恼的事。 向杂志和PPT学习 如果用户来到你的博客,怎样让他会稍微认真地浏览一下你的文章?我想可以向纸媒的杂志和演示文档PPT学 习一下。 杂志特点: 快速读物,知识通俗易懂,热门话题,图文并茂,便于翻阅和携带 PPT 特点:演示文档,知识结构很直观,浓缩精要,有限时间让别人接受 从上面杂志和PPT的特点中,博客可 以学习到很多有关排版布局方面的知识。 博客排版探究 缩写:把你主要 的观点和建议浓缩精要,一般网民不会花很多时间在一篇文章中,从1000字缩写成400字,他可能会更耐心地阅读和理解你的文章。 清晰简单的结构:现 在有很多人喜欢分享PPT,因为PPT的知识不仅浓缩,而且结构简单清晰,很快就能接受。大学临近考试时,有些经常逃课同学花一个晚上的时间就能把老师一 个学期讲解的内容消化掉。标题1,标题2,标题三(h1,h2,h3),还有用好序列号等等都可以把结构清晰化。网上有很多这方面的教程,有兴趣者可以搜 索一下。 利用好图片和视频:制 作PPT有个好的方法就是一图二表三文字,好的图片帮助读者理解内容,避免内容单调乏味。视频的作用亦然,不过由于文件大小和制作比较复杂,一般博客用得 比较少。 保持简洁:不搞 好卫生还好意思让人家进来吗?来了也会走的。像国内下载站,门户站那样充满广告,花花绿绿,读者会认真浏览文章吗? 一个个人媒体的故事:《水》 沈从文的妻子张兆和来自一个世家,有三个亲姐妹。四人才情俱备,在1929年于苏州九如巷创办家庭杂志《水》, 经历历史风潮之后,其妹妹张充和于 1996年在北京将之复刊,可以说是中国近现代最古老的个人媒体了。博客在国内以后怎么发展,who knows? 补张充和诗:十分冷淡存知己,一曲微茫度此生。 转载请注意本文链接|来自focusec
