推荐阅读
PS制作与玻璃撞击的动感岩石文字效果
碎块字制作思路并不复杂,分为两个大的步骤。首先是文字部分的处理,用选区及移动工具把文字分成多个碎块;然后用图层样式及纹理素材增加质感和纹理即可。最终效果 一、新建一个960 * 560像素的文件,背景填充黑色。 二、选择文字工具输入所需的文字,文字颜色为白色。 三、在文字缩略图上右键选择栅格化文字。
20个“标准的”配色方案
20个“标准的”配色方案<html> <head> <title>Colors</title> <style type="text/css"> body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; } .style1{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #96C2F1; background-color: #EFF7FF } .style1 h5{ margin: 1px; background-color: #B2D3F5; height: 24px; } .style2{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #9BDF70; background-color: #F0FBEB } .style2 h5{ margin: 1px; background-color: #C2ECA7; height: 24px; } .style3{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BBE1F1; background-color: #EEFAFF } .style4{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CCEFF5; background-color: #FAFCFD } .style5{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFCC00; background-color: #FFFFF7 } .style6{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #92B0DD; background-color: #FFFFFf } .style6 h5{ margin: 1px; background-color: #E2EAF8; height: 24px; } .style7{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A9C9E2; background-color: #E8F5FE } .style8{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #E3E197; background-color: #FFFFDD } .style9{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #ADCD3C; background-color: #F2FDDB } .style10{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #F8B3D0; background-color: #FFF5FA } .style11{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #D3D3D3; background-color: #F7F7F7 } .style12{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BFD1EB; background-color: #F3FAFF } .style13{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFDD99; background-color: #FFF9ED } .style14{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CACAFF; background-color: #F7F7FF } .style15{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A5B6C8; background-color: #EEF3F7 } .style16{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CEE3E9; background-color: #F1F7F9 } .style17{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CAE3FF; background-color: #F4F9FF } .style18{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #C9D9EE; background-color: #ECF8FF } .style19{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #5C9CC0; background-color: #F2FAFF } h5{color:#CCCCCC;margin-left:680px} a{color:#CCCCCC;text-decoration:none} a:hover{color:#666666;text-decoration:underline} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="style1"><h5>Title</h5></div> <div class="style2"><h5>Title</h5></div> <div class="style6"><h5>Title</h5></div> <div class="style3"></div> <div class="style4"></div> <div class="style5"></div> <div class="style7"></div> <div class="style8"></div> <div class="style9"></div> <div class="style10"></div> <div class="style11"></div> <div class="style12"></div> <div class="style13"></div> <div class="style14"></div> <div class="style15"></div> <div class="style16"></div> <div class="style17"></div> <div class="style18"></div> <div class="style19"></div> </body> </html> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
Flash CS5实例教程:漂亮的气泡动画
function ball(r:int):MovieClip {//自定义函数 ball,参数为 r,整数型,返回值为 MovieClipvar col:uint=0xffffff*Math.random();//声明一个无符号整数型变量 col,获取任意颜色var sh:MovieClip=new MovieClip();//声明一个影片剪辑类实例 shsh.graphics.beginGradientFill(GradientType.RADIAL,[0xffffff,col,col],[0.5,1,1],[0,200,255]);//在 sh 中设置渐变填充样式(放射状渐变,颜色,透明度,色块位置)sh.graphics.drawCircle(0,0,r);//在 sh 中画圆(圆心坐标(0,0),半径为参数r)sh.graphics.endFill();//结束填充return sh;//返回 sh}var ballArr:Array=[];//声明一个空数组 ballArrfor (var i:int=0; i<10; i++) {//创建一个 for 循环,循环 10次var balls:MovieClip=ball(Math.random()*20+20);//声明一个影片剪辑类实例balls,调用函数 ball(参数r 半径的值为 20-40 之间的随机值)addChild(balls);//把 balls添加到显示列表balls.x=Math.random()*(stage.stageWidth-balls.width)+balls.width/2;//balls 的 X 坐标balls.y=Math.random()*(stage.stageHeight-balls.height)+balls.height/2;//balls 的 Y坐标,使它出现在舞台的任意位置balls.vx=Math.random()*2-1;//为 balls 设置自定义属性 vx,数值为-1-1 之间的随机数,表示 X 方向的速度balls.vy=Math.random()*2-1;//为 balls 设置自定义属性 vy,数值为-1-1 之间的随机数,表示 Y 方向的速度ballArr.push(balls);//把 balls 添加到数组 ballArr 中}addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听,调用函数 framefunction frame(e) {//定义帧频事件函数 framefor (var i:int=0; i<ballArr.length; i++) {//创建一个 for循环,循环次数为数组 ballArr 的元素数var balls:MovieClip=ballArr;//声明一个影片剪辑类实例 balls,获取数组 ballArr 的元素balls.x+=balls.vx;//balls的 X 坐标每帧增加balls.vxballs.y+=balls.vy;//balls的 Y 坐标每帧增加balls.vyif (balls.x<balls.width/2) {//如果balls 出了舞台左边缘balls.x=balls.width/2;//balls 的 X坐标获取balls 宽度的一半balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.x>stage.stageWidth-balls.width/2) {//如果 alls 出了舞台右边缘balls.x=stage.stageWidth-balls.width/2;//balls 的 X 坐标获取场景宽度与 balls 宽度一半的差balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.y<balls.height/2) {//如果 balls出了舞台上边缘balls.y=balls.height/2;//balls 的 Y坐标获取 balls 高度的一半balls.vy*=-1;//balls.vy 获取它的相反数}if (balls.y>stage.stageHeight-balls.height/2) {//如果 balls 出了舞台下边缘balls.y=stage.stageHeight-balls.height/2;//balls 的 Y 坐标获取舞台高度与 balls 高度一半的差balls.vy*=-1;//balls.vy 获取它的相反数}}for (var j:int=0; j<ballArr.length-1; j++) {//创建一个 for 循环,循环次数比数组 ballArr 元素数少 1var ball0:MovieClip=ballArr[j];//声明一个影片剪辑类实例 ball0,获取数组 ballArr 的元素for (var m:int=j+1; m<ballArr.length; m++) {//创建一个 for 循环,var ball1:MovieClip=ballArr[m];//声明一个影片剪辑类实例 ball1,获取数组 ballArr 的元素var dx:Number=ball1.x-ball0.x;//声明一个数值型变量 dx,获取var dy:Number=ball1.y-ball0.y;//声明一个数值型变量 dy,获取var jl:Number=Math.sqrt(dx*dx+dy*dy);//声明一个数值型变量 jl,获取小球的距离var qj:Number=ball0.width/2+ball1.width/2;//声明一个数值型变量获取小球半径之和if (jl<=qj) {//如果 jl 小于等于 qjvar angle:Number=Math.atan2(dy,dx);//声明一个数值型变量angle,获取ball1 相对于 ball0 的角度var tx:Number=ball0.x+Math.cos(angle)*qj*1.01;//声明一个数值型变量 tx,获取目标点的 X坐标var ty:Number=ball0.y+Math.sin(angle)*qj*1.01;//声明一个数值型变量 ty,获取目标点的 Y坐标ball0.vx=- (tx-ball1.x);//ball0 在X 方向的速度ball0.vy=- (ty-ball1.y);//ball0 在Y 方向的速度ball1.vx=(tx-ball1.x);//ball1 在 X方向的速度ball1.vy=(ty-ball1.y);//ball1 在 Y方向的速度}}}}
生态摄影奥秘
说到CCD的尺寸,其实是说感光器件的面积大小,这里就包括了CCD和CMOS。感光器件的面积越大,也即CCD/CMOS面积越大,捕获的光子越多,感光性能越好,信噪比越低。CCD/CMOS是数码相机用来感光成像的部件,相当于光学传统相机中的胶卷。 CCD上感光组件的表面具有储存电荷的能力,并以矩阵的方式排列。当其表面感受到光线时,会将电荷反应在组件上,整个CCD上的所有感光组件所产生的信号,就构成了一个完整的画面。 如果分解CCD,你会发现CCD的结构为三层,第一层是“微型镜头”,第二层是“分色滤色片”以及第三层“感光层”。 第一层“微型镜头” 我们知道,数码相机成像的关键是在于其感光层,为了扩展CCD的采光率,必须扩展单一像素的受光面积。但是提高采光率的办法也容易使画质下降。这一层“微型镜头”就等于在感光层前面加上一副眼镜。因此感光面积不再因为传感器的开口面积而决定,而改由微型镜片的表面积来决定。 第二层是“分色滤色片” CCD的第二层是“分色滤色片”,目前有两种分色方式,一是RGB原色分色法,另一个则是CMYK补色分色法这两种方法各有优缺点。首先,我们先了解一下两种分色法的概念,RGB即三原色分色法,几乎所有人类眼镜可以识别的颜色,都可以通过红、绿和蓝来组成,而RGB三个字母分别就是Red, Green和Blue,这说明RGB分色法是通过这三个通道的颜色调节而成。再说CMYK,这是由四个通道的颜色配合而成,他们分别是青(C)、洋红 (M)、黄(Y)、黑(K)。在印刷业中,CMYK更为适用,但其调节出来的颜色不及RGB的多。 原色CCD的优势在于画质锐利,色彩真实,但缺点则是噪声问题。因此,大家可以注意,一般采用原色CCD的数码相机,在ISO感光度上多半不会超过400。相对的,补色CCD多了一个Y黄色滤色器,在色彩的分辨上比较仔细,但却牺牲了部分影像的分辨率,而在ISO值上,补色CCD可以容忍较高的感光度,一般都可设定在800以上 第三层:感光层 CCD的第三层是“感光片”,这层主要是负责将穿过滤色层的光源转换成电子信号,并将信号传送到影像处理芯片,将影像还原。
最新发布
Photoshop设计时尚化妆品促销海报的PS海报设计教程
最终效果1、产品修图:修图并不高深,只需要我们对摄影灵魂光影把握好,产品自然生动有细节和质感。而产品的光影在原图里已经告诉我们了。我们只需要对光影进行加强对比和明暗的过渡。2、原图比较灰,图灰的意思就是暗的不够暗,亮的不够亮,对比不够明显。去色之后,就更容易观察图明暗效果了。可在图层上方建一个观察组,用渐变映射去色。 3、单独抠出化妆瓶盖部分,新建一个图层,渐变设置如下图。
使用Photoshop磨皮插件给人像照片磨皮的PS照片处理教程
修这组图的时候很纠结,这次不想加很浓的氛围感,只想要那种接近原片的色调和舒服的感觉,所以是基于原片的基础稍作修饰改动。很多童鞋一直喊我出磨皮教程,但一般妹纸都不希望自己没磨皮的照片被大家看见。在这里我们感谢橘子妹妹愿意牺牲自己没美化过的原图来给大家学习。因为这次的教程核心是磨皮,所以调色的步骤不细说,一笔带过。进入正题:下面我们就用这张图作为我们这次的磨皮例子把。 分 析1. 不够通透,不够清爽。2. 整体不够干净,画面暗部过暗,脏脏的。根据个人习惯,先在lr进行初步调色,以前的教程写的都是调色的过程。这次重点说的是磨皮,所以我们直接进入磨皮的过程。
PS磨皮教程:给高清人像保细节磨皮并增加肤色的通透性
作者磨皮的方法为中性灰;不过在操作的时候,并没有填充中性色,直接用白色画笔涂亮暗部,用黑色画笔减少亮度,这样就可以快速磨皮;后期再对人物局部光影进行微调,就可以增加通透感。最终效果原图1、我们放大人物看到很多大的斑点和头发丝,用修补工具精修细节处理。2、建立一个空图层填充成黑色,把正常模式改变成颜色。3、复制相同的黑色图层,把模式在改成柔光,在复制一个柔光我们把这个叫做观察器。
详细解析Photoshop人像照片后期通道磨皮教程
大家都知道photoshop功能强大之一就体现在图像处理上,运用Photoshop修肤的方法也很多,比如:高端的中性灰和双曲线。处理后的图片细节分布均匀,效果也非常精细。大致过程:首先需要选择精度好一点的素材图片,再磨皮之前需要创建两个曲线调整图层,分别把图片调亮和变暗,然后把曲线蒙版都填充黑色。为了便于观察还可以添加两个观察图层,都填充黑色,适当更改图层混合模式。处理的时候只需要用白色画笔变亮的曲线蒙版上把较暗的部分涂亮,在变暗的曲线蒙版上把较亮的部分涂暗即可。但是这两种方法主要是通过手动来完成,所以需要大量的时间。还有一些运用ps外挂插件修肤,比如:NeatImage、Noiseware、Portraiture等插件磨皮;我这里针对一些要求并不高,快速易懂的通道磨皮方法来跟大家探讨一下修肤过程,希望大家喜欢,更希望大神们可以多多指点,互相交流。通道磨皮其实也是相对主流的磨皮方法,它的精确,快捷很受欢迎。下面用一个实例介绍磨皮的全过程。素材图片整体有些偏暗偏黄,面部有很多痘痘粉刺,磨皮之前我们需要相对明显的瑕疵进行修复。然后用通道磨皮,一次磨不干净的话可以多次使用,切记参数不能调整的太过,导致皮肤过于丢失细节。最后进行修饰一些细节和图片润色等。因为条件简陋,就采取图文说明的形式,希望谅解;另外附上psd文件压缩包可供大家下载参考,如果遇到什么问题,可以互相留言交流,谢谢大家支持。PS:本期主要针对皮肤磨皮修瑕疵,下期再针对皮肤色彩和质感问题,跟大家一起深入探讨一下。先看看效果图下面是教程开始:原图来自网络,如有侵权请联系删除,谢谢!
使用Photoshop绘制创意的渐变类小兔子插画教程
先看看效果图先来分析一下插画的组成:1.主体插画内容设计2.图层合理叠加3.舒适的颜色选择4.添加效果元素5.文案和插画的排版不多BB,直接上教程。
Photoshop详细解析男士肖像后期精致磨皮教程
最终效果原图1、首先我们对图片精选构图,调整画布中心点在模特的鼻子上,拉大画布。2、接着我们把肩膀调整好到画布边缘,使用矩形选框工具复制一份,进行拉伸变形,主要框选区域大点,主要不会影响到模特大体的架构,然后对五官进行液化,把五官调整到位,这里主要对右边的眼睛、鼻子、嘴巴、额头及身体进行液化,还有处理皮肤上比较明显的大瑕疵,效果如图。3、我们对图片添加一个黑白调整图层,观察皮肤上的瑕疵,从图片中我们可以看出额头上模特的不够平整,凹凸不平,所以要对齐调整,还有鼻子及面颊部分斑点比较多,所以要处理,要把模特整体层次突出起来。
Photoshop给照片创建隐形衣服,把人像服装转成创意线稿效果
最终效果1、首先在PS软件中打开素材图片,按Ctrl/CMD+J键复制背景图层(这一步也可省略)。2、在背景层上方新建一个纯色图层填充黑色,因为我们将要在新的图层上绘制隐形衣服,所以新建黑色图层便于观察。3、手绘上衣时,为了方便,我们可以借用原图中的实体衣服作为参考,沿着人物上衣的轮廓进行绘制,这对不会手绘的人很有帮助,当然如果你手绘技能不错,你也可以不用参照原图,自行绘制。为了方便观察,这里我将复制的图层1的透明度设为50%,如下图。4、在图层1上方新建一个空白图层,并将其命名为“轮廓线”,这个图层就是用来保存手绘信息的,也就是隐形上衣部分。
用PS合成灯光下美女和野兽图片的图片合成教程
首先确立梦幻的主题,翻阅网上多种合成作品,多以女孩、猛兽、草原、森林等主题元素为主,并以区别现实大小的对比或非现实环境(如从天而降的瀑布等)手段,来增强梦幻氛围。我即确定用女孩,小男孩,狼,草原为主要元素,用其人与野兽和谐共处的场景,狼的夸张后大小与人对比等手段来营造梦幻氛围。修改前后对比教程步骤步骤 01:建立文档并制作场景背景创作思路:建立一个星空下的大草原的场景新建文档,大小1920*1080px,分辨率72。打开素材