我个人比较喜欢杂志的风格,突出宝贝图片,然后加一些搭配的文字,这样,所以,开始我们还是要先确定我们自己想要的风格是什么样子的,然后再开始。
下面我们开始制作:
大家应该都有接触过PS这个软件吧,
接下来我们新建一个文件:
在界面的左上角有一个‘文件’菜单,点击出现如图下拉菜单,然后选择新建:
新建文件的方法可以用最快速的一种,那就是一只手按住CTRL(键盘左下角的那个键)键的同时,另一只手在界面的空白处双击鼠标弹出新建对话框如图:
在新建对话框中上面第一栏名称栏,给你这个文件取一个名字,要与这个文件相关,方便以后查找,在这里我输入X018,就是鞋类以及编号,然后第二栏是预设,这个我们不去管它,因为我们自定义大小,所以直接在宽度和高度里面直接输入尺寸就可以了,这里注意一下,在输入数字之前,我们首先要选择一下单位,点击宽度后面的第二个框右面的下拉三角如下图,
因为我们是应用于网络,所以我们选择单位用像素来定义,如果你本来显示的就是像素就不用选了,如果不是就选择一下,然后我们输入宽和高的尺寸,这个是正方形,所以我们输入宝贝尺寸为310*310像素,我的宝贝图片都是310*310像素的,这个大概尺寸都不一样吧,也可以是160*160像素的,数字就直接输入就可以了,下栏分辨率,分辨率大家接触的应该是比较少的,这个分辨率的大小直接影响文件的大小以及文件的清晰度,在这里我们就知道,网页上用到72就可以了,颜色模式上我们选择RGB颜色,也就是显示器颜色,背景内容选择白色,这个一般都是默认的。看下设置效果:
然后我们点击确定,建立一个新的文件
现在我们就可以开始真正的设计了
首先,我们打开宝贝的照片
这个是原始的照片,然后我们将此图片拖到新建的文件里面去,在鞋的图片上按住鼠标左键不放,直接拖到新建的那个文件上如图
这个时候我们看到图片拖过去以后只显示图片的一小部分,没关系,我们对图片进行缩放,直到适合这个版面为止,把鞋的图片关掉,现在已经没有用了,现在只剩下一个新建的文件,
我们把鼠标移到新建文件的标题栏,也就是蓝色显示的这个位置,双击鼠标,使灰色区域加大,这个时候我们方便去编辑,接下来左手按住ctrl+T组合键,如果你的图片太大,看不到绽放的边缘,就按ctrl+加号键将窗口缩小一些,然后就可以看到如图
我们通过拖动这个控制框来改变图片的大小,将鼠标移向方框的右上角,当鼠标出现双向箭头标志的时候,按住鼠标左键,同时左手按住shift+alt键(我知道你可以找到这两个键的,因为就在你的左手边)向内拖动,看到效果了吗?对,缩小了,然后加油,一直缩到图片适合这个窗口为止,当你想移动位置的时候,随时松开左手的按键,用鼠标直接拖着图片移动就要可以了,然后双击,回到正常模式,像这样
然后我们对图片调节一下,选择这个窗口左上角的‘图像’菜单,点击‘调整’再点击右面的亮度/对比度,如下
给图片增加点亮度,用鼠标按住亮度的滑块向右移动,在这儿我无法给你确定的数值,只是根据实际情况来定,我在这里应用到13,再调对比度向右,数值3就好,点确定就可以了。因为我手机有自动调亮功能,所以后期不需要怎么修,淘友们如果不知道如何修图,可以看一些其他的贴子,学习下,经验居前辈们把身怀绝技都写在贴子里喽,好好学习,天天向上吧。
接下来呢,我们开始加文字,在左侧的工具箱里面,点击文字工具,就是字母T,
此时的鼠标就会出现一个虚的书页的形状,然后我们在新建的文件上你想输入文字的位置单一下,就会有闪动的光标出现,这时候我们按ctrl+T键调出文字面板
字符面板,在这里面呢,字符下面的这一栏可以改变文字的字体,再往下呢,修改字号,右边修改行距,如果你的字号太小,可以在两个T字的位置点击右面向下的三角,选择一种字号,或者可以直接输入数值,这时候,你就会看到闪动的光标变大了,然后再输入文字如
是不是看到文字被挡住了,没关系的,我们将这一句文字变成两行,怎么办呢,跟我来,将光标移到的字的后面,按回车键即可,这时候就是两行了看图
如果你的这两行太近或者太远了,就可以用字符面板的按钮调节一下了,近了就将数值调大点,远了就调小一点儿,
接下来我们换字体,电脑里自带一些字体,但是大部分都是要自己装一些好看的字体,我们首先选中这两行文字,如何选择呢,方法有三:
第一:按住鼠标左健不放,从文字头拖到文字尾
第二:按ctrl+A键全选,
第三:按住鼠标左健三击即可选中,
自己选择一种吧,选择上以后效果如下图,显示颜色不一定一样,这取决于你字体填充的颜色,
然后在字符面板里面字符下面的第一栏的位置选择你想要的字体,在这里我选择一种我自己比较喜欢的字体,张海山锐线体简,这个好看好看,嘿嘿,接着你的字体就会发生变化没有骗你吧,
下面输入字母我们就不需要再教了,有时候加些字母并没有什么意义,只是为了修饰好看,为了排版的整齐和美感而加的,那这里面我们输入网址和一句英文以后呢,接下来就是排版,事实上排版这个词我们提到的很少,但是用到的很多,比如店铺装修里,店招呀,模块呀,宝贝分类呀,描述呀,这些都是属于排版,所以排版要求美观,这样,才会给视觉上以美感,让人觉得舒服,会记住你
此时的版面是这样的
我们将文字往左上方移,但是要与边界有一定的距离,在移动多个图层的时候,可以按住shift键同时选择多个图层进行移动,我们把文字层向左上方移动,移动到这个位置
然后我们把文字颜色改一下,用前面我们用到的方法,选中文字,这里我们不是要选择全部的文字,因为这两行文字要用两种颜色,那我们先选择第一行的文字,点击字符面板的颜色右面的色块,在弹出来的颜色框里面选择你要的颜色,单击就可以,这里我选择的是这个颜色如图
在选择颜色的时候一定要和整个的版面搭调,不要冲突。下面呢,因为这句话中‘帆布鞋带回家’这几个字是重点突出的,所以我们把这几个字选中,然后改成黑色的,后面的吧字改成和上一行一样的颜色就好,
下来我们排下面的文字
看一下图,下面的‘潮流热品’四个字是最大的亮点,是很吸引眼球儿的,就像繁华都市夜景里的霓虹在闪光一样,
首先我们建立一个图层,(晕啊,还没介绍图层哎)
按下D字键,将前景色转换成黑色,按下Alt+回格键(就是向前删除键)填充颜色,你会看到,出现一个黑色的矩形框,这个时候,你很棒,对就这样,
继续,我们开始打字‘潮流热品’四个字,然后根据上面的方法调整字体、大小以及颜色,如图
选中这个文字图层,按ctrl+J键复制一个图层,选择下面的文字图层,点击程序最上方的‘滤镜’菜单‘模糊’向右‘动感模糊’
此时弹出对话框点击确定
确定以后弹出动感模糊对话框
可以滑动那个滑块看一下效果
角度为0的时候,就是水平方向,90度的时候就是垂直方向的,在这里我选择的是垂直模糊,效果如图
下面就是在左侧加上英文了,这个我就不多说了,
最后就是图片的位置,我们根据现在的排版对图片进行调节,
这里我们看到图片顶部还有白色的边,我们将图片底部的颜色向上延伸一下,用上面我们用到的那个矩形工具选中图片的上部分,
然后按ctrl+T键出现控制框时,将鼠标移向上面中间的控制柄向上拖动,直到铺满整个个画布为止,
双击鼠标完成。最后的效果如图
大家觉得怎么样?其实也没有什么高深的招术,只是一点儿小经验,在这里献丑了,如果大家有好的建议一定要提出来哦,共建和谐淘宝,就到这里吧,快五点了,天都亮了,要去睡会儿了。早安。
联系客服