⑴ 网页高手进呀!!!如何将PS切片的网页布局图片变为背景图片
分类: 电脑/网络 >> 软件 >> 多媒体软件
问题描述:
如何将PS切片的网页布局图片变为背景图片,因片PS切出来的网页是以图片形式存在的,我想把它们变成各个单元格的背景,在DW中手动更改工作量太大(一个首页要200多个单元格呀!)有什么快捷的方法吗?最好在PS里,导也来时这些图片就以背景图片的形式存在!谢谢谢谢!!
解析:
我想了一个办法,不知道好不好用。这全都是我辛苦一个字一个字打出来的,决非转载啊,你别看也不看就把我否定了,怎么说也有点参考价值的
比较一下这2个代码:
<table border=1 width=775 height=156>
<tr>
<td height=150 width=765>
<img border=0 src=????????.jpg width=765 height=146>
</td>
</tr>
</table>
————————————
<table border=1 width=775 height=156>
<tr>
<td height=150 width=765 background="????????.jpg">
</td>
</tr>
</table>
两个代码都是一个单元格,一张图。图片地址为????????.jpg,第一个代码的图是当作内容,第二个代码的图是当作背景。我在想,你是不是能够利用FPG的“查找/替换”功能(我是用fronpage,没用过DW,不知道dreamwave有没有这个功能的),把它们差异的代码替换掉?
我也遇到有这个问题,一直不好解决。算了我还是把替换内容算出来吧
OK想到了,编辑-查找-替换,查找内容输入:
>
<img border=0 src
替换内容输入
background
第二次:查找内容输入
jpg" width=765 height=146
替换内容输入
jpg
我这里输入的查找内容是根据上面的代码打出来的,实际情况需要根据你自己的网页进行计算,这不是一个具有一般性的代码。
注意这里只是一个单元格、一个图片的代码,根据我后来的测试,如果有多个单元格的话,第一次替换的代码,中间和后面之间的空格数量会不一样。我这里只是给你提供一个参考方法,不知道有没有效。或者你可以分成更细的步骤,先把table里定义的>括号解决掉,然后再改background。总之我的想法就是通过比较两个不同处理方法的代码的差异,根据这个差异计算并替换出合适的代码,这样就可以通过一次查找替换所有的图片成为背景。
⑵ 怎么用photoshop将多张照片拼合成格子形的
很简单啊 但是不止到你需要什么风格的 如果你就是要单独的排版效果
1打开PS新建画布 2 打开你要排版的照片 3再这个画布上设计好布局 4用移动工具 把照片拖动(就是点住鼠标左键不松手)到你的画布上 用自由变换工具 改变这个照片的大小按照你构思的布局 来排版 然后合并图层 保存就好了
⑶ ps怎么图文排版教程
你好
有了路径工具以后,文字排版就显得更加灵活。我们可以把文字做成任何想要的图案。如教程中的,我们可以把文字放入闭合的路径里面做成实体图形,也可以按照一条条曲线路径排版做成可爱的文字曲线。难度较大一点的就是通过路径组合做成创意的文字图案。相信学习了本教程以后,你就可以发挥创意做成更多创意图形。
最终效果
1、新建一个400×300的图像(可自设尺寸),然后选择自定形状工具。
注意绘图方式应为第一种(形状图层),如下图红色箭头处。然后在形状列表中选择一个心形(如不在列表中,可恢复默认形状),如下图绿色箭头处。样式选择为无样式。另外可以选取一个的颜色。
2、然后在图像中画出一个心形(绘制过程中可以按住SHIFT键保持长宽比),这样其实就是建立了一个带矢量蒙版的色彩填充层。如下左图,图层调板中显示的正是一个色彩填充层。双击缩略图可以更改填充的颜色,而图层缩略图右方有一个蒙版缩略图(下左图蓝色箭头处),这就是矢量蒙版缩略图,特点是以灰色来表示被隐藏的区域。有关矢量蒙版的知识我们将在以后学习。
在进行下一步之前,要保证路径蒙版中的路径处于显示状态,方法是点击路径蒙版缩略图。会看到图像中的心形出现了一个外框,而图层调板中路径蒙版缩略图周围出现了一个细线框,如下右图。
3、现在选择文本文字工具,并使其停留在这个心形路径之上,依据停留位置的不同,鼠标的光标会有不同的变化。当停留在路径线条之上时显示为,当停留在图形之内将显示为。请注意这两者的区别,前者表示沿着路径走向排列文字,后者则表示在封闭区域内排版文字,作用是完全不同的。
4、现在我们先将文字工具停留在心形之内(光标为),然后单击,出现文字输入光标,输入一些文字。如“LOVE”(注意每个字母之后都有一个空格,原因稍后再述)。选择一个英文字体(如Tohoma),选择小一些的字号(如6px),并复制粘贴几次,使其充满整个图形(超出也没有关系),效果如下左图。此时看到文字在图形内的排列并不对称,接下来在段落调板中设置居中,并适当设置左缩进和右缩进的数值(如5px),这样看上去就较为舒适了。一般来说在封闭图形内排版文字,都要进行这些设定以达到较好的视觉效果。如下右图。
5、现在隐藏(甚至可以删除)心形色彩填充层,我们看到在文字外围仍然保留有一条封闭路径,与原先心形路径相同。如下左图。由此可以明白,虽然这个文字层的排版路径是籍由另外一个图层中的矢量路径而来,但在完成后,其也“克隆”了一条相同的路径并“留用”。
我们可以对这条“克隆并留用”的路径进行修改,从而改变文字的排版布局。方法是使用直接选择工具〖A/SHIFT_A〗,在文字层(不是早先的填充层,此时应隐藏填充层)的路径上点击一下,就会看到路径上显示出许多小方块。如下中图。用直接选择工具往左上方略为移动蓝色箭头处的方块,就可以看到效果。有关路径的知识我们将在以后学习,到时候我们可以进行更多更复杂的修改,现在大家先记住路径是可以修改的就可以了。
前面我们提到过要在每个英文字母后面加上空格,是为了在行末换行时可以让单个字母移到下一行,而如果使用一整个英文单词LOVE,则在行末换行时,因为要保持完整性,整个单词将被移到下一行,这样的效果看上去就比较生硬(也有人会喜欢这种效果),如下右图。大家以后在实际应用中可以参考这种加空格的方法,如果觉得空格拉大了字母间距,可以通过在字符调板中设置间距为负值来弥补。
6、现在将已经完成的文字层隐藏起来。并单击色彩填充层的矢量蒙版,使其路径处于显示状态,即使填充层本身处于隐藏状态也有效。如下左图。将文字工具停留在路径的线条上,注意光标指示应为,在如下左图1处的大致地方单击,即会出现文字输入光标。将字号改为12px,段落对齐方式为居左,然后输入“She once was a true love of mine”, 这样就可以形成沿路径走向排列的文字效果,类似下右图。注意在文字的起点处有一个小圆圈标记。
对于已经完成的路径走向文字,还可以更改其位于路径上的位置。方法是使用路径选择工具〖A/SHIFT_A〗,注意它与直接选择工具有些类似,但前者是黑色箭头,后者是白色的箭头,要注意区别。将路径选择工具移动到刚才的小圆圈标记左右,根据位置不同就会出现光标和光标,它们分别表示文字的起点和终点,因此我们称之为起点光标和终点光标。现在分别将文字的起点和终点移动到大致如下左图的位置上,红色箭头处为起点,绿色箭头处为终点。此时就可以在路径上看本来处于重叠的文字起点标志和终点标志。
7、如果两者之间的距离不足以完全显示文字,终点标记将变为,表示有部分文字未显示。正如同在前面我们所学习的框式文本中,当文字未完全显示时所出现的标记一样,如下中图。
如果将起点或终点标记向路径的另外一侧拖动,将改变文字的显示位置,同时起点与终点将对换。如下右图,将起点往右下方拖动,文字从路径内侧移动到了路径外侧(内侧外侧只是相对而言并无严格标准)。
8、路径走向文字的一个特点就是它都是以路径作为基线的,如上右图,无论是内侧还是外侧,文字的底端始终都以路径为准,那假设我们需要将文字排列在一个比现有的心形路径更大(或更小)一些的心形路径上,那是否就要先绘制一个更大(或更小)的心形路径呢?不必如此,只需要在字符调板中更改竖向偏移的数值,就可以达到效果,如下左图所示,就是将现有的路径走向文字图层复制了两个,然后依次更改竖向偏移的数值为15px和-15px,所形成的效果。 需要注意的是更改该项数值后,在路径的曲线上可能造成文字间距不一。此外,也可以通过回车换行来达到目的。
9、现在大家可自己尝试在原有的心形路径上排列多个文字图层,并将颜色、字号、字体、竖向偏移等选项各自调整,形成错落有致的效果,如下左图。
10、一般来说,想要在Photoshop中绘制虚线和点线是比较麻烦的,但我们可以通过路径走向文字来实现。分别以若干字符“-”和字符“.”沿路径走向排列,即可形成虚线和点线。还可以综合使用其他字符,如下右图。而虚线的形态可以通过字符调板来控制,字号控制虚线的大小,字符间距控制虚线间隙的大小。
⑷ photoshop中怎么对一张图片上的文字重新编排,就是将图片上的文字变大变小,调整位置,重新布局。
如果文字是一个单独的图层而且没有栅格化,你可以选中这个图层,选中所有文字,在属性框内修改文字大小、色彩和字体与位置都没问题,如果图层栅格化了,可以通过缩放的方式来修改大小,如果要修改位置,就要通过框选、移动来解决,字体无法改变,如果图层已经不再独立,麻烦就大了,要把文字先擦掉或覆盖掉再重新打字,擦掉或覆盖掉的方法是1、橡皮擦;2、仿制图章;3、污点修补工具;4、修补工具。。。还有一个是找到没打字前的图片移过来调整到合适大小及色彩直接盖住。
⑸ PS图片可以做网站布局调整吗
你问题 有点含糊
说下PS跟网站 常用到的关联
PS 作为图片处理软件,可以用于网站中图片的处理
当你设计一个网站的整体布局的时候,你可以事先用PS设计出效果图。然后通过切片,即可吧图片转换为网页文件
⑹ PS如何布局
这叫创建剪贴蒙版 意思就是把上面图层的内容放到下个图层(形状)里,不能只理解概念,要多练多用,上在下小呀 上小下大呀。上空下实呀,上实下空,等等,理解概念,综合运用,方能运用自如。任何人都是由不会到会再到精通,相信你也一定可以
⑺ 四张照片怎样排版到一张A4纸上
使用打印功能时,可以选择A4纸张排四张即可,具体操作方法如下:
一、如下图,首先打开照片所在文件夹,选中需要排版打印的四张照片,点击菜单栏中的“打印”。