美文网首页方法论设计师日记龚小不工作室
一个小技巧让你的朋友圈眼前一亮

一个小技巧让你的朋友圈眼前一亮

作者: 颜淑 | 来源:发表于2016-10-31 22:20 被阅读10569次

    在互联网快速发展的时代,朋友圈、微博、贴吧等每天都占据了我们一定的时间,总会习惯性地在饭前饭后刷一刷朋友圈、看一看微博,那么今天,颜淑就教大家一个小技巧,让你朋友圈的九宫格别出心裁;

    以下是颜淑给大家做的示范:


    效果图

    制作照片九宫格效果主要应用了PS的切片工具

    那就让我们进入切片工具的世界,一探究竟!

    1、什么是切片工具,有什么用

    切片工具:为了使网页浏览更加流畅,在网页制作中往往过程不会直接使用整张大尺寸的图像;通常情况下都会应用到切片工具将整张图像分割成多个部分,并以表格的形式加以定位和保存;


    切片工具
    2、切片工具的应用

    在对图像切片过程中,为了不产生分隔符,可选中基于参考线的切片;
    a.在PS中打开需要处理的素材;


    素材

    b.创建参考线,执行视图→标尺命令,PS工作区出现标尺,右击标尺选择像素,接着用选择工具在标尺出拉出参考线即可;


    效果图 c.单击切片工具,点击基于参考线的切片,即对网页进行切片处理;
    效果图 d.存储切片的格式为储存为web所有格式,并设置弹跳出的窗口;
    窗口设置
    注意:设置前全选所有小图片(选择左列上的第二的图标,出现光标后,在工作区域拉选所有图片即可);设置的品质在85-90之间就可以保留照片原有的清晰度;

    e.单击窗口存储按钮后,会再弹跳出一个对话框;


    窗口设置

    选择保存格式,一般为“HTML和图像”,即可在DW中修改代码又可在图片编辑器中打开;最后,点击保存按钮即可。

    3、图片九宫格的制作

    a.在PS中打开图片;

    素材 b.在朋友圈九宫格为正方形,故需对图片进行处理,得到正方形;点击裁剪工具,设置为裁剪比例1:1;
    设置效果 c.裁剪完成后,为了使图片平均分成9等份,选择切片工具,将鼠标放在图像上右击,选择切片划分,设置弹跳出的对话框;
    对话框设置
    效果图 d.存储切片,存储为web所有格式,设置对话框(按上文的步骤存储即可,不再重复);
    存储得到的文件夹 得到九张的图片后,接下来,就可以发朋友圈啦!!!让我们看一下效果↓↓↓↓
    效果图 (@ο@) 哇~,如此简单几步,就能得到以往不同的效果,赶紧试试;

    以上,是颜淑对切片工具的讲解,望能够对正在学习PS的你有一定的帮助哦!

    相关文章

      网友评论

      本文标题:一个小技巧让你的朋友圈眼前一亮

      本文链接:https://www.haomeiwen.com/subject/vwvputtx.html