先下载photoshop cs 随便哪个版本 最好5↑
然后打开photoshop,打开一张图
1、输入文字,并且调整大小
2、然后右击这里,选择栅格化文字
3、用橡皮擦掉一块
4、在中间输入文字,移动位置
5、完成
这样可以么?
‘贰’ 切图的时候 文字与 图片 还有连接 都注意什么细节啊
先说文字的,如果文字是有特效的,比如投影、描边之类的,那么图片和文字要一起切,如果没有特效,那么只切图做背景,这时候要看图片是不是有规
律的,比如渐变平铺的图片,那么我们切图的时候只需通常只需要切一个像素然后用css让它平铺就行了,当然,这只是普遍的情况,你具体的也没说清楚,所以
我也只能讲个大概。
然后说链接的,一般大概也是分两种,第一:吧文字和图片切成一张,然后给图片加链接,第二,单纯的切出图片,然后做背景,上面打文字,给文字做链接。
其
实怎么切图完全是看自己平时怎么写静态代码了,就是css+div布局,自己习惯怎么写就怎么切,根据自己的需要切,切图需要主要的是,尽量使图片达到最小,比如保存的时候都可以保存成gif格式的,这样生成的问件就会比jpg的小的多。图片越小,网页在加载的时候就会越快!自己试试,多练练就行了!
‘叁’ 文字图片切换代码.
<style>
a:link,a:visited {
font-family: "宋体";
font-size: 12px;
color: black;
text-decoration: none;
}
a:hover
{
font-family: "宋体";
font-size: 12px;
color:red;
text-decoration: none;
}
img{border:none}
</style>
<div id="imgdiv">
<a href="该默认图片的链接页面"><img width="你需要的图片宽" height="你需要的图片高" src="你需要默认显示的图片路径"></a>
</div>
<div id="txtdiv">
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第1行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第2行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第3行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第4行文字</a><br>
<a href="该行对应的跳转页面" onmouseover="changeImg('该行对应的图片路径',this)">第5行文字</a>
</div>
<script>
<!--
function changeImg(imgsrc,obj){
var txt="<a href='";
txt+=obj.href;
txt+="'><img src='";
txt+=imgsrc;
txt+="' width='你需要的图片宽' height='你需要的图片高'></a>";
document.getElementById("imgdiv").innerHTML=txt;
}
//-->
</script>
需要你修改的地方已经标出来了.你自己根据你的要求修改吧.
‘肆’ 切割带有伤感文字的图片
你可以用 彩影
操作简单:打开软件,导入图片,点击导航选项卡 “基础调整”,在功能侧栏,选择 “自由裁剪”,可以对图片进行切割,制作的图片质量非常清晰。可以使用添加数码暗房效果
网络搜索彩影
‘伍’ 用美图秀秀,字怎么切开
使用美图秀秀做分割字,具体方法如下(4.0.1版本):
1、输入背景字体,调整大小、颜色等,再输入白色“一”字,移动到覆盖部分字体的地方。
‘陆’ 怎么把图片上的文字去掉切不影响图片的
可随便用绘图软件,然后用画笔吸取相应区域色彩,直接把那几个字给涂掉即可,意即把那几个字用背景颜色涂抹成一样的色彩,认不出是字就好,这样处理是很容易做到的。当然如果会专业的PS,那更简单更快,前提是你得会使用PS。
‘柒’ 怎么把一张图片上的文字切剪下来呢
拿到PS里去处理一下吧,用一些简单的工具就可以完成的,比如图章工具
‘捌’ 切字图片要怎么制作求详细方法
等会