所在位置:主页 > 网页设计 > 怎样把几张照片拼成一个长图

怎样把几张照片拼成一个长图

发布时间:2024-01-17 10:07来源:www.sf1369.com作者:宇宇

怎样把几张照片拼成一个长图

安卓手机有不少自带图库应用就能够实现拼图功能,只需要打开图片选择编辑即可,苹果手机可以下载第三方的图片编辑软件,选择【图片拼接】,可以在多个模板中选择样式。此外,电脑也可以进行拼图操作,以下是详细介绍:

1.手机自带拼图:现在有很多安卓自带的图片应用已经拥有自带的拼接功能,您可以直接打开图库点击编辑;选择两张图片点击创作,选择拼图选项,最后选择拼接,就可把两张图片拼在一起,但只有两张拼图的模板,若是轮老粗多张需要多次进行。

第一步:手机桌面点击“相册”。

第二步:长按其中一张相片,出现图片连选模式后,选中要拼图的图片。

第三步:点击“创作”(只有这种模式才会出现创作命令)。

第四步:点击“保存”,也可以调节好布局后保存。

2.使用第三方的软件:苹果手机自带相册没有拼图功能,因此我们可以借助第三方的软件。

(1)美图秀秀:下载安装好美图秀秀之后,就可以打开选择拼图功能,选好需要拼接的图片之后,点击拼图,软件还自带多种模板,您可以使用手指进行图片位置的编辑,更换样式等,最后导出图片即可。美图秀秀有一个自带的拼图功能,很方便简单,但缺点是每一张图之间都会有白色的线条间隔,美图秀秀也是有电脑版本的。

美图秀秀拼图具体流程:①打开美图秀秀APP,主页面点击拼图。

②点击选择相册中的几张图片,点击开始拼图。

③选择模板,调整图片布局后,右上角保存即可。

(2)天天P图:天天P图也是第三方拼图软件。

①首先打开天天P图APP,主页面点击故事拼图。

②选择相册中的照片,点击开始拼图。

③选择合适的拼图模板后,点击保存键即可。

(3)微信小程序:想要将几张照片弄成一张图片,肯定需要借助第三方工具,这时候就可以使用微信小程序了。

①首先在微信的搜索栏内输入“海报分享”,搜索到这个小程序,然后运行它。

②选择“拼图工具“。

微信小程序

③再点击“选择图片”和“从相册选择”。

④然后将需要拼在一起的图片添加进来,再点击提交拼图。

⑤提交完成后,点击拼接好的图片,然后按住图片,在弹出的界面里选择“保存图片”。

3.电脑拼图:

(1)幻灯片:

①新建一张空白的幻灯片。

②将几张照片插入进去。

③调整好位置后,点击文件、导出,将保存格式选为图片格式jpeg。

(2)画图:

①在Windows自带的画图软件中,新建空白画纸。

画图

②再将几张照片都放进去(复制图片,然后粘贴至页面),调整好位置含颂后,保存即可。

(3)稿定设计:这是种在线设计网站,方式也是新建空白页面,然后自行拼图即可。

①创建设计,新建空白页面。

②点击工具集,点击在线拼图。

③上传图片,布局好已上传图片后,下载保存即可。

(4)PS软件:用PS软件新建空白页面,然后把几张照片放在一起,导出成jpg格式即可。

①新建空白页面。

②将要拼合的图片直接点击鼠标左键拖动到画布即可,然后对图片进行调整,然后点击鼠标右键选择【置入】。

③相同的方法将下一张要拼接的图片拖动到画布里面,然后对图片进行调整,最后腊镇点击鼠标右键选择【置入】。

④最后在Photoshop上方的工具栏里面点击【文件】,选择【另储为】,选择jpg格式,选择图片保存的位置即可。

若使用的vivo手机,可以穗和查看以下方法:

1、进入相册--推荐--拼图--选择图片--下一步--选择模板--保存即可;

2、在相册中选择分类相册--长按后勾选图片----创作--拼图--选择拼接;

3、若相册中没有拼图功能,可下载第三方瞎族亮修图软件,如:美图秀秀实现。

若有更多疑问,可进入vivo官网/vivo商城APP--我的--在线客服磨宽或者vivo官网网页版--下滑底部--在线客服--输入人工客服进入咨询了解。

