Home > Web Front-end > PS Tutorial > body text

Photoshop制作个性立体感的照片边框效果

PHP中文网
Release: 2016-06-01 14:27:20
Original
2291 people have browsed it

  这篇教程是向脚本之家的朋友介绍Photoshop制作个性立体感的照片边框效果,希望大家喜欢!

   先看看效果图

Photoshop制作个性立体感的照片边框效果

  下面是教程

Photoshop制作个性立体感的照片边框效果

  a.首页新建一个画布,画布大小随你,我的是568*300PX,标题名可以随你或不填等下保存时再取也一样。

Photoshop制作个性立体感的照片边框效果

  B.选择矩形工具在画布中央点一下。就会弹出如上图所示:画一个426*226的矩形。也可以随手绘制。

Photoshop制作个性立体感的照片边框效果

  C.画出来以后可以移动画布正中央。

Photoshop制作个性立体感的照片边框效果

  D.然后复制一层,在属性栏把W:宽改成406PX,H:高改成206PX,然后填充蓝色,或你喜欢的颜色。

  然后全部居中对齐。把蓝色图层眼睛关闭

Photoshop制作个性立体感的照片边框效果

  E.把黑色图层改成灰色(或你喜欢的颜色)然后再复制一层。

Photoshop制作个性立体感的照片边框效果

  F.选择钢笔添加节点工具在上图所示的位置添加两个点。使其与右下角点形成三角形。位置自己把握一下。

Photoshop制作个性立体感的照片边框效果

  G.然后选择钢笔减去工具把多余的节点删除,

Photoshop制作个性立体感的照片边框效果

  H.选择钢笔下的边角调节工具点击各个节点,使其变成直线。得到一个三角形,然后填充白色,这几部主要是为了画出一个三角形。

Photoshop制作个性立体感的照片边框效果

  I.为三角形添加投影效果如上图所示,

Photoshop制作个性立体感的照片边框效果

  J:然后选择下面最大的矩形1添加描边效果,如上图所示

Photoshop制作个性立体感的照片边框效果

  K.然后打开蓝色眼睛让其显示,并向下移动一层,使其在三角形下方,灰色矩形1上方。

Photoshop制作个性立体感的照片边框效果

  L.然后再把三角形移到左侧,CTRL+T变形右击水平翻转,然后观看效果好像有点不对,左边会多出来一些阴影效果,所以我们需要把外面多余的给去掉,只保留三角形最长的边上的阴影效果。

Photoshop制作个性立体感的照片边框效果

  M.右击两张三角形使其转化为智能对像。

Photoshop制作个性立体感的照片边框效果

  N.这里注意,1.首先按住CTRL键在矩形1上面点击,把矩形1载入选区,2.然后鼠标选择左边的三角形,3.点击最下面的添加图层蒙版。这样,也就是把边线外面的阴影蒙版去掉。

Photoshop制作个性立体感的照片边框效果

  O.重复上面的把右边的三角形也添加图层蒙版,

Photoshop制作个性立体感的照片边框效果

  P.然后在画布中间输入您要的文字为其添加效果。

Photoshop制作个性立体感的照片边框效果

  Q.好了这个效果就出来了,做得有点粗糙,主要是学习思路和方法。然后举一反三啊。

  以上就是Photoshop制作个性立体感的照片边框效果教程,希望能对大家有所帮助!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template