PS网站首页设计详细教程,横幅区设计,一目了然

发布时间:2020-08-20 13:38:00

可以单击“文件保存”(快捷键Ctrl+s)将其保存为PSD格式;也可以单击“文件另存为”(快捷键shift+Ctrl+s;此处,另存为以前保存的相同文件的另一个文件);

可以单击“文件保存”(快捷键Ctrl+s)将其保存为PSD格式;也可以单击“文件另存为”(快捷键shift+Ctrl+s;此处,另存为以前保存的相同文件的另一个文件);

您可以使用“存储为”将格式保存为JPG或PNG以供预览。另一个简单的方法是使用快捷键Ctrl+Shift+Alt+s保存图像格式:

接下来,我们将继续设计网站界面。首先,我们检查自动选择。之后,我们会把“自动选择”后面的组改成一个层,这样当我们点击一个页面对象时,右边的层就会相应地被选中。如图所示,当我点击白色矩形区域时,右边的图层会自动选择到这个图层上。修改完成后,我们点击横幅区域并选择图层。我们可以在互联网上找到一个大的图像,它优于或等于1920px。在本地保存后,我们直接把它拖到PS中,然后调整大小。如需调整原图尺寸时,应按原图所需的键进行调整。调整好要在页面上显示的内容区域后,直接按Enter键。然后我们会发现图片的高度超过了我们之前画的矩形。如图所示,红色框的大小与我之前绘制的矩形大小相同。

别担心,我们不需要删除多余的部分,找到最右边的层。我们将鼠标移到图片层和横幅矩形层的中间,然后按住ALT键,就会出现一个向下弯曲的箭头。单击一次,图片将包含在矩形中,超出矩形的区域将不显示。按住ALT键后,样式如下所示。图像嵌入后,需要对横幅进行一系列的文字描述。不难发现,如果我们直接在横幅上输入文本,文本并不明显。此时,我们需要一个遮罩来遮住图像的亮度。我们可以直接用矩形工具绘制,也可以将横幅矩形层拖到底部(倒数第二个小工具)复制一个并调整层的顺序。我们将矩形的颜色更改为黑色(最黑的值为?000000),并将矩形的不透明度设置为60%。然后我们可以输入文本内容。点击左侧工具栏上的T型文字工具,点击页面直接输入文字。

输入所需的文本描述后,我们编辑文本样式,将文本大小更改为56px,并将颜色更改为白色。也许页面上没有这个面板,我们可以点击窗口字符,面板就会显示出来。

文本设置后,发现它没有与页面居中。我们切换回选择工具,选择文本层,按住shift键,然后单击banner。如图所示,位置用红色圈起来。单击后,松开shift键。然后使用水平工具栏中的“对齐”按钮将按钮垂直居中。横幅文本的样式可以根据您的喜好进行调整。通常,banner中有三个开关。我们需要设计三个小按钮来表示这个区域可以切换。首先,我们右击矩形工具,工具箱就会弹出。我们可以点击椭圆工具。

按住shift键,单击鼠标,然后拖动以绘制圆。如果不按住shift键,将绘制一个椭圆。画圆很难控制。按住shift+Alt键可绘制一个以圆的中心点为固定点的圆。拖动是按圆的半径放大或缩小圆的大小。我们用白色填充色画一个13px*13px的圆圈。然后我们在最右边的层面板中选择层并拖放它。我们切换回选择工具并选择层。按Shift+→移动10像素。如果10px太大,松开shift键,按→键移动1px,两个点之间的距离是15px,距离banner底部20px,第三个点按上述步骤操作。

同样的问题是,绘制的内容没有与页面居中。我们可以按照上面的步骤操作一个图层,但是这里有三个图层,所以我们需要选择这三个图层,单击椭圆1图层,按住shift键,然后单击椭圆3图层,这样三个图层都被选中了。然后按Ctrl+G为这个组的三个层创建一个组,然后按住shift键,单击页面上的横幅位置,然后垂直对齐。因为我不熟悉工具的使用,所以很难使用它们。它很容易使用几次。


热门推荐

技巧精选

17742004931 联系我们,谈您的需求

立即咨询 立即建站