php文字添加投影,PS如何制作文字投影效果 巧用4种方法给文字添加长投影效果...

本教程向脚本之家的朋友介绍PS巧用4种方法给文字添加长投影效果,教程制作出来的文字效果都非常漂亮,每一种方法制作难度不是很大,教程介绍的也很详细。推荐过来,希望对脚本之家的朋友有所帮助!

一、准备好你的photoshop

第1步 创建一个新的750 X 750像素的文档,并填充背景的颜色#cf3f30。

6d551b20faa6ee294e9698b1e6aa8d73.png

第2步 设置前景色为#e74c3c,挑圆角矩形工具,选择形状在选项选项栏,并设置半径为10。

按住SHIFT键,然后单击并拖动以创建一个450 X 450像素的圆角矩形。

fc7b773d44fd34f84d5dbb1d8ea0e9a8.png

第3步 创建于白色的文字。在本教程中,两个不同字体的使用,但你可以使用你喜欢的任何文本和字体。

ae057af007f9a1b191fb43def0b847d7.png

第4步 至于文本的第一行,使用的字体是Bebas,字体大小为100PT。而正在使用的字体创建的第二行太平洋,字体大小 100,领先的值设置为100为好。

请记住,在一般的扁平设计使用简单,大胆,明快的字体。

06d58f519217b46722048f7fb30c26de.png

第5步 选择三个层次你有这么远,挑移动工具,然后单击对齐水平中心的图标选项栏,以确保所有的元素都正确居中的文档中。

e919dcac252c1550d6d689fd16d5313b.png

二、创建一个长长的阴影背景使用形状图层

第1步 设置前景色为黑色,并挑选矩形工具。Shift +单击并拖动以创建覆盖几乎整个背景的矩形。新的形状图层应放置在右侧的上方背景层。

933136167d0d39f0a80175fe744714b7.png

第2步 去编辑>自由变换(按Ctrl / Cmd + T)进入自由变换模式。然后,按住Shift键,然后旋转黑色矩形-45°(逆时针)。

8f89f6a0923126be290f3dd30d40f6ec.png

第3步 现在单击并拖动黑色矩形的边,直到他们达到红色矩形的四个角。

6bb99fc267941e61159bfb79ff23636f.png

第4步 点击并直到它到达红色矩形(对角线)的中心拖动矩形的左边部分。当你完成后,按Enter / Return以接受更改。

6549c88d0e7cf8170343822a6fc489b6.png

第5步 黑色的矩形图层的更改填充值设为0。

52e57f68604619ab39707a2860c151db.png

第6步 双击黑色矩形的图层应用一个渐变叠加效果。首先选择一个黑色到透明的渐变。然后,改变角度为-45,和不透明度为你喜欢的值,

这取决于你想如何微妙或强烈的阴影是。这里所使用的值是一个相当细微1,这是15%。

83eb2ca2c6462e3d54c7b6abb64f75f3.png

第7步 这是创建一个长长的影子的形状简单的最基本的方法。

cfd6382382674ecfa6c8345e56972b75.png

三、建立长期阴影使用钢笔工具

该钢笔工具是一个复杂的方法来创建一个长投效果。同时也是可能比在本教程中提到的其他技术比较复杂,

关于这项技术的伟大的事情是,它给你很多在效果的外观控制。

第1步 创建文本层和红色矩形层之间新建一个图层,然后挑钢笔工具(与形状中选择的选项选项栏)。

30676f1a439a2cbd6acb43e1ceea212e.png

第2步 在你开始添加锚点,你需要添加一个指南,加上在同一水平上所有的点。要做到这一点,去查看>标尺(如果您还没有该选项已被选中), 然后单击标尺的顶部和拖动参考线,并把它放在字母的上边缘。 这仅适用于文本的第一行,因为字母具有相同的高度。

但对于第二行,该点将,而不需要一个附加的导向。

c655d4567d4b6e26fc3f243297951e65.png

第3步 单击一次以字母每个上角加分,并在它们之间,从第一个字母的左上角开始。

dbc4762f01299058e786de39e9b8618a.png

