无限画框创意

这种效果的关键点再于创建选区，什么地方应该让其显示，什么地方应该让其隐藏。那么下面让我们开始吧。

第一步，打开图象并复制一层，名为背景副本。

第二步，建新一个图层，名为图层1，并用矩形工具在图象上拉出一个合适的矩形选框。

第三步，选择图层一，并用适当的像素进行描边。

第四步，对图层1添加图层样式，得到自己满意的画框效果。可以自行编辑添加图层样式，调整具体参数以达到自己的要求。当然也可以直接使用样式调板中现成的样式。还可以先调用样式调板中的样式，然后再对其中的一些效果的参数进行调整。这是我无意中发现制作画框的一个快速有效的方法哦，呵……

第五步，对做出来的画框进行自由变换（CTRL+T），使之产生透视效果如图。大家在操作过程中，应该注意图层的层次关系，以及图层的选择问题，因为这很重要！请注意我的图层调板。图层的层次关系以及选择，是一个始终都应该关注的东西

第六步，再将背景复制一层，名为背景副本2，降低图层1不透明度（方便透过透明的画框做选区）并放大图像，做出头部选区如图。然后选择背景副本2，添加蒙版。
这个添加蒙版的意义就在于，把头部选区之外的部分隐藏。

第七步，在画框的内框边缘做出选区并存储选区如图。做选区可以用多边型套索工具，也可以用钢笔工具。（其实在这里存与不存选区都无所谓，这个选区主要是用在背景副本上的，使选区之外的部分隐藏。在这里做出选区后，也可以选择背景副本，然后直接添加蒙版）

第八步，选择背景副本，载入刚才存储的选区，添加蒙版。至此，探出画框的效果已经完成。注意图层的层次关系，把背景副本2置顶，图层1在它下面，背景副本在图层1下面，其它图层隐藏，如图：

第九步，再建新一白色填充的图层2当做背景，这样效果大家可以看得清楚些，呵……在这里，这个建新的图层，大家可以自己动手画上墙壁，也可以从其它的素材里拖入一副合适的背景把这副奇怪的画给挂上去。

另外从另处找来一张素材，可以拿来练习。

赞 (0)

