设为首页
收藏本站
现距离劳动节还有:
天气与日历
开启辅助访问
切换到窄版
登录
立即注册
门户
Portal
论坛
BBS
在线影视
免费小说
FC游戏
app下载
插件
Plugin
搜索
搜索
每日签到
本版
文章
帖子
群组
社区
»
论坛
›
软件源码
›
教程分享
›
Photoshop制作一个漂亮的网页按钮
返回列表
发新帖
[
ps
]
Photoshop制作一个漂亮的网页按钮
[复制链接]
181
|
7
|
2023-3-10 04:33:02
|
显示全部楼层
|
阅读模式
[
导读
]Photoshop制作一个漂亮的网页按钮
让我们一起来看看这个教程吧
13124D35210T0-102G6.jpg
(61.65 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D35210T0-102G6.jpg
Step 1
我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px
13124D35411Z-1125I.jpg
(114.34 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D35411Z-1125I.jpg
Step 2
为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像
13124D36050140-12K27.jpg
(165.81 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D36050140-12K27.jpg
13124D363F2Z-131P7.jpg
(52.66 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D363F2Z-131P7.jpg
[1]
回复
使用道具
举报
老师傅
|
2023-3-10 05:24:43
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
Step 3
让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩形,因为我们将添加一个渐变叠加)。
13124D3A33920-144129.jpg
(31.01 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3A33920-144129.jpg
我们将加强它如何给予它一些图层样式外观。 首先,套用阴影。
13124D3C20260-1523E.jpg
(121.84 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3C20260-1523E.jpg
内发光效果…
13124D3EAT0-1B0H.jpg
(120.9 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3EAT0-1B0H.jpg
斜面和浮雕…
13124D3GR210-1H215.jpg
(135.5 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3GR210-1H215.jpg
最后,一个渐变叠加
13124D3Ib560-1Y091.jpg
(249.14 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3Ib560-1Y091.jpg
[2]
回复
使用道具
举报
老师傅
|
2023-3-10 06:31:07
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
Step 4
现在,让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。
13124D3L2O60-191248.jpg
(37.12 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3L2O60-191248.jpg
继续下去,并给它一些图层样式。 下面的图片以供参考使用
13124D3Mb2Z-2025Q.jpg
(509.84 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3Mb2Z-2025Q.jpg
[3]
回复
使用道具
举报
老师傅
|
2023-3-10 06:40:24
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
为了确保它的垂直和对齐,选择这两个层次,其中包含按钮和箭头机构(概括地讲,我们只有两个层迄今)和对齐单击控制条垂直中心
13124D3QN120-2161D.jpg
(72.46 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3QN120-2161D.jpg
创建一个小的矩形,如在下面的图片1()。然后转到“编辑>变换>斜交>V:30
13124D3T43C0-225V7.jpg
(89.34 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3T43C0-225V7.jpg
给它同样的图层样式
13124D3V54c0-233962.jpg
(37.26 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3V54c0-233962.jpg
Step 5
使用自定义形状工具(U)创建一个约30 ×箭头。
13124D3X04140-244603.jpg
(40.1 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3X04140-244603.jpg
[4]
回复
使用道具
举报
老师傅
|
2023-3-10 07:48:44
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
给它一些图层样式根据下面的图像
13124D3YHL0-256322.jpg
(619.89 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3YHL0-256322.jpg
[5]
回复
使用道具
举报
老师傅
|
2023-3-10 08:23:08
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
Step 6
让我们创造我们的分离。 使用椭圆选框工具(M),创建一个类似下面的选择。 设置你的前景色黑色(#000000),然后单击转移+ Backspace键得到填补
13124D3b3C40-262548.jpg
(147.71 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D3b3C40-262548.jpg
为了使它看起来有点模糊。 滤器“>模糊”高斯模糊 – 半径:3.0px
13124D4012QF-2O296.jpg
(101.29 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D4012QF-2O296.jpg
请在它的左边部分的选择(见下面的参考)图像,然后按下删除
13124D41193Q0-2R0Q.jpg
(89.62 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D41193Q0-2R0Q.jpg
减少这层不透明度为:50%。
13124D414Z930-2c0a.jpg
(138.61 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D414Z930-2c0a.jpg
打开你的渐变编辑器并设置颜色值按下面的图像。
13124D41G0X0-3054c.jpg
(85.66 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D41G0X0-3054c.jpg
[6]
回复
使用道具
举报
老师傅
|
2023-3-10 09:20:57
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
在选择分离器的层上添加单击图层蒙板。 然后拖动与梯度(我们刚刚成立的顶部)上下。
13124D41Y3P-31C55.jpg
(85.85 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D41Y3P-31C55.jpg
Step 7
创建另一个在左侧的三维形状,使用上面我们已经解释过相同的技术
13124D4211HZ-3293a.jpg
(29.92 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D4211HZ-3293a.jpg
Step 8
输入字体
13124D422F930-332264.jpg
(95.44 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D422F930-332264.jpg
[7]
回复
使用道具
举报
老师傅
|
2023-3-10 10:42:46
|
显示全部楼层
[
导读
]Photoshop制作一个漂亮的网页按钮
应用一些图层样式给它。 Use the image below for reference.下面的图片以供参考使用。
13124D42525N0-34J23.jpg
(491.07 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:33 上传
点击文件名下载附件
13124D42525N0-34J23.jpg
得到最终效果
[8]
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
浏览过的版块
软件分享
老师傅
1963
主题
2786
回帖
1万
积分
版主
积分
11469
加好友
发消息
回复楼主
返回列表
软件分享
源码分享
教程分享