第4步 当您到达最后一个字母的右上角,将钢笔工具平行于红色矩形阴影,并扩展它,以便它涵盖了红色矩形右下角,并添加一个点那里。

然后,继续传递的第一个字母的左下角的形状,并回到你添加的第一个锚点闭合形状。

ed0c1fccd35463021e8baa0473814c64.png

第5步 挑直接选择工具,然后,Shift +单击您添加的字母之间的锚点。

e076b075956de0814ac67d8bdd210394.png

第6步 挑移动工具,然后按键盘上的向下箭头键向下移动选定点。 然后,按下右箭头键移动点到右边,直到产生的线条成为平行于原来的阴影边缘。

(您可以使用直接选择工具修复,以及如果需要的话)。

43b790bb486f6ae1f1f18d835f06c705.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/252590.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Shadowify 高级感投影photoshop/ps插件

插件安装 安装非常简单,仅需下载后: 1)关闭photoshop应用 2)将 “Shadowify” 文件夹复制到 Win系统 C:\Program Files (x86)\Common Files\Adobe\CEP\extensions 文件夹下面 苹果系统 OS: Macintosh HD/资源库/Application Su…

UE5实现PS图层样式投影效果

一、图片投影 1、创建材质函数 MF_PS_Style_Shadow 定义 function input。 公开到库(可选) Shadow代码: /** PS图层样式投影效果param {UVs} texture coordinateparam {Texture} texture objectparam {TextureSize} 纹理大小…

PS如何使用制作图片投影效果

如果仅仅是同样大小的背景(灰色或者黑色),则只要新建一个和比原图大三个像素的文件(比如这里原图片为100100,我就建立一个103103的文件)把图片放在左上角,剩下的部分填充灰色或者黑色。然而这样做出来的效果比较差,一般不采用。 真正的边框往往都有两层渐变&#x…

怎么做扁平化ps图标长投影效果

今天我们就用陌鱼社区“超赞一键制作长投影PS动作下载”快速一键制作扁平化ps图标长投影效果,下面请看演示教程。 01、打开软件,载入动作。 02、新建文档(CtrlN),如下图设置。 03、用自定义工具,画出形状或者用我们制作好的扁平化…

ps投影怎么做之教程:人像投影和物体长投影制作

内容提要:文章介绍ps阴影效果的制作方法,主要使用图层样式下面的投影命令来添加PS投影效果.对PS感兴趣的朋友可加ps学习交流群:142574315 ps教程中投影效果的添加目的主要是增加图像的真实感。ps阴影效果可以使用“图层样式”下面的“投影”命令来做&…

matlab修改图片部分像素值

最近在做一些图像处理方面的工作,发现使用matlab来对图像进行简单地处理十分容易,为了以后工作的方便,现在记录一下自己的一些工作部分。如果转载请记得加上链接! 在这里使用的是批量对图像进行像素值的修改,原图片是…

OpenCV修改图片像素值增加、减少

《OpenCV系列教程》 项目位置:OpenCV-Sample 代码位置:11-ImagePixelsBeChange.py import cv2 import numpy as npimg cv2.imread(./res/mini.jpeg) cv2.imshow(img, img)num np.zeros(img.shape, img.dtype) 150 imgIncrease cv2.add(img, num) im…

js操作像素实现图片编辑

基础概念 众所周知,图片是由一个个像素点组成.每一个像素点包含四个值,决定了渲染出来的状态.这四个值为rgba(red, green, blue, alpha). 前三个值是红绿蓝,值的大小范围从0到255,或者从0%到100%之间. 第四个值alpha,规定了色彩的透明度,它的范围为0到1之间.其中0代表完全透…

批量修改图片像素大小:Python GUI 交互界面实现

批量修改图片像素大小:Python GUI 交互界面实现 1、Python 修改图片像素大小 Python 的 PIL 包可以实现图片的读写、像素大小的设置。 安装 pillow 第三方模块: pip install pillow 设置图片大小的示例代码: from PIL import Imageimg …

如何调整图片分辨率大小(适用于电脑/手机)

随着智能手机快速发展,相机分辨率也从几百万像素升级到上千万,甚至上亿像素;超高像素的图片不仅会占用越来越多的存储空间,还会在上传和分享时耗费不少时间;而且在一些特殊APP或者网站上传图片时,可能对图片…

修改图片像素怎么修改

修改图片像素怎么修改?因为我们对图片尺寸的大小修改有很多需求。比如在运营网店就非常需要的,我们会有非常多的图片需要处理。而不同的网店平台还有不同的图片像素限制,比如某宝宝贝描述的图片尺寸要:宽500*高500像素,图片大小要在120KB以内…

Vue.js官网版教程

前言 这是vue官网案例学习&#xff0c;记录一下 序言 vue.js介绍 Vue.js 渐进式 JavaScript 框架https://learning.dcloud.io/#/?vid0 第1节 安装与部署 https://learning.dcloud.io/#/?vid1 <!-- 开发环境版本&#xff0c;包含了有帮助的命令行警告 --> <scri…

0基础js新手JavaScript学习入门教程

1 下载所需工具 chrome&#xff0c;谷歌开发的一款浏览器。vscode&#xff0c;微软开发的一款写代码的工具。 JavaScript代码需要浏览器来运行&#xff0c;用来控制网页的各种行为。 浏览器地址栏访问的是网页&#xff0c;因此JavaScript需要放到网页里。 2 先创建1个网页 …

简单粗暴的JavaScript学习教程,前端入门的不二之选!

JavaScript 是网景&#xff08;Netscape&#xff09;公司开发的一种基于客户端浏览器、面向&#xff08;基于&#xff09;对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。 JavaScript的特点&#xff1a; 简单、易学、易用&#xff1b;跨平台&#xff…

对于初学者的JavaScript 教程

JavaScript是世界上最流行的轻量级、解释型编译编程语言。它也被称为网页的脚本语言。它以开发网页而闻名&#xff0c;许多非浏览器环境也使用它。JavaScript 可用于客户端开发以及服务器端开发。 JavaScript 可以通过两种方式添加到您的 HTML 文件中&#xff1a; 内部 JS&…

node.js入门教程(一)

1. 初识 Node.js Node.js 是 一个基于 Chrome V8 引擎的 JavaScript 运行环境 。 Node.js 的官网地址&#xff1a; https://nodejs.org/zh-cn/ ① 浏览器 是 JavaScript 的 前端运行环境 。 ② Node.js 是 JavaScript 的 后端运行环境 。 ③ Node.js 中 无法调用 DOM 和…

最通俗易懂的JavaScript入门教程

前言&#xff1a;“成功没有捷径&#xff0c;脚踏实地一步一个脚印&#xff0c;该来的总会来&#xff0c;不好高骛远&#xff0c;不急功近利&#xff0c;付出总会有回报&#xff0c;不管处于哪个阶段&#xff0c;都要一步一个脚印&#xff0c;踏实的走好每一步&#xff01;” 你…

Vue.js入门教程(适合初学者)

Vue.js入门教程 Vue官网网址&#xff1a;Vue.js 中文网 Vue.js Vue.js是渐进式JavaScript 框架&#xff0c;是一套构建用户界面的渐进式框架。也可以说Vue.js 是一个用来构建网页界面的 JavaScript 库。 Vue的常用使用方式有两种&#xff1a; 一、使用<script>标签&am…

尚硅谷JavaScript高级教程(javascript实战进阶)学习笔记

前言 这个是我学习过程中的笔记&#xff0c;分享给大家&#xff0c;希望对大家有用。 学习内容是尚硅谷JavaScript高级教程(javascript实战进阶)&#xff0c;这里是视频链接。 我在前面有两篇对于web前端HTML和CSS的学习笔记&#xff0c;有需要的可以看一下哈。 黑马程序员版…

Threejs入门教程

一、本地搭建Threejs官方文档网站 1.官网地址&#xff1a;https://github.com/mrdoob/three.js 下载压缩包并解压或使用git clone 若github过慢&#xff0c;则使用gitee对应网址&#xff1a;three.js: mrdoob/three.js 同步库 2.目录解析 3.启动方式 在three.js项目根目录下…