如何創建個人資料圖標

9,603

Cheishiru

Cheishiru

毫不誇張地說,社交媒體中的個人資料圖標或圖片是您帳戶在虛擬世界中的面孔。雖然您可以為個人資料圖標上傳任何隨機圖像,但製作具有視覺吸引力的個人資料圖標可能對您有利。

 

本教程有視頻版本。我建議檢查一下!

尺寸

社交媒體平台通常不會要求提供個人資料圖標的高清圖像。對於高度和寬度,800 平方像素通常就足夠了,但我更喜歡至少 1000。

 

我認為最好有足夠大的插圖尺寸以在社交媒體上發布。雖然可打印尺寸是理想的。

此外,如果您發現放大和縮小以查看您的作品在較小尺寸下是否看起來不錯

 

如果沒有導航器,請在屏幕上顯示導航器,然後將其調整為大約 100 平方像素。現在您可以實時看到小版本。

標題

為了安全起見,最好將您的圖標設置為方形,因為有時圖標會被裁剪成奇怪的形狀。大多數人會將圖標裁剪成圓形,因此我們將其用作參考。

 

要使圓形更簡單,請轉到子工具圖 (1),然後選擇橢圓 (2)。 Line/Fill (3) 應該是 Create Line,中間的選項。

檢查 Aspect Type (4) 並單擊指定長度 (5)。你可以選擇圓的直徑是多少像素(6),這太棒了。

由於畫布大小為 1000 平方像素,因此在寬度和高度上都輸入 1000。

 

單擊畫布的左上角。

一個完美的圓圈出現了。

畫完圓圈後,將外部部分塗成黑色,使其看起來像在社交媒體上一樣被裁剪。

在您的個人資料圖片上進行測試,看看焦點是否在圓圈的中間。是的,你可以走了。

讓我們在接下來的教程中將圓圈稱為“裁剪模板”,因為我們將在後面的部分中使用它。我有一個裁剪模板備忘單,您可以在下面看到。如果您想使用它,只需將下面的圖片保存到您的設備中即可。

顏色

幾乎每個平台都有明暗模式。最好測試一下個人資料圖標在黑色、灰色和白色中是否好看。要進行測試,請使用之前的裁剪模板並通過編輯 > 色調校正 > 色相/飽和度/亮度來增加其亮度。

此配置文件圖標對比度低。

嘗試將其與具有更高對比度的那個進行比較。

哪個在小尺寸和任何顏色模式下看起來更好?

對於上面的圖片,角色和背景是在不同的圖層中繪製的。我只是增加了背景的亮度以使剪影流行。

 

著色時,請記住高對比度使圖標更容易看到。在某種程度上,製作黑白圖標不會出錯。畢竟,對比度最高的顏色對是黑色和白色。

但這不是每個人的一杯茶。如果您想使用顏色,可以使用您想要的顏色並稍後調整。

基於字母的圖標

在設計基於字母的個人資料圖標時,您可能對自己的設計感到滿意,只是發現您的個人資料圖標在上傳時以一種尷尬的方式被裁剪。

使用上一節中的裁剪模板來避免這個問題。

使用字母等時,如果可能,所有字母最好大寫。漫畫書在對話中使用全部大寫字母而不是通常的第一個單詞的首字母是有原因的,這很容易閱讀。

我們希望任何尺寸的基於字母的圖標都易於一目了然。

當然,您可以對字母進行調整和風格化,使其在小寫中易於閱讀。把它變成一個標誌之類的東西。例如,您可以對“beam”的 B 進行風格化,以使其即使人們無法閱讀其他三個字母也可以識別。

如果您使用的名稱有四個以上的字母、獨特的拼寫或難以記住,您可以選擇對名稱的第一個字母進行風格化。如果名稱包含多個單詞,則同樣如此。 Clip Studio、PlayStation、通用電氣——品牌和組織一直在使用它。

注意:這真的是我在現實生活中認識的一個人的名字,他的父母給他起名字太有創意了!

 

程式化的首字母更像是一個標誌,你可以用任何你想讓它獨特和可識別的方式對其進行風格化,即使首字母不容易閱讀。

如果首字母太常見(例如 TV、WC、AC)或與現有品牌/組織的首字母重疊,您可能需要考慮替代方案。

 

例如,Wanderwort Chronicles 的首字母是 WC,您可以將其縮短為 W-Chro。這樣人們在查看個人資料圖標時就不會想到抽水馬桶。您還可以在圖標內的某處插入全名。

如果您要使用的單詞或名稱很長,並且您不想使用縮寫或縮短它,您可以完整使用它。但是對於像 YouTube 這樣將你的圖標變成一個超級小圈子的社交媒體,它充其量只會讓人眼花繚亂,最壞的情況是無法閱讀。

 

雖然兩個樣本中的全名在調整大小時難以閱讀或無法閱讀,但由於巨大的 W-chro,右邊的那個仍然可以識別。

圖片上的文字也有效。通過對比單詞的顏色和圖片,確保單詞可讀。

基於圖片的圖標

有了圖片,你可以做更多的事情。肖像、頭像、展示您的藝術、宣傳您的項目,甚至將其視為狀態更新,任何事情都可以。

 

就像任何其他藝術品一樣,你必須先知道你想畫什麼。我更喜歡在更大的區域進行素描,然後在完成素描後裁剪圖片。有時我會保留整個內容並僅在上傳時裁剪。

 

此草圖的畫佈為 2000*2000。

複製您選擇的裁剪模板大小並將其粘貼到畫布上。查看焦點是否可以放入其中一個圓圈內,最好是 800 像素及以上。這張照片的焦點是蛋糕的臉和“生日”部分。

 

因為兩者都適合 1500 和 1000 圈。我決定將圖片保持在原始大小而不是裁剪。

隱藏圓圈並開始繪製。如果您製作線條藝術,請考慮在矢量圖層而不是光柵中製作。有一個名為 Correct Line(熱鍵 Y)的子工具可以幫助您編輯矢量線。

這是 6 種不同模式下的編輯結果示例。

1. 捏矢量線

2. 加厚/放大寬度。處理整線:ON。

3. 縮小/縮小寬度。處理整線:ON。

4.固定寬度。處理整線:ON。

5. 加厚/放大寬度。處理整線:OFF。

6. 縮小/縮小寬度。處理整線:OFF。

 

繪製過程:

顏色測試。

既然三種顏色模式都沒有問題,那就大功告成了!

提示

當您的個人資料圖標對比度較低時,您可以通過兩種方式修復它。首先,如果顏色是在單獨的圖層上繪製的,您可以手動編輯顏色。

 

另一種方法是轉到圖層 > 新建校正圖層並使用以下三個功能中的一個或多個:亮度/對比度、級別校正和色調曲線。

它們單獨可以產生相似的結果,但可以混合和匹配它們的功能以獲得您想要的結果。下面的圖片是使用這些功能編輯的。

請注意,如果您的風格商標是低對比度顏色,您可以保留個人資料圖標。如果這意味著您必須以其他方式妥協您的風格,那麼較少的圖標可見性就不算什麼。

其他

有趣的是,當我完成當前的個人資料圖標時,這個話題突然出現了。本教程中提供的一些插圖是我嘗試的結果,哈哈!

 

希望本教程對您有所幫助。感謝閱讀,祝你畫畫愉快~

 

注意:本教程被編輯了兩次。首先是因為我找到了一種更簡單的方法來創建用於裁剪的圓圈。其次添加視頻鏈接,修復旁白和更新/添加圖片。我把通知放在以防有人想知道為什麼教程略有不同:)

留言

最新

最新官方