相关推荐

  • 无限画框创意

    无限画框创意

    这种效果的关键点再于创建选区,什么地方应该让其显示,什么地方应该让其隐藏.那么下面让我们开始吧. 第一步,打开图象并复制一层,名为背景副本. 第二步,建新一个图层,名为图层1,并用矩形工具在图象上拉出一个合适的矩形选框. 第三步,选择图层一,并用适当的像素进行描边. 第四步,对图层1添加图层样式,得到自己满意的画框效果.可以自行编辑添加图层样式,调整具体参数以达到自己的要求.当然也可以直接使用样式调板中现成的样式.还可以先调用样式调板中的样式,然后再对其中的一些效果的参数进行调整.这是我无意中发

  • jQuery powerFloat万能浮动层下拉层插件使用介绍

    jQuery powerFloat万能浮动层下拉层插件使用介绍

    一.写插件的缘由 为什么想写此插件,想来想去,归结为一个字:"懒".不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春.于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了.这种感觉就好比<大话西游>里悟空一巴掌拍死唐僧这只苍蝇一样.那,这里提及的类似的功能是指?当当当当,就是与某元素有位置关系的浮动层(例如tip类效果,鼠标经过显示大图,下拉列表等). 二.插件概述 插件名为jque

  • 2007/12/23更新创意无限,简单实用(javascript log)

    在javascript开发过程中,如果总是使用alert的方式调试程序,在某些简单的程序中是可行的.  但是在通常的项目很复杂,这种方式已经很难满足,企业级开发的需要.  比如ajax项目中,存在一个3000行左右JS文件,其中存在各种自定义的javascript对象. 开发的过程中,总是需要在js程序执行到某个关键点的时候,监视自定义对象的值或状态, 判断执行结果是否是预期的样子,如果您通过alert看到某些关联对象的值,是很困难的. 存在以下两个明显的缺点:  1.假如一次执行中有n个关键点

  • vue使用mint-ui实现下拉刷新和无限滚动的示例代码

    vue使用mint-ui实现下拉刷新和无限滚动的示例代码

    在开发web-app中,总会遇到v-for出来的li会有很多,当数据达几百上千条的时候,一起加载出来会造成用户体验很差的效果. 这时候我们可以使用无限滚动和下拉刷新来实现控制显示的数量,当刷新到底部的边界的时候会触发无限滚动的事件,再次加载一定数量的条目. 还是拿在项目中的功能来举栗子介绍. 有个列表,几千条数据,做分页查询,限制每次显示查询20条,每次拉到最后20条边缘的时候,触发无限滚动,这时候会出现加载图标,继续加载后续20条数据,加载到最后的时候会提示数据"加载完毕". 项目的

  • IOS图片无限轮播器的实现原理

    首先实现思路:整个collectionView中只有2个cell.中间始终显示第二个cell. 滚动:向前滚动当前cell的脚标为0,向后滚动当前的cell脚标为2.利用当前cell的脚标减去1,得到+1,或者-1,来让图片的索引加1或者减1,实现图片的切换. 声明一个全局变量index来保存图片的索引,用来切换显示在当前cell的图片. 在滚动前先让显示的cell的脚标变为1.代码viewDidLoad中设置 完成一次滚动结束后,代码再设置当前的cell为第二个cell(本质上就是让当前显示的

  • iOS利用UIScrollView实现无限滚动效果

    iOS利用UIScrollView实现无限滚动效果

    前言 众所周知UIScrollView 的无限滚动主要应用在图片轮播器.欢迎界面等场景.它的原理是在要显示的图片前后各加一张图片即在第一张图片之前放最后一张图片,在最后一张图片之后放第一张图片,然后在滚动到边缘的时候,巧妙的过渡一下就可以"瞒天过海","以假乱真"的造成无限滚动的假象.网络上有很多只用三张或两张图片实现的方法,效率比这个方法高,但实现起来稍微麻烦一点,有兴趣的可以去深入研究. 实现步骤 1.根据需求准备几张图片,在网上找了5张图片,分别命名为 img

  • Python多维/嵌套字典数据无限遍历的实现

    最近拾回Django学习,实例练习中遇到了对多维字典类型数据的遍历操作问题,Google查询没有相关资料-毕竟是新手,到自己动手时发现并非想象中简单,颇有两次曲折才最终实现效果,将过程记录下来希望对大家有用. 实例数据(多重嵌套): person = {"male":{"name":"Shawn"}, "female":{"name":"Betty","age":23

  • IOS中无限滚动Scrollview效果

    本文实例讲了IOS无限滚动效果,分享给大家供大家参考,具体内容如下 滑动到当前位置时候才去请求,本地有内容则直接显示(以来SDWebImage,UIView+Ext) HZScrollView.h #import <UIKit/UIKit.h> typedef void(^HZReturnBlock)(NSInteger index,CGFloat offset); typedef NS_ENUM(NSUInteger, HZScrollViewPageControllPosition) {

  • Vue.js实现无限加载与分页功能开发

    Vue.js实现无限加载与分页功能开发

    本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景--分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想.与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程:与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速掌握.致用. 需求分析 当一个页面中信息量过大时(例如一个新闻列表中有200条新闻需要展示),就会产生问题,例如: >数据量过大,影响加载速度 >用户体验差,很难定位到之前自己看过的某篇文章 >

  • PHP无限分类(树形类)

    复制代码 代码如下: <?php//模拟PHP无限分类查询结果return array(    array(        'id'=>1,        'pid'=>0,        'name'=>'主页'    ),    array(        'id'=>2,        'pid'=>0,        'name'=>'新闻'    ),    array(        'id'=>3,        'pid'=>0,   

随机推荐