- 博客(150)
- 收藏
- 关注
RSS订阅原创 ps制作设计网站登录界面
接着，按ctrl，在图层面板上，选中这两个图层，我们选中 水平居中，和垂直居中，让其沿着水平和垂直的中心轴对齐显示。6、使用图案，填充 里面的圆角矩形，点击这个图层，单击右键，将其栅格化图层，把这个图层变成 普通图层。3、 现在选择圆角矩形工具（U），半径为10像素的形状 ，现在将填充不透明度21%接着，使用编辑---填充--使用自定义的图案对这个区域进行填充。7、现在选择圆角矩形工具（u），半径为4像素的形状。8、现在选择圆角矩形工具（u），半径为4像素的形状。2、打开草的素材图，填满整个文件。
2023-05-30 21:30:02
601
1
原创 ps快速去除图片上的文字
3、 用选择-色彩范围，吸管吸取文字颜色，调整颜色容差值，我这里选的是出来的默认值，同学们操作的时候可以根据具体情况进行调整。1、打开我们的素材，ctrl+j复制一层（图层1），可以看到图片上有大大的网址文字，我们本次要把它变不见，且不留痕迹。5、编辑--填充--内容填充（同样的这个操作操作5左右）。4、找到选择-修改-扩展，扩展量我这里也是默认，点击确定。2、 套索工具圈，羽化设置6，圈住文字以后 ，
2023-05-30 21:29:05
806
原创 ps制作鲨鱼在橙子“海洋”里游泳的创意画面
3、 选择背景图层，双击解锁，利用FX混合选项，（颜色叠加）调节合适的颜色，这个是即时显示的不容易出错，多调几次，不要奢求一次找对颜色。4、 用选好颜色后，整体太单调，配合（画笔工具）选择白色，把中间提亮，注意图层顺序，光在背景的上面即可，增加氛围，并适当减低不透明度。（3）把身体部分扣出来 ，把尾巴部分扣出来，单独放置在 各自的图层上。2、 将水面素材拖入，ctlr+t进行自由变化，把角度调好，多余的部分用橡皮擦擦掉。5、 拉入鲨鱼素材，利用（自由变换）右键反转，放到适当位置，色阶进行去灰。
2023-05-30 21:26:59
409
原创 ps制作开关按钮图标
（4）双击圆角图层，添加描边 大小-5 填充类型—渐变，渐变颜色由#ffffff到#d8d5d5 并勾选反向。渐变颜色 #ffffff （ #303030 如果觉得这个颜色深了，就换后面的颜色 ）#6e6e6e。（11）最后给这个按钮添加文字ON，给文字添加图层样式，添加投影，参数看以上图。（6） 内发光设置，颜色#358bab，塞阻-100%----大小-5。（5）内阴影设置：混合模式—正常，距离-2，阻塞-0，大小-5。（7）渐变叠加混合模式—滤色--勾选仿色---不透明度25%
2023-05-30 21:22:05
335
原创 ps通过图案制作线条和图案文字，通过创建剪切蒙版制作图案文字效果
（1）新建文件：800*600，分辨率72，背景 EF82F6 ，颜色模式RGB。按ctrl+delete填充 拾色器中的背景色。(1) 创建线条图层，使用 渐变工具，随机拖拉渐变。(2) 将这个图层，以图案的形式 存储起来。（2）把素材图打开，在素材图层上，选择“图层”---“创建剪贴蒙版”。（5）通过创建剪切蒙版制作图案文字效果。（3）创建线条图案，将其保存起来。在“编辑” ----“定义图案”。（2）使用文字工具，写字。（1）使用文字工具，写字。
2023-05-30 21:21:22
137
原创 ps制作小鸟徽章特效
操作 这个形状所在的图层，点击右键，选择 图层菜单---智能对象---转换为智能对象。（1）新建文件：400*400，分辨率72，背景白色，颜色模式RGB。（7） 到网上搜twitter 图标，输入一些文字，效果如下。（6） 给这个形状所在的图层， 添加阴影样式，效果如下。渐变颜色 #f3b60b #f8e17f。之前形状图层上的描边和渐变叠加效果，都被合并了。（5） 图层>智能对象>转为智能对象。描边使用的颜色 #dcdcdc。文字颜色 #fdeb97。
2023-05-30 21:20:45
169
原创 ps制作高档大气仿工笔画美女
我们会复制上一层的正片叠底，然后改为滤色，把照片的明度提高，特别是把暗部区域层次提高，让照片暗部达到中性灰以下，这个图层的透明度为40%。（4） 在“图层 2 拷贝”这个图层上操作，我们 用到 图层工具栏下面的混合选项，然后在斜面和浮雕选项里面找到纹理，然后选择一个纹理效果，通过缩小和深度来调整纹理在照片里出现的感觉。具体操作，ctrl+j 复制图层2， 然后再复制的图层上 设置 “滤色”，这个图层的透明度为40%完成工笔风色调的效果。（7） 修饰图，加花，加字，将人物的手拿出框，要对手进行处理。
2023-05-29 22:39:05
88
原创 ps合成玫瑰花丛中漂亮美女照片
把 拾色器上的前景色 设置为黑色。使用你刚刚 准备好的画笔，在图层蒙版上“涂抹”，人物就跑到花丛中了。（3） 载入草丛笔刷，把颜色动态和传递去掉勾选，这2个选项可能会造成前后背景色反复更替。（4）在图层面板中，选择“人物”图层，点击 图层面板中的 添加图层蒙版。（5）前景色黑色把人物裙子部分涂抹掉，就好像美女站在草丛中一样的效果。（2）把人物 使用钢笔工具 扣出来。（1）把素材图打开。
2023-05-29 22:38:30
145
原创 ps制作创意可爱橙子果肉文字
当前 你在 果肉图层上， 按ctrl键，点 文字图层，让文字图层出现选区（蚂蚁线）。这时 鼠标停留在 果肉图层上，然后 点 图层面板，下面一排小图标中的 “图层蒙版”。（11）复制一个带描边的文字图层，单击右键，选择 栅格化图层（把它由文字图层，变成 普通图层）。（5）把 桔子肉 按ctrl+E 合并图层，把所有的 果肉合并在一个图层上。（6） 在你的桔子肉图层按住Ctrl点文字图层，选区后点添加图层蒙版。其中，下载字体后，要自行进行安装，怎么安装？（12）这时，对这个图层，进行拉伸变形，让它当影子。
2023-05-29 22:36:20
109
原创 ps制作款卡通铅笔书签图标
（5） 为它做一个长投影效果，创建一个矩形，填充黑色，大小可以自己调整，我是宽718.22px和高732.74px，Ctrl + T 变换角度。继续创建两个矩形，高度改为32px，填充黑色，调整不透明度为25%和10%，整齐列到笔身上，（3）新建图层2，绘制圆角矩形， 大小为512px*512px，半径120px ， 搞定后填充颜色#c47420，命名“icon base”（10） 现在创建笔尖，如法炮制一个三角形，大小为32x32px，颜色填充为#474f57，移动到笔头处对齐。
2023-05-29 22:35:00
83
原创 ps制作立体字
移动工具，选择描边图层，往上移动。移动到 边对齐左侧文字即可。（7） 选中文字图层 同时 按住Ctrl键 再建一个新的文字选区，在右侧图层位置 添加一个新的图层 填充一个深色，将 填色好的深色图层 拉到 文字图层下面。（5） 给“扩展的选区” 添加 一个颜色描边，设置好颜色之后 在 最上方菜单栏 位置找到 “编辑” 点击“描边”选项，具体描边大小按照文字需求添加。（8） Ctrl+D取消选区之后 选择“移动""工具快捷键V，移动填充深色的图层到和文字右侧对齐即可，为了看清效果可以给添加一个背景色。
2023-05-29 22:32:11
481
原创 ps羽化图片边缘(两种羽化图片边缘的方法)
（2） 打开图片之后我们在工具箱内找到椭圆形选区工具 ， 使用椭圆形选区工具在我们的图片上画出椭圆形的选区。（3） 在图片上画出椭圆形选区之后我们再在菜单里找到选择选项，点击该选项在其子级菜单里找到修改选项。接着，我们把羽化设置为【20.0像素】，输出到【新建图层】，点击【确定】，如图所示。（1）新建文件：800*600，分辨率72，背景白色，颜色模式RGB。（1）新建文件：800*600，分辨率72，背景白色，颜色模式RGB。（3） 在属性里面，我们先把视图调整为【图层】，如图所示。
2023-05-29 22:28:58
2120
原创 ps魔棒工具抠图
（3）使用魔棒工具，点击图层1上 素材图的空白区域，空白区域会出现 选框，接着，我们在选框区域，按delete键删除。这样我们就能够实现 背景是纯色的 简单抠图。（2）新建图层1 ，把你 所需要的 素材图，框选，按ctrl+c复制剪切。然后到图层1上，ctrl+v 粘贴。（4）接着，把高楼大厦的素材图，打开，将其 拖拽到 图层1的下方。（1）新建文件：800*600，分辨率72，背景白色，颜色模式RGB。
2023-05-29 22:28:47
462
原创 ps制作花朵形状
（4）按ctrl 点击 图层2，出现 选框（蚂蚁线）。接着，按ctrl+t （编辑菜单下--自由变换，它的快捷键是ctrl+t）。（5）按ctrl+shift+alt+t（这个地方最重要！），会按照 你倾斜的角度，复制新的 花瓣。（2）新建图层1 ，使用椭圆选框工具，在图层1上，绘制一个垂直方向的椭圆，按alt+delete 键（或者用 油漆桶） 填充颜色。（1）新建文件：800*600，分辨率72，背景白色，颜色模式RGB。（3）按ctrl+j 将图层1的内容 复制到 新图层上。
2023-05-29 22:23:56
226
原创 ps制作太极图
ctrl+r 打开标尺， 学会 拉 标尺线， 拉出两条标尺线，让其水平、垂直相交。（3）、新建图层，绘制1个二分之一圆，填充黑色。接着，新建图层，垂直 向下 移动选区，填充白色。（4）、新建图层，绘制1个四分之一圆，填充白色。接着，新建图层，垂直 向下 移动选区，填充黑色。选区不要取消， 再接着，创建一个新图层，在新图层上，填充白色。(1)、 新建文件-800*800px，打开标尺，新建参考线、得到中心点。黑圆 ，按alt键，用矩形选框工具，减去右侧圆。白圆，按alt键，用矩形选框工具，减去左侧圆。
2023-05-29 22:22:30
411
原创 NodeJS Express 企业内容管理系统cms项目分析
nodejs写项目，如果你纯粹 只写接口，不用写页面，你把 接口文档和接口地址给前端开发人员 即可。接着，就是前端开发人员，阅读你的接口文档，调取数据显示在视图层。（1）打开你事先准备好的模板文件。把模板文件中的源码复制到 views--admin-login.html中。把模板文件中的源码复制到 views--home-index.html中。接着，我们去app.js文件文件中设置，我们要能访问读取到 上面这两个路由模块文件。接着，到routers---home.js中，找到前台首页页面路由，载入页面。
2023-05-28 16:12:28
760
1
原创 Nodejs路由配置
/载入文件res.render("home/index");创建routers文件夹，创建index.js路由配置文件,nodejs中实例化路由类router，目的是通过 路径，访问页面。req request对象 保存客户端请求的相关信息res response对象 服务器端返回的响应信息next 执行下一个方法。路由的目的：八个字，载入页面，显示数据（接口中的数据）。页面取接口中的数据，显示在页面上。
2023-05-28 15:58:14
487
原创 Nodejs服务器端访问远程接口数据
NodeJS的post请求,post请求是通过请求体获得参数的。在postman中发送数据，需要在body里面添加数据。
2023-05-28 15:56:58
446
原创 jQuery和vue中插件axios 去访问node接口
1.1.1.2 vue中插件axios访问node接口数据。显示 返回值(HTML 或 XML，取决于返回值)。1.1.1.1 jquery访问node接口数据。
2023-05-28 15:53:09
61
原创 不结合MySQL写自己的接口
有时候前端需调用接口测试功能，但是相关的接口还没有开发好，或者没有相应的数据，这时候怎么办呢？这里我们使用nodejs+express写自己的接口。
2023-05-28 15:49:47
24
原创 Nodejs结合MySQL数据库改造图书列表接口
到Navicat for MySQL中的web2132库里的book表中，添加几条数据，一会供你用来修改使用。到Navicat for MySQL中的books库里的book表中，添加几条数据，一会供你用来删除使用。创建config文件夹，在config文件夹下，创建db.js 模块，连接数据库。mysql.createConnection() 设置数据库连接的相关属性。1.1.3 结合MySQL数据库改造图书列表接口。1.1.3.4 编写 添加图书数据接口。结合MySQL数据库改造图书列表接口。
2023-05-28 15:48:16
75
原创 Nodejs简介
nodejs和javascript的区别？nodejs是一个javascript运行环境（平台），javascript是编程语言。nodejs中无法运行alert方法，DOM和BOM这类方法也无法在node中运行。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。下载nodejs。
2023-05-28 15:39:01
4550
原创 NPM修改默认源（默认镜像）
注意：上面，如果你在使用命令 cnpm -v,查看 cnpm 版本，能查看到他的版本说明，说明什么？如果 还是上面，你在使用命令 cnpm -v,查看 cnpm 版本， 结果 发现他 不是内部命令，又不是外部命令，说明 我们需要手动去配置 系统变量。使用命令 cnpm -v,查看 cnpm 版本，发现cnpm不是内部，外部命令，现在我们需要安装cnpm。以上，步骤，我们把 npm默认镜像源修改完毕，把cnpm安装完毕。在安装cnpm之前，我们先去改变 npm的默认镜像源。首先，先查看默认源是谁？
2023-05-27 18:11:09
2041
原创 Nodejs安装和配置
或者下载zip文件找个目录保存，解压下载的文件，然后配置环境变量，将解压文件所在的路径配置到环境变量中。由于Node.js 中默认安装了 npm，所以不用额外配置就能在全局命令中使用 npm命令，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，进入环境变量对话框。输入 node -v 与 npm –v分别查看版本信息。nodejs 查找安装路径，输入where node。node.js安装和配置。下载安装node.js。node.js环境配置。
2023-05-27 17:23:23
173
原创 vuex中的核心特性
vuex核心概念state 存储数据getters 获取数据的方式mutations 修改数据的方式actions 通过后台更改操作异步数据的方式1.1.1Statevuex中的数据源，我们需要保存的数据就保存在这里，可以在页面中在计算属性computed里通过 this.$store.state来获取我们定义的数据；mutations是操作state数据的方法的集合，比如对该数据的修改、增加、删除等等。由于直接在mutation方法中进行异步操作，将会引起数据失效。
2023-05-27 12:23:18
169
原创 vuejs核心插件Vuex数据仓库（vuex数据管理）
1.1.1Vuex概念Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：能够在vuex中集中管理共享的数据，便于开发和后期进行维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新1.1.2Vuex和组件通信对比使用Vuex来管理数据共享。
2023-05-27 12:19:32
617
原创 Vue动态路由
3.router 是一个机制，相当于一个管理者，它来管理路由。区别：this.$router.push() 跳转到指定的url，会向history插入新记录this.$router.replace() 同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。传参的时候，向query中写入数据， 当你 在 点击按钮，访问组件的时候， 地址栏中，会显示 你向query中 写入的数据。这个数据，我们只要能访问到，我们就可以在自己的组件中，任意的去自由的使用。
2023-05-27 12:16:25
4733
原创 Vue Router介绍
它是一个Vue.js官方提供的。是一个功能更加强大的前端路由器，推荐使用。Vue Router和Vue.js非常契合，可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue，所以需要先引入Vue，再引入Vue Router1.1.1 有哪些特性支持H5历史模式或者hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由支持路由导航守卫支持路由过渡动画特效支持路由懒加载支持路由滚动行为。
2023-05-27 12:04:54
118
原创 vue核心插件路由
前端路由是基于hash值的变化进行实现的（比如点击页面中的菜单或者按钮改变URL的hash值，根据hash值的变化来控制组件的切换）核心实现依靠一个事件，即监听hash值变化的事件。路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由。根据不同的事件来显示不同的页面内容，即事件与事件处理函数之间的对应关系。那么url地址和真实的资源之间就有一种对应的关系，就是路由。
2023-05-27 11:56:24
44
原创 案例讲解-图书列表
1.1.1获取图书列表 axios.get()把需要删除的id书籍 通过参数的形式传递到后台。1.1.2编辑图书 axios.post()1.1.3添加图书 axios.post()1.1.4删除图书 axios.get()导入axios 用来发送ajax。根据当前书的id 查询需要编辑的书籍。获取用户输入的数据 发送到后台。需要根据状态位判断是添加还是编辑。把获取到的数据渲染到页面上。渲染最新的数据到页面上。
2023-05-27 11:55:56
176
原创 异步请求数据——axios
1.1.1axios基础用法基于promise用于浏览器和node.js的http客户端支持浏览器和node.js支持promise能拦截请求和响应自动转换JSON数据能转换请求和响应数据get和 delete请求传递参数通过传统的url 以?
2023-05-27 11:51:32
753
原创 异步请求数据——promise
promise 提供了简洁的API 使得异步操作更加容易。1.1.2基于Promise发送Ajax请求解决回调地狱。1.1.1promise解决了什么问题。主要解决异步深层嵌套的问题。
2023-05-27 11:45:16
210
原创 vue接口调用方式
但是我们大部分时候可能用上面原生的ajax的时候是很少的，我们一般都是用jQuery封装好的Api，这个前提是我们需要先引入jQuery文件，否则提示报错，jQuery的ajax使用步骤大致如下所示。前端要做动态数据渲染，只能通过调用接口的方式来获取服务端的数据，目前常见的方式有ajax，fetch，axios等常见的方式可以获取接口的数据，我们来分别认识一下这些操作方式..fetch支持很多请求的方式如POST，GET，DELETE，UPDATE，PATCH和PUT。get和 delete请求传递参数。
2023-05-24 22:29:59
3932
原创 组件案例——购物车
前面我们学了组件，我们也知道Vue的核心是组件系统和数据驱动，下面我们来做一个购物车的案例，巩固深化一下我们所学的理论知识。子组件中不推荐操作父组件的数据，有可能多个子组件使用父组件的数据，我们需要把数据 传递给父组件 让父组件操作数据。子组件中不推荐操作数据 把这些数据传递给父组件 让父组件处理这些数据。从父组件把商品列表list 数据传递过来 即 父向子组件传值。从父组件把商品列表list 数据传递过来 即 父向子组件传值。父组件中接收子组件传递过来的数据并处理。把传递过来的数据渲染到页面上。
2023-05-24 22:23:56
367
原创 vue基础扩展——插槽
后面我们做项目用到的组件库比如element-ui,vant-ui都频繁用到的插槽，Vue的插槽主要有匿名插槽，具名插槽，作用域插槽三种，下面我们分别来认识一下他们。="uPage" 实现的作用是：双向数据绑定，即：子传父，子组件将数据传递给父组件。插槽插槽实质是对子组件的扩展，通过<slot>插槽-----向组件内部“指定位置” 放置内容。作用域插槽（带数据的插槽）:绑定数据的插槽slot插槽scope作用域。组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力。
2023-05-24 22:17:29
1381
原创 Vue组件通信
此时，$event的值就是5或者10（子组件传递过来的值），而不是前面的事件对象。接着，我们看下 $parent($root)和$children($refs和ref) 怎么进行 组件之间的消息传递（也就是我们说的 组件之间的通信）//触发自定义事件传递数据this.$bus.$emit('自定义事件名','传递的数据')我们通过 this.$parent 可以 在子实例（子组件）中 拿到 父实例（父组件）里的任何东西！传递数据方，通过一个事件触发hub.$emit('自定义事件名'，传递的数据)
2023-05-24 22:11:58
193
原创 Vue组件
局部申明组件var Header = { template:'模板', data是一个函数, methods:功能, components:子组件们}组件类型通用组件(例如表单、弹窗、布局类等)业务组件(抽奖、机器分类)页面组件(单页面开发程序的每个页面的都是一个组件、只完成功能、不复用)全局注册声明组件（等于注册加声明了）Vue.component('组件名',组件对象)parent和 child 组件是 父子组件关系。根组件和parent 组件是 父子组件关系。
2023-05-21 18:31:58
51
原创 vue替换数组
slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组，而是返回一个子数组。concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组。filter() 方法创建一个新的数组，新数组中的元素是。不会改变原始数组，但总是返回一个新数组。
2023-05-21 18:27:47
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人