这篇教程中,我们将学习如何在AdobeIllyrator中设计社交型用户界面。下面是具体的步骤。
一、新建一份文件,3000×3000像素,色彩模式设为“RGB”。
用长方形工具,选一个淡灰色的,用四边形来覆盖整个画板。您可以双击图层名称图层面板,将图层重新命名为“背景”,然后在空框和锁定层上单击(您将看到一个锁图标,以确认图层被锁住)。
3、从图层面板中新建一个图层,给这个图层起一个你想要的名字,然后粘贴到你想要使用的概要文件中。要确定这个新图层是“背景”图层。现在把图片从图板上删除,然后再返回到教程中。
用矩形工具绘制一幅新的四面体(约775×490像素)。用白色填充色填充该形状。
选择椭圆工具,按下偏移键绘制圆形(约290×290像素)。填满暂时性的颜色,并在步骤4中创建的矩形中将圆周对齐。在布局时,不同的灰度是非常有用的,在设计过程中可以得到基本的结构,随后再加以细化。
选择文字工具,在画板上单击开始输入所选数字,然后按回车,输入单词“喜欢”。
选择中段文字的对齐方式,选择一种字体,使用粗体/斜体字并符合要求。
8、把新的文本对象放在矩形的左下角,这样左边/下方就有足够的空间。
复制/粘贴文本对象,在两个更长的时间内,传播所有三个水平长方形的宽度。如果有必要,可以使用对齐选项来分离3个文本对象。号码和标题也可以调整。举例来说,考虑一下用股票、下载、追随者等等作为标题。
还记得我们先前放在一边的那张轮廓照吗?活动图片的一半以上圆,因此部分圆仍可见。之后选择对象>设置>显示在前面,以确保圆形位于顶部。
选择在进行选择时,选择两个圆圈和照片一起移动,然后转到对象>剪贴蒙版>做。它会在你的照片里形成圆形形状。在作物图片上双击该对象进入的形状和调整作物。从特定的对象组中退出,点击文件窗口左上方指向左键的箭头。
接下来,我们可以创建一个相似大小的圆形图片,移除填充物,并为该形状设置行程宽度和颜色。这个步骤是可选的,它会为你的个人照片添加一个边框。
郑州网站建设公司选择多边形工具并指定要创建一个三边形状(三角形)。将此形状填充颜色为白色,减小尺寸,并在中央和下方的主矩形位置,确保三角形指向向下的方向。
确保这些形状是可移动的,在探路者的调色板中,选择统一,选择将两个形状合并为形状。
使用椭圆工具,创建一个狭长的椭圆,就是主矩形的宽度相似,位置如下。选择此形状,打开渐变面板,并创建一个新的渐变,其左右两侧为黑色,中间为白色。您可以拖曳样本,以从色板上的渐变滑块加入梯度。
下一步是消除效果>模糊>高斯模糊,并指定模糊值作为期望的数量。目标是创建一个“浮动阴影”的主矩形,你可以根据这个矩形调整模糊程度。透明调色板中还可以调整这种阴影的整体不透明度。
增加所需的主矩形的高度/宽度,以便添加任何其它细节信息。比如,可以是其他人的名字,职位,或者描述等等。
18、选择主矩形,去效果>样式>阴影,指定任意阴影。增加细微的阴影有助于创造更大的浅灰色背景,以及主要的白色矩形。