ps导出矢量图是什么格式(ps导出矢量图)

时间:2023-10-18 08:54:19 来源:网络 编辑:凉话刺骨

干货!转换矢量图的几种方法与技巧,总有一种适合你

介绍转换矢量图的几种方法,最后一种你觉得如何?

位图文件,在放大缩小后会变得模糊,看着很不舒服,没有很好的感官。此时我们就必须转换为矢量图。

由于矢量图无论放大缩小或者旋转,它都不会失真,而且体积很小,经常用于各方面的设计。在WORD ,PPT等设计中,经常会用到矢量图形。

方法与技巧:

第一种:使用Adobe Illustrator软件转换

打开图像-找到菜单栏上的"图像临摹菜单"-选择"素描图稿"-单击菜单栏上的"扩展",

将对象转化为路径,进行矢量编辑。最后存为矢量图形。

第二种:使用PS-Adobe Photoshop转换

打开图片-通过选取工具选取需要矢量化的图形部分(或直接用钢笔勾勒路径-建立选区)-在"蒙版"菜单单击矢量蒙版;

另存成EPS格式的文件;

第三种:Corel Draw软件

导入你要的位图

单击"位图"菜单--选择轮廓描摹-线条图

弹出窗口中调整细节参数达到你要的效果。

点击确定后,矢量图就转换成功了。

第四种:利用现成的工具

1)矢量图转换神器VECTOR MAGIC

如果你有点懒,对PS AI CD都不成,那就试试这个VECTOR MAGIC:官方网址提供如下

http://vectormagic/home

按照向导设置

设置后后保存

2)在线生成。只要直接上位图,导入图片,自动转换就行了。是不是很方便。超级懒的虫虫,使用这个特方便。

将栅格图转换成矢量图形在线工具,无需注册哦。非常方便;

下面两个推荐网站是境外的,打开可能有点慢,除此之外提供了很多高清图,可以使用。

烂叶子:公众号同名,70末大叔,高校计算机专业讲师,资深office培训讲师,培训学员20000+。每日分享office干货技巧,80%职场人都在关注!敬请关注、点赞并转发,需要配套素材和视频教程请到公众号获取。

Adobe Photoshop去复杂水印+位图矢量图的区别+位图转矢量图介绍

PS教程第15期第一篇怎样用ps去除复杂的水印?方法比较简单的那种

相信大家在工作中经常有“去水印”的需要,简单的水印大部分童鞋可以轻松去除,但面对复杂的水印该怎么办呢?

一、内容识别填充

这是最基本的方法,童鞋们一定要学会。

1、首先我们打开带有“兴元设计”水印的图片。

2、选择“矩形选框工具”

3、接下来按住“shift+F5”进行内容识别填充,在弹出的对话框中单击“确定”按钮。

ok~大功告成~

这种方法的原理也很好理解,内容识别是通过photoshop的图像计算法来仿制出一段区域,能把水印去的很干净,对于比较小或所处的背景环境比较简单的水印用这种方法很管用。

(ps:人脸上的水印不能用这种方法)

二、污点修复工具

1、打开图片

2、选择工具栏中的“修复画笔工具”,并在水印处进行反复涂抹。

3、在使用污点修复工具涂后会有明显涂抹痕迹,童鞋们需要多次涂抹才可以比较干净的去除水印哦~

三、修补工具

1、找到工具栏中的“修补工具”

2、把水印圈起来,形成了一个虚线框。

3、接下来按住鼠标左键把它拖拽到旁边的空白处

松开鼠标后,童鞋们可以看到水印被去除了。

说的直白点,修补工具的原理就是把一个东西换成另一个东西,其实就是把其他位置的图案移动过来。

四、仿制图章

1、打开图片找到工具栏中的“仿制图章”工具

2、按住Alt键,在没有水印的区域点击相似的色彩或图案进行采样,然后在水印区域拖动鼠标进行涂抹。

要注意的是,选择不同的笔刷大小、会影响绘制区域的边缘及融合效果。所以建议大家多次采样少量涂抹以保证完美去水印。

五、去除复杂水印

