如何在Adobe Illustrator里做这样一个UI设计？

2015-10-02 分类：网站建设

在本教程中，我们将学习在Adobe Illustrator里如何设计一个社会型的用户界面。以下是具体步骤。

1、创建一个新的文件，3000×3000像素，颜色模式设置为“RGB”。

2、使用矩形工具，选择一个淡灰色的画一四边形覆盖整个画板。你可以双击图层名称图层调板中，重命名图层为“背景”，然后点击在空盒子和锁定层（你应该看到一个挂锁图标出现确认该层被锁定）。

3、从图层调色板中创建一个新的图层，给这个图层一个你选择的名字，然后粘贴在你希望使用的配置文件中。确保这个新的层是上面的“背景”层。将照片从图板的现在，我们会回到这本教程的后面。

4、使用矩形工具，绘制一个新的四面形状（约775×490像素）。给这个形状一个白色的填充颜色。

5、选择椭圆工具，并按住偏移画一个圆圈（约290×290像素）。填充暂时的颜色，并在我们在步骤4中创建的矩形中居中对齐这个圆。不同的灰色色调是特别有用的布局时，得到的基本结构，并可以在设计过程中，后来被细化。

6、选择文字工具，单击画板的地方开始输入您所选择的号码，然后按回车，键入单词“喜欢”。

7、选择中文本的对齐方式，选择一个字体，使用粗体/斜体风格和期望。

8、将新的文本对象定位在矩形的左下角，有足够的空间从左/下边缘。

9、复制/粘贴文本对象两个更多的时间，并传播所有三个水平横跨矩形的宽度。使用对齐选项，如果必要的话，将3个文本对象分开。该数字也可以调整，以及标题。例如，考虑使用股票，下载，追随者等作为标题的想法。

10、还记得我们早些时候放在一边的轮廓照片吗？移动照片超过一半的圆圈，所以部分圆圈仍然可见。然后选择对象>设置>带到前面，以确保圆圈在顶部。

11、选择在选择时，选择两个圆和照片一起保持移动，然后转到对象>剪贴蒙版>做。这将作物你的照片内的圆圈形状。双击这个对象现在进入的形状和调整你的图像的作物。然后退出特定的对象组，单击文档窗口左上角的箭头指向左键。

12、下一步，我们可以创建一个类似的尺寸圆形的配置文件照片，删除填充，并给这个形状的行程宽度和颜色所需。这一步是可选的，添加一个边框围绕您的配置文件照片。

13、选择多边形工具并指定创建一个3方的形状（三角形）。选择白色为这个形状的填充颜色，减少大小，并在中央和下面的主矩形位置，确保三角形是指向一个向下的方向。

14、确保这些形状是感动，在探路者的调色板，选择团结，选择合并这两个形状到形状。

15、使用椭圆工具，创建一个窄的椭圆，是一个类似的宽度到主矩形，并在下面的位置。用这个形状选择，打开渐变面板，并创建一个新的渐变，有黑色的左侧和右侧，与白色的中心。你可以拖动样本从色板上的渐变滑块添加到您的梯度。

16、下一步是去效果>模糊>高斯模糊，并指定一个值为所需量的模糊。这里的目标是创建一个“浮动阴影”的主要矩形，你可以调整相应的模糊量。这个阴影的整体不透明度也可以在透明度调色板中进行调整。

17、增加所需的主矩形的高度/宽度，以添加任何其他额外的细节。例如，这可能是别人的名字，职位名称，或描述等。

18、选择主要的矩形，去效果>风格化>阴影，指定任何阴影的设置。添加一个微妙的阴影可以帮助创建一个更大的区别浅灰色背景，和白色的主要矩形。创新互联(https://www.cdcxhl.com)，专业网站建设、网站优化、logo设计、品牌设计、印刷等产品服务，欢迎新老顾客前来咨询！咨询热线或QQ：1683211881

网页名称：如何在Adobe Illustrator里做这样一个UI设计？
分享路径：https://www.cdcxhl.com/news13/32963.html

成都网站建设公司_创新互联，为您提供网站导航、自适应网站、App设计、动态网站、用户体验、企业建站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容