平面基础设计 4

Photoshop平面设计（第2版）

Photoshop平面设计

（第2版）

模块1走进AIGC时代的平面设计电子工业出版社

平面设计作为视觉传达的重要载体，通过图形、文字、色彩等元素的创造性组合，传递信息、表达情感、展现个性AIGC时代的来临，让"人机共创"成为主流工作模式，AI负责素材筛选与初稿生成，设计人员主导创意决策本模块将通过2个实操案例，层层递进地引导读者掌握AIGC+Photoshop基础技能本模块将通过2个实操案例，层层递进地引导读者掌握AIGC基础技能：1制作世界读书日海报——AIGC技术初探2遇见非遗——图片浏览（Photoshop入门）从平面设计的基础认知、AI工具趋势、专业术语，到Photoshop工作界面与文件基本操作,构建“传统设计功底+AI工具应用”的基础框架，从容应对AIGC时代所带来的挑战与机遇。【学习导读】知识目标掌握平面设计的基础概念、工作流程、专业术语及常用工具了解AIGC的概念、功能、应用场景及其为设计行业带来的变革与趋势熟悉Photoshop的工作界面，掌握其图像文件的基本操作【学习目标】技能目标具备使用Photoshop进行新建、浏览、编辑、保存图像文件的基本操作能力能够使用标尺、网格和参考线等辅助工具查看图像的应用能力能够运用AIGC工具（如即梦AI）进行创意激发、生成设计初稿并进行优化初步实现人机协作的创作流程，提升设计效率与创意质量【学习目标】素养目标树立对AIGC技术的正确认知，严格遵守法律、道德及学术规范积极培养在技术变革中持续学习、跨界融合的创新思维与战略视野强化自身不可替代的创意策划与文化叙事能力【学习目标】1.1平面设计基础知识1.核心概念平面设计（GraphicDesign）亦称视觉传达设计，由威廉·艾迪生·德威金斯于1922年提出。是一种借助对图形、文字、色彩等视觉元素进行创造性组合，以达成引导视觉、传递信息、表达情感及展现个性之目的的艺术形式。1.1平面设计基础知识2.平面设计的工作流程AI工具05CorelDRAW04AdobeInDesign03AdobeIllustrator02AdobePhotoshop013.平面设计的常用软件及工具1.1平面设计基础知识1.1平面设计基础知识4.AI时代下平面设计的发展趋势01动态化与沉浸式体验崛起单击此处编辑添加正文，文字是您思想的提炼02人机协同成为主流工作模式单击此处输入你的正文，文字是您思想的提炼03AI成为创意引擎单击此处编辑添加正文，文字是您思想的提炼04个性化与数据驱动设计单击此处输入你的正文，文字是您思想的提炼05创意与设计质量要求持续提升单击此处编辑添加正文，文字是您思想的提炼06设计行业的跨界融合创新传统商业与品牌视觉领域

品牌识别系统（Logo/VI）、包装设计、广告设计（海报、宣传单页、户外广告牌）等数字媒体与交互设计领域

UI/UX设计、网页/移动端视觉、营销活动页、社交媒体视觉等文化与公共服务领域

展览装置、文创产品、文化宣传、公益海报、出版物设计等典型应用图例品牌识别包装设计广告海报UI设计文创产品公益宣传1.1平面设计基础知识5.平面设计的应用领域1.2平面设计的专业术语矢量、位图、分辨率、颜色模式、文件格式矢量图由数学公式描述线条和形状无限缩放不失真适合Logo、字体、UI图标、印刷出版CDRAISVG位图由像素点组成放大可能出现锯齿/失真适合照片、特效、合成、屏幕显示PSDJPGPNGBMP分辨率（Resolution）单位dpi/ppi。屏幕72-150ppi，印刷≥300ppi。分辨率越高，图像越清晰，文件也越大。颜色模式（ColorMode）RGB（屏幕）·CMYK（印刷）·Lab（色彩管理）·灰度/位图重要结论：印刷品必选CMYK+300ppi；屏幕显示选RGB+72ppi即可；Logo与文字图层优先矢量化。常见文件格式与适用场景PSDPhotoshop源文件保留图层、通道、蒙版、样式，可二次编辑JPGJPEG有损压缩体积小、广泛通用，不支持透明，适合照片PNG无损压缩+透明支持透明背景，适合UI图标、网页插图GIF支持动画+透明仅256色，适合简单动画、表情包SVG矢量格式无限缩放，适合响应式图标、网页LogoTIFF印刷级无损保留高质量图像，体积大，用于专业印刷出版选格式三步法①屏幕显示JPG（照片）/PNG（透明背景）/GIF（动画）②印刷出版TIFF/PDF（CMYK+300ppi）/印刷专用PDF/X③二次编辑PSD/AI/CDR（保留所有可编辑元素）1.2平面设计的专业术语案例1制作世界读书日海报——AIGC技术初探案例解析

访问即梦AI平台并选择对应模型。

构思并生成提示词。

生成并筛选图片。

