05 2013 档案

Ai绘图基础和排版练习
摘要:练习一、医院标志小结:1、善于利用图形复制、变换、路径查找器等功能。2、镜像工具也可以复制图像。练习二、小结:1、利用两层做出阴影效果;2、名片尺寸 55*90mm。练习三、胶卷效果小结:对象——封套扭曲(ctrl+alt+C)——用顶层对象建立,快速讲边框和图像合成。 阅读全文

posted @ 2013-05-29 17:16 StaceyDesign 阅读(775) 评论(1) 推荐(0)

Ai绘图基础3
摘要:练习一、QQ企鹅小结:注意钢笔工具的使用,以及图像整体效果。练习二、树枝小结:树枝树叶不够圆滑,棱角有点分明,还是要注意钢笔工具的练习。 阅读全文

posted @ 2013-05-23 15:47 StaceyDesign 阅读(280) 评论(0) 推荐(0)

Ai绘图基础2
摘要:练习一:七星瓢虫小结:1、使用铅笔工具画线时,按住ctrl键不放,点面板空白处即可将当前路径转换为图形,然后再继续画线。2、按住ctrl键不放,拉“星星”形状的角,星星变尖(向外拉)或者变圆(向内拉)。练习二、阴阳太极小结:1、注意“路径查找器”中“形状模式”的使用,图形相加相减等。2、点图形,右键“排列”,调整图形的顺序。3、ctrl+C复制图形,ctrl+F/B 贴在前面/后面。 阅读全文

posted @ 2013-05-21 18:06 StaceyDesign 阅读(279) 评论(0) 推荐(0)

illustrator初学之绘图基础1
摘要:Ai 视图操作常用快捷方式:1、放大/缩小ctrl和+/— ;2、按住空格键临时切换到平移状态;3、双击平移工具实现画布满屏显示;4、ctrl+0 满画布显示。练习一:QQ表情举一反三:练习小结:通过本例学习了椭圆工具,直线/曲线工具以及交换控制面板(shift+F8)的使用。总结:学习illustrator时,不能完全带着photoshop的操作思维,应及时转换,认识到illustrator的不同之处,如快捷键的使用,面板的不同。注意快捷键的使用,熟练了可大大提高作图效率。 阅读全文

posted @ 2013-05-20 18:21 StaceyDesign 阅读(296) 评论(1) 推荐(1)

网页设计实训
摘要:练习:简单企业网页设计总结:1、在制作一个网站时,一定要先草稿好整体布局,用ps制作效果图时,保持清晰的思路,逐步实现。2、网页整体大小,每个块的大小,把握不够,留心观察优秀网站布局。3、颜色搭配,变化万千,不应凭空想象,多看多试。4、注意把握好细节,处理好每个点,整体效果才会好。5、文字排版欠缺,掌握不足,注意学习。6、遇到问题时应多思考,找到解决的办法,不应过分依赖教程(如本例色带的制作)。总而言之,网页制作并不是想象中那么难,但是想要做出优秀的网页,还需要更多努力。路漫漫其修远兮,吾将上下而求索。 阅读全文

posted @ 2013-05-20 09:36 StaceyDesign 阅读(321) 评论(1) 推荐(1)

网页设计相关
摘要:一、网站基础1、 定位网站的类别 网站的类别比较繁杂,从信息流转和提供服务的方式出发,可以分为以下几类: 1.门户类网站 2.信息发布类网站 3.电子商务类网站 4.资源服务类网站 5.娱乐游戏类网站 6.远程教育和医疗诊断类网站等等2、 网站的基本内容按照国内外传统制作网站的要求,一个标准的网站应该包括以下10项内容: 站点结构图(SITE MAP)导航栏(NAVIGATION BAR) 联系方式页面(CONTACT PAGE) 反馈表(FEEDBACK FORMS) 引人入胜的内容(COMPELLING CONTENT) 常见问题解答(FAQs) 精美的图片(GOOD GRAPHICS) 阅读全文

posted @ 2013-05-17 18:36 StaceyDesign 阅读(205) 评论(0) 推荐(0)

文字特效、logo简单练习
摘要:练习一、小结:本例是自我练习,认识到做出理想效果字并不容易,难度较大,多加练习。练习二、小结:logo一般用矢量软件来做,以后学习了AI再重新做,平时留意别人的设计。 阅读全文

posted @ 2013-05-17 16:01 StaceyDesign 阅读(165) 评论(0) 推荐(0)

