图片制作装修代码以及ps教程

上传人:wt****50 文档编号:34522983 上传时间:2018-02-25 格式:DOC 页数:101 大小:6.13MB
返回 下载 相关 举报
图片制作装修代码以及ps教程_第1页
第1页 / 共101页
图片制作装修代码以及ps教程_第2页
第2页 / 共101页
图片制作装修代码以及ps教程_第3页
第3页 / 共101页
图片制作装修代码以及ps教程_第4页
第4页 / 共101页
图片制作装修代码以及ps教程_第5页
第5页 / 共101页
点击查看更多>>
资源描述

《图片制作装修代码以及ps教程》由会员分享,可在线阅读,更多相关《图片制作装修代码以及ps教程(101页珍藏版)》请在金锄头文库上搜索。

1、注:旺铺扶植版也能添加旺旺图标到店铺啦只需要添加右侧自定义内容区即可!但是旺旺图标仍不能添加到左侧!1、首先打开这个网页:http:/ 逐步编辑以下各处: b 右击图标时应注意图标样式: 3、复制好后,到 “管理我的店铺 ”-“店铺装修”-“添加自定义内容区”-“编辑模块”把旺旺图标粘贴到里面。【添加模块教程】请点击查看:http:/ 保存发布 就可以在店铺看到了!问题:如果要在店铺添加 E 客服小号的旺旺图标怎麽办?答:添加 E 客服的小号,在输入淘宝 ID 时,输入“*:*” , 比如:“网店学院:装修” ,在淘宝 ID 里输入:网店学院:装修 ,然后再按照以上的教程操作即可! (注意:这

2、个“:”一定是在英文状态下输入的,中文的无效!) 其实还是有很多卖家想自己装修自己的淘宝店,可以一没有装修素材也没有装修教程,动起手来还真有点麻烦。下面的淘宝网店装修 HTML 代码大全,包括淘宝装修代码,插入图片代码,公告滚动代码,不一定要懂网站知识,不一定要懂 HTML 语言,看完这个就可以装修淘宝网店的,你不一定要全部看完,可以当成是一个字典查找就好了。一、 插入图片代码:注:先把图片上传到网络相册网络地址,把它拷贝下来,放到下边一串代码里替代汉字部分;可以应用于公告栏、分类栏及宝贝描述内。二、 插入公告栏挂饰代码:注:先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。三

3、、背景音乐代码:注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。三、 在图片里附加音乐的办法:注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。四、 浮动的图片的代码:img alt=1 height=150 src=这里放图片地址/五、 悬浮挂饰代码: img src=这里放图片地址 style=left:20px; position: relative; top:0px /六、 文字链接代码:a href=网页地址链接的文字/a七、 移动文字代码:marquee从右到左移动的文字/marquee八、 店铺公告里的漂亮悬浮挂件的代码:九、 店铺公告添加个性的鼠标指针

4、代码:十、 宝贝描述加上个性的鼠标指针代码先选“编辑源文件” ,然后复制以下代码:另外,还要在源文件底部输入代码:这些代码很容易懂,看完就可以自己开始动手进行淘宝店铺装修,如果看完不懂的,那么你就真的有点点笨了啦!嘿嘿PS安装及必备基础知识!1、PS 的下载和安装:-提供一个免费下载的地址:http:/ PS 系统字体外的必备字体:-如果没有的话,可以到一些字体下载网站上下载,百度下就出来了,还不明白的旺旺本人:-应 zhangjian100_2005 的要求,字体下载地址:-http:/ PS 切片后使用,主要用来做图片的无缝拼接 )-图片处理软件:光影魔术手( 美化图片很使用)isee(批

5、量处理图片非常有用)4、淘宝店铺装修实战:-接下来会通过不断更新的方式,从 Logo 制作、宝贝扣图和美化、促销海报制作、收藏图标制作、分类图标制作、营业时间图标制作、关联销售图片技巧等方面,详细说明 PS 在淘宝店铺装修方面的应用。淘宝店铺装修分类图标的制作 1、准备工作:-宝贝分类图标的像素大小是有要求的,主要在宽度上,最大 165 像素,高度可根据需要作调整;所以等下创建文件的时候记得在宽度栏输入 165 就行啦-确认系统已经安装了 PS4.0,同时安装了相应的字体;2、实战开始:-本实战只要你按照步骤做,就能达到目的,最终的图片如下:- .双击打开 PS,.使用键盘,按“Ctrl+N”

6、,新建文件,弹出如下图对话框:.展开图层面板:.新建图层:.将 图层 1底色打成浅灰色:弹出下面的对话框:.新建图层 2:.将图层 2 底色置为绿色 :.制作一个绿色的圆角距形:然后点击键盘的 Del 键,对图层 1 执行同样的操作:然后按键盘的 Del 键,得结果:对图层 2 做处理,如下:文字处理:结果如下图:文件输出,按键盘上的“Ctrl+Alt+Shift+S,弹出:打开刚才的文件看看结果:同样的方法做出来其他的几种:淘宝店铺装修收藏图标的制作1、学习的目的,主要学会 PS 动画的制作,也就是 Gif 格式的动画。-收藏图标的像素大小是有要求的,主要在宽度上,最大 190 像素,高度可

7、根据需要作调整;所以等下创建文件的时候记得在宽度栏输入 190 就行啦-确认系统已经安装了 PS4.0,同时安装了相应的字体;-实战结果图片:2、实战开始:-双击打开 PS,-使用键盘,按“Ctrl+N” ,新建文件,弹出如下图对话框-新建图层-调出动画项目-得到如下图中结果,点击右下角:-得如下结果:-将前景色置为红色-添加文字-输入以下文字:-输入完后,鼠标放在灰色区域中,用鼠标调整文字,使其在白色区域中央;-然后删掉请收藏本店 中的后面四个字收藏本店 ,方法和输入文字操作相同;-得如下结果:-设置动画参数:-得到如下结果:-制作动画的第 2 帧:-得到如下结果:-接着来:-接着来-同样的