面对这种水印较多的图片,我们该怎么做呢?

1、打开图片按住快捷键M,切换到选择工具

2、框选要去掉的水印,注意要选中一个完整的水印

3、按快捷键Ctrl+J,刚才被选中的水印被复制到了一个新的图层。我们移动下新建的水印图层。

4、将水印图层的模式设置为“颜色减淡”,并点击图像——调整——反相,或直接按住快捷键“Ctrl+I”。

接下来,我们把调整好的图层盖到水印上,童鞋们可以看到,水印完全被盖住了,非常自然。

我们再复制一下刚才那个图层,并盖住其他有水印的地方,同样可以将水印完全盖住。

所以大家重复复制图层、盖住水印这两个步骤,很快就可以把水印去掉了。

最终效果还是很棒的,童鞋们看下对比图。

第二篇位图和矢量图的区别?

计算机的数字化图像分为两种类型,即位图和矢量图。两种类型各有优缺点,应用的领域也各有不同。

处理位图的软件最有名的就是Photoshop。处理矢量图的软件包括两种:一种是图形绘制软件,例如Illustrator;另外是排版软件,例如Coreldraw.Adobe公司的Flash软件也是一款矢量软件。

位图也称为点阵图,它是由许许多多的点组成的,这些点被称为像素。位图图像可以表现丰富的多彩变化并产生逼真的效果,很容易在不同软件之间交换使用,但它在保存图像时需要记录每一个像素的色彩信息,所以占用的存储空间较大,在进行旋转或缩放时会产生锯齿。

矢量图通过数学的向量方式来进行计算,使用这种方式记录的文件所占用的存储空间很小,由于它与分辨率无关,所以在进行旋转、缩放等操作时,可以保持对象光滑无锯齿。

矢量图的缺点是图像色彩变化较少,颜色过渡不自然,并且绘制出的图像也不是很逼真。但其体积小、可任意缩放的特点也使其广泛应用在动画制作和广告设计中。

图像的清晰度和其本身的分辨率有直接关系。分辨率指单位尺寸内像素中像素点的多少,像素点的个数越多分辨率越高,相反则越低。同理,分辨率高的图片,图像越细致,质量就较高,分辨率低的图片质量就相对低些。

不同行业对图像分辨率的要求也不尽相同。喷绘行业要求分辨率(dpi)40以上,报纸、杂志行业要求分辨率(dpi)120-150,网页行业要求分辨率(dpi)72,普通数码要求分辨率(dpi)250以上,数码照片要求分辨率(dpi)150以上,高级印刷要求分辨率(dpi)600以上。

第三篇位图怎么转换成矢量图?五种位图转矢量图的方法介绍

在设计的过程中,如果遇到一个较小尺寸的图片素材,又找不到更好的图片时,我们就可以使用以下五种位图转矢量图的方法将小图做成矢量图再放大,就可以获得良好的视觉体验,这些方法都是怎么转换位图成矢量图?请看下文。

开始之前,我们先来了解一下矢量图形的好处,矢量图形最大的优点是无论放大、缩小或旋转等不会失真,而且占用存储空间很小。经常用于图标,字体和户外广告设计等方面,在PPT设计中也经常使用矢量图标和图形,我们可以通过位图转矢量的方法来获取LOGO,图标和一些文字等。

LOGO图形转矢量

位图图标转矢量图标

文字图形转矢量

五种位图转矢量图的方法介绍:

一、Photoshop转换:下载

PS其实是最好的位图处理软件,但是也可以将位图文件输出为矢量文件。

1、打开一张图片,通过魔术棒工具选取需要矢量化的图形部分,或者直接用钢笔工具绘制路径。

2、选取后点击右键,选择建立工作路径。

3、在蒙版菜单点击建立矢量蒙版。

4、另存为EPS格式文件,选择默认选项,这样就把一张位图转化为矢量图形了。

二、Adobe Illustrator图像描摹:下载

1、用软件打开图像。

2、鼠标单击选择图像,找到菜单栏上的图像描摹菜单。

3、选择素描图稿,可以看到最终效果,但这一步还没有将图片转为矢量图形。