转:网页设计中的文字运用
摘要:如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中, 文本是网页中最为重要的设计元素。对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见。 文字的格式化 1.字号、字体、行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅,所以,建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较 阅读全文

posted @ 2013-05-15 23:06 StaceyDesign 阅读(211) 评论(0) 推荐(0)

网页元素之登录界面
摘要:练习一、红色网页登陆界面小结:1、渐变颜色多种多样,应用范围广泛,如本例背景采用“角度渐变”;黑色矩形的上下高光边缘,用的是“描边”里的渐变选项;红色按钮是用图层样式“颜色渐变”简单调出。2、倒影制作不够熟练,有意识学习。3、本例颜色搭配,亮丽醒目,很有质感,多看实例。详细步骤参见:http://www.huacolor.com/article/26085.html练习二、蓝色简单登录界面小结:底部的阴影做法:建立椭圆选区——羽化50px——填充。练习三、大气灰色登录界面练习四、橙色透明登录界面小结:通过参考他人作品,结合自身想法,巧妙制作出图像,多参考多积累。 阅读全文

posted @ 2013-05-15 17:13 StaceyDesign 阅读(507) 评论(1) 推荐(0)

网页元素之按钮练习2
摘要:练习一、蓝色玻璃按钮小结:利用钢笔工具勾划选区,渲染高光部分,重点是找准高光部分,构建合适形状的选区。本练习做得较粗糙,钢笔需加强,对高光的感知欠缺。练习二、橙色水晶按钮小结:1、渐变颜色叠加,可塑造高光效果。2、图形自由变换——变形——可自定义,也可选择预设的(本例用了扇形,做出弓形效果)。3、在做图时尽量选择矢量填充,如本例制作图形做好用形状,而不是选区。4、底部投影,可用钢笔工具,结合动感模糊。练习三、蓝色透明水晶按钮小结:1、本练习,没有添加图层样式,单纯用了图层叠加,颜色渐变。2、复制图层,执行:选择 > 修改 > 收缩,再按Delete删除,可保留边框。3、photos 阅读全文

posted @ 2013-05-14 17:48 StaceyDesign 阅读(233) 评论(0) 推荐(0)

网页设计元素之按钮1
摘要:练习一、橙色水晶按钮小结:本练习亮点在于左侧亮光部分设置:用套索工具建立减去选区——填充白色——柔光,不透明度50%。练习二、绿色清新按钮(适当添加杂色)。练习三、制作强质感立体按钮,步骤详见:http://www.wzsky.net/html/Photo/psjc/an/116273.html小结:1、ctrl+T进入自由变换,ctrl+alt+shift拖动控制点(进行透视、变形、扭曲等操作)。2、在图层面板中按住alt键不放再按↑多次,即可得出图形重叠效果(立体)。3、注意图层样式的添加,增加图像效果。练习四、游戏网页按钮小结:1、注意杂色、模糊、锐化的巧妙使用。2、细节决定整体,用心做 阅读全文

posted @ 2013-05-13 15:50 StaceyDesign 阅读(288) 评论(2) 推荐(0)

转:网站Banner设计之道:文字处理
摘要:关于banner设计的话题相信之前已经有很多设计师发表过自己的经验分享,让人看完以后也是感慨良多、受益匪浅。但是这并不妨碍我们再一次提起这个话题,每个设计师的工作方法和设计的切入角度都是不同的,今天我想跟大家着重谈谈banner中的文字设计,如何设计好banner中的文字,让文字和其他元素相辅相成达到和谐的统一。就算只是抛砖引玉,能让大家得到一丝共鸣,产生举一反三的作用,也是非常欣慰的。对于Banner设计,很多人理解为是信手拈来,不需要太多的设计思路就可以完成,这是有必要订正一下的。设计banner可能并不难,但是设计一个称职又有视觉冲击力的banner,还是需要经验积累的。设计师应该力求自 阅读全文

posted @ 2013-05-13 10:52 StaceyDesign 阅读(203) 评论(0) 推荐(0)

网页导航设计练习2
摘要:练习一、练习二、小结:做东西时,切勿空想,应多参考他人的优秀作品,以此借鉴、学习,从而提高自己。积累,积累,再积累! 阅读全文

posted @ 2013-05-12 17:38 StaceyDesign 阅读(128) 评论(1) 推荐(0)

