ps吧 关注:6,154,460贴子:47,796,922

【新手入门级教程】——如何把模糊的标志 / LOGO图变得高清——

取消只看楼主收藏回复


大家好,我是平面设计师Jinx。(装什么装,不就是淘宝美工嘛~)
开头先带一下小吧 @明日默
本期给大家带来新手入门教程——如何把模糊的标志或LOGO图变成高清图片
(本教程讲的比较详细,所以文字较多,希望新手可以耐心看完并提交作业)
(另外本教程不适用于图形很复杂很复杂的图,不是因为做不出来,而是需要的时间太长了)


1楼2019-05-31 23:17回复
    ————场景模拟————
    在生活大家肯定会遇到这样的场景:需要做一幅图,但是手上甲方给的资源有限,比如对方发的 公司/厂/组织 的LOGO文件是一张图,很糊,但是却要你做一个高清的图,并且附上清晰的LOGO标志。那肯定不行啊,这么糊,做个Jier~
    这时候就需要我们重新构建这个LOGO图了


    2楼2019-05-31 23:18
    回复
      2026-02-24 06:58:37
      广告
      不感兴趣
      开通SVIP免广告
      ————新手入门理解————(不想理解的可以跳过看下一段)
      做LOGO的,一般都是矢量文件,就是放多大都不会糊的文件,他们是由一堆数据构成的,文件里包含的是一些点的数据,比如坐标123/147的位置上有一个点,159/357位置上有一个点,这两个点之间是一条线,然后258/456的位置上也有一个点,这三个点互相连接,形成一个面,这个面的颜色值是#00000,然后计算机会根据这些数据来显示这是一张什么样的图,所以每次去查看都需要计算,这种就是矢量文件,由于文件里都是数据,所以这种文件通常体积都很小。


      3楼2019-05-31 23:18
      回复
        通常矢量文件都由Ai和Cdr画出来的。(但没办法,谁让这里是PS吧,我就只能教你们PS的画法了)

        而目前我们所有在电子设备上看到的图像,都可以说是位图。位图就是由像素组成的图,每一个像素单位都是带单种颜色的,固定的大小,固定的像素数量,你可以把它理解为方阵

        方阵里如果是由不同颜色的像素组成,那么人的大脑就会把这些不同的颜色连接起来,理解出一个形状

        但是由于目前输出的文件都是位图格式,只能保证在一定程度下不模糊。比如下面这张图

        所以要想不糊,首先要保证文件所包含的像素够多,也就是文件的分辨率要大。只要图片的分辨率超过你目前查看图片的显示器的分辨率,它就不会显示糊(当然相片拍摄的那种移动的糊除外)


        4楼2019-05-31 23:18
        收起回复
          ————课前准备————
          今天所用到的案例、素材来源于PS吧的帖子
          帖子链接:http://tieba.baidu.com/p/5852966984
          图片素材(右键保存在桌面)

          成果展示


          5楼2019-05-31 23:19
          回复
            ————教程开始————
            【一】打开你的PS,在右边选择基本功能

            【二】新建图层
            因为我们要用PS做一个清晰度较高的位图,所以尺寸分辨率要高,电脑配置好的同学可以和我一样设置3000*3000像素,分辨率300(一般屏幕都是72分辨率,印刷打印的需要300)

            下方的背景色可以选白色,可以选透明,不影响出图,设置完成点右边确定


            6楼2019-05-31 23:20
            回复
              【三】从桌面拖入要做的LOGO图到PS里面,点上边的勾确定

              【四】调整大小,按住Ctrl和T键,图片会出现和刚拖入时一样的蓝色线

              然后
              按住Shift和Alt,把鼠标移动到右上角的蓝色小方块上,按住鼠标左键向右上角拖动(PS CC 2019以下都用这个方法)
              按住Alt键,把鼠标移动到右上角的蓝色小方块上,按住鼠标左键向右上角拖动(PS CC 2019用这个方法)
              按住Alt键是为了让图片等比例放大而不变形


              7楼2019-05-31 23:25
              回复
                【五】选择形状工具开始绘图
                左边工具栏里选择形状工具右键选择椭圆,然后在上边属性栏里选择 形状、填充无、描边黑色、描边数值10,描边为直线

                【六】开始绘制
                鼠标在图中蓝色圆的地方按住左键向外拖动,此时同时按下Alt和Shift键便可画一个正圆,如果位置不太对,按住鼠标和键盘的手都不要松,按下空格键便可以移动圆形,直到边缘大致符合蓝色的圆


                8楼2019-05-31 23:26
                收起回复
                  2026-02-24 06:52:37
                  广告
                  不感兴趣
                  开通SVIP免广告
                  ???这么点尺寸就超了。。。我后边还有更大的呢


                  9楼2019-05-31 23:28
                  回复
                    【七】绘制蓝色里面的白色部分
                    在刚才的形状工具上右键选择圆角矩形工具(旧版PS的CS版本好像没有这个工具,最好能用新版,如果没有这个功能的,就只能多做几步了)

                    选择完圆角矩形工具后,看一下右边图层,保证你的图层还选在这个形状图层上

                    然后先按住Alt键,鼠标会变成一个带有减号-的十字准星
                    按住Alt不松手,在圆内画出一个圆角矩形
                    然后你会看到,图形形状的描边效果已经变了,刚才步骤的意思就是在原有的圆形里减去一个圆角矩形

                    但是它多减去了一个尖角,怎么办呢?
                    在右边的属性框里,可以看到一个圆角标志,右边是一个数字,这是代表当前圆角矩形的圆度

                    我们按住圆角图标,往右拖动,即可看到矩形的圆角慢慢收进来了

                    接下来按下Ctrl和T,调整位置,调好之后回车确定

                    这时候我们就得到蓝色部分的外框了


                    10楼2019-05-31 23:40
                    收起回复
                      【八】得到蓝色部分
                      刚才的操作我们得到了蓝色部分的外框,接下来我们要完全得到蓝色部分

                      在右边的属性框里,找到色块图标,左边的色块代表内部颜色,当前为无色,右边的色块是边框颜色,当前为黑色

                      我们点击色块调出选色界面,然后点击右边的拾色器,往原来LOGO图上蓝色的地方点一下就得到了颜色

                      这样我们就得到了这个蓝色的圆


                      11楼2019-05-31 23:44
                      回复
                        【九】绘制红色部分R的上半部分
                        首先在右边点击新建图层(不新建的话会影响后边的作图)

                        然后还是在左边选择椭圆工具,然后在上边属性栏里选择 形状、填充无、描边黑色、描边数值10,描边为直线

                        然后在红色的地方按住鼠标左键画一个圆,同时再按下Alt键保持对称,位置如果没对上,按住空格移动形状
                        (绘制非正圆、正方的时候就不需要按住Shift了,只需要按住Alt就行,不按Alt也行,不过需要多次调整位置)
                        然后和之前一样,先按住Alt键,在刚才这个椭圆内部画新的椭圆

                        然后和之前一样选择填充颜色,这样我们就得到了红色R的上半部分


                        12楼2019-05-31 23:50
                        回复
                          【十】绘制红色R的下半部分
                          接下来还是新建图层,绘制红色R的下半部分,因为这个是不规则图形,所以接下来我们要用到钢笔工具。
                          有很多同学觉得钢笔工具难用,其实只要掌握了曲线规律,钢笔工具很简单。
                          首先在左边工具栏里找到钢笔工具,上边的属性保持和之前的一样

                          由于我们在第一个R上边画过一个红色的R的上半部分,为了不影响视觉,我们在第二个R上描出下半部分
                          首先钢笔工具在开始部分点一下,确定起始点,然后在这个弧线的转弯处按下鼠标左键往下拉,得到一个弧形

                          接下来松开鼠标左键,把鼠标移动到末尾,按住鼠标向右拉出一个弧形

                          这不就出来一个完美的弧形了吗?是不是很简单?
                          接下来,由于需要往回画了,所以线条需要拐弯,所以重点来了
                          按住Alt键,然后把鼠标往刚才最后一个点上点一下,表示我要拐弯了,然后往上边拉弧线(记住一定要按住Alt键)

                          然后再点击最开始的原点

                          这样就得到了下半部分的R,但是有些人画的形状里有部分空缺太严重了,我们需要修改

                          在左边工具栏里找到 直接选择工具

                          往刚才画的图形的线上点一下,就可以看到所有的锚点,找到需要修改的那段线,点击它的锚点,会出来调节手柄,按住调节手柄并拖动就可以控制线段,然后你还可以顺带调节一下其它没画好的

                          接下来把颜色填上
                          由于我们这个是用钢笔画的自定义的形状,所以右边没有像之前一样的填色按钮,填色按钮在上方

                          操作的步骤和之前一样,为了确保颜色和上半部分R相同,可以在最近使用颜色里选取之前使用的红色


                          13楼2019-06-01 00:06
                          回复
                            【十一】拼合R
                            我们得到了R的上半部分和下半部分,接下来可以把它们拼在一块了
                            先在工具栏里找到移动工具

                            然后点击画好的下半部分,按住Shift向左移动(按住Shift可以水平或垂直或45°角移动)
                            移动过程中注意把形状和原来的对上

                            这样我们就得到了一个R,接下来复制这个R再移动就可以得到其余两个R
                            先按住Ctrl键在右边选中R的上下部分两个图层,然后松开键盘,回到图片上,按住Alt键和Shift键向右拖动,就可以得到第二个R
                            再次按住Alt和Shift向右拖就可以得到第三个R
                            这样所有的图形就都做好了
                            然后我们要准备导出了


                            14楼2019-06-01 00:13
                            回复
                              2026-02-24 06:46:37
                              广告
                              不感兴趣
                              开通SVIP免广告
                              【十二】导出白底jpg图和透明底png图
                              首先要知道一下图片格式
                              jpg 是日常生活中最常见的图片格式,比如比手机拍的图,QQ上保存的图,大多都是jpg的格式,这种图体积小,色彩比较好,所以得到广泛使用,但是它没办法透明,因为它不包含透明图层。
                              如果需要透明的LOGO图,那就要保存png格式了,png是包含透明图层的图片格式,透明底的图可以随意放到任何图片上而不需要抠图。

                              做到这一步,现在大家PS里的界面图层应该是这样子的

                              左边有部分似乎跑出画布之外了,我们可以稍微扩大一下画布,如果你们右边跑出去了,也可以这么做,往右扩大一点。

                              接下来,我们就要导出这个图片了
                              首先,先把原来模糊的LOGO图隐藏掉,点击前面的小眼睛即可

                              然后导出jpg图

                              就可以在桌面看到了
                              导出png图还需要把背景也隐藏去

                              然后就可以导出了


                              15楼2019-06-01 00:33
                              收起回复