4、点击菜单栏上扩展按钮,将对象转化为路径,这样就可以进行矢量编辑了。

三、CorelDRAW轮廓描摹:下载

1、新建空白文件,点击文件菜单栏-导入位图文件。

2、点击位图菜单,在弹出菜单中选择轮廓描摹-线条图。

3、在弹出的窗口中调整细节、平滑、拐角平滑度等参数来达到最佳效果。

4、如果需要导入图片的内容不一样,我们还可以选择不同的图像类型效果,看哪一种效果更接近原图。

5、点击确定按钮,一张位图就转化为了矢量图形。

以上推荐都是大型的图像和矢量处理软件,如果我很懒,不想安装那么多软件,也不想去学习那么多操作怎么办?那么一定要试试以下两款软件。

四、VECTOR MAGIC位图转矢量图:下载

这款软件是很多设计网站推荐的,操作也非常简单,所以推荐给大家。

1、打开图片或者直接拖动图片到显示区域。

2、软件提供了自动、基本、高级三种模式可以供选择,我们选择自动处理就OK了。

3、一直点击NEXT下一步就可以完成了。

五、在线位图转矢量图网站:

某个在线位图转矢量图的网站不需下载安装,更加便捷。

1、上传位图文件,直接进入图片处理向导。

2、选择色彩或者黑白模式。

3、设置可显示颜色的数量,一般设置8-16位色,黑白模式则跳过次步骤。

4、设置边缘平滑细节。

5、选择一张满意的矢量图片输出。

6、完成后还可以继续设置上述参数,直到满意为止。

位图转矢量越是简单的图形效果越好,速度也越快,内容复杂的图片需要进行更多细节的处理以后才能获得理想的效果,一起来看看几张对比图吧。

以上五种位图转矢量图的方法请用户自行实践,以确定某个方法是否为你所用。因为位图少有做到不失真的,所以转换之后的矢量图略有瑕疵,简单点的图形可以二次处理。

图片来源/百度

记得关注哦记得点赞哦记得评论哦记得转发哦

第一篇来源/搜狐兴元设计

第二篇来源/百度日常录

第三篇来源/系统之家 作者:quers

Python3将普通图片(png)转换为SVG图片格式

在之前的几篇文章中,介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如 Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统 ,我们可以使用svg来打造精美炫酷的分享小图标(icon),这一次我们使用python来将普通的静态的网站logo图片转换为带路径(path)的svg图片,这样就可以让网站logo能够变成动态的,作为一名不折腾不舒服斯基,一枚炫酷自带动画的网站logo自然能够满足我们的折腾欲,同时亦能击中我们的虚荣心。

首先第一步,先要将静态图做一步转换,以本站的logo作为例子,原理就是在普通的RGB图像阵列中将其像素进行转码操作,并且输出为svg特有的路径属性,当然了使用python进行图像操作少不了会用到鼎鼎大名的pillow模块

import sysimport osfrom PIL import Imagedef convertPixel(r, g, b, a=1): color = "#%02X%02X%02X" % (r, g, b) opacity = a return (color, opacity)for r in sys.argv[1:]: root, ext = os.path.splitext(r) image = Image.open(r) mode = image.mode pixels = image.load() width, height = image.size print(image.mode) if "RGB" in mode: output = "<svg width="%d" height="%d" viewBox="0 0 %d %d" xmlns="http://www.w3/2000/svg">" % (width, height, width, height) for r in range(height): for c in range(width): color, opacity = convertPixel(*pixels[c, r]) output += "<rect x="%d" y="%d" width="1" height="1" fill="%s" fill-opacity="%s"/>" % (c, r, color, opacity) output += "</svg>" with open(root + ".svg", "w") as f: f.write(output)

写好脚本,只需要执行该脚本,参数作为图片名称,就可以生成一个同名的svg图片

python3 png_to_svg.py logo.png

需要注意一点,这里有一个坑,在进行像素点矢量转换的时候,图片模式只支持RGB三色模式,以png为例子,如果是全彩的24位图是支持的,但是8位的png图显然无法进行转换,因为它的图片模式是P模式,在这种情况下,使用python脚本对图片进行转换之前,建议用photoshop对图片进行简单的模式转换