网页导航设计练习
摘要:练习一、本例是通过图层样式、钢笔工具、矢量蒙版结合使用制作。其中图层样式用到“渐变叠加”“阴影”“斜面和浮雕”,在调节图层样式的参数时,只需微调。此处添加了两个圆矩形,一大一小,每个矩形都设置了图层样式,以使导航更有层次感和立体感。用钢笔工具绘制椭圆形,转换为选区,结合矢量蒙版(填充黑色),巧妙地制作出凹陷效果。具体步骤参见:http://wenku.baidu.com/view/e31a998402d276a200292e2b.html注意:1、在添加图层样式时,无需所有样式都要添加,少数几个也能调出理想效果,注意实践,观察细微变化。 2、渐变工具拉出的颜色,是从前景色到背景色,注意设置好颜 阅读全文

posted @ 2013-05-11 15:36 StaceyDesign 阅读(188) 评论(0) 推荐(0)

Photoshop网页设计之导航
摘要:很多企业网站栏目规划不合理、导航系统不完善。相信很多朋友都有同感吧。主要表现在栏目设置重叠、交叉、或者栏目名称意义不明确,容易造成混淆,使得用户难以发现需要的信息,有些网站则栏目过于繁多和杂乱,网站导航系统又比较混乱。那么如何设计才是正确的呢?网站导航结构的设计出发点就是: 让客户尽快找到它想要找的东西。如果你对此不明确,你就应该问你自己:“访问我的客户的网站最想找到的是什么?” 步骤/方法在进行各种类别的网站专业性调查时,经常看到这样的网站:假定某个企业有100种产品,在产品目录页面每个页面安排了第1-10种产品,然后用户要逐级点击“下一页”来查看其他产品,非常麻烦。稍微好一点的网站设计,可 阅读全文

posted @ 2013-05-10 17:46 StaceyDesign 阅读(196) 评论(0) 推荐(0)

学习制作简单柔美光束作业
摘要:最终效果:主要步骤:1、填充背景图层,从中间拉出径向渐变。新建一个组1,用钢笔勾出第一段光束的轮廓,转为选区后给组添加图层蒙版。2、在组1中新建图层,填充青色,不透明度30%,即得到第一个光束轮廓。3、用钢笔工具勾画光束边缘高光部分,转为选区,羽化,填充青色,降低不透明度(渲染高光部分)。4、依照此方法制作出其他光束,然后ctrl+t,右键,变形,随意变化图形至理想形状。5、微调,增加对比度、亮度等。详细步骤参见:http://www.ps-xxw.cn/shilijiaocheng/6167.html总结:通过本次作业,进一步掌握钢笔工具的使用和对图片高光处渲染的方法(羽化选区、填充),以及 阅读全文

posted @ 2013-05-10 14:09 StaceyDesign 阅读(213) 评论(0) 推荐(0)

photoshop图层样式初识1
摘要:图层样式是应用于一个图层或图层组的一种或多种效果。可以应用photoshop 附带提供的某一种预设样式,或者使用“图层样式”对话框来创建自定样式。应用图层样式十分简单,可以为包括普通图层、文本图层和形状图层在内的任何种类的图层应用图层样式。混合选项:是一门看似容易掌握却是最难掌握的技巧之一。混合选项是关于如何将独立不同图层混合制造出特定效果。它是制作图标关键操作,它也能帮助你制造质地纹理,阴影和高光等。投影:是图层样式中较为常用的。它可以给平面的图形增加立体感。设置面板大致分为两大区块:结构,品质。结构中的参数可以控制投影的混合模式、角度、不透明度、大小、距离、扩展等。方便我们控制好投影的位置 阅读全文

posted @ 2013-05-09 19:47 StaceyDesign 阅读(241) 评论(0) 推荐(0)

利用图层混合选项抠图
摘要:实例一、利用图层混合选项,抠出美女的头发。1、打开背景图片及美女图片,美女图片复制两层。2、利用图层混合模式,颜色减淡、正片叠底、蒙版等制作出如下图所示,具体步骤参见 http://tech.ddvip.com/2006-12/116731173116871.html实例二、依照上述实例方法,制作出如下图:实例三、利用“正片叠底”,图层样式等功能,美化图片。总结:图层混合模式功能较多,易混淆,难以牢记,使用时不能明确该用哪个功能,应先理解各个功能,并结合大量实例,逐步掌握。 阅读全文

posted @ 2013-05-08 20:44 StaceyDesign 阅读(440) 评论(2) 推荐(0)

