当涉及到设计时,原型是必不可少的。多亏了Photoshop和大量其他软件,可以构建非常详细、易于编辑的设计概念,而无需花费成本和承担构建有形模型了。

原型化您的PS容器包装样机设计不仅可以让您探索各种设计可能性,还允许您在设计过程的早期收集有意义的反馈。如果你曾经想在容器包装样机样机设计上测试你的手艺,那么您可以通过该教程在Photoshop中如何创建我们自己的容器包装样机样机设计。

构建容器

在大多数情况下,像Cinema 4D或Blender这样的软件会在创建包装样机或商品标签之前,用来创建所需容器包装样机形状的线框和3D模型。但现在我们将在Photoshop中创建自己的3D模型,而不是使用这些程序中的一个;这将可以让那些不熟悉3D软件的人来学习。

步骤1:新建文件

一如既往,您希望从一个新的PSD文件开始。创建一个新的画布,使其为1000px×700px,然后按“确定”

第二步:背景

切换默认的前景和背景设置,使前景现在为白色,背景为黑色。选择“径向渐变”工具并将其应用到新层。将不透明度降低到25%。

第三步:正面和侧面
选择一种颜色并创建一个高矩形。这将是我们包裹的正面。

复制正面,将新的复制品拉到侧面,按住shift键使其对齐。通过变暗来调整颜色,这样你就可以分辨出这两种形状的区别。这将是我们包裹的一面。

第四步:扭曲

扭曲较深的矩形以创建包的侧面。确保包装样机正面的边缘与包装样机侧面的边缘相接。

第5步:顶部

把一个矩形做成前矩形高度的四分之一。更改颜色并将其放在包装样机正面上方。请注意,矩形与前面的宽度相同。这将是我们的包裹。

第六步:复制

复制新创建的层并将其放置在其他层的下面。把颜色调暗以区别。请看下面的指导。

步骤7:扭曲顶部

要操纵我们的包的顶部,您需要通过将顶部的角互相拉来扭曲它。

第8步:连接

对复制的层应用相同的技术,并将两个顶部放在一起,就像创建房屋的屋顶一样。

第九步:小三角

你会注意到包“roof”的侧面是打开的。创建一个不同颜色的小三角形来填充缺少的部分。

设计包装样机器
现在我们的容器已经完全构建好了,我们可以继续讨论包装器本身。与其创建完全相同的包设计,我建议您创建自己的包设计。这会让你养成创造性地构建原型的习惯。我会告诉你我是怎么开始设计的。

第十步:给包装样机上色

使用颜色#8bdad,我创建了包装器模板。要做到这一点,你将需要使包装样机有相同的宽度作为你的正面和侧面的结合。换句话说,复制包裹的正面和侧面,并排放置。高度将保持不变。请看下面的说明。

第11步:应用真实的渐变

在继续之前,请确保您的前景是#8bdad,背景是#8c8c。打开“混合选项”面板,转到“渐变叠加”下的“渐变编辑器”。更改预设,使其反映您的前景和背景色。查看下面的具体设置。

对于正面和侧面,按如下所示更改设置。

对于顶部,更改如下所示。

第12步:设计细节

使用圆形选框工具在包装样机的正面创建一个圆形。添加一个10像素的纯白色笔划到这个新创建的圆。

添加一个瘦矩形横幅,如下所示。

第十三步:标志设计

要有创意,创造一个圈子内的标志设计。我创造了一个简单的村庄天际线。
在这里插入图片描述

第14步:完成你的容器包装样机设计

通过添加一些细节、效果和图形增强来完成包的容器包装样机设计。这是我设计的最终结果。

第15步:合并容器和包装

选择包装的区域,该区域将用作包装样机的正面。如果不确定,只需选择容器模型的前面并复制它。把它放在你的包装样机上,你会看到你需要选择多少包装样机。

拖动所选内容并将其放置到所需区域。请看下面的说明。

将侧包装样机器设计移到容器模型上,并使用“Skew”转换工具来正确定位它。暂时降低包装样机的不透明度,以便可以看到容器

继续把你的各种作品到你的包装样机模型,直到你完成。注意,你可以摆脱包装样机后,所有的块到位。

第16步:添加包装样机盖

要在包裹中添加翻盖,只需使用套索工具创建形状。

填充这个包标签并添加一些真实的阴影。

第17步:收尾

通过添加最终的设计增强功能(如阴影和容器包装样机设计的其他颜色变化)来完成您的设计。这是成品。

结论

