Photoshop设计简洁优雅的登录界面

  教程旨在教大家使用Photoshop创建一个简单的登录界面。只需一些简单技巧,你也可以设计出一个漂亮的登录界面。界面的背景色使用了几种不同的灰色色系,此举可最大程度保持整个界面的简洁和优雅。

  本教程简单易学,适合于初学者。


  PSD文件新浪微盘下载地址:http://vdisk.weibo.com/s/hyZm8/1352365789

  登录界面

  步骤1


  新建一个800(H)x600(W)像素的文档。当然也可根据自己的需求新建。接下来,使用圆角矩形工具(U)建立一个320×210像素的圆角矩形,并用浅灰色(light gray)填充,以此作为整个登录界面的背景。

  步骤2


  为登陆界面背景添加深灰色(#dbdada)投影,参数如下:

  投影(Drop shadow): 距离(distance):1px,大小(size):1px,混合模式(blend mode)设为“正片叠底”(Multiply),不透明度(opacity)设为50%

  步骤3


  为背景应用大小为1px的描边(stroke),描边的颜色与投影的颜色一致,即#dbdada。

  步骤4

分类:

  • PS入门教程
时间: 2024-11-08 23:24:05

Photoshop设计简洁优雅的登录界面的相关文章

Photoshop设计简洁大方的网页界面

今天,我将介绍如何创建一个干净的网络布局.一个漂亮的背景.开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟. 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸. 我们要创建基本的背景层.简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过程中,我们可能会添加新的元素. 草稿上可以看出,我们将创建5个分栏,在这里我们将添加的内容. 添加的第一层,这将是我们的背景,颜色#ededed. 在页面顶部绘制一个矩形命名为

Photoshop设计简洁的彩色圆环LOGO教程

  Photoshop设计简洁的彩色圆环LOGO教程          本教程主要使用Photoshop设计简洁的彩色圆环LOGO教程,无论是ICON设计,还是logo都会用到这种发方法,非常简单而实用,有什么不懂的地方可以下载源文件,喜欢的朋友让我们一起来学习吧. 教程源文件:时尚炫彩的LOGO设计PS教程源文件 分类: PS入门教程

PhotoShop设计简洁清新的小按钮制作教程

用PhotoShop设计简洁清新的小按钮效果,只需用图层样式即可实现,练习按钮的目的就是为了增加细节的把握,没有细节就没有好的按钮, 先看 教程效果图: 首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定. 样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止). 在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用. 继续调整细节.如图: 加上文字. 然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉. 最后

Photoshop设计一个优雅的网站首页

  简洁优雅,这是一个面向新手的基础网页设计教程,还未设计过网页的你,不妨马上开始,尝试设计自己的第一个网页吧.熟练的同学也可以快速过一遍练练手. 这就是原教程最终设计好的网页. 然后,我在跟着做的时候,将所有文字换成了中文,就成了下面这样,看上去好像是真有这么一回事的感觉~ 哈,大家也可以试试哦,下面是教程: 本教程将通过一个"感恩日志"的概念项目,带大家一步步设计一个优雅(高大上)的网站首页.手把手从零开始,只需装好Photoshop软件就可以了.一些设计时会用到的基础技术(插件.

国外网站设计:友好的登录界面设计

网站或应用的登录页面有时候通常用户会看很多遍,同时也有机会诱使临时用户注册,所以,一个设计良好的登录页面会比你想象的更有用.这里是一些网页教学网收集目前最好的登录界面设计. 网页教学网认为,登录页面是和用户关系最密切的页面之一,所以这个页面的用户体验更加重要,好的登录页面,不仅仅要美观,更要易用,便于用户输入和操作. Battle.net World of Warcraft Taste Book Newsberry Vimeo Getsignoff Brightkite Matt Drupalc

Photoshop设计简洁的线条ICON图标

本教程主要使用Photoshop设计时尚简洁的线条ICON图标,这种图标在现在流行的扁平化风格的时代非常的使用,喜欢的朋友让我们一起来欣赏吧.         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:311270890欢迎你的加入 分类: PS入门教程 ps图标制作教程

登录界面设计-基于MyEclipse的登录界面的设计

问题描述 基于MyEclipse的登录界面的设计 在MyEclipse下创建servlet,代码如下: package servlets; import java.io.IOException; import java.io.PrintWriter; import java.util.*; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.

Android实现简洁的APP登录界面

今天需求要做一个所有app都有的登录界面,正好巩固一下我们之前学的基础布局知识. 先来看下效果图 1.布局的xml文件 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&qu

Photoshop设计简洁大方干净的网页界面设计

         今天,我将介绍如何创建一个干净的网络布局.一个漂亮的背景.开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟. 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸. 我们要创建基本的背景层.简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过程中,我们可能会添加新的元素. 草稿上可以看出,我们将创建5个分栏,在这里我们将添加的内容. 添加的第一层,这将是我们的背景,颜色#ededed. 在页面顶部