当前位置: 主页 > 平面设计 > PS教程 > 照片处理 > 手机壁纸,PS制作个性十足的手机壁纸界面设计教程

手机壁纸,PS制作个性十足的手机壁纸界面设计教程

  • 2021-08-18
  • 来源/作者: 公众号/ 爱知趣教育
  • 45 次浏览

  本篇教程通过具体的实例来制作一个有趣的手机界面,现在我们手机的使用频率特别的高,我们想要制作一张好看的手机界面,在ps中还是可以很好的完成的。首先我们要制作一个和手机契合的一个文档,接下来我们可以把素材来置入这个文档中,根据色板中的颜色来给他进行一个颜色的填充,再到滤镜中进行一些设计,添加一些效果,给人物进行一些调色,具体的操作步骤还是需要我们在教程中来学习一下。

  效果图:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  操作步骤:

  1、首先我们先新建一个720X510像素、分辨率为72像素/英寸的文档,将前景色设置为青绿色#1ad5b1,选择矩形形状工具,在工具选项栏的下拉列表中选择形状选项,在画面中单击,弹出“创建矩形”对话框,设置矩形大小,创建矩形:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  2、按下Ctrl+J快捷键复制形状图层,单击工具选项栏中的填充按钮,在打开的下拉面板中选择黑色,按下Ctrl+T快捷键显示定界框,调整图形的高度:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  3、打开人物素材文件,拖入当前文档中,按下Alt+Ctrl+G快捷键创建剪贴蒙版:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  4、在“色板”中分别拾取“黑绿青”和“深黑绿”作为前景与背景色,选择矩形选框工具创建一个选区,新建图层,按下Alt+Ctrl+G快捷键创建剪贴蒙版,使用渐变工具在选区内填充颜色:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  5、按下Ctrl+D快捷键取消选择,执行滤镜,滤镜库,扭曲,玻璃命令,设置参数如图,在图层面板中设置该图层的不透明度为70%,使图像呈现出玻璃的质感和透明效果:

壁纸教程,在ps中打造个性十足的手机壁纸界面

壁纸教程,在ps中打造个性十足的手机壁纸界面

  6、在人物图像左侧创建矩形选区,单击调整按钮,基于选区创建可选颜色调整图层,分别对选区内图像的红色、黄色、白色和中性色进行调整,使人物的皮肤粉嫩透白:

壁纸教程,在ps中打造个性十足的手机壁纸界面

壁纸教程,在ps中打造个性十足的手机壁纸界面

壁纸教程,在ps中打造个性十足的手机壁纸界面

壁纸教程,在ps中打造个性十足的手机壁纸界面

  7、按住Ctrl键单击蒙版缩览图,载入上一步操作创建的矩形选区,创建曲线调整图层,将曲线略向上调整,提高图像的亮度:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  8、选择人物素材文档,使用椭圆选框工具,按住Shift键在人物头部创建一个圆形选区,按下快捷键Ctrl+J通过拷贝的图层,复制美女头像,按下Ctrl+T快捷键显示定界框,按住Shift键拖拽定界框的一角,将图像成比例缩小,按下回车键确认,双击该图层,打开图层样式对话框,选择描边效果:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  9、选择移动工具,勾选工具选项栏中的“自动选择”选项,在下拉列表中选择“图层”,按住Alt键向右拖拽图像进行复制:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  10、使用移动工具单击第一个头像,将其选取,按下D键恢复系统默认的前景色与背景色,执行滤镜,滤镜库,扭曲,扩散亮光命令:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  11、选择第二个头像,用前面的方法,通过可选颜色与曲线命令进行调色,双击该图层,打开图层样式对话框,将描边大小设置为3像素,描边颜色为洋红色:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  12、选择第三个头像,执行,图像,调整,去色命令,按下Ctrl+M快捷键进行曲线调整,将人像调亮:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  13、选择第四个头像,按下Ctrl+J快捷键复制该图层,双击复制后的图层,打开图层样式对话框,设置混合模式为正片叠底,取消G通道的勾选,效果如图:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  14、新建一个图层,选择直线工具,按住Shift键绘制一条直线,将该图层向下调整,移动到人像后面,在人像与透明玻璃之间绘制一条水平分隔线:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  15、选择一套比较简洁以线条为主的图标素材文件,置入到当前文档中:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  16、选择横排文字工具,在画面中单击,输入文字,通过插入空格增加词间距,在字符“阿宝色”上面拖动鼠标,将其选取,修改颜色为洋红色。再输入界面的其他文字:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  17、隐藏背景图层,鼠标选中顶层图层,按下快捷键Ctrl+Shift+Alt+E盖印所有可见图层,再按下Ctrl+T快捷键显示定界框,先调整图像角度,再按住Ctrl键分别拖拽图像的四角, 进行透视变换:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  18、将背景素材拖入界面文档中,创建渐变调整图层,选择“蓝红黄渐变”,设置该图层的混合模式为滤色,不透明度为72%,在手机上涂抹黑色,以减弱这部分渐变颜色的影响:

壁纸教程,在ps中打造个性十足的手机壁纸界面

  19、创建色阶调整图层,适当调整亮部并加深中间调,输入文字。

  完成:

壁纸教程,在ps中打造个性十足的手机壁纸界面

我相信学生们可以通过实践快速学习并创建自己的个性化手机界面。通过教程学习它。我相信你能做得更好。