如何創建具有多個特徵的配置文件圖標 (PFP)

4,740

babeoded

babeoded

介紹

你好!我的名字是 Hira Karmachela 又名 BABE ODED。在這篇文章中,我將分享我使用 Clip Studio Paint 創建具有多種特徵的個人資料圖標/圖片的經驗。相信讀過這篇文章的大家都非常了解個人頭像的流行趨勢。這篇文章將指導我們創建一個多特徵配置文件圖標,從技術上講,它允許我們從單個項目中創建多種配置文件圖標。

 

我希望這篇文章對那些正在尋找使用 CSP 創建具有多個特徵的個人資料圖標的人來說是有趣的提示。

關於個人資料圖標/圖片

個人資料圖標或也稱為個人資料圖片 (PFP),在技術上被用作各種社交媒體平台上的補充視覺標識。所使用的圖像不一定是來自攝影的自畫像,而是可以採用超現實或卡通風格的人物插圖形式,顯示來自帳戶用戶的表情或圖像。

 

最近,個人資料圖標或 PFP 非常受網友歡迎。技術的發展,特別是社交媒體的使用,使這個個人資料圖標成為吸引與其他用戶互動的初始身份。事實上,個人資料圖標已經成為一個獨立的市場,被許多社交媒體用戶交易和收集。

#1 了解配置文件圖標中特徵的概念

個人資料圖標中的特徵是指圖像中角色使用的各種屬性。從技術上講,只要在單獨的圖層上創建圖形中的最小細節,就可以將其視為屬性。所以在概念上,這個特性可以被使用並與其他各種屬性相結合,以產生各種圖形外觀。

根據我們的創作,頭像圖標的特徵可以是各種背景顏色、各種頭型、頭髮顏色、各種類型的服裝等等。

#2 發展理念

通過社交媒體上的熱門賬號,我們可以看到很多關於個人資料圖標設計的有趣參考。但當然,最好發展自己的想法並通過它們表達自己。

從技術上講,個人資料圖標將顯示人物的肖像。因此,強烈建議能夠顯示要製作的圖形的表達方式。最適合這種需要的鏡頭類型是特寫鏡頭或中景鏡頭,將頭部顯示到人物的上胸部。重要的是要記住,個人資料圖標將在社交媒體平台上以非常小的尺寸顯示。所以,試著想一個極簡但有吸引力的想法。

要考慮的另一件事是該圖的觀點。最常見的是在前視圖中顯示圖形。但是我們可以通過顯示側視圖、四分之三視圖甚至後視圖來考慮不同的吸引力。

之後,決定使用哪種插圖風格。您可以使用現實主義、超現實主義、卡通或像素藝術插圖風格。

#3 設置文檔和佈局

事不宜遲,讓我們打開 CSP 並開始創建您的個人資料圖標。轉到文件菜單 > 新建。

將出現一個新窗口。配置文件圖標需要具有盒子形狀的尺寸,因此我們設置了自定義的寬度和高度。大小不需要太大,即使某些社交媒體平台會根據其存儲重新調整上傳的圖像。為此,我建議使用尺寸 1080px 作為寬度和 1080px 作為高度。

對於分辨率,只需將其設置為 72 dpi,因為我們只為數字需求製作圖像。但如果需要打印,您可以考慮更高的分辨率。

畫布已準備就緒,然後我們設置網格以確定我們將創建的圖形的佈局。轉到視圖菜單 > 網格。

畫布上將出現一個假想的網格或線條。看起來很煩人,因為行數太多。別擔心,我們可以通過查看菜單>網格/標尺設置來調整網格的數量。

出現一個新窗口。將網格/標尺欄的起點設置為中心。然後將網格之間的間隙設置為 1000px,將分割數設置為 5。單擊 OK 確認。