软件包有各种不同的形状和大小,而且原型制作又快又容易,所以不要害怕去试验和尝试完全不同的方法或设计。您可能会发现,您不需要创建三维容器模型或有形的原型来评估您的设计。在为PS容器包装样机创建原型时,不要忘记考虑颜色变化,因为您可能会发现您更喜欢颜色选择。

PS容器包装样机设计教程分享相关推荐

  1. UI设计教程分享:6个不能错过的UI设计网站

    Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...

  2. UI设计教程分享:Ps合成炫酷机械姬

    本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...

  3. UI设计教程分享:PS故障风海报制作教程

    1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片): 2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R.G.B三个通道选项,默认是全部勾选的状态,选择其中一个勾掉( ...

  4. rgb红色范围_UI设计教程分享之RGB与CMYK色彩模式对比

    合理运用色彩是每一个UI设计师都应该具备的基本技能,但对于UI设计新手却是说来容易做来难.怎样才能正确的使用色彩让作品更出众呢?接下来就给大家介绍下UI设计必知技术点之RGB与CMYK色彩模式对比. ...

  5. UI交互设计教程分享:提高界面交互体验的“葵花宝典”

    ​本次分享的是在界面设计中最长实用也最容易被忽略的十个原则,就是尼尔森十大可用性设计原则,这是十分基础且重要的原则.原则是死的,如何正确的结合到实际运用中才是关键.接下来我会通过对每一个原则的理解和现 ...

  6. UI设计教程分享之RGB与CMYK色彩模式对比

    合理运用色彩是每一个UI设计师都应该具备的基本技能,但对于UI设计新手却是说来容易做来难.怎样才能正确的使用色彩让作品更出众呢?接下来就给大家介绍下UI设计必知技术点之RGB与CMYK色彩模式对比. ...

  7. UI设计教程分享:电商网页页面设计常见表现手法

    1.手绘插画 场景.人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约 颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们打 ...

  8. UI设计教程分享:关于海报的合成过程

    一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击 ...

  9. ui设计教程分享:关于Logo设计要素

      1. 视觉上"一语双关 我最喜欢的一些Logo在视觉设计上"一语双关",将两张图片.两张意象巧妙结合,合二为一. WinePlace 的Logo就是一个绝佳的案例 这 ...

最新文章

  1. php 彩色标签插件,zblog php 彩色标签CSS源码
  2. EasyX制作掩码图
  3. 管理active directiory中的用户和计算机管理磁盘,IP多播桌面视频会议系统媒体流管理与安全机制的分析.pdf...
  4. 判断session失效,并跳转到登录页面
  5. vue通过class获取dom_.NET Core通过Json或直接获取图形验证码(务必收藏备用)
  6. (38)FPGA面试题Verilog设计计数器
  7. 最低服务器协议,的WebSocket服务器最低要求
  8. Selenium Firefox 官方Webdriver -- Geckodriver 下载地址
  9. Node爬虫,爬取传播客新闻列表
  10. 字节跳动实习生转正工资_【有效】字节跳动(头条/抖音)日常实习生内推
  11. Spring Cloud Netflix之为上一个damo添加Ribbon(负载均衡优化)
  12. 用MATLAB沉降观测实验,观测沉降论文,关于建筑物沉降观测数据处理相关参考文献资料-免费论文范文...
  13. Mac VScode 常用快捷键
  14. 爬取获取邮箱内容QQ邮箱or163邮箱
  15. c# 桌面录屏,生成视频方案总结
  16. Nginx之——负载均衡、限流、缓存、黑名单和灰度发布
  17. uniapp简单搞定支付传统的开发支付需要前后端做很多工作,各种参数的处理,签名,秘钥的验证校验等,尤其是涉及到多种不同的平台支付,更是繁琐;而且以往的支付是由后端主导的,如果后端是个菜鸡,那么做这
  18. video视频关键帧截取
  19. JS移动客户端--触屏滑动事件
  20. 关于旅游的数据接口API(去哪儿 NodeJs版API)

热门文章

  1. tf.nn.dynamic_rnn返回值详解
  2. 基于springboot电影购票系统(源代码+数据库)012
  3. myeclipse 修改项目名Tomcat启动项目报错java.lang.IllegalArgumentException: Can't convert argument: null...
  4. [SDOI2009]学校食堂Dining 洛谷p2157
  5. Visual Studio 2010 项目属性配置
  6. 微博Android平台SDK文档
  7. “校园舆情监测系统”网站设计及网页编辑总结
  8. AVI 文件格式分析
  9. mysql 安装插件 validate_password
  10. 复杂度的渐进表示法(时间复杂度)