OK,我们转换好图片之后,可以用编辑器打开svg格式的图片

<svg version="1.0" xmlns="http://www.w3/2000/svg" width="255.000000pt" height="200.000000pt" viewBox="0 0 255.000000 200.000000" preserveAspectRatio="xMidYMid meet"><g class="v3u-icon-group" transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"fill="#2b2b2b" stroke="none"><path class="v3u-icon1" d="M1500 1950 c0 -27 -49 -39 -175 -45 -231 -10 -298 -27 -374 -91 -53-44 -79 -119 -65 -190 l7 -35 31 29 c36 34 87 62 113 62 10 0 -4 -13 -32 -29-69 -39 -191 -170 -222 -238 -55 -119 10 -194 193 -223 38 -6 72 -14 76 -18 3-4 8 -20 10 -37 6 -61 143 -105 330 -105 181 0 238 22 238 93 0 32 -15 48-132 145 -109 89 -157 105 -234 75 -10 -4 -12 0 -8 11 5 13 -2 16 -42 16 -350 -45 3 -34 10 21 14 100 13 100 -1 0 -7 12 -9 34 -5 48 9 103 -13 173 -67 33-26 69 -47 80 -47 35 0 142 37 179 62 32 22 64 79 64 116 0 65 -53 147 -114179 -108 56 -326 58 -436 4 l-25 -12 23 20 c84 73 382 68 478 -8 35 -28 47-16 48 48 1 65 -25 100 -90 123 -65 23 -129 22 -298 -3 -137 -20 -208 -21-228 -1 -6 6 9 7 39 5 26 -3 104 4 172 16 68 12 143 21 167 21 43 0 44 1 3828 -11 43 -32 80 -53 92 -24 13 -31 13 -31 0z m-125 -784 c39 -17 45 -40 16-56 -28 -15 -46 -13 -72 9 -23 19 -24 19 -5 40 23 25 18 24 61 7z"/><path class="v3u-icon1" d="M1340 1146 c0 -14 5 -26 10 -26 6 0 10 9 10 19 0 11 -4 23 -10 26 -64 -10 -5 -10 -19z"/><path class="v3u-icon1" d="M45 738 c-20 -50 -29 -108 -16 -108 8 0 11 -44 11 -140 l0 -140 1280 127 0 80 140 c43 77 85 140 92 140 12 0 25 36 39 108 l7 33 -98 -3 -98 -3-18 -65 c-10 -36 -14 -66 -9 -68 8 -3 -39 -115 -54 -130 -3 -3 -6 20 -6 51 034 5 61 14 69 12 13 46 112 46 137 0 7 -38 11 -116 11 l-115 0 -14 -32z"/><path class="v3u-icon1" d="M626 760 c-37 -12 -66 -38 -82 -77 -27 -64 -23 -68 62 -65 65 3 77 681 23 6 23 23 25 23 3 0 -29 -21 -54 -44 -54 -16 0 -26 -7 -30 -22 -9 -35 -8-38 20 -38 21 0 24 -4 20 -20 -3 -11 -9 -29 -12 -40 -9 -33 -26 -24 -19 10 l730 -85 0 -86 0 -12 -53 c-21 -97 6 -117 164 -117 77 0 110 4 137 18 43 21 7669 85 123 6 33 3 45 -14 63 l-21 23 23 12 c32 17 47 45 54 100 5 43 3 50 -2269 -24 19 -40 22 -124 21 -53 0 -109 -5 -125 -9z"/><path class="v3u-icon1" d="M970 746 c-22 -59 -31 -109 -21 -115 7 -5 2 -37 -14 -96 -29 -104-32 -157 -9 -176 27 -22 114 -23 156 -1 30 16 38 17 42 6 4 -10 27 -14 88 -14l83 0 17 63 c10 39 12 64 6 68 -13 9 20 130 41 147 16 13 52 128 43 137 -3 3-47 5 -98 5 -79 0 -95 -3 -102 -17 -5 -10 -24 -74 -42 -143 -32 -120 -44 -150-55 -139 -2 3 13 68 34 145 21 76 36 142 34 147 -2 4 -47 7 -99 7 -90 0 -95-1 -104 -24z"/><path class="v3u-icon1" d="M1705 751 c-55 -25 -69 -50 -110 -198 -55 -200 -42 -217 159 -211109 3 124 5 155 27 32 23 61 75 75 134 l6 27 -89 0 -90 0 -11 -40 c-6 -22 -15-40 -20 -40 -14 0 -13 0 16 112 15 54 31 98 37 98 9 0 7 -23 -9 -84 l-6 -2689 0 89 0 27 95 c15 52 27 102 27 110 0 23 -115 21 -128 -1 -9 -16 -11 -16-33 0 -32 22 -132 21 -184 -3z"/><path class="v3u-icon1" d="M2101 747 c-23 -60 -32 -110 -22 -116 14 -9 -22 -139 -43 -155 -11-8 -46 -102 -46 -123 0 -2 42 -3 93 -3 l94 0 12 41 c9 31 10 44 1 49 -8 5 -814 0 36 14 36 24 21 35 -50 11 -79 6 -76 114 -76 l97 0 16 62 c10 35 13 65 868 -13 8 20 132 40 150 9 8 24 41 33 73 19 70 20 69 -88 65 l-79 -3 -12 -47c-7 -29 -8 -48 -2 -50 11 -4 0 -58 -12 -58 -5 0 -12 21 -15 48 -4 26 -10 61-14 77 l-7 30 -97 3 c-95 3 -97 2 -106 -21z"/><path class="v3u-icon1" d="M1377 473 c-3 -5 -10 -27 -17 -51 -6 -24 -14 -50 -17 -58 -4 -11 9-14 74 -14 l79 0 14 53 c7 28 15 58 17 65 4 9 -14 12 -70 12 -42 0 -78 -3 -80-7z"/><path class="v3u-icon1" d="M1258 204 c-9 -8 3 -44 13 -38 11 7 12 44 1 44 -5 0 -11 -3 -14 -6z"/><path d="M480 130 l0 -70 45 0 c33 0 45 4 45 15 0 9 -9 15 -25 15 -24 0 -25 3-25 55 0 48 -2 55 -20 55 -18 0 -20 -7 -20 -70z"/><path d="M600 130 c0 -56 3 -70 15 -70 12 0 15 14 15 70 0 56 -3 70 -15 70-12 0 -15 -14 -15 -70z"/><path d="M660 152 c0 -60 21 -92 60 -92 44 0 60 23 60 86 0 40 -4 54 -14 54-11 0 -16 -15 -18 -52 -3 -45 -6 -53 -23 -53 -17 0 -20 8 -23 53 -3 44 -6 52-23 52 -16 0 -19 -7 -19 -48z"/><path d="M834 156 c14 -25 26 -56 26 -70 0 -19 5 -26 19 -26 14 0 18 5 14 20-3 11 6 39 21 64 14 25 26 47 26 50 0 16 -27 3 -46 -21 l-22 -28 -13 28 c-716 -20 27 -32 27 -18 0 -17 -3 7 -44z"/><path d="M970 147 c0 -61 19 -87 63 -87 41 0 57 24 57 86 0 40 -4 54 -14 54-11 0 -16 -15 -18 -52 -3 -45 -6 -53 -23 -53 -17 0 -20 8 -23 53 -3 44 -6 52-23 52 -16 0 -19 -7 -19 -53z"/><path d="M1120 130 l0 -70 55 0 c42 0 55 3 55 15 0 11 -11 15 -40 15 -22 0-40 5 -40 10 0 6 11 10 25 10 31 0 34 27 3 32 -41 6 -32 28 11 28 30 0 41 441 15 0 12 -13 15 -55 15 l-55 0 0 -70z"/><path d="M1330 185 c-23 -28 -4 -56 55 -79 7 -2 7 -7 0 -14 -8 -8 -18 -7 -383 -25 13 -29 12 -34 -1 -8 -21 14 -34 58 -34 66 0 80 53 21 79 -40 18 -42 36-3 28 20 -4 31 -2 34 8 11 26 -71 36 -93 10z"/><path d="M1520 130 l0 -70 49 0 c30 0 53 5 61 15 13 16 5 55 -13 55 -8 0 -8 31 12 16 16 15 23 -4 42 -9 9 -32 16 -55 16 l-39 0 0 -70z m70 30 c0 -5 -9 -10-20 -10 -11 0 -20 5 -20 10 0 6 9 10 20 10 11 0 20 -4 20 -10z m8 -62 c-7 -20-48 -23 -48 -4 0 11 9 16 26 16 16 0 24 -5 22 -12z"/><path d="M1660 130 l0 -70 51 0 c36 0 49 4 47 13 -3 6 -17 13 -31 15 -26 3-27 6 -27 58 0 47 -2 54 -20 54 -18 0 -20 -7 -20 -70z"/><path d="M1791 174 c-12 -15 -21 -34 -21 -44 0 -10 9 -29 21 -44 41 -52 129-23 129 44 0 67 -88 96 -129 44z m89 -24 c22 -40 -26 -80 -58 -48 -25 25 -668 30 68 9 0 22 -9 28 -20z"/><path d="M1970 180 c-43 -43 -11 -120 49 -120 49 0 61 9 61 46 0 30 -3 34 -2534 -16 0 -25 -6 -25 -15 0 -8 5 -15 10 -15 6 0 10 -4 10 -10 0 -5 -11 -10 -25-10 -32 0 -50 32 -34 61 9 17 17 20 45 16 36 -6 56 9 33 24 -25 16 -78 10 -99-11z"/></g></svg>

