Photoshop制作木纹像框教程

2016-03-18 01:49 16 1 收藏

有了下面这个Photoshop制作木纹像框教程教程,不懂Photoshop制作木纹像框教程的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS 】

最终效Tulaoshi.com果图


(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
1.根据需要,新建一个文档,最好稍大一些,以便后面的操作。

2.选择渐变工具,使用线性渐变,打开渐变编辑器,首先选择黑白渐变,这是为了防止当前可能正在使用的多色渐变的色标防碍我们的视线。渐变类型选择“实底”,平滑度为100%,渐变预览框上面的是不透明度色标,用来调节渐变的透明(但要在图层的不透明度小于100%的情况下才能起作用),这里我们暂且不用,用到的只是颜色及位置,下面给出的是从左到右依次排列的渐变色标及其位置:(注意:这个渐变相当的繁琐,编辑时一定要耐心!)

1.0%-RGB(9, 9,9) ;
2.4%-RGB(73,73,73);
3.8%-RGB(40,40,40);
4.18%-RGB(111, 111, 111);
5.21%-RGB(11, 11, 11);
6.30%-RGB(6, 6, 6);
7.33%-RGB(6, 6, 6);
8.35%-RGB(63, 63, 63);
9.40%-RGB(63, 63, 63);
10.42%-RGB( 81, 81, 81);
11.44%-RGB(8, 8, 8);
12.66%-RGB(0, 0, 0),将颜色中点设为92%;
13.70%-RGB( 78, 78, 78),颜色中点设为80%;
14.84%-RGB( 30, 30, 30);
15.100%-RGB(50, 50, 50)。

  现在,渐变预览框中出现的就是我们将要用到的渐变样式。点击“新建”或是用鼠标在预置框中点击一下,将新的渐变储存,将之命名为“Frame”。如果点击存储,就会记录现存的所要渐变。不过重装Photoshop之后,系统回到默认状态,这些储存就会丢失。要想使你辛辛苦苦(这里可真是名副其实!)做好的东西能够永久的保存下来,就要用到编辑中的预设管理器。在预设类型中选择渐变,列表中出现现存的渐变样式。选择要储存的样式,点击存储设置,选择一个文件夹即可。在你需要的时候,随时都可以从这个文件夹中载入。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

  如果你不喜欢前面的渐变,想要创建自己的渐变样式,在这个例子结束之后,我会提供给你一些有用的信息,不过现在,还是耐心来把这个例子看完吧!

  3.新建一层,命名为“left”,用矩形工具画一个选框,选区的大小就是你所要制造的像框的大小。用渐变工具,用刚建好的渐变,按住Shift键,从选框的左边框到右边框画出渐变路径,用渐变填充选区。(图01)



图01
4.保持选区,新建一层,命名为“up”,从上至下做出渐变,取消选择。(图02)


图02

5.将up层暂时关闭,在left层中,打开信息面板,将left层水平压缩,注意观查信息面板中的矩形大小,它是随着缩放而变化的,直至宽度为像框边框的宽度,确定变形。(图03)


图03
6.打开up层,将它垂直压缩,使它作为像框的上边框。同样,一边压缩一边要注意信息面板中的矩形大小,直到其高度与left层的宽度相同。(图04)


图04
7.用放大镜工具将图像放大,选择多边形套索工具,从up层的左上角顶点起,勾出一个等腰直角三角形,按住Shift键,确保套索路径呈45°角(图05)。闭合路径后,删除up层内的选区图像。如果不出差错的话,那么up层和left层的渐变应该完美的对合。(图06)


图05


图06

8.分别复制up层和left层,将left副本改名为right,up副本更名为down,从下到上依次按照left、up、right、down的顺序排列图层。将right层和up层相链接,对齐右边界,再将right层水平翻转;将down层和left层的下边界对齐,然后垂直翻转down层。叙述起来相当的繁琐,但稍微一想就能明白,做起来也没什么费事的。


图07
9.接下来,我们依然用套索工具勾出选区,删除多余的部分。在right层,如图07所示,删除选区;垂直移动选区,使选区下边缘贴住down层下边缘,然后将选区旋转90°,在down层中删除选区。(图08)现在,我们的像框看起来应该像这个样子。(图09)


图08


图09
10.现在,我们来为像框上色。在所有图层之上新建一个色相/饱和度调整图层,不要选择和前一层编组,在色相/饱和度对话框中,勾选着色,然后调整各项数值,直到预览框中出现你喜欢的颜色,在这里,我用的是色相和亮度均为0,饱和度为37。(图10)


图10

11.为了是像框更加逼真,我们继续为它添加高光。新建图层1,选择直径为27像素的柔化笔刷,打开动态画笔,将压力改为80步长。如果你的图像较小,那么相应的选择较小的画笔,步长也应设得小一些。(图11)


图11
12.选择up层,用多边形套索如图12所示,勾出选区,选择前景色为白色,按住Shift,用喷枪在选区内画上高光(图13),取消选择。


图12


图13
13.将图层1的混合模式改为“柔光”,可以看到,像框的边框已有了一层光亮的感觉(图14),按照这种方法,在右边也添加高光,然后是针对down层的高光,将笔刷大小调到40像素,压力步长减为40(图15)。如果觉得高光亮度不够,可以复制图层1,将副本的不透明度改为50%,这样,我们就得到了你在本篇开头看到的图。


图14


图15

14.最后,你可以加入一张自己喜欢的图片,将图片调整到合适大小后,用选区相加的方法,得到4个边框的选区,删除图片层的选区内容,取消选择即可。这是最终效果。(图16)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图16
好了,现在我们来看看有什么能帮助你创建自己满意的渐变。

  当颜色从浅--深--浅依次排列时,如果间隔距离大致相同,那么渐变过渡会十分柔和;如果距离相差很大,那么渐变过渡也会变得十分突然;如果相邻的两种颜色相同,那就不会有渐变存在。两个色标之间有个小小的空心菱形,这是颜色中点,可以控制两个色标之间的颜色过渡,颜色中点靠近哪一端,相对一方的颜色范围就大一些。



图17
如果你有数字相机或是扫描仪,那么你可以制作一些高精度的像框图片,用Photoshop打开,先执行去色命令,如果像框的轮廓不够清晰,可以再用亮度/对比度命令加以调整。将像框边缘放大,你也可以通过辅助线来帮助定义渐变的色标分布位置(图17)。打开渐变工具,用吸管在图像中点击选择渐变的颜色,在每个颜色转变明显的地方都吸取颜色,必要时,还要调整颜色中点的位置。这样,参考实物图片,你就可以做出很逼真的渐变了。这里,我们提供了一些以供参考。(图18,19,20)


图18


图19


图20
如果你是个完美主义者,也许会想让像框的底边变得更暗,就像我们刚才加亮边框一样。我也曾这样想,但试验之后,发觉效果并不如想像中好;我也试着加入纹理,但仍不满意。也许你能找到更好的办法。

  最后,还有一句“废话”:其实如果没有特殊要求,也没必要刻意追求完全逼真,你完全可以用别的渐变来做像框,也可以加入别的颜色,现实还是抽象,华丽还是诡异,全在你一念之间!

来源:http://www.tulaoshi.com/n/20160318/1869378.html

延伸阅读
标签: PS PS基础
先看一下最终效果: 1.创建一个大小为700*1000像素背景为白色的文件。下载一些笔刷如下图给图片制造污点效果 选择画笔工具在预设了选择半湿描油彩笔如下图绘制 2.打开素材文件,这些素材可以去网上下载,用矩形选框工具选择一部分 复制并粘贴到我们的文件上,然后使用自由变换工具点击右键选择扭曲做如下调整 打开滤镜...
【PS文字特效】Photoshop制作木纹立体字 教程的立体字制作要用到3D功能,需要CS4及以上版本支持。作者有提供立体字制作的动作,如www.tulaoshi.com果不能正常使用,就需要自己按照效果图摸索制作方法。 最终效果 1、photoshop教程新建一个PSD文件,这里我使用的尺寸为800×564px,你可以根据自己的情况来定义画布...
作者:嘟嘟虫 本教程教程木纹字的制作方法。思路:用钢笔工具勾出木版的形状及木纹,然后再定义成不同的画笔。最后用画笔画出自己需要写的文字,加上点修饰效果就可以了! 最终效果 1.新建文件,选择钢笔工具勾绘木板外形及内部木纹纹理。提示:外边轮廓要比内部轮廓粗;可以适当的绘制一些疖子如图1-3 图1 图2 图3ww...
【PS文字特效】PS制作木纹字体教程 教程我们将教大家如何使用PS中的滤镜制作出一个木纹纹理的教程。这里我们没有使用到任何纹理素材,只需要在滤镜里面加几个效果就可以了。 图老师推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载   查看更多PS教程 最终...
www.tulaoshi.com 数码照片拍摄完成后,我们可以根据照片的主题添加合适的艺术像框,增加一些浓郁的艺术气息。比如下面这幅婚礼照片。 制作工具:Photoshop CS,其他版本类似。 制作过程: 1、打开一张照片,如图01所示。 2、选择工具栏中的“自定义形状”按钮,在属性栏下拉列表中选择“画框”选项,单击图形画...

经验教程

311

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部