在线切图工具-网页如何切图

在线PS怎么划分切片PS自带有切片工具,不过用起来比较麻烦,如果是交付UI设计稿,借助摹客这样专业的在线切图工具比较合适,可以自动生成不同尺寸不同分辨率的切图,也支持切换不同的平台。

在摹客官网下载安装摹客PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。

请点击输入图片描述

登录后选择项目和分组。

选中需要切图的画板、图层或拦竖编组,点击「标记切图」。

选中目标名称前出现“-e-”,「标记切图」选项变为「取消切图标记」,此时切图操作便完成了。

(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)

点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应@2×。

点击「上传所选画板」或「上传全部画板」,一键将设计稿上传至云端项目中。

请点击输入图片描述

点击「查看项目」打开设计稿,在“开发”模式中,即可一键下载选中切图或所有切图。

请点击输入图片描述

使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支持自定切图尺寸和切图压缩,非常方便。

请点击输入图片描述

急需一个在线图片分割器上这个网。可以切割图片。

弄张图

上coolmosaic网

→选择“图片切割”→垂直选择4、水平选择2(可分36份)→单击‘浏览’(在电脑中找到制作拼图的图片选择并确定)→单击‘上传’→单击该图片下方“制作QQ相册封面拼图”,即成。

网页如何切图问题一:网页切图怎么做?网页设计切图网页切图怎么做?网页设计切图

制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。

问题二:页面设计页面制作这种背败昌景的页面怎么切图的啊。。。主要是背景怎么整的。。。目前我无法判断你那些图片带链接,所以只能大概的给你讲一下(目前文字部分我先不管),具体我拿第三张来讲给你吧。

首先,把所有要做链接的图层都隐藏掉,剩下的层,就可以用来切图,整体背景是蓝色,所以css搞定就行。

其次,背景有一张整体的背景图,这个需要全部单独切下来,图片上面不要带任何其他元素,就只是这张单独的图片就好,布局的时候引用为背景!

然后,剩下的就是主体部分,上面的播放视频和文字我就不讲察衡扒了,简单,底部的汽车促销图片也切一张大图就好,也简单。

最后,就剩下最难搞的中间部分,大概想了一下,2种方法实现,如下:

1、切成整张大图,需要做链接的地方,画上不规则热区就好了!这种比较简单些。

2、图片什么样,就切成什么样,每张小图都单独切出来(注意:要做成png格式保存,背景设置为透明),然后写html的时候,用css画出等大的不规则图形,吧图片当做背景加进去,然后用css绝对定位一下,如有链接加链接,完美实现!

备注:css画不规则图形,网上可以搜到教程,看一看就差不多,不难!

至于其他几张图,比较简单,简单说一下第二张,第二张的其实如果想简单实现,那就除文字和纯背景色外,整张切,然后有链接的地方加热点就好,想做复杂一点,就可以用到我所说的css画不规则图形,纯色的三个纵横条,不用切,css画出来,添加背景色,然后绝对定位就好,其他的该切多大就切多大,然后用css绝对定位,设置好z-index的关系,就ok了!

之前做过很多这样的网站,这都是经验之谈,完全能实现,要有问题再问我!完全纯手打啊~~

问题三:photoshop网页切图怎么用1、首先需要用photoshop把psd源文件打开,看看源文件的整体布局。源文件是分层的,方便切图的层次。

2、切图的工具叫做“切片”,在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。

3、用放大镜将所要切的图片部分放大,可以用参考线确定大小,切图是可以沿参考线切。

4、切换到切片工具,沿参考线划出切片,右击可以看到有可以编辑切片的选项,可以设置切片像素大小。

5、切好后就可以单击菜单栏“文件”,选择“存储为web所用格式”选项。

6、选择要存储的切片,然后右上角可以设置图片的格式、质量大小,设置好以后就可以单击保存了。

7、保存需要保存的切片,选择好路径即可,单击保存即完成。打开保存好的图片,如图。

注意事项

注意保存时最好自己设置路径,settings选项。

问题四:怎么用ps做html切图,详细!10分先切小片然后写代码不是一句话两句话能说清楚的

问题五:UI中网页设计切图怎么切PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。

切图工具:

Cutterman一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS6的已经不维护更新了。推荐安装官方完整版PScc,然后自行。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。

Part2Photoshop

现在常用的几种设计尺寸

1.640*9604时代的尺寸,刚接触APP设计用的是这个尺寸,拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧);

2.640*11365/5S/5C,IPhone更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了;

3.750*13346目前我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。

问题六:网页切图是不是一般只切按钮部分?别的比如背景都用CSS实现?一般来说,比如网站logo、网站相关的图片(例如产品图片,不规则的形状图片等)、渐变、特殊字体(宋体、黑体、微软雅黑以外的字体),几乎都是要切成图片来做的。切成图片又分为2胆,一种通过设置css背景,另外一种是直接标签加路径调用。

其他的全部用css来实现。

问题七:ps如何切图成HTML页面希望给一个详细流程操作修改好相应的文字与图象之后,我们就将PSD文件输出(X)HTML文件。

首先得先对PSD文件做切片,有两种方法:

①使用工具栏上的“切片工具”,

然后在图象上划出一块一块的区域。

②使用基于参考线的切片,按ctrl+R调出标尺栏,

把鼠标移动到标尺上,按住鼠标左键,移动到图象上,将会看到一条绿色的参考线,如图

将参考线;排好,然后点一下工具栏上的切片工具图表,然后点上面

选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。

接下来就可以输出了:

①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。

②接下来就会弹出一个“将优化结果存储为”的窗口,如图

在“保存类型”处有个下拉列框可以选择,因为我们要存储为网页的格式,所以选择“HTML和图象(*html)”,再选择“保存”就可以输出憨个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。

③如果我们需要输出“div+css的网页”我们还可以这么做:

在“设置”处的下拉列框,选择“其他”

就会弹出一个“输出设置”的窗口

在第2个下拉列框处选择“切片”

选择“生成CSS”

单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。

问题八:网页美工是怎样进行图片切图的步骤如下:

1.首先我们需要用到的文件就是psd的文件了,一般都是由设计师来完成的,我们切图也就是切psd文件,因为psd文件是分层的,所以想切哪里切哪里。

2.之后用Photoshop软件打开psd文件,这里小鱼用CC版本演示,其他版本大同小异。我们打开之后可以双击左侧的放大镜工具,将图片缩放到原图大小。

3.我们要切图,当然用到的就是“切片”工具了,可以点击左边的切片工具,也可以右击这个图标选择更多的相关工具。切图都是用切片工具。

4.选择好切片工具之后,想要切哪里就直接拖动鼠标就可以了,然后会出现切线,在切线框内右击还可以弹出菜单。

5.点击菜单的编辑切片选项还可以对切片进行编辑,可以编辑大小等项目。

6.但是如果我们只想要字怎么办,不要底层背景,那么可以用“移动”工具。选择移动工具,在不要的背景上单击,这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。

7.把选中的不需要的背景前面的小眼睛去掉,最后只剩我们想要的部分。

8.然后点击左上角菜单栏的“文件”,选择“存储为web所用格式”选项。

9.如果要透明的,那么一般选择png格式,如果要非透明的,那么哪个格式存储的文件小就选择哪个,这样能保证网页加载速度快。然后点击下面的“存储”按钮。

10.然后给图片命名,选择一个保存地址,最后选择“选中的切片”,不然好多没用的图片都会保存下来。

11.最后找到保存好的图片打开,已经是一个我们想要的图片了。

问题九:如何把图片切成HTML页面用ImageReady

其次打开你想做切片的图片

在英文输入法下,在程序界面中按K切换到切片工具

在图片上随意进行切片

按CTRL+ALT+SHIFT+S将优化结果存储为

保存类型下拉框拉下来选择“HTML和图像”

进行保存

或者使用photoshop的切片工具操作!

这是教程

希望帮到你

问题十:网页切图什么意思,怎么切法如果你登着QQ

同时按下Ctrl+Alt+A这三个键就可以切图了。

如果没登QQ,系统也有自带的截图功能,就是键盘上的PrtScrSysRq,不过这是全屏截图

然后在开始~所有程序~附件中打开“截图工具”,然后再按下ctrl+print(键盘上的PrtScrSysRq键)即可

切的图可以保存在自己电脑,也可以发给自己的朋友。

谢谢!