图层混合模式之正片叠底、滤色
摘要:实例一、初识正片叠底的功能1、新建文件1,填充为土黄色。2、复制图片素材到文件一上。素材原图如下:3、分别设置图层1、图层2的混合模式为“正片叠底”,得到如下图效果。可以看出图层1和背景正片叠底混合后,黑色部分保留,图层2和背景正片叠底混合后,黑色部分保留,白色部分完全不保留。小结:正片叠底的特性是:1)、白色,对下层没有影响,好像是透明一样。2)、灰色,会使下层的颜色加深。3)、黑色,完全保留黑色。4)、总体是保留下层的颜色。经常利用的是:对于黑白颜色的图片,用这个方法是最合适的了。连抠图都可以省略了。实例二、认识滤色1、复制新的图片3到上述文件中,为图层3,图片3如下:2、按ctrl+I反 阅读全文

posted @ 2013-05-08 12:15 StaceyDesign 阅读(1831) 评论(1) 推荐(0)

PS图层混合模式详解
摘要:PS中图层混合模式中的溶解,变暗,正片叠底,颜色加深,线性加深,叠加,柔光,亮光,强光,线性光,点光,实色混合,差值,排除,色相,饱和度,颜色,亮度各是什么原理?Normal正常模式,也是默认的模式。不和其他图层发生任何混合。Dissolve溶解模式。溶解模式产生的像素颜色来源于上下混合颜色的一个随机置换值,与像素的不透明度有关。Behind背后模式。只对图层的透明区域进行编辑。该种模式只有在图层的LockTransparentPixels(锁定透明区域)为不勾选状态才有效。Clear清除模式。任何编辑会让像素透明化。这种模式和画笔的颜色无关,只和笔刷的参数有关。该模式对形状工具(当FillP 阅读全文

posted @ 2013-05-08 11:38 StaceyDesign 阅读(3786) 评论(0) 推荐(0)

调整图层初识3
摘要:色相/饱和度:一款快速调色及调整图片色彩浓淡及明暗的工具。功能非常强大。在色相/饱和度调节面的上部有颜色可供选择。主面板主要包括三个参数:色相、饱和度、明度。色相是用来改变图片的颜色,拖动按钮的时候颜色会按:红-黄-绿-青-蓝-洋红的顺序改变,如选择绿色调节增加数值就会向青-蓝-洋红依次调整,减少数值就会向黄-红-洋红依次调整,对多种颜色调节规律一样。饱和度是用来控制图片色彩浓淡的强弱,饱和度越大色彩就会越浓。饱和度只能对有色彩的图片调节,灰色,黑白图片是不能调节的。明度相对来说比较好理解,就是图片的明暗程度,数值大就越亮,相反就越暗。自然饱和度:“自然饱和度”是图像整体的明亮程度,“饱和度” 阅读全文

posted @ 2013-05-03 16:37 StaceyDesign 阅读(324) 评论(0) 推荐(0)

调整图层初识2
摘要:色阶:有三个滑块分别是:黑色、灰色、白色滑块,黑色代表暗部,灰色代表中间调,白色代表高光,拖动这些滑块就可以调整图片的明暗,我们可以按照图片的实际明暗选择相应的滑块快速修复图片的明暗。输出色阶由黑色至白色渐变构成,拖动两边的按钮可以快速调整明暗。同时我们也可以选择面板中的自动来自动修复图片的明暗。亮度/对比度:亮度对比度是款常用的调节明暗,对比的工具。增加明度就是增加图片亮度,相反减少就是加深图片。增加对比度就是增加图片高光亮度,同时加深暗部,这样明暗对比就更强烈,起到增加对比效果。减少对比度就会把高光部分加深,暗部增亮,减少图片的明暗对比。曝光度: 用来控制图片的色调强弱的工具。跟摄影中的曝 阅读全文

posted @ 2013-05-02 22:47 StaceyDesign 阅读(279) 评论(3) 推荐(0)

利用调整图层填充图案制作简单老照片实例
摘要:添加或建立新的图层面板,在对图像处理时,方便快捷,且易恢复,本节利用图案调整图层制作简单老照片。实例1:1、打开原图2、添加图案填充图层,添加彩色纸的灰色纸,载入图层,图层模式为色相,不透明度70%,如下图。3、添加图案填充图层2,柔光,60%,图案填充3,正片叠底,68%。4、添加曲线调整图层,对RGB进行微调,如下图。最终得到效果图,如下:实例2:步骤略原图:调整后:总结:photoshop cs6 中预设了许多填充图案,利用多种图案叠加,可以制作许多不同效果的图片,多尝试即可。 阅读全文

posted @ 2013-05-02 17:42 StaceyDesign 阅读(237) 评论(1) 推荐(0)