对图片进行后期调整与优化。1.3AIGC概述1．AIGC的概念和功能AIGC（AI-GeneratedContent）即人工智能生成内容，通过深度学习、大模型与多模态对齐技术，让机器自主生成文字、图像、音频、视频等内容。在平面设计领域，AIGC工具能协助设计人员迅速获取灵感、梳理设计思路、撰写文案，开展智能图片编辑、以文生图、以图生图等操作。六大核心能力文本生成图像生成音频生成视频生成代码生成数据分析1.3AIGC概述2．AIGC在平面设计中的应用利用AIGC技术快速生成大量风格多样的视觉创意草图和方案，帮助设计人员打破思维定式、搭建灵感板。创意构思与灵感激发利用AIGC技术根据品牌名称、行业属性与风格关键词，自动生成多种风格的Logo初稿，供设计人员筛选与深化优化。Logo与品牌标识设计利用AIGC技术智能生成海报的主视觉图、背景素材，或者为产品创建多场景化的营销图片，极大提升设计产出效率。营销海报与Banner设计利用AIGC技术生成带有金属、玻璃、火焰等特效的艺术字，或者创造独特的背景纹理和图案，丰富设计细节。字体与纹理设计利用AIGC技术根据文案描述或设计需求，定制生成特定艺术风格的插画、吉祥物和人物角色，降低绘画门槛、节省创作时间成本。插画与角色设计1.3AIGC概述3．平面设计行业常用的AIGC工具Midjourney：高精度风格化图像生成Midjourney以高质量图像生成能力著称，可实现精细化的风格控制和细节刻画，适用于插画、海报、概念图等设计创作，需在Discord平台使用，对提示词的精准度要求较高。DALL-E3：自然语言驱动的智能图像生成DALL-E3与ChatGPT深度联动，可通过自然语言描述生成图像，具备较强的复杂指令理解能力，适合快速生成符合文本逻辑的设计作品。StableDiffusion：开源可控的定制化图像生成StableDiffusion属于开源模型，可控性极强，可通过各类插件和模型拓展实现高度定制化的图像生成。CanvaAI：面向非专业用户的轻量级设计辅助CanvaAI集成于Canva平台，支持自动生成海报布局、智能抠图、文案智能匹配等功能，操作简便，适用于非专业设计人员或需要快速出稿的设计场景。AdobeFirefly：专业设计工作流无缝集成的AIGC工具AdobeFirefly是Adobe公司推出的AIGC工具，能与Photoshop、Illustrator等设计软件无缝衔接，生成的图像可直接导入设计软件编辑，且支持版权合规的素材生成，适配专业设计全流程。PicsartAI擅长生成图标、贴纸、滤镜等设计素材，支持一键生成并快速应用于设计作品中，适用于社交媒体配图、短视频封面等轻量化设计场景01法律规范恪守法律法规尊重知识产权02道德规范保持真实性和客观性避免歧视和偏见维护网络生态03学术规范辅助使用原则文责自负遵守学科规定1.3AIGC概述4．AIGC工具的使用规范案例2

遇见非遗——图片浏览案例描述

启动Photoshop程序，并在程序中打开目标图像文件。

熟悉Photoshop的工作界面。

使用缩放工具和抓手工具完成图像全局浏览与局部细节观察操作。

使用标尺、参考线实现图像的精确定位。1.4Photoshop简介1.Photoshop基本功能软件定位AdobePhotoshop（简称PS）是Adobe公司开发的专业图像处理软件，具有强大的图像编辑、设计制图、颜色校正、图像合成、文字排版等功能。被广泛应用于数字图像处理、广告设计、UI设计、网页设计、包装设计、书籍设计、摄影后期制作等领域。六大核心功能图像编辑设计制图颜色校正图像合成文字排版AI智能应用领域平面设计·摄影后期·UI/UX·电商视觉·包装与书籍·广告与海报·数字插画·影视概念设计——几乎涵盖了所有视觉创作的细分领域，是设计师必备的核心工具之一。1.4Photoshop简介1菜单栏文件、编辑、图像、图层、滤镜等11个一级菜单2工具箱/选项栏左侧浮动工具+顶部工具参数，工具图标可分组折叠3图像编辑窗口中央画布区域，显示当前正在编辑的图像文件4面板区右侧多标签面板：图层/通道/路径/历史记录/颜色等5状态栏底部信息栏，显示缩放比例、文档信息、提示文本6浮动面板（可自定义）字符/段落/信息/直方图等，按需打开拖拽💡工作区可保存为自定义布局（窗口→工作区），快捷键Ctrl+0适配屏幕1.4Photoshop简介Photoshop的工作窗口Photoshop

工作界面1.5图像文件的基本操作新建文件→新建，设置名称、预设（常用：国际标准纸张、A4、1920×1080等）、尺寸（宽×高+分辨率+颜色模式），提前规划是印刷级还是屏幕级。打开/置入文件→打开或拖入文件到画布。置入用于嵌入其他PS/AI/PDF文件（带路径时双击可矢量化）。Shift+双击可快速置入为智能对象。保存/另存为/导出Ctrl+S保存为PSD（保留所有可编辑元素）Ctrl+Shift+S另存为JPG/PNG/TIFF等通用格式文件→导出→导出为现代Web格式（PNG-8/WBPG/JPG-100%）。1.5图像文件的基本操作视图缩放、标尺/参考线/网格视图缩放Ctrl+0适配屏幕Ctrl+1100%实际像素空格+拖拽平移视图标尺/参考线视图→标尺显示标尺（Ctrl+R）从标尺拖出参考线视图→锁定参考线移动/删除参a考线网格/切片视图→