随笔分类 -  PhotoShop专题

本分类专注于Adobe PhotoShop图像处理技术以及各种网页设计特效处理等。
转:一个banner仔的自我修养(1) ——字体字形篇
摘要:作者:LipengBian 筒子们好,今天我们一起来探讨一下Banner的设计,在这一次的教程中我会介绍一些平时总结下来的可以让banner迅速达成效果的简单小窍门,如果你在平时有大量的banner设计工作,并且总觉得时间不够用,那么希望本次的教程可以帮助到你。 好了,那么我们进入正题。 首先让我们 阅读全文

posted @ 2016-02-15 15:24 StaceyDesign 阅读(219) 评论(0) 推荐(0)

设计师应该知道的那些事儿(一)
摘要:最近一个作业是设计海报,弄好之后总觉得不太好,于是发邮件请教老师,老师答复说这种问题没有答案,只能隔一段时间(比如睡一觉之后)回头再看,可能会有更好的想法。这个道理我能够明白,但还是担心自己会在错误的路上一直走下去,就像一个人如果不刻意纠正自己,即使他生活在国外每天和当地人交谈,外语水平还是不会有什... 阅读全文

posted @ 2015-01-23 14:37 StaceyDesign 阅读(271) 评论(0) 推荐(0)

PS制作高光导航背景
摘要:本节学习制作高光背景,效果图如下:参考教程:http://www.3lian.com/edu/2012/12-19/50117.html知识点:1、钢笔工具绘制路径并填充,需要注意的是使用钢笔时,菜单栏上要选择“路径”,否则无法填充;2、制作高光,关键点:图层样式“叠加”,并设置透明度,适当复制一层... 阅读全文

posted @ 2015-01-08 10:01 StaceyDesign 阅读(359) 评论(0) 推荐(0)

爱不释手!2014年最佳的20个优秀网页设计
摘要:就要同2014年说再见了,是时候回顾一下这一年里的伟大设计了!著名的设计博客Designmodo评选出了年度最佳的20个优秀网站,这些优秀的网页不仅设计精心,而且紧跟时下流行的设计趋势。网页设计师们总会热衷于追随最新的设计趋势,所以你能在这些优秀的网页中看到这些趋势——扁平化设计、极简风、视差滚动、... 阅读全文

posted @ 2014-12-08 14:49 StaceyDesign 阅读(240) 评论(0) 推荐(0)

UI设计教程-界面设计构图
摘要:九宫格构图,圆心点放射形构图,三角形构图,SF字形构图。1.九宫格网格构图这种版式主要运用在分类为主的一级页面,起到功能分类的作用。通常在界面设计中,我们会利用网格在界面进行布局,根据水平方向和垂直方向划分所构成的辅助线,设计会进行得非常顺利。在界面设计中,九宫格这种类型的构图更为规范和常用,用户在... 阅读全文

posted @ 2014-12-08 14:07 StaceyDesign 阅读(1318) 评论(0) 推荐(0)

ps图层组快捷键 一次打开或关闭所有的顶级图层组
摘要:这些快捷键是:· 按住Ctrl键点击顶级图层组的箭头来一次打开/关闭所有的顶级图层组。· 按住Alt键点击图层组箭头来打开/关闭所有嵌套图层组。· 按住Ctrl+Alt键点击顶级图层组的箭头来打开/关闭所有的顶级图层组和所有的嵌套图层组。 阅读全文

posted @ 2014-12-08 11:36 StaceyDesign 阅读(7076) 评论(0) 推荐(0)

Ipod按钮制作
摘要:本节做了一个ipod按钮,主要运用了图层样式,看教程,按照每一个参数去调,对学习本身用处好像不是很大,以后应该看效果自己尝试去调参数。效果图:教程地址:http://www.uimaker.com/uimakerhtml/uistudy/uicss/2014/1202/109503.html 阅读全文

posted @ 2014-12-04 11:15 StaceyDesign 阅读(224) 评论(0) 推荐(0)

线条图标之球线条制作
摘要:本节制作一个线条球体,简单的线条绘制出不一样的图标,看似简单倒也用了不少知识,涉及到的知识点:1、路径工具里的“减去”“交叉”“合并图形元件”等,这些工具在ps里没有AI中使用方便,但是也可以小小运用下,作图的时候不必拘泥于一种方法,可以尝试多种方法,能实现最终效果即可,避免浪费时间。2、尽量合并一... 阅读全文

posted @ 2014-12-03 10:55 StaceyDesign 阅读(273) 评论(0) 推荐(0)

让网页活起来!韵律线带你提升带你飞!
摘要:时代进步,人们的审美也不断地随之产生着微妙的变化。以前,人们的审美普遍倾向于色彩多且透明度低,看起来很充实的事物;而现在,人们则对简单精致的设计更钟爱有加。网页的设计既要美观独特,也要符合大众的口味和趋势,也许用布局和线条来优化提升是个不错的选择。用简单的线性元素为网页带来意想不到的效果,这样的线条... 阅读全文

posted @ 2014-12-03 09:09 StaceyDesign 阅读(219) 评论(0) 推荐(0)

打造晶格化背景
摘要:在uimaker上看到一个网格背景教程,还不错,主要利用了混合模式的叠加和柔光,另外,图形嵌套也可以发挥很好的作用(在两个图层之间的横线上按alt,即可嵌套)。用简单的步骤打造不一样的效果。教程详解:http://www.uimaker.com/uimakerhtml/uistudy/uicss/2... 阅读全文

posted @ 2014-12-02 11:09 StaceyDesign 阅读(172) 评论(0) 推荐(0)