可以看到一个复杂的png位图已经被我们分解成为了n个path路径,这些路径可以被随意的加上选择器,根据选择器我们就可以动态的为其加上炫酷的动画。

有的人说了,我不懂python,有没有别的方法进行图片转换,答案是可以的,比如adobe旗下的Illustrator可以做手动勾勒一个图片的路径,然后进行转换,还有一个在线转换平台:convertio,也可以做类似的操作。

图片处理好之后,我们就可以发挥想象力给logo加上喜欢的动画了,郭富城怎么唱的来着?动起来~~动起来~~

这里值得一提的是,svg的path标签完全支持css3的transform动画,二者结合起来简直天衣无缝

利用transform属性可以做一些小特效,比如我想让logo悬停的时候改变颜色,并且发生纵向位移

.v3u-icon-group{ pointer-events: fill;}.v3u-icon1 { transition: 600ms all;}.v3u-icon-group:hover .v3u-icon1 { transform:translateY(-100px); fill: #4099ff;}

效果是这样的:

有没有很炫酷的感觉,亦或者,你想让它变瘦一点

.v3u-icon-group{ pointer-events: fill;}.v3u-icon1 { transition: 600ms all;}.v3u-icon-group:hover .v3u-icon1 { transform: rotateY(80deg); fill: #4099ff;}

或者干脆想翻个跟头

.v3u-icon-group{ pointer-events: fill;}.v3u-icon1 { transition: 600ms all;}.v3u-icon-group:hover .v3u-icon1 { fill: #4099ff; transform:rotate(45deg);}

当然了,这些都是相对简单的动画,更加有意思的特效还需要进行组合和设计,这里只是抛砖引玉,值得一提的是,我们用到了一个很有意思的属性:pointer-events

pointer-events是CSS和SVG同时都具有的属性。它的初始值是auto,效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。在SVG2.0标准文档中新添加了pointer-events的值为bounding-box这个属性,当它的值为bounding-box时,在围绕元素的矩形区域也能接收定义好的事件交互,不过浏览器支持还不是很好,到目前为止还只有chrome65以上才支持。当pointer-events的值为none,即表示元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值,比如auto,鼠标还是会监听这个子元素的,说白了,就是防止悬停元素触发动画时,在执行动画运动过程中二次触发,导致“抖动”的情况。

结语:使用python3结合svg,可以让你的网站更加生动有趣,现在浏览器对SVG支持的越来越好,可以放心大胆的使用pointer-events,也可以很好的改善SVG的交互体验。

PS零基础学习:第一章02新建文档+位图与矢量图介绍

你好呀,今天立冬啦,要加衣注意身体哦。

上篇对PS的界面做了一个简要介绍,本篇内容将讲解一个简单小操作,首先就是从最基本的新建文档开始(你没看错,是新建文档哦,嘻嘻)。

立冬啦,加衣啦

一、新建文档

左上角菜单栏点击文件-新建,会打开新建文档(下图),或者用快捷键ctrl/command + N 也可以打开(windows系统ctrl+N,mac系统command+N)。

新建文档面板

新建文档时PS直接提供了一些文档的预设信息,选择好后可直接点击创建进行设计创作,如果觉得参数不合适可以在右方进行调整,下面展示Web和移动设备的常用预设。

Web(网页)空白文档预设

移动设备空白文档预设

当然参数信息也是可以根据设计需求自定义设置的,“未标题-1”改成文档的名称,建议先改好名称,这样在保存文档时无需改名(小提醒:一定一定要养成随手保存的习惯,就要完成的作品因为各种各样的原因丢失或损毁都是不能允许存在的,因为实在让人伤心,保存的快捷键是ctrl/command + S)。

宽度与高度是指画布的大小,方向可以选择竖版与横版,单位根据你的需求来进行设置,如果打印大海报的话可以使用厘米,一般情况下选择像素就好。

接下来是个小重点,颜色模式。

新建文档-颜色模式

常用的颜色模式有两种:RGB颜色(常规8位)和CMYK颜色,RGB颜色指的是是Red红色、Green绿色、Blue蓝色,这是光学三原色,CMYK颜色指的是Cyan青色、Magenta洋红、Yellow黄色(Black黑色,这个黑色是一种偏褐色的黑色),这是色彩(颜料)三原色。

下面是他们的常用场景:

RGB颜色用途:网页、贴图、网络图片,视频素材等

CMYK颜色用途:海报,单页,宣传册等印刷制作类的图像等

一句话概括就是手机、电脑等和显示器相关的平面图用RGB颜色,分辨率为72;用来打印的话用CMYK颜色,分辨率为300(不过300的分辨率做大图时放大后能保持清晰度,图像也比较细腻,但是低配或者中配的电脑设备会有卡顿,要做好心理准备)。

文档创建时可以选择背景内容,此时是单色展示,创建好文档如果想快速更换背景色可以在界面左侧的工具栏更换前景色和背景色的颜色,快捷键command+delete切换成背景色,快捷键alt+delete切换成前景色。

新建文档-背景内容

点击创建,一个文档就创建好啦。

文档创建

二、位图和矢量图介绍

位图图像:亦称为点阵图像或栅格图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐,用数码相机拍摄的照片、扫描仪扫描的图片以及计算机截屏图等都属于位图。(此段介绍来自位图图像百度百科)。

矢量图:也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性,不受分辨率的影响,适用于图形设计、文字设计和一些标志设计、版式设计等(此段介绍来自矢量图百度百科)。

(1)组成

位图:像素

矢量图:数学向量

(2)优点

位图:只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图像,逼真地表现自然界的景象

矢量图:文件容量较小,在进行放大、缩小或旋转等操作时图像不会失真

(3)缺点

位图:缩放和旋转容易失真,同时文件容量较大

矢量图:不易制作色彩变化太多的图象

(4)常用绘画工具

位图:Photoshop(PS)

矢量图:Illustrator(AI),CorelDRAW(CDR)

等PS基础教程结束之后也会整理AI基础教程的。

快捷键总结:

新建文档:ctrl/command + N

保存:ctrl/command + S

切换背景色:command+delete

切换前景色:alt+delete

这就是本篇的内容啦,下一篇将进行常用工具介绍,有想要了解的内容可给我评论留言哦。

谢谢浏览。

声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送至邮件举报,一经查实,本站将立刻删除。转载务必注明出处:http://www.hixs.net/article/20231018/169625469485042.html