看！人家怎樣做像素風(fēng)的logo??？
作者：147小編 更新時間：2024-09-16 點擊數(shù)：
授權(quán)轉(zhuǎn)自：胡曉波設(shè)計工作室 這?期我們聊聊有點懷舊的話題，像素?在游戲設(shè)計、插畫設(shè)計等領(lǐng)域似乎經(jīng)久不衰。繼?在品牌視覺應(yīng)?上也是愈來愈多?，很多同學(xué)覺得像素?的LOGO很難，沒有?繪基礎(chǔ)不知道如何概括，根本?從下?，其實做像素LOGO是有?法的。即潮流?復(fù)古的像素?LOGO設(shè)計怎么做，通過以下?個技巧帶領(lǐng)?家??！
像素?格品牌視覺（來源?絡(luò)）可以看出，像素化?格并沒有那么局限，不論在什么?業(yè)，只要品牌理念吻合，都可以使?像素化?格進?視覺設(shè)計。教程?綱：01.像素?格標(biāo)志設(shè)計剖析· 矩形?格法· 彩?半調(diào)像素法· 鍵盤增量法02.像素標(biāo)志的拼貼用法03.像素標(biāo)志的?限可能
提起像素?格，具有代表意義以及為?熟知的應(yīng)該要從游戲說起，?九?年代開始的紅?機、還有如今還在?的“我的世界”，其實在?活的????都能看到像素的影?：?服上的針織圖案到?字繡、?孩愛玩的樂?積?到，繼續(xù)擴展，像素藝術(shù)到設(shè)計師擁有的象素眼，這些都是我們清晰認知的像素，還有更多第?部分我們接著講。所 以，很 多 的 ? 向 都 能 給 到 這 我 們 設(shè) 計 像 素 ? 格LOGO的靈感。發(fā)展?今，像素?格并沒有被逐漸替代，?是演變成了?種獨?的流?設(shè)計創(chuàng)作?格。
像素風(fēng)格的LOGO，最直觀的體現(xiàn)便是通過像素方格進行排列，組成抽象的幾何圖形或者字母。
相當(dāng)于將一個物體看透，拆解成最原始的組成，在電子屏幕的世界中，最小元素就是像素，所以像素LOGO也相當(dāng)于一個天然的構(gòu)建模塊，自然的傳達出一個概念，從一個多元素組合在一起構(gòu)成一個更大的主體。而且這些顏色通常是高純度且變化多樣的?；蛘咄ㄟ^微妙的色調(diào)范圍形成陰影具有假立體效果。
我們設(shè)定?個以猴?為主形象的品牌。希望直觀的體現(xiàn)出猴?，可以是卡通形象，但?格要求跟普通的卡通形象拉開距離，嘗試使?像素?格設(shè)計，要求萌萌噠。這樣我們的?向也基本明確，核?的主要元素就是猴?。好了，接下來就是去?活?尋找靈感來源，通過所需，切記不要局限不要局限。?定要多看。
參觀了?輪動物園之后，我們挑了?只有代表性的猴?。可以看到猴?有許多不同的形態(tài)，以及不同的臉部?度，這?我們選?正臉來進?設(shè)計，具有對稱特征，這樣?來更加容易??。?且可以看到猴?的臉部特征還是?較好抓的，然后為了強化卡通特征，考慮后續(xù)加上眼鏡。
我們?先解決?的形態(tài)問題，依舊是?家熟悉的墊圖處理。先畫出草圖看看感覺，然后按照常規(guī)，繪制出猴?的卡通造型以作墊底，以解決基礎(chǔ)形態(tài)不好把握的問題。
如果具備?定熟練度以后，將圖?拉到PS然后進??由變換，縮放到?定??即可觀察到圖?像素化后的效果，同樣能夠直接作為參考?范。
我選出了兩個?稿做了?個加法，整體的效果還可以。到這?步，整個形態(tài)基本定下來。接下來我們將其像素化。
矩形?格?具能夠在?具欄「直線?具」中找到，將?標(biāo)光標(biāo)放置在上?，?標(biāo)右鍵，在彈出的窗?中選擇「矩形?格?具」。
然后單擊??空?處即可進?參數(shù)設(shè)定，主要在于?格數(shù)量的設(shè)定，我們這?設(shè)定?個相對適中的32*32。這?需要注意的是：?格數(shù)越多，出來的圖形越豐富，細節(jié)處理難度越?。?格數(shù)越少，出來的圖形越精簡，簡化處理難度越?。 fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
然后將繪制好的墊底圖形設(shè)定透明度，居中置于?格上，快捷鍵ctrl+2鎖定對象。已經(jīng)準(zhǔn)備好?板，可以先把?致?彩確定，后續(xù)調(diào)整。然后準(zhǔn)備進?填充繪制。這個時候，填充顏?我們需要?到?具欄的另外?款?具， 「實時上??具」。接下來，通過實時上??具，根據(jù)墊底輪廓經(jīng)?描繪即可填充即可。關(guān)于曲線處理，作為LOGO以視覺為主即可，但曲線還是會遵循?定的曲率關(guān)系以確保曲線平滑。曲率在下降或上升時保持遞增或遞減的狀態(tài)，能使邊緣輪廓更加整?有序，避免鋸?。通過逐層填充顏?，即可通過底稿得到我們的?體造型。因為設(shè)定的像素區(qū)間為適中。會出現(xiàn)較多空?像素，整體太平，缺少變化，可在邊緣處添加陰影或者花紋? 。通 過 上述兩個案例可以對?出陰影（狗）跟花紋（貓）兩種不同的處理?式是如何去豐富畫?。同理，還可以繼續(xù)添加創(chuàng)意以及場景氛圍元素裝飾整體，讓整體更加豐富以及有細節(jié)。通過菜單欄-對象-擴展，刪除?格即可。我們的?體造型已經(jīng)出來，但是還是有點平庸，整體造型過于具象，?且空?像素還是偏多，所以下?步，我們要考慮收縮空間，讓圖形更加聚攏，更加緊湊，更具備標(biāo)志的簡潔性以及凝聚性。空間不夠聚攏，那我們可以考慮直接將外圍空間收縮?圈，然后下巴位置太空，可以考慮切平，切平后也更加穩(wěn)重，這?步可以花?些時間進?調(diào)試對?，最終確定最優(yōu)?案。?此，我們搭配上排版?字，第?個案例完成。第?個案例，我們決定增加難度，這是?個游戲品牌，品牌名為[ BOBO GAME ]，這個?案希望以?個?怪物的形象出現(xiàn)。話不多說，我們直接?流程。?怪物形象，怪物是抽象的，還是按照?辦法，先找參考，我這?直接搜索怪物簡筆畫，希望得到更直觀的參考?向。紅框的怪物造型有點意思，我們決定以此為基礎(chǔ)造型，對它進?改造。這是?概的?個靈魂畫法，前期不?多想，先有?個基礎(chǔ)想法，后續(xù)慢慢完善。還是熟悉的味道，熟悉的配?。我們還是采?矩形?格法，根據(jù)上?個案例的經(jīng)驗，我們這次?格設(shè)定20*20即可。然后將其旋轉(zhuǎn)45°，做出不?樣的變化。同樣，將繪制好的墊底草圖設(shè)定透明度，居中置于?格上，快捷鍵ctrl+2鎖定對象。然后通過實時上??具進?填充繪制。通過填充，因為我們設(shè)定的主體較為抽象，所以好處是造型沒有太多局限，兼容性較?，壞處是需要多嘗試、多對?。填充?塊需要反正嘗試，填充后的?塊?法刪除，可以吸取背景?填充?塊，以視覺為先。最終擴展后再刪減多余的像素。優(yōu)秀的設(shè)計往往需要不斷迭代及優(yōu)化。從1到2，同樣的收縮掉?列像素的空間，以及選擇去掉左邊及頭頂多余的像素裝飾，從2到3，然后鏤空?怪物眼睛下?兩個像素，意為腮紅，同時具有平衡負空間的作?。然后我們得到?個正負空間均衡且極簡的的?怪物形象。過去像素化是因為受限于設(shè)備及科技的上限，那當(dāng)我們將像素化作為?種創(chuàng)作?法的時候，那將可以打破陳舊的規(guī)矩，所以像素未必就要是??正正的，由于我們將?格傾斜了45°，這?我覺得?怪物過于尖銳，不夠平和，所以整體拉上圓?，讓它更加的溫和可愛。細?的同學(xué)應(yīng)該有發(fā)現(xiàn)，腮紅部分圓?并沒有跟?體圓度?致，這也是?種變化與?格的制衡。右?的?像素剛好像?個球，BOBO GAME沒有BO怎么也說不過去，所以順理成章的拉?演變成?個籃球，具有游戲的寓意。圖形設(shè)計完畢，我們接下來需要對標(biāo)準(zhǔn)字體進?設(shè)計。這?介紹?個便捷取巧的?法來讓?家快速體驗到像素字體的快樂。這就是彩?半調(diào)像素法。通過改造字庫字快速設(shè)計像素字型。我們直接選?字庫字，這?選??款極其普通的寬扁型?襯線體。字型?家可以多選擇多對?，會產(chǎn)?不?樣的效果。我們菜單欄中，選擇：效果-像素化-彩?半調(diào)。參數(shù)默認即可，對我們的影響不?。選擇確認，然后能看到字體已經(jīng)出現(xiàn)了像素化的鋸?，然后我們通過?由變換縮?放?字體去控制像素化的??。但這?需要注意的是，字體顏?必須為純?，不能帶有彩?。如上圖，左邊為彩?填充，會根據(jù)彩?半調(diào)的參數(shù)出現(xiàn)通道?彩的錯位，右邊為純?，能直觀的得出像素化的效果。選擇合適的像素??，在這種情況下我們還是能夠保留像素化的前提下，更換不同的字體以查看效果。最終確定好字體、像素化??，然后將?字擴展外觀即可得到?款像素字型。雖然我們通過便捷的?式得到?款像素字，但并不完美，?如這?的G糊掉了，多出兩個多余的像素，但由于擴展后我們得到的是位圖，不能直接編輯，所以需要重新勾畫?遍。通過將位圖的字體轉(zhuǎn)化為?量，這?介紹第三種像素化LOGO的技巧?法——鍵盤增量法。[鍵盤增量]，其實就是AI?選項?的設(shè)置，通過設(shè)置參數(shù)，決定鍵盤[上下左右]按鍵對對象產(chǎn)?位移的距離。當(dāng)我們將鍵盤增量的參數(shù)設(shè)置為?個像素的同等??，即可便捷的?由繪制像素。1.?矩形?具繪制出?個單位像素。復(fù)制該矩形像素的寬度??。2.Ctrl+K，快速調(diào)出?選項設(shè)置，在[鍵盤增量]參數(shù)中粘貼數(shù)值，確定。3.然后選中矩形，通過鍵盤[上下左右],即可移動?個矩形像素??的距離，按住[Atl鍵]，實現(xiàn)快速復(fù)制像素。4.通過[鍵盤增量法]可快速繪制或調(diào)整修改像素LOGO。由此，利?[鍵盤增量法]，便捷的將位圖像素轉(zhuǎn)化為?量。我們便可得到通過字庫字改造出的像素字型。?家好，歡迎來到波波游戲，我是實習(xí)兩年半的實習(xí)?，特?是唱、跳、Rap、籃球，簡稱ctrl。將字體組合到我們前?設(shè)計好的LOGO圖形，即完成本次案例設(shè)計。結(jié)合5?錢的特效，欣賞?下我們最終的效果。Behance設(shè)計師藝術(shù)鑲嵌畫作品“像素?”的歷史其實可以追溯到古希臘時期，?有???、陶?、琺瑯或有?玻璃??塊等，嵌成的圖畫。主要?以裝飾建筑物天花板、墻壁和地?。開始于古代東?，后希臘、羅?亦加以普遍應(yīng)?。還有另?個?家更熟悉的名字“?賽克” （Mosaic）。拜占庭鑲嵌畫
雖然鑲嵌拼貼是像素化的起源，但作為LOGO設(shè)計中難度屬于進階一些，通過把多色元素，用三角或多邊菱體切分，將每個小塊的顏色取自原多色元素的相應(yīng)位置。同樣的，這種風(fēng)格給人的感覺是又回到過去，又回到未來，是一種抽象化的像素表達。下面通過一個簡單的案例，來示范一組像素字LOGO設(shè)計，案例命題為“馬賽克”，這里示范取巧直接使用六字黑字體墊底，如果需要商用有必要進行原創(chuàng)字體設(shè)計。像素較少，我們直接使用[鍵盤增量法]即可。設(shè)定好一個基礎(chǔ)像素，斜筆為45°傾斜的像素。通過[鍵盤增量法],我們可以非常快速的就得到一組像素字。找到顏色過渡和諧的圖片，同類色或多彩都可以。稍微加一點模糊，墊至文字底下，進行吸色即可得到馬賽克過渡的配色效果。最后，我們按照上面的案例風(fēng)格再來做一個老虎頭的LOGO，這里我們直接搜圖片即可看到大量的虎頭參考，我們選擇其中一個墊底。由于虎頭是對稱式的結(jié)構(gòu)，那我們可以只畫一半復(fù)制過去水平鏡像即可，這里我們先用畫筆工具畫草圖進行嘗試。需要注意的是盡量按照老虎面部的結(jié)構(gòu)去勾勒，這樣有助于我們后期上色。然后在較大的塊面中間進行分割即可。畫完草圖后用鋼筆工具把圖形規(guī)范的做出來，復(fù)制一個水平鏡像拼接到 一起，由于直接上色很容易把控不準(zhǔn)明暗關(guān)系，導(dǎo)致整體的結(jié)構(gòu)很混亂，那么我們可以先進行黑白上色。那么進行到這里如果覺得整體有些平的話可以用一個比較簡單的方法，使一側(cè)的顏色整體減淡，這樣就有了更多的層次。上色后的效果嘗試，感覺整體還是過于繁瑣，原因是小面積的色塊過多，且顏色很多，整體有些花哨，那么我們再進一步優(yōu)化。首先把眼睛進行一個簡化處理，又四邊形改為三角形，鼻子下面的色塊重新整理，顏色統(tǒng)一起來，最后提高一下整體的明度和飽和度。其實通過以上案例及實操就可以發(fā)現(xiàn)，像素化LOGO，并未就必然是表?上的像素，如同前?提到，像素化過去是因為收到設(shè)備及科技的上限。當(dāng)我們將它視為一種創(chuàng)作風(fēng)格的時候，像素可以是方，也可以是圓，可以是菱形是三角也可以是碎片化，可以是全局像素化也可以是局部像素化等等，風(fēng)格本身也可以風(fēng)格多變，這同時也是像素化設(shè)計的魅力所在。悉尼內(nèi)西區(qū)LOGO由大寫的英文名稱「INNER WEST」組成，每個字母均由幾何線條構(gòu)成。根據(jù)悉尼內(nèi)西區(qū)議會對新LOGO的設(shè)計闡述，作為悉尼最古老的地區(qū)之一，內(nèi)西區(qū)有著悠久而多樣的歷史。新LOGO旨在通過拼貼重構(gòu)地方建筑的方式為新成立的地方議會創(chuàng)建一個全新的形象。用于宣傳和表達該區(qū)域自由、活力、多元和開放的理念。挪威輻射與安全局新LOGO抽象的符號受到用于測量輻射儀器的啟發(fā)，用不同深淺的色塊組合成一個圓形圖案。新視覺形象的理念將DSA所具備的專業(yè)知識的深度全面放大，讓輻射不僅只是原子符號，它更是一種不斷變化的力量。１.矩形網(wǎng)格法：是我們設(shè)計像素化ＬＯＧＯ的得力工具。但網(wǎng)格僅僅是我們的架構(gòu)，而不是牢籠，務(wù)必因此局限。２.彩色半調(diào)像素法：幫助我們快速生成像素化圖形及文字，同樣是一把雙刃劍，不能因此便捷而丟失了思考。３.鍵盤增量法：通過位移對象快速繪制及修改像素路徑。也是繪制像素化圖形的實用技巧之一。以上列舉的幾個技巧實際上是幫助我們快速執(zhí)行，也僅僅是作為拋磚引玉，實際上不管是什么類型的LOGO都有非常多不同的表現(xiàn)方式和設(shè)計手法，甚至許多的方法都是互通的，有更多的可能性等你來發(fā)現(xiàn)。希望大家能突破自己，不必局限。多嘗試多實踐。你，學(xué)廢了嗎？我們下期再見。
像素?格品牌視覺（來源?絡(luò)）可以看出，像素化?格并沒有那么局限，不論在什么?業(yè)，只要品牌理念吻合，都可以使?像素化?格進?視覺設(shè)計。教程?綱：01.像素?格標(biāo)志設(shè)計剖析· 矩形?格法· 彩?半調(diào)像素法· 鍵盤增量法02.像素標(biāo)志的拼貼用法03.像素標(biāo)志的?限可能提起像素?格，具有代表意義以及為?熟知的應(yīng)該要從游戲說起，?九?年代開始的紅?機、還有如今還在?的“我的世界”，其實在?活的????都能看到像素的影?：?服上的針織圖案到?字繡、?孩愛玩的樂?積?到，繼續(xù)擴展，像素藝術(shù)到設(shè)計師擁有的象素眼，這些都是我們清晰認知的像素，還有更多第?部分我們接著講。所 以，很 多 的 ? 向 都 能 給 到 這 我 們 設(shè) 計 像 素 ? 格LOGO的靈感。發(fā)展?今，像素?格并沒有被逐漸替代，?是演變成了?種獨?的流?設(shè)計創(chuàng)作?格。
滑動查看更多圖片
年代久遠的像素?格游戲（來源?絡(luò)）
滑動查看更多圖片
現(xiàn)在像素藝術(shù)?格插畫（來源?絡(luò)）
我們來看?下案例，像素?格在 LOGO 設(shè)計中有那些體現(xiàn)。
像素風(fēng)格的LOGO，最直觀的體現(xiàn)便是通過像素方格進行排列，組成抽象的幾何圖形或者字母。相當(dāng)于將一個物體看透，拆解成最原始的組成，在電子屏幕的世界中，最小元素就是像素，所以像素LOGO也相當(dāng)于一個天然的構(gòu)建模塊，自然的傳達出一個概念，從一個多元素組合在一起構(gòu)成一個更大的主體。而且這些顏色通常是高純度且變化多樣的?；蛘咄ㄟ^微妙的色調(diào)范圍形成陰影具有假立體效果。我們設(shè)定?個以猴?為主形象的品牌。希望直觀的體現(xiàn)出猴?，可以是卡通形象，但?格要求跟普通的卡通形象拉開距離，嘗試使?像素?格設(shè)計，要求萌萌噠。這樣我們的?向也基本明確，核?的主要元素就是猴?。好了，接下來就是去?活?尋找靈感來源，通過所需，切記不要局限不要局限。?定要多看。參觀了?輪動物園之后，我們挑了?只有代表性的猴?。可以看到猴?有許多不同的形態(tài)，以及不同的臉部?度，這?我們選?正臉來進?設(shè)計，具有對稱特征，這樣?來更加容易??。?且可以看到猴?的臉部特征還是?較好抓的，然后為了強化卡通特征，考慮后續(xù)加上眼鏡。我們?先解決?的形態(tài)問題，依舊是?家熟悉的墊圖處理。先畫出草圖看看感覺，然后按照常規(guī)，繪制出猴?的卡通造型以作墊底，以解決基礎(chǔ)形態(tài)不好把握的問題。如果具備?定熟練度以后，將圖?拉到PS然后進??由變換，縮放到?定??即可觀察到圖?像素化后的效果，同樣能夠直接作為參考?范。我選出了兩個?稿做了?個加法，整體的效果還可以。到這?步，整個形態(tài)基本定下來。接下來我們將其像素化。矩形?格?具能夠在?具欄「直線?具」中找到，將?標(biāo)光標(biāo)放置在上?，?標(biāo)右鍵，在彈出的窗?中選擇「矩形?格?具」。然后單擊??空?處即可進?參數(shù)設(shè)定，主要在于?格數(shù)量的設(shè)定，我們這?設(shè)定?個相對適中的32*32。這?需要注意的是：?格數(shù)越多，出來的圖形越豐富，細節(jié)處理難度越?。?格數(shù)越少，出來的圖形越精簡，簡化處理難度越?。然后將繪制好的墊底圖形設(shè)定透明度，居中置于?格上，快捷鍵ctrl+2鎖定對象。已經(jīng)準(zhǔn)備好?板，可以先把?致?彩確定，后續(xù)調(diào)整。然后準(zhǔn)備進?填充繪制。這個時候，填充顏?我們需要?到?具欄的另外?款?具， 「實時上??具」。接下來，通過實時上??具，根據(jù)墊底輪廓經(jīng)?描繪即可填充即可。關(guān)于曲線處理，作為LOGO以視覺為主即可，但曲線還是會遵循?定的曲率關(guān)系以確保曲線平滑。曲率在下降或上升時保持遞增或遞減的狀態(tài)，能使邊緣輪廓更加整?有序，避免鋸?。通過逐層填充顏?，即可通過底稿得到我們的?體造型。因為設(shè)定的像素區(qū)間為適中。會出現(xiàn)較多空?像素，整體太平，缺少變化，可在邊緣處添加陰影或者花紋? 。通 過 上述兩個案例可以對?出陰影（狗）跟花紋（貓）兩種不同的處理?式是如何去豐富畫?。同理，還可以繼續(xù)添加創(chuàng)意以及場景氛圍元素裝飾整體，讓整體更加豐富以及有細節(jié)。通過菜單欄-對象-擴展，刪除?格即可。我們的?體造型已經(jīng)出來，但是還是有點平庸，整體造型過于具象，?且空?像素還是偏多，所以下?步，我們要考慮收縮空間，讓圖形更加聚攏，更加緊湊，更具備標(biāo)志的簡潔性以及凝聚性。空間不夠聚攏，那我們可以考慮直接將外圍空間收縮?圈，然后下巴位置太空，可以考慮切平，切平后也更加穩(wěn)重，這?步可以花?些時間進?調(diào)試對?，最終確定最優(yōu)?案。?此，我們搭配上排版?字，第?個案例完成。第?個案例，我們決定增加難度，這是?個游戲品牌，品牌名為[ BOBO GAME ]，這個?案希望以?個?怪物的形象出現(xiàn)。話不多說，我們直接?流程。?怪物形象，怪物是抽象的，還是按照?辦法，先找參考，我這?直接搜索怪物簡筆畫，希望得到更直觀的參考?向。紅框的怪物造型有點意思，我們決定以此為基礎(chǔ)造型，對它進?改造。這是?概的?個靈魂畫法，前期不?多想，先有?個基礎(chǔ)想法，后續(xù)慢慢完善。還是熟悉的味道，熟悉的配?。我們還是采?矩形?格法，根據(jù)上?個案例的經(jīng)驗，我們這次?格設(shè)定20*20即可。然后將其旋轉(zhuǎn)45°，做出不?樣的變化。同樣，將繪制好的墊底草圖設(shè)定透明度，居中置于?格上，快捷鍵ctrl+2鎖定對象。然后通過實時上??具進?填充繪制。通過填充，因為我們設(shè)定的主體較為抽象，所以好處是造型沒有太多局限，兼容性較?，壞處是需要多嘗試、多對?。填充?塊需要反正嘗試，填充后的?塊?法刪除，可以吸取背景?填充?塊，以視覺為先。最終擴展后再刪減多余的像素。優(yōu)秀的設(shè)計往往需要不斷迭代及優(yōu)化。從1到2，同樣的收縮掉?列像素的空間，以及選擇去掉左邊及頭頂多余的像素裝飾，從2到3，然后鏤空?怪物眼睛下?兩個像素，意為腮紅，同時具有平衡負空間的作?。然后我們得到?個正負空間均衡且極簡的的?怪物形象。過去像素化是因為受限于設(shè)備及科技的上限，那當(dāng)我們將像素化作為?種創(chuàng)作?法的時候，那將可以打破陳舊的規(guī)矩，所以像素未必就要是??正正的，由于我們將?格傾斜了45°，這?我覺得?怪物過于尖銳，不夠平和，所以整體拉上圓?，讓它更加的溫和可愛。細?的同學(xué)應(yīng)該有發(fā)現(xiàn)，腮紅部分圓?并沒有跟?體圓度?致，這也是?種變化與?格的制衡。右?的?像素剛好像?個球，BOBO GAME沒有BO怎么也說不過去，所以順理成章的拉?演變成?個籃球，具有游戲的寓意。圖形設(shè)計完畢，我們接下來需要對標(biāo)準(zhǔn)字體進?設(shè)計。這?介紹?個便捷取巧的?法來讓?家快速體驗到像素字體的快樂。這就是彩?半調(diào)像素法。通過改造字庫字快速設(shè)計像素字型。我們直接選?字庫字，這?選??款極其普通的寬扁型?襯線體。字型?家可以多選擇多對?，會產(chǎn)?不?樣的效果。我們菜單欄中，選擇：效果-像素化-彩?半調(diào)。參數(shù)默認即可，對我們的影響不?。選擇確認，然后能看到字體已經(jīng)出現(xiàn)了像素化的鋸?，然后我們通過?由變換縮?放?字體去控制像素化的??。但這?需要注意的是，字體顏?必須為純?，不能帶有彩?。如上圖，左邊為彩?填充，會根據(jù)彩?半調(diào)的參數(shù)出現(xiàn)通道?彩的錯位，右邊為純?，能直觀的得出像素化的效果。選擇合適的像素??，在這種情況下我們還是能夠保留像素化的前提下，更換不同的字體以查看效果。最終確定好字體、像素化??，然后將?字擴展外觀即可得到?款像素字型。雖然我們通過便捷的?式得到?款像素字，但并不完美，?如這?的G糊掉了，多出兩個多余的像素，但由于擴展后我們得到的是位圖，不能直接編輯，所以需要重新勾畫?遍。通過將位圖的字體轉(zhuǎn)化為?量，這?介紹第三種像素化LOGO的技巧?法——鍵盤增量法。[鍵盤增量]，其實就是AI?選項?的設(shè)置，通過設(shè)置參數(shù)，決定鍵盤[上下左右]按鍵對對象產(chǎn)?位移的距離。當(dāng)我們將鍵盤增量的參數(shù)設(shè)置為?個像素的同等??，即可便捷的?由繪制像素。1.?矩形?具繪制出?個單位像素。復(fù)制該矩形像素的寬度??。2.Ctrl+K，快速調(diào)出?選項設(shè)置，在[鍵盤增量]參數(shù)中粘貼數(shù)值，確定。3.然后選中矩形，通過鍵盤[上下左右],即可移動?個矩形像素??的距離，按住[Atl鍵]，實現(xiàn)快速復(fù)制像素。4.通過[鍵盤增量法]可快速繪制或調(diào)整修改像素LOGO。由此，利?[鍵盤增量法]，便捷的將位圖像素轉(zhuǎn)化為?量。我們便可得到通過字庫字改造出的像素字型。?家好，歡迎來到波波游戲，我是實習(xí)兩年半的實習(xí)?，特?是唱、跳、Rap、籃球，簡稱ctrl。將字體組合到我們前?設(shè)計好的LOGO圖形，即完成本次案例設(shè)計。結(jié)合5?錢的特效，欣賞?下我們最終的效果。Behance設(shè)計師藝術(shù)鑲嵌畫作品“像素?”的歷史其實可以追溯到古希臘時期，?有???、陶?、琺瑯或有?玻璃??塊等，嵌成的圖畫。主要?以裝飾建筑物天花板、墻壁和地?。開始于古代東?，后希臘、羅?亦加以普遍應(yīng)?。還有另?個?家更熟悉的名字“?賽克” （Mosaic）。拜占庭鑲嵌畫
滑動查看更多圖片
教堂玻璃&?式滿洲窗
鑲嵌畫由?塊彩??理?或彩?玻璃拼嵌?成，?彩鮮明璀璨是它的基本特點之?。除開拜占庭鑲嵌畫，教堂玻璃、玫瑰窗，?式滿洲窗，瓷磚拼貼畫等等，低多邊形（Low Poly），甚??盲檢查圖，其實?格上都有異曲同?之妙，這些都能夠成為我們LOGO設(shè)計的靈感來源。將圖像進?塊?的概括，只保留到本質(zhì)具有?定的視覺愉悅感。在品牌設(shè)計中，LOGO及字體同樣適?。雖然鑲嵌拼貼是像素化的起源，但作為LOGO設(shè)計中難度屬于進階一些，通過把多色元素，用三角或多邊菱體切分，將每個小塊的顏色取自原多色元素的相應(yīng)位置。同樣的，這種風(fēng)格給人的感覺是又回到過去，又回到未來，是一種抽象化的像素表達。下面通過一個簡單的案例，來示范一組像素字LOGO設(shè)計，案例命題為“馬賽克”，這里示范取巧直接使用六字黑字體墊底，如果需要商用有必要進行原創(chuàng)字體設(shè)計。像素較少，我們直接使用[鍵盤增量法]即可。設(shè)定好一個基礎(chǔ)像素，斜筆為45°傾斜的像素。通過[鍵盤增量法],我們可以非常快速的就得到一組像素字。找到顏色過渡和諧的圖片，同類色或多彩都可以。稍微加一點模糊，墊至文字底下，進行吸色即可得到馬賽克過渡的配色效果。最后，我們按照上面的案例風(fēng)格再來做一個老虎頭的LOGO，這里我們直接搜圖片即可看到大量的虎頭參考，我們選擇其中一個墊底。由于虎頭是對稱式的結(jié)構(gòu)，那我們可以只畫一半復(fù)制過去水平鏡像即可，這里我們先用畫筆工具畫草圖進行嘗試。需要注意的是盡量按照老虎面部的結(jié)構(gòu)去勾勒，這樣有助于我們后期上色。然后在較大的塊面中間進行分割即可。畫完草圖后用鋼筆工具把圖形規(guī)范的做出來，復(fù)制一個水平鏡像拼接到 一起，由于直接上色很容易把控不準(zhǔn)明暗關(guān)系，導(dǎo)致整體的結(jié)構(gòu)很混亂，那么我們可以先進行黑白上色。那么進行到這里如果覺得整體有些平的話可以用一個比較簡單的方法，使一側(cè)的顏色整體減淡，這樣就有了更多的層次。上色后的效果嘗試，感覺整體還是過于繁瑣，原因是小面積的色塊過多，且顏色很多，整體有些花哨，那么我們再進一步優(yōu)化。首先把眼睛進行一個簡化處理，又四邊形改為三角形，鼻子下面的色塊重新整理，顏色統(tǒng)一起來，最后提高一下整體的明度和飽和度。其實通過以上案例及實操就可以發(fā)現(xiàn)，像素化LOGO，并未就必然是表?上的像素，如同前?提到，像素化過去是因為收到設(shè)備及科技的上限。當(dāng)我們將它視為一種創(chuàng)作風(fēng)格的時候，像素可以是方，也可以是圓，可以是菱形是三角也可以是碎片化，可以是全局像素化也可以是局部像素化等等，風(fēng)格本身也可以風(fēng)格多變，這同時也是像素化設(shè)計的魅力所在。悉尼內(nèi)西區(qū)LOGO由大寫的英文名稱「INNER WEST」組成，每個字母均由幾何線條構(gòu)成。根據(jù)悉尼內(nèi)西區(qū)議會對新LOGO的設(shè)計闡述，作為悉尼最古老的地區(qū)之一，內(nèi)西區(qū)有著悠久而多樣的歷史。新LOGO旨在通過拼貼重構(gòu)地方建筑的方式為新成立的地方議會創(chuàng)建一個全新的形象。用于宣傳和表達該區(qū)域自由、活力、多元和開放的理念。挪威輻射與安全局新LOGO抽象的符號受到用于測量輻射儀器的啟發(fā)，用不同深淺的色塊組合成一個圓形圖案。新視覺形象的理念將DSA所具備的專業(yè)知識的深度全面放大，讓輻射不僅只是原子符號，它更是一種不斷變化的力量。１.矩形網(wǎng)格法：是我們設(shè)計像素化ＬＯＧＯ的得力工具。但網(wǎng)格僅僅是我們的架構(gòu)，而不是牢籠，務(wù)必因此局限。２.彩色半調(diào)像素法：幫助我們快速生成像素化圖形及文字，同樣是一把雙刃劍，不能因此便捷而丟失了思考。３.鍵盤增量法：通過位移對象快速繪制及修改像素路徑。也是繪制像素化圖形的實用技巧之一。以上列舉的幾個技巧實際上是幫助我們快速執(zhí)行，也僅僅是作為拋磚引玉，實際上不管是什么類型的LOGO都有非常多不同的表現(xiàn)方式和設(shè)計手法，甚至許多的方法都是互通的，有更多的可能性等你來發(fā)現(xiàn)。希望大家能突破自己，不必局限。多嘗試多實踐。你，學(xué)廢了嗎？我們下期再見。
-------------------------
往期精華文章導(dǎo)讀：
這是一場最“嗨”的設(shè)計比賽！
開微信小店或淘小鋪，哪個能掙錢？
學(xué)歷低會被歧視嗎？
-END-
越努力，越幸運。
這里是龐門正道。
版權(quán)聲明：本篇文章由朝夕友人官網(wǎng)小編編輯，僅限于學(xué)習(xí)交流，非商業(yè)用途，版權(quán)歸原作者所有，若有來源標(biāo)注錯誤或侵權(quán)，請在后臺留言聯(lián)系小編，將及時更正、刪除。
上一篇：12.98萬元起！“潮盒電動SUV”iCAR 03開啟全球預(yù)售唐朝的沒落，為何讓曾經(jīng)盛極一時的士族門閥也衰落了？ 下一篇：以氣味為靈感，傳遞東方韻致與生活設(shè)計之美
返回上一層
相關(guān)設(shè)計作品案例
