首页 web前端 PS教程 PS制作扁平及长投影的视觉效果

PS制作扁平及长投影的视觉效果

Jun 01, 2016 pm 02:29 PM
投影

PS制作扁平及长投影的视觉效果
  最终效果

PS制作扁平及长投影的视觉效果

  第一步 创建一个背景
  新建画布,尺寸为840*400可以使用纯色做为背景,或是用渐变工具创建,这里的色值为#e0e0e0 这里就不多更描述了。

PS制作扁平及长投影的视觉效果

  第二步 创建一个形状
  选择矩形工具。大小为100px,半径为20px,色值:#4ac9b4

PS制作扁平及长投影的视觉效果

  参考图片上的图层
  快捷键ctrl+j,复制一层,形状填充黑色,ctrl+G并到一个组里,命名为“ K ”,双击第一个矩形图层调出图层样式

PS制作扁平及长投影的视觉效果

  图层样式为内阴影,请记得不勾选“使用全局光”。

PS制作扁平及长投影的视觉效果

  样式效果是这样的
  第三步 创建一个阴影

PS制作扁平及长投影的视觉效果

  再复制一个阴影层的副本,拖到原图层的下面,并到一个组里,如图如示
  *快捷键:ctrl+G 或是 选择要复制的层,按alt +点击拖曳复制
  按键盘上的方向箭,往右边和底部,移动1px,通过观察下图所示的形状:1px黑色边出现。

PS制作扁平及长投影的视觉效果

  按上面的方式每以1px的方式重复移动9次,注意总共是10次。

PS制作扁平及长投影的视觉效果

  接下来要以相同的方式,以10个图层为基础,复制一份(按ctrl+G或是 选择alt +点击拖动),在选中的状态下按shift+方向键,就会是10的倍数移动,这样的方式再重复7次,注意总共是复制8次。

PS制作扁平及长投影的视觉效果

  选择阴影的文件夹,设置混合模式为正片叠底,不透明度30%,这里的阴影形状就完成。  1/2    1 2 下一页 尾页赞


  •   第四步 输入字符


  • PS制作扁平及长投影的视觉效果
  •   这次,选择圆角的任何字符。选择你喜欢的字体就行了, 双击文字,打开图层样式窗口。


  • PS制作扁平及长投影的视觉效果
  •   选择颜色叠加,色值为:#D8EFFF


  • PS制作扁平及长投影的视觉效果
  •   下一步,选择内阴影,数据如图。记得不勾选“使用全局光”。


  • PS制作扁平及长投影的视觉效果
  •   成品外观这样子也不错。 但是,现在让我们也给字符增加一下影子。


  •   第五步 增加一下字符的投影


  • PS制作扁平及长投影的视觉效果
  •   注意图层面板,复制一下字体跟圆角矩形图层,将副本圆角矩形图层和文字的样式去掉,将文字设置成黑色,并在一个组里


  • PS制作扁平及长投影的视觉效果
  •   将面版中的高级混合选项中”将剪贴图层混合成组“的部分取消勾选


  • PS制作扁平及长投影的视觉效果
  •   ”将剪贴图层混合成组“的部分取消勾选后,右边出现相关图标,副本图层的填充设置为0%,为文字“创建剪贴蒙版”(快捷键:ALT+点击)


  • PS制作扁平及长投影的视觉效果
  •   现在,通过复制图层副本和以1px移动的方式做出切实的影子,做法跟上面讲的方式一样,总次数为10次。如图所示


  • PS制作扁平及长投影的视觉效果
  •   以10个为单位的复制,每一次以10px移动


  • PS制作扁平及长投影的视觉效果
  •   选中文件夹,混合模式为“正片叠底”,不透明度设置为30%


  • PS制作扁平及长投影的视觉效果
  •   为了解决重叠部分的遮罩层,选中副本矩形图层,移动4px,分别向左和顶部移动。


  • PS制作扁平及长投影的视觉效果
  •   最终结果


  •   还有比这个更简单的方法,大家都可以多去尝试,目前分享的就是这种,大家可以通过这种方法创造各种图形和文字


  • PS制作扁平及长投影的视觉效果
  •   想要像banner的效果,在长投影上添加图层蒙版,然后用渐变工具拉伸。(按D键,恢复原来的黑白值)


  • PS制作扁平及长投影的视觉效果
  •   将一些细节部分,和橡皮擦除一下。记得用软笔刷,不透明设置一下,根据自己的情况调整。





本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

win11中就近共享/投放/投影/共享有什么区别? win11中就近共享/投放/投影/共享有什么区别? Feb 29, 2024 am 09:01 AM

win11系统各自带了就近共享、投放、投影、共享功能,这些功能该怎么使用?有什么区别呢?详细请看下文介绍。1、就近共享官方文档:就近共享-MicrosoftCommunity在Windows中与附近的设备共享内容(microsoft.com)作用:两台电脑通过蓝牙传输文件。(可用于无WiFi,无u盘的情况下)前提:两台电脑步骤:1)右键→转到设置2)系统→附件任何人(是让其他设备可以发现这个设备)3)两台电脑都这样设置4)右键需要发送的文件,点击共享。5)点击发现的另一台电脑即可传输文