8、方法,建动画的第 3 帧:-结果如下图:-结果如下图:-同样的方法做动画的第 4、5 帧:-每一帧只保留自己的文字图层:-同样的方法修改出其余的 3 帧,结果如下图:-设置每帧用的时间:-点击播放,看看效果:-文件输出按键盘上的“Ctrl+Alt+Shift+S,弹出:-打开文件看结果淘宝店铺装修之宝贝扣图(一)1、学习的目的,主要学会 PS 钢笔工具、色阶和通道的简单运用。2、实战开始,先说钢笔工具是使用 :-双击打开 PS,-使用键盘,按“Ctrl+O” ,打开要编辑的图片,我们的目的是要把背景色变成白色;-下面这步是关键,可能要不断的练习才能熟练,记得要多用放大镜功能,这样做好的路径比较

9、圆滑。鼠标左键不停的沿边缘点击,最终首尾相连即可。-按键盘的 Delete 键,到此处就完成了。-如下图:-写到这里,有的朋友会问这是简单的,复杂的怎么办?其实这节主要是了解下钢笔工具是怎么使用的,为以后打下基础。建议我们在拍图片的时候,背景一定要是纯色的,并且和宝贝的颜色相差要大些,这样才有利于扣图。-有的朋友可能会用魔棒工具,我只能说有的图片可以用,但是大部分扣出来的有锯齿,不建议使用。-学会了这个工具,可以先自己用用哦,下节说说用色阶+通道扣图,能扣出人的头发哦。店 铺 招 牌 的 制 作【注意:】1 招牌力求简洁、醒目,忌讳花里胡哨,可借鉴优秀商城卖家。2 下面的有些 PS 术语,可能

10、没有接触过的亲会有些迷惑,不过没关系,按照内容一步步地做下去,等操作熟练了,自然就弄懂了,呵呵,小伊也是这么照葫芦画瓢地练出来的3 本贴中使用的 PS 版本为 CS4,其实有 CS2 和 CS3 的版本都可以使用,只是操作界面可能有些许区别,个别的功能上略有不同,但不影响使用。小伊建议使用 CS3 版的,因为小伊用的也是这个版本,相当好用呢。如果亲没有 PS 软件或者怕下载的软件有病毒,可以到http:/ 查看 PS CS3 的详细介绍。觉得需要的亲,再联系小伊,我直接发给你们,可千万别点“我要购买”啊,手下留情,不然我的虚拟信誉又要提高了, 。小伊不是真的要卖给你们,只是没法子发给每个需要的

11、亲看哦。好了,言归正传,现在进入今天的学习。1. 双击启动 PS 软件,进入 PS 界面,点击菜单栏上的【文件】【打开】素材 1(这个文件是你自己挑选的哦,不是固定的哈,也许你会叫它“好看的背景” )。 2. 【 文 件 】 【 新 建 】 建 立 一 个 宽 度 为 950 像 素 , 高 度 为 150 像 素 ( 因 为 店 铺 招 牌 最 高就 这 么 高 了 , 再 高 就 看 不 全 了 ) , 颜 色 模 式 : RGB, 背 景 内 容 白 色 , 分 辨 率 为 72 像 素 /英 寸 ( 这 里 , 也 不 用 为 了 更 清 晰 设 成 300 像 素 /英 寸 哦 ,

12、文 件 会 变 得 很 大 , 没 法 上 传 哦 )的 新 图 片 。 3. 在 素 材 1 中 按 CTRL+A 全 选 , 用 移 动 工 具 拖 至 新 建 的 文 档 2, 按 CTRL+T 放 大 缩 小 移 动位 置 作 调 整 , 直 到 满 意 为 止 , 背景就做好了。 4. 接下来是文字制作,在【工具栏】(就是左侧那一大块)点击【横排文字工具】(就是这个啦), 字体选择 【方正准圆】(有的亲可能没有这个字体,没关系的,先用别的字体好啦,熟悉以后可以下载更多自己喜欢的字体)字体 40 点,输入“香草可乐妆品旗舰店”,移动文字到恰当合理位置。 5. 【窗口】【图层】【创建新图

13、层】,【工具栏】【矩形选框工具】,按着 SHIFT键在合适位置拉出一个正方形的选筐。 6. 【工具栏】【设置前景色】,选择您喜欢的颜色,点击确定。按 ALT+DELETE 快捷键进行填充,按 CTRL+D 取消选择,选框消失。 7. 文字制作,在【工具栏】点击【横排文字工具】,(参照 4 不再赘述)【文件】【存储为】,选 JPEG 格式, 【保存】 。最终效果如图。 最终效果只是抛砖引玉,大家可以自由发挥,做出更好的效果来。第 二 章 : 宝 贝 分 类 的 制 作1. 【 文 件 】 【 打 开 】 素 材 3。2. 【 文 件 】 【 新 建 】 建 立 一 个 宽 度 为 150 素 , 高 度 为 50 像 素 , 【 尺 寸 可 根 据 情 况 自 定 】颜 色 模 式 : RGB, 背 景 内 容 白 色 , 分 辨 率 为 72 像 素 /英 寸 的 新 图 片 。3. 在 素 材 3 中 按 CTRL+A 全 选 , 用 移 动 工 具 拖 至 新 建 的 文 档 2, 按 CTRL+T 放 大 缩 小 移 动位 置 作 调 整 , 直 到 满 意 为 止 , 背 景 就 做 好 了 。4

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 生活休闲 > 社会民生

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号