简单banner制作
摘要:简单做了一个banner,效果不是很好,主要温习了蒙版知识和滤镜的使用,其中使用(图像 > 调整 >照片滤镜,可以让图片融合得更协调,另外图片上添加斜线做背景,这些小技巧在做banner时,能打造出不错的效果。 阅读全文

posted @ 2014-12-01 11:43 StaceyDesign 阅读(176) 评论(0) 推荐(0)

14个有效提高网站Banner点击率的设计技巧分享
摘要:虽然互联网发展迅速,但是利用Banner来推广产品,依然是王道。很多公司都采用这种形式进行宣传,优点多多:便宜、效果可监测、行之有效。现在呢,假设有客户让你帮忙设计个Banner广告,你要怎么设计呢?要怎么提高广告的点击率呢?下面将详细讲述Banner设计的14条建议。1. 选择最有效的Banner... 阅读全文

posted @ 2014-12-01 10:28 StaceyDesign 阅读(317) 评论(0) 推荐(0)

十个简单好用的设计技巧
摘要:本文作者Mark Praschan是一位具有将近十年经验的网页设计师,Web开发师,Web项目经理人。 文中强调复杂的高级效果能为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简单的效果与其配合。 简单的效果和技... 阅读全文

posted @ 2014-11-28 17:14 StaceyDesign 阅读(299) 评论(0) 推荐(0)

PS滤镜绘制漂亮线条制作
摘要:先看最后效果 1.新建一图层---选择画笔画条垂直线(颜色为白色)。 2.滤镜里面的动感模糊(大小视效果而定吧) 3.两头细的线条出来了 执行后效果如图。 4.执行滤镜---扭曲(使线条变扭得自然点) 5.选择移动工具+ALT键对线条层进行复制排列(排列效果就看自己的喜好啦)---将复制出... 阅读全文

posted @ 2014-11-28 10:41 StaceyDesign 阅读(818) 评论(0) 推荐(0)

导航分隔线制作
摘要:做一个常用的导航分隔线,方法有很多,注意灵活运用。知识点:单列选框工具及选区描边的使用。效果图:具体教程:新建一个图层,使用单列选框工具。描边1像素,填充黑色。Ctrl+D(取消选择)Ctrl+T (自由变换) - 调节适合长度图1.复制图层,填充白色,向→移动。把副本图层放在原图层下面。并且~合并... 阅读全文

posted @ 2014-11-28 09:15 StaceyDesign 阅读(333) 评论(0) 推荐(0)

轻松画图标!教你一分钟玩转PS路径描边
摘要:偶然学习到线框图标的制作方式,学着做了一张,效果不是很理想,矢量图在AI里是最好的,不过这次实例强化了下钢笔工具,路径描边的使用,效果图:一、PS绘制线式图标详细过程绘制路径时用到的工具:钢笔工具——绘制路径。路径选择工具——调整路径大小使用。直接矛点选择工具——调整矛点位置。转角工具——调整路径圆... 阅读全文

posted @ 2014-11-27 14:44 StaceyDesign 阅读(3899) 评论(0) 推荐(0)

透明质感产品介绍页
摘要:本节简单做了一个透明的产品介绍页,主要是打造“透明玻璃”的感觉。效果图:知识点:1、背景图用了滤镜——高斯模糊,这种方法在制作模糊图片很有用。2、主题部分主要调节图层混合模式选项,透明度,填充等等,其中柔光,叠加,减淡等选项在打造细节上,非常有用,以后应该多尝试。3、好的纹理图片添加为图片,用来填充... 阅读全文

posted @ 2014-11-26 11:40 StaceyDesign 阅读(124) 评论(0) 推荐(0)

Photoshop辅助线和标尺的使用技巧
摘要:1.拖动辅助线时按住Alt键可以在水平辅助线和垂直辅助线之间切换。按住Alt键点击一条已经存在的垂直辅助线可以把它转为水平辅助线,反之亦然。注意:辅助线是通过从标尺中拖出而建立的,所以要确保标尺是打开的[Ctrl+R](View>ShowRulers)。2.拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度。3.双击辅助线可以打开辅助线&风格参数设置对话框[Ctrl+K,Ctrl+6](File>Preferences>Guides&Grid...)。4.双击标尺[Ctrl+R]可以打开单位&标尺参数设置对话框[Ctrl+K,Ctrl+5](File>Pre 阅读全文

posted @ 2014-03-21 15:49 StaceyDesign 阅读(399) 评论(0) 推荐(0)

借鉴:叠柔配色法
摘要:简单三步:①一个黑或白色,或黑白渐变(可以是点、线、面...甚至字体)②混合模式选择叠加或柔光③调整透明度(1%-100%随意,省心的做法是直接键入一个整数值,比如:轻质感类页面可以选择20%-40%,重质感感类可以键入60%或以上)如下图:(无论你采用何种主色,用黑白色彩叠加或柔光,你都可以轻松自如的获得完美匹配的整套色系)这并不仅仅适用于色域划分或提取几个辅色,如下图:字体颜色、细节线条、按钮渐变、边角高光、描边阴影......都可以用黑白色肆意挥洒!方法延伸(细节篇)假如将该方法运用到一个按钮上......通过混合选项中的“阴影、外发光、描边(不适用叠柔法)、内阴影、内发光”可以自由的刻 阅读全文

posted @ 2014-03-21 12:29 StaceyDesign 阅读(189) 评论(0) 推荐(0)

网页设计标准尺寸
摘要:网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色 阅读全文

posted @ 2014-03-13 17:38 StaceyDesign 阅读(292) 评论(0) 推荐(0)