学习情境一 操作系统桌面UI设计
ui课程设计计划书
ui课程设计计划书一、课程目标知识目标：1. 让学生掌握UI设计的基本概念，理解其在现代产品设计中的应用。
2. 使学生了解UI设计的基本元素，如颜色、形状、布局等，并能运用到实际设计中。
3. 帮助学生了解不同平台（如网页、移动端）的UI设计规范，提高其设计适应性。
技能目标：1. 培养学生运用设计软件（如Photoshop、Sketch）进行UI设计的能力。
2. 让学生掌握基本的UI设计流程，包括需求分析、原型设计、界面设计等环节。
3. 提高学生的创新意识和团队协作能力，使其能够在项目中独立完成UI设计任务。
情感态度价值观目标：1. 培养学生对UI设计的兴趣，激发其学习热情和创作欲望。
2. 培养学生关注用户体验，尊重用户需求的意识，提高其社会责任感。
3. 引导学生认识到UI设计在产品价值实现中的重要性，提升其职业认同感。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和创新思维。
学生特点：学生具备一定的计算机操作能力，对新鲜事物充满好奇，善于接受新知识。
教学要求：教师需结合实际案例，引导学生掌握UI设计的基本知识和技能，注重培养学生的实践能力和团队协作精神。
在教学过程中，关注学生的学习进度，及时调整教学策略，确保课程目标的实现。
通过本课程的学习，使学生能够具备独立完成UI设计项目的能力，为未来职业生涯奠定基础。
二、教学内容1. UI设计概述：包括UI设计的定义、发展历程、应用领域及设计原则。
教材章节：第一章 UI设计基础2. UI设计基本元素：颜色、形状、布局、图标、文字等视觉元素的设计原理及应用。
教材章节：第二章 设计元素与原则3. 设计软件操作：Photoshop、Sketch等设计软件的基本操作及常用功能。
教材章节：第三章 设计工具与软件4. UI设计流程：需求分析、原型设计、界面设计、交互设计等环节的讲解与实践。
教材章节：第四章 设计流程与规范5. 不同平台的UI设计规范：网页、移动端、桌面端等不同平台的界面设计规范。
操作系统的用户界面与交互设计
操作系统的用户界面与交互设计随着计算机技术的快速发展，操作系统的用户界面与交互设计逐渐成为人们关注的焦点。
一个好的用户界面与交互设计能够提高用户的操作效率、降低学习难度，并且改善用户体验。
本文将讨论操作系统用户界面与交互设计的重要性，并介绍一些常见的设计原则和最佳实践。
一、用户界面的类型用户界面是用户与操作系统进行交互的桥梁，它主要分为命令行界面和图形用户界面两种类型。
1. 命令行界面命令行界面是最早出现的一种用户界面形式。
它通过输入命令来操作系统，可以对系统进行各种操作和配置。
命令行界面的特点是灵活性强，但对用户的操作能力有较高的要求，学习曲线较陡峭。
2. 图形用户界面随着计算机技术的进步，图形用户界面逐渐取代了命令行界面，成为了主流的用户界面形式。
它使用图形、图标、窗口等可视化元素，通过鼠标、键盘等输入设备与用户交互。
图形用户界面具有直观、易用性好等特点，降低了用户的学习成本和操作难度，广泛应用于各个操作系统中。
二、用户界面设计原则一个好的用户界面设计应该具备以下几个原则：1. 简洁明了用户界面设计应该简洁明了，避免过多的冗余信息和复杂的操作流程。
无论是命令行界面还是图形用户界面，都应该力求简洁，让用户能够快速、直观地完成操作。
2. 一致性用户界面设计应该保持一致性，统一的界面风格能够提高用户的操作效率和体验。
在图形用户界面中，使用相似的图标、按钮样式等能够让用户更容易理解和使用系统。
3. 反馈机制用户界面设计应该提供及时和准确的反馈机制，让用户明确地知道他们的操作结果和当前系统状态。
例如，在图形用户界面中，鼠标的指针变化、按钮的按下状态等都是反馈机制的体现。
4. 易学性好的用户界面设计应该具备良好的易学性，让用户能够迅速上手并熟练使用系统。
界面布局的合理设计、操作流程的简化等都是提高易学性的重要手段。
三、交互设计的重要性除了用户界面的设计外，交互设计也是一个不可忽视的方面。
交互设计主要关注用户与操作系统的交互过程，它应该关注以下几个方面：1. 流畅的操作好的交互设计应该能够提供流畅的操作体验，让用户的操作流程简单、直观并且高效。
UI设计技巧与场景分析
UI设计技巧与场景分析UI设计是用户体验设计的一部分，它负责设计和改善用户在使用产品或应用时的界面交互体验。
良好的UI设计可以帮助用户轻松地操作和理解应用程序的功能，提升用户满意度和使用体验。
下面将介绍一些常用的UI设计技巧和场景分析。
1.简化界面：简洁明了的界面可以减少用户的认知负担，提高用户在应用上的操作效率。
在设计界面时，要尽量避免冗余的信息和复杂的布局。
保持界面的简洁性可以让用户更容易找到所需功能，并提高他们的使用体验。
2.拟物化设计：拟物化设计是把现实中的物体和效果应用到界面设计中，使用户在使用应用时更容易理解和操作。
通过使用真实的纹理、阴影和动效等效果，可以提高用户对界面元素的辨识度，并增强用户与应用之间的互动感。
3.强调重点：在设计界面时，要保证用户可以迅速识别并访问重要的功能和信息。
通过使用颜色、大小和排版等视觉元素来强调重要的内容，可以帮助用户更好地理解界面结构和功能布局。
4.易用性测试：在设计UI界面之前，建议进行易用性测试来评估和改进设计方案。
通过让真实用户在模拟的使用场景中使用和评估界面，可以发现并解决设计中的问题，提高用户的满意度和使用体验。
5.响应式设计：随着移动设备的普及和多种屏幕尺寸的存在，响应式设计成为越来越重要的一个设计要求。
响应式设计不仅要确保应用在不同设备上的可用性，还要保持设计的一致性和美观性。
通过使用流体布局、自适应图片和媒体查询等技术，可以实现响应式设计。
6.色彩搭配：色彩是UI设计中非常重要的元素之一、正确的色彩搭配可以增加界面的吸引力，并对用户的情感和行为产生影响。
在选择色彩方案时，要考虑目标用户的文化背景、应用的功能和特点，并保持一致性和协调性。
场景分析是指对不同使用场景下的用户需求进行分析和研究，以便为用户提供更符合其实际需求的界面设计。
以下是几个常见的场景分析：1.移动应用场景：在设计移动应用时，需要考虑用户的使用场景和环境。
比如，用户在户外使用应用时，需要考虑到阳光的反光问题，以及视觉和操作的方便性。
操作系统的用户界面设计与交互技巧
操作系统的用户界面设计与交互技巧随着信息技术的快速发展，操作系统在我们的日常生活中扮演着越来越重要的角色。
操作系统的用户界面设计与交互技巧的好坏直接关系到用户使用体验的舒适度和效率。
本文将探讨操作系统用户界面设计与交互技巧的相关内容，旨在帮助开发者和设计师更好地理解如何提升用户的操作体验。
一、用户界面的设计原则良好的用户界面设计应具备以下几个原则：简洁明了、一致性、易学易用、可扩展性和美观性。
1. 简洁明了用户界面应该以简洁明了为原则，避免过多的干扰和复杂的布局。
设计师应该通过良好的信息组织和界面布局，使得用户能够快速地找到并使用所需要的功能。
同时，过多的复杂功能会给用户造成困扰，因此要合理精简功能，保持界面的简洁性。
2. 一致性用户界面中的各个元素（如按钮、图标、菜单等）的样式和交互行为应保持一致性，这样可以帮助用户更快地适应和使用系统。
一致性还可以提高系统的可预测性，使得用户能够更好地理解和掌握其操作方式。
3. 易学易用好的用户界面应该尽可能地简化用户的学习成本。
设计师可以利用一些常见的设计模式和元素，如图标、标签和工具提示等，来提升用户的易学性。
此外，还可以通过提供明确的操作反馈和辅助工具来帮助用户快速上手。
4. 可扩展性操作系统用户界面应具备一定的可扩展性，以满足用户的个性化需求。
设计师可以提供一些可自定义的选项，如主题、颜色和布局等，让用户可以按照自己的喜好自定义界面。
此外，还可以提供一些扩展接口，以便用户可以通过自定义插件来增加功能。
5. 美观性良好的用户界面设计应该具备一定的美观性，使用户在使用系统时有良好的视觉体验。
设计师可以运用合适的颜色、字体和布局等来打造一个美观、舒适的界面。
二、常见的用户界面设计与交互技巧在操作系统的用户界面设计中，还有一些常见的技巧可以帮助提升用户的操作体验。
下面将介绍一些常见的技巧：1. 响应式设计操作系统的用户界面应该能够根据不同的设备和屏幕尺寸做出相应的布局调整，以适应不同的使用场景。
UI设计与界面优化培训ppt与案例分析
通过学习和实践，学员们掌握了更多的设计技巧和方法，提升了设 计能力，能够更好地应对工作中的挑战。
增强了团队合作意识
在案例分析和实践练习中，学员们分组合作，共同探讨问题并寻找 解决方案，增强了团队合作意识。
UI设计未来发展趋势预测
个性化设计 随着用户需求的多样化，UI设计 将更加注重个性化表达，通过定 制化的设计满足用户的独特需求 。
图标与文字设计
图标设计
简洁易懂、与主题相关、风格统一、尺寸合适。
文字设计
选择合适的字体、字号和行距，保证文字的可读性和美观性。同时，注意文字的颜色和背 景色的搭配，避免造成阅读困难。
图标与文字的配合
图标和文字应该相互配合，共同传达信息。图标可以直观地表达意思，而文字则可以提供 更详细的信息。在设计中要注意它们之间的间距和排版方式，使其看起来更加和谐统一。
在不同平台上保持相似的视觉 风格和交互方式，降低用户学
习成本。
功能操作一致
确保核心功能在各平台上操作 一致，避免用户混淆和误操作 。
信息架构连贯
保持信息架构的连贯性和一致 性，方便用户在不同平台间切 换时快速定位所需信息。
品牌识别度强化
通过统一的视觉元素和品牌标 识，增强用户对品牌的认知度
和忠诚度。
设计原则及规范
设计原则
简洁明了、一致性、直观性、反馈性、美观性等。
设计规范
遵循行业标准和最佳实践，如保持一致的字体、颜色、图标等视觉元素，提供 清晰的导航和菜单结构，确保界面在不同设备和浏览器上的兼容性等。
02
界面优化方法与技巧
布局优化
01
02
03
简洁明了
去除多余的元素，保持界 面简洁，突出核心内容。
了解电脑操作系统的用户界面设计
了解电脑操作系统的用户界面设计在电脑操作系统中，用户界面设计扮演着至关重要的角色。
一个良好设计的用户界面可以提高用户的工作效率和体验，使得操作系统更易用。
本文将深入探讨电脑操作系统的用户界面设计，帮助读者更好地了解这一主题。
一、什么是电脑操作系统的用户界面设计电脑操作系统用户界面设计是指为了使用户能够与操作系统进行交互而设计的一系列图形化或文本化界面。
它提供了用户与操作系统及其应用程序之间的桥梁，使得用户可以通过点击按钮、拖拽文件等方式，执行各种操作。
二、用户界面设计的原则1. 一致性：用户界面的各个部分应该保持一致，包括图标、按钮、窗口等。
这样可以减少用户的学习成本，提高用户的熟悉度和操作效率。
2. 可视化：操作系统的用户界面应该尽可能以图形化方式呈现，通过图标、颜色、动画等元素增加可视化效果，使用户更直观地理解界面的功能和操作。
3. 简洁性：用户界面应该追求简洁，避免过多的复杂操作和冗余的信息展示。
简洁的用户界面能够提高用户的专注度和工作效率。
4. 易学性：用户界面的设计应该尽量符合用户的心理预期，遵循常用的交互习惯。
这样用户可以更快速地上手，并且降低出错率。
5. 可访问性：用户界面应该考虑到所有用户的需求，包括视觉障碍、听觉障碍等特殊群体。
通过提供辅助功能和界面自定义选项，使得所有用户都能够方便地使用操作系统。
三、不同操作系统的用户界面设计不同的操作系统在用户界面设计上有着各自的特点和风格。
1. Windows操作系统：Windows操作系统以图形用户界面为主，采用了窗口、菜单、图标等经典的界面元素。
它提供了直观的操作方式和多样化的视觉效果，用户可以通过鼠标点击和键盘输入等方式进行交互。
2. macOS操作系统：macOS操作系统也是以图形用户界面为主，与Windows相比，它更注重设计的精致和简洁。
菜单栏位于屏幕顶部，应用程序的窗口具有圆角和渐变的特色，给人一种时尚、优雅的感觉。
3. Linux操作系统：Linux操作系统以自由开放的精神受到许多开发者和技术爱好者的喜爱。
操作系统的用户界面设计和交互方式
操作系统的用户界面设计和交互方式操作系统的用户界面设计和交互方式对于用户体验和效率至关重要。
一个好的用户界面设计可以使用户更轻松地操作系统，提高工作效率，并且减少用户的学习成本。
本文将讨论操作系统的用户界面设计以及不同的交互方式。
一、命令行界面命令行界面是最早期的操作系统用户界面，通过键入和输入特定的命令来完成各种操作。
这种界面对于一些专业用户来说仍然是一个非常重要的工具，因为它可以提供更多的功能和灵活性。
然而，对于普通用户来说，命令行界面存在一些缺点，比如需要记住复杂的命令和参数，并且操作过程相对复杂。
二、图形用户界面图形用户界面（GUI）是目前主流的用户界面设计方式，它通过图形化的方式展示操作系统的各种功能和操作。
GUI可以提供直观且易于理解的用户界面，用户可以通过图标、菜单和按钮等元素来完成操作。
GUI的主要特点包括直观性、可视化和易于学习。
用户不需要记住复杂的命令，只需通过鼠标点击或者键盘操作来完成任务。
GUI的缺点是在某些情况下，效率可能会低于命令行界面，因为通过图形化的方式完成任务可能需要更多的鼠标点击和操作。
三、触摸界面随着移动设备的普及，触摸界面也成为了操作系统的一个重要交互方式。
触摸界面通过用户触摸设备屏幕来实现操作，可以提供更直接的交互体验。
用户可以通过手指滑动、捏合等手势来操作应用程序和系统功能。
触摸界面的优点是直观、便携和易于学习，尤其适合移动设备。
然而，触摸界面也存在一些挑战，比如操作的准确性和输入效率的问题。
四、语音交互随着语音识别技术的进步，语音交互成为了一种新的操作方式。
用户可以通过语音来与操作系统进行交互和控制。
语音交互可以提供一种更自然、便捷的操作方式，尤其适合在驾驶、运动等情况下无法使用手进行操作的场景。
然而，语音交互仍然存在一些技术和语音识别准确性的问题，需要进一步的改进。
总结起来，操作系统的用户界面设计和交互方式对于用户体验和效率至关重要。
不同的界面设计和交互方式适用于不同的用户和场景。
初学者的UI设计入门教程
初学者的UI设计入门教程UI（User Interface）设计是指用户界面设计，是指对软件、应用程序或其他技术产品的用户进行可视化交互的设计。
随着科技的不断发展，UI设计的需求日益增长，成为了一个重要的职业领域。
对于初学者来说，学习UI设计可能会有些困难，但只要掌握正确的方法和技巧，就能够在这个领域中取得成功。
本文将为初学者提供一些UI设计的基本入门教程。
1. 熟悉UI设计的基本原则在学习UI设计之前，了解一些基本的UI设计原则是必不可少的。
这些原则包括对颜色、对比度、布局、排版、图像处理和交互等方面的基本知识。
了解这些原则有助于初学者更好地理解和应用UI设计的基本概念。
同时，还要学会关注用户体验，以用户为中心进行设计，确保设计的可用性和可访问性。
2. 学习使用相关工具和软件UI设计需要使用一些专业的设计工具和软件，如Adobe Photoshop、Sketch、Adobe Illustrator等。
初学者应该选择一款适合自己的设计工具，并花时间熟悉其功能和操作方法。
可以通过在线教程、视频教程和练习项目来提高自己的技能。
同时，要学会与其他设计师进行交流和合作，分享设计经验和技巧。
3. 研究市场和用户需求UI设计要符合市场和用户的需求，因此初学者需要对市场趋势和用户行为进行一定的研究。
可以通过阅读最新的设计杂志、浏览设计网站和参加设计研讨会来了解当前的设计潮流和行业趋势。
此外，要关注用户的反馈和需求，不断改进和优化设计，从而提高用户体验。
4. 增强自己的设计技能和创造力UI设计需要一定的创造力和设计技能，初学者需要通过不断练习和学习来提高自己。
可以参加一些在线课程、培训班或者参与实际项目进行实践，提升自己的设计能力。
同时，要积极参与设计社区，与其他设计师进行分享和讨论，从中获得灵感和反馈。
5. 不断学习和更新知识UI设计是一个不断发展和进步的领域，初学者需要保持学习的态度，不断更新自己的知识和技能。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
学习情境一操作系统桌面UI设计
一、Windows 7界面设计
最终效果图：
（一）制作背景
1．新建一文件，宽为600，长为400，设置前景色为#1592d7，背景颜色为#136da2。
选择径向渐变工具。
从中间拖动得到下面效果：
2.添加散射光条文。
新建一层，在左边工具栏选择“圆角矩形工具”按钮的“自定形状工具”按钮。
找到下面这个形状，如果没有可以点击右边的小箭头，追加形状。
3. 选中并在图层上拖动得到如下效果：
4. 前景色设为白色(#ffffff)，选择钢笔（油漆桶）工具，右击路径选择“填充路径”。
得到下图：
5．右击路径选择“删除路径”。
选择“滤镜”菜单→“模糊”→“高斯模糊”，设置半径为5个像素。
单击“确定”。
选择“图层”菜单→“图层样式”→“混合选项”，打开“图层样式”对话框将图层“混合模式”改为“柔光”。
不透明度为30%。
6．添加Windows 7字样及logo。
（二）制作导航背景
1. 新建一图层命名为“nav”。
拖出一个黑色矩形框。
高度根据自己需要设置。
2. 填充改为：10%。
新建一图层，制作边线。
画两根1px线，上边一根为黑色，透明度50%，下面一根为白色。
3．复制顶线，移动至底部：
（三）制作导航按钮
1．新建图层，做出如下选区，注意上下边缘：
2．填充黑色，不透明设为“0”，描边属性设置如下：
3．复制上面的图层，清除图层样式，添加如下样式：
4．渐变叠加，颜色由白色再到透明。
描边属性设置如下：
得到如下：
（四）制作右下角高光边框
1．使用铅笔工具，画笔大小1像素，前景为白色，按Shift绘制高光边框。
2．添加图层蒙版，前景为黑色，背景为白色。
拖动得到如下效果：
最终效果如下：
二、Windows 7图标设计
最终效果图：
1. 创建文档，径向渐变填充。
2. 运用椭圆选项框工具按shift键框出正圆选区，ctrl+J拷贝。
3. 加上渐变叠加图层样式。
4. 创建图层，载入圆形选区，填充略深蓝色，改成“叠加”模式。
(注：载入的手法：先按住ctrl键，鼠标单击想要载入的图层，即载入了鼠标所单击的图层选区。
下同）
5. ctrl+D取消选区。
加上图层蒙板，载入圆形选区，在图层蒙板上用径向渐变拉出。
6. 创建图层，载入圆形选区，羽化20像素。
7. 填充白色。
8. 变换选区，缩小其范围。
9. 按delete删除。
10. 载入圆形选区，ctrl+shift+I反选，delete删除，改成叠加模式，填充不透明度25%。
11. 创建图层，前景色设置成淡青色，运用渐变工具，打开渐变编辑器，样式为第二种前景色至透明。
12. 载入圆形选区，径向渐变方式拉出渐变效果，改成“滤色”模式。
13. 创建图层，绘制正方形选区，选择“选择”菜单→“更改”→“平滑”。
14. 填充白色后拷贝，之后把这几个白框拼合图层，ctrl+T旋转后放至圆形的左上面
15. 载入圆形选区，选择“滤镜”→“扭曲”→“球面化”。
16. 反选，delete删除多余的部分，ctrl+D取消选区。
加上图层蒙板，线性渐变(渐变样式为前景至背景)从白框的左上至右下拉出。
17. 创建图层组，创建图层。
18, 载入圆形选区，选择“编辑”菜单→“描边”。
19. 高斯模糊0.5像素，把图层组改成“线性减淡”。
20. 在背景层上面创建图层，载入圆形选区，选择“选择”菜单→“修改”→“扩展”，扩展量为5像素。
21. 填充深蓝色，移至至圆形右下角，高斯模糊3像素。
22。
创建图层，载入图层六（刚才填充深蓝色的图层），选择“选择”菜单→“修改”→“收缩”，收缩量为6像素。
23. 填充淡青色，改成滤色。
圆形部分处理做完。
24. 在最顶层创建图层，绘制好卡片（非本例关键讲述，此处稍）。
ctrl+T旋转。
载入圆形选区，ctrl+J拷贝卡片的右侧部分至新图层。
25. 载入卡片右侧图层，在卡片图层按delete删除。
26. 新卡片的左侧放至背景层的上一层。
27. 返回最顶层的卡片右侧图层，填充透明度60%，改成“强光”模式。
28. 返回最底层的卡片左侧图层，加上投影与浮雕样式。
最终完成效果。
三、桌面壁纸设计1
本实例主要是用选区和蒙版来制作漂亮的光带。
为了突出光感背景部分需要用较暗一点的颜色。
光带部分主要用钢笔工具勾出大致的轮廓图，然后填充较亮的颜色，再加上图层蒙版用黑色画笔来调整明暗度。
制作方法比较简单。
最终效果1：
最终效果2
1．新建一个1024 * 768 像素的文件。
选择渐变工具，颜色设置如图1，拉出图2所示的线性渐变。
<图1>
<图2>
2．新建一个图层，用椭圆选框工具拉出图3所示的选区，按Ctrl + Alt + D 羽化30个像素，填充颜色：#B4ECFD，图层不透明度改为：80%，效果如图4。
<图3>
<图4>
3．新建一个图层，在左侧拉一个椭圆选区适当改变下方向，羽化30个像素后填充颜色：
#052DA3，效果如图5。
<图5>
4. 新建一个图层，命名为“彩带1”用钢笔工具勾出图6所示的选区。
填充颜色：#63D4F6，效果如图7。
<图6>
<图7>
5. 把“彩带1”图层复制一层，图层不透明度改为：30%，加上图层蒙版把左边用黑色画笔稍微涂一下。
把“彩带1”图层隐藏，效果如图8。
<图8> 6．把“彩带1”图层再复制一层，图层不透明度改为：60%。
加上图层蒙版，用黑色画笔，画笔不透明度设为：10%。
然后在蒙版上慢慢涂抹，擦出明暗效果，如图10。
<图9>
<图10>
7. 调出“彩带1”图层选区，新建一个图层，把前景颜色设置为白色。
用画笔涂抹图11红圈位置，稍微加点边缘高光效果，如图12。
<图11>
<图12>
8．再图层的最上面新建一个图层，用钢笔勾出图13所示的选区，填充颜色：#63D4F6，取消选区后把图层不透明度改为：30%，加上图层蒙版，用黑色画笔涂掉不需要的部分，效果如图14。
<图13>
9．主高光带大致完成的效果。
10．同样的方法制作其它光带，效果如图16，17。
<图16>
11．新建一个图层，加上一些装饰的小圆形，效果如图18。
<图18>
12．最后加上装饰文字，再整体修饰下细节，完成最终效果。
<图19>
四、桌面壁纸设计2
本教程制作效果非常经典。
简单的利用画笔、渐变色及滤镜等组合完成效果。
其中画笔的设置比较关键，定义好了笔刷以后，再设置笔刷属性，然后即可拉出漂亮的图形。
背景的颜色可以按照自己的喜好添加。
最终效果图：
1．新建一个背景文档，在这里作为壁纸，选用的大小是1920*1200。
2．然后我们填充一个非常灰（不是黑色）的颜色在背景上，如果你填充黑色就做不出效果来了。
这里为#262626。
3．下面我们要制作我们所需的笔刷，新建一个图层1，隐藏背景图层，用椭圆工具按住SHIFT键画一个黑色的圆形，填充为50%。
4．然后添加一个黑色描边（图层--图层样式--描边）。
得到下面的效果。
5．选择“编辑”菜单→“定义画笔预设”，输入名称“散景”，点击确定。
这样我们就制作好笔刷了。
6．下面隐藏图层1，显示背景，新建一个图层2，模式为叠加，用渐变工具拉一个45度的线性渐变填充在图层2上。
渐变颜色依次为：#d27e34、#9b3b81、#1bdaeb、#d6dd23。
7．现在我们要利用刚才保存的笔刷了。
按CTRL+G新建一个组为组1在图层2下面，模式为颜色渐变，在新建一个图层3在组1里面。
8．然后，选择画笔工具，按F5调出画笔调板对画笔进行设置。
9．用设置好的画笔工具在图层3上面画出以下效果，画笔大小为500 - 600 px。
10．对图层3执行高斯模糊20像素（选择“滤镜”菜单→“模糊”→“高斯模糊”）。
11．再新建一个图层4在组1里面，画出以下效果，这次用一个较小的笔刷。
然后高斯模糊4像素。
12．继续新建一个图层5，现在用一个更小的笔刷，画出以下效果，高斯模糊1像素。
完成最终效果。