Photoshop设计简易的办公平台登陆框网页教程

很有粪量鍀人

很有粪量鍀人

2016-02-19 17:18

下面是个Photoshop设计简易的办公平台登陆框网页教程教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

本PS教程为大家带来网站按钮制作教程,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢!

先看效果图:

Photoshop制作简易的办公平台登陆框网页教程

1、执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:制作登陆办公平台按钮,宽度:800像素,高度:600像素,

分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮。

Photoshop制作简易的办公平台登陆框网页教程

2、在图层控制面板击新建图层按钮,新建一个背景,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,

弹出渐变编辑器。双击如图3中的A处,设置色彩RGB分别为252、253、255,再双击图3中所示的B处,设置色彩RGB分别为226、239、255,

单击确定按钮。

Photoshop制作简易的办公平台登陆框网页教程

Photoshop制作简易的办公平台登陆框网页教程

3、在图层面板上单击创建新图层按钮 ,新建一个图层,再工具箱选择圆角矩形工具,在工作区拖出一个圆角矩形。

Photoshop制作简易的办公平台登陆框网页教程

4、选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,弹出渐变编辑器。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

设置色彩RGB分别为135、194、254,再设置色彩RGB分别为47、146、250,单击确定按钮,按键盘快捷键Ctrl+Enter转换为选区,

并按住键盘中Shift不放在工作区拖出一个圆角矩形,按键盘快捷键Ctrl+D取消选区。

Photoshop制作简易的办公平台登陆框网页教程

Photoshop制作简易的办公平台登陆框网页教程

5、在图层面板上单击创建新图层按钮 ,新建一个图层2,再工具箱选择圆角矩形工具,并按住键盘中Shift不放在工作区拖出一个圆角矩形,

设置前景色为白色,按键盘快捷键Ctrl+Enter转换为选区,按键盘快捷键Ctrl+D取消选区。

Photoshop制作简易的办公平台登陆框网页教程

6、在工具箱中选择移动工具 ,按住键盘的Alt键不放,选择图层3,按鼠标左键拖出个图层3。

Photoshop制作简易的办公平台登陆框网页教程

7、单击工具箱中的横排文字工具 ,输入用户名,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无。

Photoshop制作简易的办公平台登陆框网页教程

8、单击工具箱中的横排文字工具 ,输入密码,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无。

Photoshop制作简易的办公平台登陆框网页教程

9、在图层面板上单击创建新图层按钮 ,新建一个图层,再工具箱选择圆角矩形工具,在工作区拖出一个圆角矩形。

Photoshop制作简易的办公平台登陆框网页教程

10、按键盘快捷键Ctrl+Enter转换为选区,执行菜单:编辑/描边弹出描边对话框,设置宽度为1,颜色为:白色,

按键盘快捷键Ctrl+D取消选区。

Photoshop制作简易的办公平台登陆框网页教程

11、单击工具箱中的横排文字工具 ,输入登陆,设置字体:黑体,大小:18点,颜色:白色,设置消除锯齿的方法:无,其他的做法也是一样,

Photoshop制作简易的办公平台登陆框网页教程

Photoshop制作简易的办公平台登陆框网页教程

12、创建新图层按钮,新建一个图层3,选择椭圆工具,在工作区拖出一个椭圆形状并填充白色,按键盘快捷键Shift+I羽化,弹出羽化选区,

设置羽化半径为50像素,然后点击确定按钮,

Photoshop制作简易的办公平台登陆框网页教程

13、在工具箱中设置前景色颜色RGB值为:120、199、254,按键盘快捷键Ctrl+Delete填充前景色,选择图层1按住键盘的Alt键不放,

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

按鼠标左键拖出一个图层1副本,并添加一个蒙板给图层1副本,在工具箱中选择渐变工具,给图层1副本添加一个渐变。

Photoshop制作简易的办公平台登陆框网页教程

Photoshop制作简易的办公平台登陆框网页教程

完成最终效果!

Photoshop制作简易的办公平台登陆框网页教程

展开更多 50%)
分享

猜你喜欢

Photoshop设计简易的办公平台登陆框网页教程

设计创意
Photoshop设计简易的办公平台登陆框网页教程

Photoshop制作简易的办公平台登陆框网页教程

PS PS基础
Photoshop制作简易的办公平台登陆框网页教程

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop设计蓝色风格的网页登陆框

PS PS基础
Photoshop设计蓝色风格的网页登陆框

Photoshop设计清新风格绿色登陆框教程

PS PS基础
Photoshop设计清新风格绿色登陆框教程

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop设计简单又酷的登陆框界面

PS PS基础
Photoshop设计简单又酷的登陆框界面

快盘安全便捷的办公平台

电脑入门
快盘安全便捷的办公平台

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

都市写真也有小清新的一面

都市写真也有小清新的一面

日本yoshiharu美丽的水彩风景插画作品

日本yoshiharu美丽的水彩风景插画作品
下拉加载更多内容 ↓