「网页设计」PS入门之网站模版创建、矩形工具使用、渐变效果制作
cac55 2024-09-23 04:12 31 浏览 0 评论
上一篇我们安装完开发所需要的必备软件了，本节内容主要讲解一下使用PS完成网站首页模版创建、矩形工具使用、渐变效果制作。
一、网页首页模版创建
1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）
为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。
2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）
3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。
为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。
该网页的头部是由一个黑色背景导航条，一个logo和右侧的文字排版加上banner图片渐变按钮。
二、使用矩形工具制作黑色背景导航条：
1.选择“矩形工具”，设置填充色为“#333”，描边设为空；
2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；
3.使用移动工具将导航条移动到左上角；
三、logo图片导入
1、使用文件->打开（ctrl+o），将logo图片打开；
2、ctrl+A选中图片，然后复制粘贴到当前页面中；
3、移动图片到指定的位置；
四、导航文字的书写
点击左侧工具栏中的“横排文字工具”
1、在指定位置点击并书写文字；
2、调整文字字体为“微软雅黑”，字号为16px，颜色为#333；
五、banner图制作-按钮渐变效果
1、首先导入我们找好的一张背景图片；
2、使用“文字工具”来写上对应的文字；
3、使用“矩形工具”来创建一个宽度200，高度45的矩形；
4、选中矩形图层，右击选择混合选项，然后创建一个从#28aace到#38dff2的线性渐变。参数如下图所示。
相关推荐
- Linux :远程访问的 16 个最佳工具(一)
-
通过远程桌面协议(RDP)可以访问远程Linux桌面计算机，这是Microsoft开发的专有协议。它为用户提供了一个图形界面，可以通过网络连接连接到另一台/远程计算机。FreeRDP是...
- Guacamole安装部署_guacamole简单搭建
-
Guacamole安装部署Guacamole简介Guacamole是提供连接远程桌面的解决方案的开源项目（也可以说是一个远程桌面网关），通过浏览器就能远程操作服务器，适用于Chrome、Firefox...
- 1-FreeRTOS入门指南_freertos+lwip
-
本专栏是根据官方提供的文档进行FreeRTOS的各个功能函数的说明，以及函数的使用本专栏不涉及动手操作，只是对原理进行说明，FreeRTOS基础知识篇更新完成会对如何在开发板上进行上手实战操作。这里不...
- Windows暂停远程桌面，这些工具可替代
-
Windows暂停远程桌面，这些工具可替代近日，Windows官方宣布将于2025年5月27日起，在Windows10和Windows11应用商店中下架“Microsoft远程桌面”应用。这一消...
- 现在做 Web 全景合适吗?_前端全景
-
作者：前端藏经阁转发链接：https://www.yuque.com/xwifrr/uxqg5v/cgclx0前言Web全景在以前带宽有限的条件下常常用来作为街景和360°全景图片可查看。它可以...
- 网页直连，MSTSC远程控制Windows新姿势!
-
不用安装软件，打开浏览器就能远程办公？今天要聊的是一种颠覆传统的远程控制玩法，直接用网页连接Windows电脑，无需下载客户端，手机、平板、Mac甚至Linux都能轻松操作。这可不是吹牛，结合MSTS...
- QQ出现大面积盗号，原因已查明，请抓紧改密码
-
你没有看错，QQ又上了微博热搜，这次比较严重了，QQ出现大面积盗号，多个QQ群出现yellow信息，其次导致多位成员被踢出，并且还被封号处理，到底怎么回事？请继续往下看。在6月26日晚上10点左...
- 我在淘宝花10块钱，买到了能玩“宝可梦”的Q群机器人
-
十一月雨|文我是个没事喜欢逛淘宝的人，虽然是个不怎么好的习惯，但总是能够发现一些奇奇怪怪的东西，这次我发现的是一种Q群机器人。Q群机器人，大多是基于腾讯SmartQQ协议实现的一种能自动回复、自定...
- Metasploit最实用的攻击模块"Meterpreter"
-
Meterpreter命令详解Meterpreter是Metasploit渗透测试平台框架中功能最强大的攻击载荷模块，在最新的Metasploitv4.5.0版本中，攻击载荷模块已经达到了25...
- 手机QQ再更新，上线了一个想让人“无法回避”的新功能
-
近日，手机QQ更新了V8.2.6.700版本，苹果iOS版和安卓版手机QQ上线了一个新功能：可以实时显示对方的手机电量以及充电状态。开通电量显示也很简单，长按主页左上方的头像，在在线状态中选择我的电量...
- 「网络安全」常见攻击篇(20)——点击劫持
-
什么是点击劫持？点击劫持(Clickjacking)技术又称为界面伪装攻击(UIredressattack)，是一种视觉上的欺骗手段。通常有两种方式：攻击者使用一个透明的iframe，覆盖...
- 曾利用驱动人生升级通道传播的木马下载器攻击方法再次升级
-
一、概述御见威胁情报中心1月25日再次监测到曾利用驱动人生升级通道传播的木马下载器攻击方法再升级。本次升级主要变化在于攻击模块，木马在之前的版本上，新增计划任务“DnsScan”，在其中将永恒之蓝攻击...
- QQ飞车手游:点券首个功能性宠物上架，实战稳定触发还不快入手?
-
随着版本的逐渐更新，点券宠物在道具模式发挥逐渐越来越小，曾经探讨点券宠物在道具是不是真的没有用？直到出现了波斯猫改变了，我对点券宠物在道具模式的看法，如今又一个强势点券宠物来袭，而且特性触发简单，还是...
- 工单系统设计实战(上):核心配置与效能提升
-
流程的标准化并非终点，而是研发效能持续革命的基石。当工单系统真正成为研发团队的“神经中枢”，每一次需求的精准流转、每一行代码的受控提交、每一次版本的可靠发布，都将汇聚成驱动产品持续进化的强大动力...
- 6个编辑PDF文档内容的工具(软件+网站)
-
在日常办公、学习和生活中，PDF文件因其格式稳定、跨平台兼容性强等特点，被广泛应用。但有时我们拿到PDF文件后，却发现需要修改其中的内容，总感觉有点难搞。其实PDF文档编辑修改也很简单，这里分享6个软...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)