win10怎么投影到此电脑 win10怎么投影到此电脑 Jan 06, 2024 pm 09:17 PM

在使用我们的投影功能的时候,我们可以将手机的屏幕画面投影到电脑屏幕上,只需要通过网络或蓝牙连接手机和电脑,然后在电脑上使用投屏功能就可以实现了。win10怎么投影到此电脑:1、从开始菜单进入到设置中,选择进入。2、然后我们在坐标能够找到选项,点击进入。3、然后我们对其进行设置。4、设置完成后,按下+快捷键,然后选择。5、然后我们打开手机的设置,能够看到,有些手机上是更多的连接方式,进入进行设置。6、我们找到的选项,进入选择好自己的电脑设备。7、此时,我们电脑上会出现提示框,我们点击就行了。

苹果手机怎么投影_苹果手机连接投影仪方法 苹果手机怎么投影_苹果手机连接投影仪方法 Mar 23, 2024 pm 08:01 PM

1、将投影仪与iPhone连接在同一网络,从屏幕右上角向下轻扫,打开控制中心,点击【屏幕镜像】。2、在屏幕镜像的扫描结果中,找到投影仪设备进行镜像即可。

win10如何隐藏桌面图标投影? win10如何隐藏桌面图标投影? Dec 22, 2023 am 08:13 AM

win10投影仪只显示桌面背景,不显示桌面图标,是什么问题你?相信有不少小伙伴都遇见过这个问题,其实这个问题很好解决的,下面跟小编一起来看看吧。win10投影不显示桌面图标解决办法你这是开启了双屏扩展模式,这不是问题,只是一种显示模式而已,也就是说你现在的电脑拥有两个显示屏,一个是你电脑的主屏幕,另一个是你投影仪投出来的屏幕,而你当前系统默认选择了双屏扩展模式。1、我们可以同时按下键盘上的“win+P”键。2、在主屏幕桌面的一侧(根据你的系统版本弹出方式会有所有不同)弹出如下4个选项。仅电脑屏幕

win10投影没反应怎么办 win10投影没反应怎么办 Jan 06, 2024 pm 10:53 PM

在使用win10投影的功能时,很多的用户们表示在使用这项功能等时候,投影功能并没有任何反应,或者无法正常的进行使用等,这时候需要先排查系统功能、再确认投影仪工作情况即可解决。win10投影没反应怎么办:1、如果是手机投影到电脑,请确保你的手机和电脑在同一WiFi网络下。2、在电脑端的设置中,在右侧将设置为,将关闭。3、如果还是无法解决,请重新安装网卡驱动,卸载重新安装,或者直接更新。4、如果是连接投影仪,请检查VGA的线是否出现了问题,是否接好。5、如果电脑是双系统的话,也会导致显卡驱动冲突致使

win10如何使用投影功能? win10如何使用投影功能? Dec 29, 2023 am 11:49 AM

在使用win10投影仪的时候,我们就需要每次从设置中或者控制面板中去打开,操作起来非常的麻烦,那么投影仪有没有快捷键,这个当然是有的哦,快来看看快捷键的介绍吧~win10投影快捷键是什么:1、用户们在键盘上按下+就能快速打开投影设置了。2、然后我们选择需要的方式,就能够进行投影了哦。相关文章:win10怎么投影到此电脑>>>win10投影仪怎么铺满全屏>>>

如何解决win10家庭版投影到此电脑选项消失的问题 如何解决win10家庭版投影到此电脑选项消失的问题 Jan 16, 2024 pm 05:21 PM

win10用户一般喜欢使用Windows10系统的投影功能。如果发现连接功能菜单内并未显示“投影到此电脑”选项。不要担心,下面为您详细介绍如何轻松解决该问题!请按照以下步骤操作:win10家庭版投影到此电脑选项没有了怎么办1、首先,点击左下角的专用图标,会看到弹出多个选项菜单。2、再次点击任何一个选项按钮以进行确认,进入页面。3、在主页中,找到并点击按钮,点击选项卡。4、此时,我们将会发现在这个选项中存在着两种不同类型的投影设置。5、为了确保在任何场合均可顺利实现投屏功能,勾选即可。

win10你的电脑不能投影到其他屏幕 win10你的电脑不能投影到其他屏幕 Feb 16, 2024 am 10:36 AM

在日常的办公篇章中,我们常常会遇到无法回避的情景——使用电子设备进行投屏展示。然而,最近据一些使用者反馈,他们在升级至Windows10操作系统之后,投屏功能突然失效,不知所措。在此背景下,以下提供的解决方案或可供您作为参考并尝试执行。win10你的电脑不能投影到其他屏幕原因一:显卡驱动过时陈旧需要升级更新的问题1、只需下载诸如360驱动大师或驱动人生等专业的驱动更新管理软件,并在其范围内筛选出需要进行显卡驱动更新的选项即可。2、也可以进入电脑大红色纸里面来进行驱动的更新,不过找不到对应的设备的

See all articles