完美的。在本次會議中需要準備的另一件事是,當此個人資料圖標發佈在社交媒體上時,一個假想的圓圈作為我們的插圖。大多數社交媒體平台都以圓圈的形式顯示個人資料圖標,因此如果我們從一開始就沒有考慮到它,則可能會切斷某些部分。

在圖層面板中選擇“紙張”圖層。然後選擇“標尺”工具並選擇“圖形標尺”子工具。

在工具屬性面板中,選擇圖形部分中的圓形,然後選中“Aspect type”選項並選擇單位的像素。在底部將假想圓的尺寸設置為 1080 x 1080。

在將它放在畫布上之前,我們將圓設置為直接居中。為此,請單擊工具屬性右下角的設置圖標。

出現一個新窗口。選擇形狀操作部分,然後選中“從中心開始”選項。關閉設置窗口。

現在將假想的圓圈放在畫布上。將指針指向網格的中心,然後單擊鼠標左鍵。將出現一個帶有紫色筆劃的假想圓圈。這個圈子實際上並不存在,只是一個指南,所以最後不需要刪除它。

#4 使用 3D 材質作為參考

本次會議是可選的,但對於那些對人物的觀點描述不熟悉或不熟悉的人來說仍然會非常有幫助。對於那些仍然對如何從正面、側面或其他視圖繪製良好的人物比例感到困惑的人,您可以使用 3D 材料作為參考。

只需練習轉到 Window 菜單 > Material > Material [3D]。

材料面板將擴展到屏幕右側。選擇“身體類型”,然後選擇並按住可用的 3D 繪圖圖形資產。如果萬一此資產在您的 CSP 上不可用,那麼您需要先下載它。如果它可用,那麼您只需將它放在畫布上。

折疊“材質”面板,使其不會擋住畫布。 3D 資產將以全身狀態出現在畫布上。我們可以對其進行調整,使其看起來適合我們的需要。

選擇圖底部的預設角度圖標。將出現一個新窗口。您可以選擇可用的角度,圖形將立即根據所選角度顯示在畫布上。

您可以根據您設置的配置文件圖標概念選擇前視圖、左視圖或右視圖、四分之三視圖甚至後視圖。

選擇合適的角度後,強烈建議重新排列圖形以適應配置文件圖標需求的所需佈局。

在頭頂留出空間,以便我們可以自由地設計頭髮或帽子。在左側和右側留出空間也很重要。選擇“Paper”圖層,這樣當圖形顯示在圓形框架中時,我們可以看到剩餘的空間。

完成此 3D 資產設置後,在圖層面板中選擇材質圖層。然後將圖層的不透明度設置為 50%,以便該圖層可以舒適地用作繪圖的參考。

#5 將特徵組織為層

在開始繪製圖形之前,我們應該首先使用層系統來組織對特徵的需求。創建一個與您設計的特徵數量相同的圖層文件夾,並根據特徵名稱命名每個文件夾。例如,我設計了許多具有以下名稱的特徵:背景、皮膚、衣服、頭部和特殊。

轉到圖層菜單>新建圖層文件夾。您將在圖層面板中看到一個文件夾。此文件夾可以填充新圖層或現有圖層。

通過選擇圖層文件夾“文件夾 1”重命名圖層文件夾,然後轉到圖層菜單 > 圖層設置 > 更改圖層名稱。

出現一個新窗口。鍵入層文件夾的特徵名稱。我舉了一個例子來創建一個“背景”層文件夾。

因為我們將有許多圖層文件夾和許多圖層,所以為了更容易在視覺上進行組織,我建議為每個圖層文件夾使用不同顏色的調色板。該方法非常簡單,只需在圖層面板的調色板按鈕中選擇一種顏色即可。

這是代表我為個人資料圖標設計的每個特徵的圖層文件夾列表。按順序對圖層文件夾進行可視化排序非常重要。畫布上的最後一個圖像放置在底層(例如背景層),畫布上的最前面的圖像放置在頂層。

#6 繪製圖形特徵

