主页 > 二号站注册 > 正文
非常感谢朋友们长期以来的支持,这期间给大家分享了不少的案例和基础知识,想必大家更想知道更具有技术含量的案例,那么我接下来会给大家分享一些关于网页设计方面的知识内容,希望大家能够喜欢,本期我们主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。先看看效果图
首先,这里做了一个简单的背景,相信这么简单的背景大家都很熟悉了。
画一个圆角矩形框框,添加图层样式。(框框的颜色无所谓,等会我们并不会用到)
添加一个纹理素材,创建剪贴蒙版。
颜色不大好,我们创建了一个色相/饱和度调整层,一样的剪贴蒙版。
以剪贴蒙版形式,创建一个曲线调整层,参数如下:
添加文本和右侧的关闭按纽,我用的是白色,关闭按纽没什么难度吧,两个矩形来构成。
用直线工具,画一条直线,颜色我设置的是#121415,添加一个投影样式。添加文本和图像,图像我有做了一个近背景色的1像素描边。
接下来,用圆角矩形工具来画一个进度条,颜色为#121415,添加一个投影样式。
接下来做进度的呈现,这个不用多说吧,复制一层刚才的进度条,清除掉图层样式,用矩形减去一段就OK了,添加一个渐变叠加。
下面,做进度框,一个矩形,加一个三角形,然后跟叠加一个跟刚才进度一样的渐变。
添加进度的文本75%,然后添加一个投影样式。
添加右侧的关闭按纽,以及垃圾桶按纽,简单的布尔运算就可以搞定了。
在右下侧画一个圆角矩形,添加图层样式。
添加加号图标按纽和文本,添加一个投影样式。
添加右侧的取消上传按纽,跟前面一步是一样的,改变的只是渐变颜色而已。
完成最终效果
猜你喜欢
- 2022-06-12 11:50:34 二号站推广链接_企业网站被降权都有哪些原因?
- 2022-02-04 08:58:37 二号站推广链接_策划:白帽SEO 转化 无惧百度算
- 2022-01-07 08:58:43 二号站推广链接_百度权重值是什么意思,如何提高
- 2021-10-09 08:58:46 二号站推广链接_HTTPS站点真的会被百度优先收录
- 2021-08-30 08:58:34 凤凰二号站手机_网站seo优化过度的表现以及避免
- 2号站主管Q:2347-660
-
- 01-18天富挂机app下载_打造网站的魔法之旅:网站策划
- 01-18天富手机app挂机_打造完美落地页的10大关键技巧
- 01-18二号站电脑版登录_9种常见的网页设计布局
- 01-17凤凰二号站地址_2020年最值得关注的13个网页设计
- 01-17二号站手机登录_网页设计中最常用的5种配图
- 01-17二号站手机客户端_如何挑选网页设计公司?美橙
- 01-172号站电脑版登陆_如何学习响应式网页设计?
- 01-16天富直属注册_手机网站制作建设中所存在的几个
- 01-16二号站老板_2020年的8大平面&网页设计趋势
- 01-16二号站官网代理注册_手机网页设计我们应该注意
- 01-18天富挂机app下载_打造网站的魔法之旅:网站策划
- 01-18天富手机app挂机_打造完美落地页的10大关键技巧
- 01-18二号站电脑版登录_9种常见的网页设计布局
- 01-17凤凰二号站地址_2020年最值得关注的13个网页设计
- 01-17二号站手机登录_网页设计中最常用的5种配图
- 01-17二号站手机客户端_如何挑选网页设计公司?美橙
- 01-172号站电脑版登陆_如何学习响应式网页设计?
- 01-16天富直属注册_手机网站制作建设中所存在的几个
- 01-16二号站老板_2020年的8大平面&网页设计趋势
- 01-16二号站官网代理注册_手机网页设计我们应该注意