《手机qq美化教程》PPT课件.ppt

手机QQ美化教程 android 作者 blade5222010 4 13 完成效果 桌面图标 登陆界面 连接服务器 主界面 一 准备工作 1 用到的软件 AndroidResEdit1 5Java运行库AdobePhotoshopcs5WinRAR手机QQandroid版安装包2 建立工作空间 建立一个文件夹用于保存过程中修改的图片 应至少包含drawable drawable land drawable hdpi及任意名文件夹A和B 解压缩QQ安装包到A 将下载的素材保存到B 3 素材 构思好自己想做的主题 搜索下载相关的图片 例如我用了黑暗游侠的主题 就需要找高品质竖版 或适宜裁剪成竖版 的图片两张用作登录界面和背景 线条简单的相关图片一张或若干张修改后做为头像图标等 登录界面用到魅族logo 需要找含有清晰魅族logo且logo部分背景较单一方便提取的图片一张或若干张 二 登录界面制作 1 桌面图标制作 下载的素材图片 我们可以看到这张图片的顶部缺失了一部分 并且背景色是白色而不是透明 用魔棒工具点击外围白色部分 选择后按delete删除白色部分 如果你没有看见魔棒工具 请右键点击这个按钮 就会让你选则魔棒工具 用矩形选择工具选择整个界面 右键自由变换 调整图片到中心位置 用矩形选择工具选择下部圆弧 大小约与上部缺失部分相当 点击右键 通过拷贝的图层 这是下方会显示多了一个图层 点击它 这时所有的操作都只能在选定图层上进行 而不会影响原图层的内容 拖拽新图层到原图层之下 这样两图片的重叠部分原图层就会遮挡新图层 可以通过点击图层左侧的眼睛来显示 隐藏图层 方便被遮挡图层的处理 用矩形选择选择整个图片 右键 自由变换 在选区之外按住鼠标左键拖拽 这时图片就会跟着鼠标旋转 把它调到翻转180度的位置 并拖到适合位置填补原图层上的缺失 双击左键来应用变动 用画笔工具或仿制图章工具 按住alt取色 涂抹掉多复制的部分 这样图像内容的修改就完成了 接下来修改图片尺寸和格式 点击图像 图像大小 调整尺寸到72 72 注意单位选像素 接下来点文件 存储为 目录选择drawable hdpi 文件类型选png 文件名icon png 再把图像大小修改为48 48存储到drawable文件夹下 2 载入页面的修改 完成后的界面 只要抠出需要的部分就好 这里的问题是用作背景的素材图片长宽比例不合适 直接修改图像大小会导致图片被压扁 所以我们需要截取其中比例合适的一部分 用矩形选择工具 按住shift随便画一下 得到一个正方形选区 右键变换选区 调整比例为48 80 再改变选区大小 移动到要选定的区域 双击左键应用 再点编辑 拷贝 点击文件 新建 直接确定 系统会自动建立一个等于选区大小的图像 编辑 粘贴 右键点击背景图层 删除图层 再调整图片尺寸到480 800 现在我们有提取好的logo和背景图片了 接下来要把它们调色并组合 同时打开这几个文件 逐个拷贝粘贴到背景图片的文件上 拷贝过来的图片会是独立的图层 根据遮挡关系调整各图层的上下位置 从最上方的图层开始做自由变换 调整到需要的位置 大小 接下来调整颜色使其与背景搭配 这是我提取出来的logo 我们可以通过图像 调整 通道混合器来调整图片颜色 注意这里的输出通道 输出通道是红 无论你改变下面的红绿蓝中的哪个 都会造成红色的改变不会影响绿色和蓝色 例如我要把图中的黑色变为紫色 可以把红通道的红色调为200 再把蓝通道的红色调为200 我们还可以通过ctrl m调出曲线来调整图片的明暗效果 或者用渐变工具为logo添加渐变 矩形选择 自由变换 随意拖动一下 系统自动选择了logo 而且还颇为精确 向其中填充渐变吧 不会填充到logo以外哦 你还可以为logo添加阴影来增加立体感 这里就不详细描述了 需要的童鞋请百度 ps阴影制作 将制作好的图片存储为splash 9 png存放在drawable目录下 3 登录条的制作 登录条的动画由类似的10张图片组合而成 例中的M字可以把图像调整为刚好占据横向的20个黑白格 第一张图片填充渐变时渐变先由第一格拉到第二格 一次类推 完成十张图片 保存为l1 png l10 png到drawable目录下 渐变工具填充时一次填充整个黑白格 所以划线时只要在格中点击就行 不用精确到格子边缘 矩形选择工具也一样 图像尺寸为320 102 我们提取出来的logo肯定不会是这个比例 可以先按比例缩小图片 再点图像 画布 不同于前面的点击图像大小 画布大小只会扩展或缩小画布 不会改变上面图片的尺寸 大小来调整图片尺寸 例中的图片颜色较浅 可以先图像 调整 反相处理以清楚的看到图像 或新建一个深色的背景图层 二 主界面的制作 1 背景制作 将背景图片调整为320 480和480 800两种尺寸 命名为default bg jpeg和default bg hdpi jpeg存储到drawable目录 从素材中截取横向图片 调整为480 320和800 480两种尺寸 存储到drawable land文件夹中 文件名同上 下边栏背景的修改 从解压的文件中复制bottom 9到自建的drawable目录 右键用photoshop打开 例中直接编辑 调整 黑白将原来的蓝条改为黑条 并调整不透明度到60 想获得更加通透的边栏效果 可以把不透明度再往低调 好友分类的背景修改可以用同样的方法修改expand column bg 9 png和expand column bg over 9 png两文件 其中over为按下去后的效果 其他文件命名方式相同 各位童鞋可以自己从文件夹中找到其它想修改的文件用同样方法修改 2 头像的制作 我们要从这张图片中提取出头像 这时由于前景色和背景色接近 魔棒工具和快速选择工具就不好用了 这时我们可以用钢笔工具勾勒出轮廓 右键建立选区 选择反向 按delete删除选区 再用矩形选择工具选择一个头像居中的正方形拷贝到新建文件中 进行尺寸调整 用钢笔工具勾出轮廓 右键建立选区 为了使边缘不那么生硬 可以根据图片大小情况设置羽化 小图片1像素即可 选择反向前要点到任意选择工具上 右键才会出现相关选项 裁剪好的头像调整图像大小 例中调整为40 40替换了名为h001 png的企鹅头像 实际可根据喜好找到想替换的头像 调整为相同的大小和名字保存在drawable目录下 3 图标的制作任何一个图标都有未点击和点击两种状态 需要分开制作 由于图标在手机上显示出来很小 这就要求我们用来做图标的图片线条必须简单 例中把用来做头像的图片经过了简单修改替换了企鹅图标 这张图片线条有些多 且与背景色接近 不适合做图标 接下来我们来修改它 先新建两个图层 原图层放在最下方 中间的图层用油漆桶工具填充为与背景色相近的颜色 点击左边的眼睛隐藏这一图层 此步骤是为了在背景色为深色时方便清楚的预览画好的图标效果 若使用的背景图片为浅色则只需要建立一个图层 选择铅笔工具 调整为1像素 选一个和背景反差大的颜色 点击最上方的图层 用钢笔勾出边缘线条 右键 描边路径 选到铅笔 可以勾选上模拟压力 1或2像素 确定 再删除背景图层 调整尺寸 保存到drawable hdpi 文件名同想要替换的图标名 例为bottombar icon1 png 新建图层 放在图标图层的下方 画笔选到5像素以上 根据需要及图形复杂程度 类型选成中心向周围渐淡那种 换成蓝色 用钢笔建立并描边路径 若所制作的图标轮廓较为容易选取 可用阴影图层来简化制作 用同样的方法制作其它图标 所需要的隐身等标志可从安装包中提取 三 安装包的修改 右键点击安装包 选择用winrar打开 把做好的图片拖到res文件夹下对应的文件夹中 删除META INF文件夹下的androidr sf和androidr rsa文件 这里只保留manifest mf一个文件 否则无法安装 关闭winrar 打开androidresedit 点签名 选改好的安装包 立即签名 将签名好的文件拷到手机中安装即可 安装这个signfile就行了