下一個過程是圖形的繪製。這個過程可以通過多種方式完成,包括技術上、風格上和程序上。但原則上,該圖是部分根據預定屬性的分佈製作的。

 

首先,您可以在圖層文件夾之外的“圖層 1”上繪製要創建的圖形的整體外觀。您可以使用鉛筆或鋼筆工具來繪製草圖。使用其下方圖層上的 3D 資產作為參考。

接下來,您可以在每個圖層文件夾中創建一個新圖層以改變特徵。在文件夾中創建新圖層非常容易。選擇圖層文件夾,然後轉到圖層菜單 > 新建圖層 > 柵格圖層。

出現一個新窗口。鍵入特徵的屬性名稱。

例如,“背景”圖層僅包含純色或顏色漸變。它的功能只是作為我們個人資料圖標的背景。在這篇文章中,我使用具有以下屬性名稱的純色創建了該特徵的五種變體:Timberwolf、Sunset Orange、Sunglow、Sky Blue 和 Screamin Green。

在它之上,我創建了一個“皮膚”層,包含從脖子到上胸部的人物身體,沒有任何衣服。對於這個特性,我只做了三個變化,這裡是屬性名稱:Froggie、Beast 和 Human。

在它上面的下一層,我創建了一個“衣服”層,它是覆蓋人物身體的衣服的一種變體。對於這個特性,我創建了三個具有以下屬性名稱的變體:泳裝、光澤夾克和黑色西裝。

在它上面的下一層,我創建了一個“頭部”層,它是成為圖形頭部的對象的變體。從概念上講,我使它與人物的身體斷開了連接。對於這個特徵,我創建了五個具有以下屬性名稱的變體:Big Mouth、Porthole、Coconut、Drawing Board 和 Hollow Face。

頂層,我製作了一個“特殊”層,其中包含裝飾人物外觀或表情的配件或裝飾品。對於這個特性,我創建了四個具有以下屬性名稱的變體:觸手手、沙手、體素手和空閒手。

這就是我在創建具有多個特徵的配置文件圖標時作為示例所做的所有圖層排列。當然,您可以根據您想要的概念為每個特徵自由添加層/特徵和屬性變化。接下來,我們可以結合每個特徵/層中的每個屬性來生成各種可能的配置文件圖標。

#7 生成和導出配置文件圖標

最後,我們來到期待已久的會議。在使用圖層系統創建和排列所有特徵之後,現在我們可以開始組合每個特徵並將它們生成為各種配置文件圖標。

 

這很容易。我們只需要顯示我們想要顯示的特徵層並隱藏剩餘的特徵層。嘗試嘗試將一個特徵屬性與另一個特徵屬性結合起來。

一旦生成了有趣的特徵組合,就可以將它們導出到配置文件圖標中。我建議將其保存為 PNG 格式,該格式能夠很好地保存圖像,以滿足數字需求和小數據量的網絡出版物。轉到文件菜單>導出(單層)> PNG。

 

出現保存窗口。選擇存儲目錄,然後鍵入文件名。

在文件保存之前,首先會出現設置窗口。您可以在此處設置文件存儲要求。現在保持默認設置。然後單擊確定。

只有在社交媒體平台上安裝了配置文件圖標時,您也可以將文件保存為較小的大小以進行比較。當文件存儲設置窗口出現時。將圖像比例更改為您需要的大小。例如,下面我將圖像比例從 1080 像素 x 1080 像素更改為 5%,這樣要保存的圖像將是 54 像素 x 54 像素。

#9 最終結果

根據我在這篇文章中創建的每個特徵/層的屬性變化,我生成了一些有趣的配置文件圖標。原則上,每個特徵中的特徵和屬性的數量越多,那麼您可以生成更多的特徵和屬性組合以用作各種配置文件圖標。

好的!我只能分享這些。希望它有用,請支持我提出更多提示。

再見。

 

留言

最新

最新官方