你會(huì)做什么？

學(xué)習(xí)如何設(shè)計(jì)紫色的iphone壁紙來紀(jì)念Spirit Day！在本教程中，我將向您演示如何使用漸變背景、星刷等制作iphone壁紙?jiān)O(shè)計(jì)。

采取反對欺凌的立場

每年有數(shù)百萬人在精神日盛裝紫色，作為支持LGBTQ青年的標(biāo)志，并反對欺凌。承諾去紫色！- GLAAD.org

所以去年，我創(chuàng)建了這個(gè)Photoshop動(dòng)作來為Spirit Day創(chuàng)建一個(gè)快速的照片效果。

通過運(yùn)行自定義動(dòng)作，您可以將紫色濾鏡和幾個(gè)簡單的形狀應(yīng)用于任何圖片，以顯示您對此感知的支持。

這一次，我想做一些有點(diǎn)不同的事情。

我的腦子里充滿了對Envato Elements的許多可愛的東西，所以最近我一直在篩選所有的背景集合，以便找到一個(gè)讓我感興趣的東西。

請記住，你將需要訂閱我使用的漸變和矢量項(xiàng)目，但你也可以玩這個(gè)免費(fèi)股票，同時(shí)仍然使用我們的免費(fèi)刷機(jī)包。

1.如何設(shè)置壁紙尺寸

iPhone壁紙尺寸

你的壁紙的大小將取決于你的個(gè)人iPhone。我有一個(gè)iPhone 6，所以我們只是去那個(gè)。

以下是您可以考慮的幾種尺寸：

屏幕： 1334 x 750

壁紙： 1608 x 852

? iPhone 6

屏幕： 1920 x 1080

（從2208 x 1242降采樣）

壁紙： 2662 x 2662

? iPhone 6 Plus

為您的iPhone找到合適的壁紙尺寸。以下是我使用的一些有用的鏈接：

• io

• dekoa

現(xiàn)在創(chuàng)建一個(gè)這樣大小的新文檔（Control-N）：

• 寬度/高度： 852x1608像素

• 分辨率： 150 dpi

（我喜歡小文件大小，所以隨意根據(jù)需要調(diào)整分辨率。）

讓我們繼續(xù)前進(jìn)！

2.如何創(chuàng)建紫色背景

步驟1

首先，下載漸變背景2。這兩個(gè)宇宙般的背景是我最喜歡的。

我將用我的壁紙＃16。

第2步

現(xiàn)在復(fù)制（Control-C）和粘貼（Control-V）漸變到您的壁紙文檔的新圖層。

1. 圖像相當(dāng)大，所以我們需要旋轉(zhuǎn)它來炫耀我最喜歡的區(qū)域，橙色。

2. 使用自由變換工具（Control-T）逆時(shí)針旋轉(zhuǎn)。如果需要調(diào)整大小。

第3步

正式的精神日顏色與這種紫色相似

#6f009a

。

創(chuàng)建一個(gè)新的圖層。使用油漆桶工具（G） ，以填補(bǔ)與紫色層。然后將層混合模式到硬輕和降低不透明度到26％。

步驟4

大！現(xiàn)在重復(fù) （Control-J）漸變圖層。拖動(dòng)“層” 面板中“ 硬光” 之上的圖層。

讓我們使用這兩個(gè)漸變圖層創(chuàng)建一個(gè)新的背景。使用自由變換工具（Control-T）幫助將此圖層重新定位到藍(lán)色區(qū)域的底部。

第5步

添加圖層蒙版到漸變副本。

選擇畫筆工具（B） ，使用軟輪刷用0％硬度和90-100％的不透明度，以漆黑到白圖層面具。從圖片上清除粗糙的邊緣，不斷調(diào)整，直到你快樂。

3.如何添加更多的紋理和顏色

步驟1

隨著背景漸變所有設(shè)置，我們可以移動(dòng)到紋理和顏色。

但首先，讓我們來添加一個(gè)調(diào)整圖層的顏色查找。轉(zhuǎn)到圖層>新建調(diào)整圖層>顏色查找，然后選擇此設(shè)置：

• 3DLUT文件： 3S

第2步

讓我們使用這個(gè)Photoshop筆刷包中的Star Brush畫一些紋理。

這個(gè)畫筆是為了像微小的，遙遠(yuǎn)的星點(diǎn)，所以我們可以用它來畫很多閃光的紋理。

創(chuàng)建一個(gè)新的圖層。將前景色設(shè)置為白色，并在紋理的漸變背景周圍繪制點(diǎn)。根據(jù)您的喜好改變畫筆大小。

完成后，使用橡皮擦工具（E）輕輕抹去一些星星。從中等到低不透明度開始，并在需要時(shí)增加。

第3步

創(chuàng)建一個(gè)新的圖層。

使用油漆桶工具（G）以與之前相同的紫色填充它

#5a009a

。將圖層混合模式設(shè)置為覆蓋并將不透明度降低到43％。

覆蓋將使顏色更豐富。

步驟4

讓我們繼續(xù)調(diào)整顏色，直到我們對結(jié)果滿意為止。

設(shè)計(jì)是關(guān)于 耐心和實(shí)驗(yàn)！

創(chuàng)建一個(gè)新的顏色平衡調(diào)整圖層。 將“ 中性色調(diào)”，“陰影”和“ 高光”的設(shè)置調(diào)整為以下內(nèi)容：

然后創(chuàng)建另一個(gè)新層，并填充一個(gè)豐富的紫色

#6f009a

。將混合模式設(shè)置為色調(diào)和不透明度為43％。

結(jié)果如下?，F(xiàn)在它更符合Spirit Day的色彩！

應(yīng)用顏色平衡和新的顏色填充后，進(jìn)行前后對比。

4.如何制作幾何構(gòu)圖

步驟1

使用橢圓工具（U）創(chuàng)建一個(gè)大的紫色

#690092

圓圈。把它放在構(gòu)圖的中心。

將紫色圓圈圖層設(shè)置為變暗。

創(chuàng)建一個(gè)快速的圖層蒙版來刪除一些左下角的區(qū)域。通過使用一個(gè)軟的圓形筆刷羽毛。這將有助于融入背景。

第2步

為了更深入，讓我們用更多的幾何對象來建立這個(gè)構(gòu)圖的前景，中間和背景部分。

使用自定義形狀工具（U）在底部左側(cè)添加一個(gè)三角形形狀。

用鼠標(biāo)右鍵單擊形狀圖層，然后轉(zhuǎn)到混合選項(xiàng)。 添加一個(gè)粉紅色的漸變疊加與以下選項(xiàng)：

• 漸變顏色：

#8c3148

• 到

#ff5984

然后

#6102e4

在右上方添加另一個(gè)紫色的三角形。結(jié)果如下：

第3步

為了更悶熱的氣氛，我們要調(diào)整這個(gè)場景的燈光。

填寫一個(gè)新圖層用紅色

#720f0e

。添加一個(gè)圖層蒙版，用軟圓刷畫黑色，以隱藏紅色圖層的某些部分。然后降低不透明度到33％，并將其設(shè)置為正片疊底。

把你的時(shí)間與層面具，慢慢地隱藏的顏色。嘗試找到平衡。

步驟4

讓我們?yōu)檫@件作品添加“太陽”對象。這本來并不是故意的，但稍后會(huì)有助于吸引觀眾。

使用橢圓工具（U）創(chuàng)建一個(gè)紫色

#570f9c

圓圈。把它放在另一個(gè)的右邊。

然后右鍵點(diǎn)擊去混合選項(xiàng)。使用以下設(shè)置添加漸變疊加層：

• 漸變顏色：

#aa9780

• 和

#e4cbac

我們將離開精神日的最后一個(gè)圓形，最后一步。

現(xiàn)在，復(fù)制左下角的三角形。將顏色設(shè)置為這個(gè)紫色

#7000cc

。將其設(shè)置為“ 屏幕”之前使其變大。享受微妙的效果！

5.如何完成iPhone壁紙

步驟1

對于這個(gè)iPhone壁紙?jiān)O(shè)計(jì)的最后幾個(gè)步驟，我們需要調(diào)整對比度并添加一個(gè)日期！

讓我們先從一個(gè)新建調(diào)整圖層的顏色查找。

將3DLUT文件設(shè)置為。

第2步

創(chuàng)建最后的橢圓。將顏色設(shè)置為洋紅色

#751772

將漸變疊加添加到橢圓。用豐富多彩的黃色，粉紅色和紫色的預(yù)設(shè)，你可以通過訪問發(fā)現(xiàn)粉彩的內(nèi)梯度漸變編輯器。

接下來，使用以下設(shè)置添加外發(fā)光：

這是結(jié)果 - 這是微妙的，但非常值得努力。

第3步

為一些邪惡的效果添加一些光！使用柔和的輪刷將白色涂抹到設(shè)置為“ 疊加”的新圖層上。

步驟4

對于一個(gè)小動(dòng)作，讓我們創(chuàng)建一個(gè)浮動(dòng)到場景中的3D三角形形狀。

首先，使用自定義形狀工具（U）創(chuàng)建紫色

#5a1390

三角形。使用自由變換工具（Control-T）調(diào)整透視。

和我們以前的步驟一樣，添加一個(gè)漸變。使用與之前相同的淡色漸變，但將不透明度降低到30％。

要制作這個(gè)三角形3D，首先復(fù)制它。刪除漸變疊加，并使用此三角形設(shè)置3D效果的較底部。接下來，使用鋼筆工具（P）通過填充紫色形狀的間隙連接兩個(gè)三角形。

第5步

現(xiàn)在的文字。

使用兩個(gè)新的文本圖層為日期和標(biāo)簽創(chuàng)建文本。我將會(huì)使用這個(gè)Reef Font和Arial Rounded MT Bold。將日期設(shè)置為白色，將#spiritday設(shè)置為粉紅色

#ff28ff

。

右鍵點(diǎn)擊去混合選項(xiàng)。

按照這些設(shè)置創(chuàng)建陰影，漸變疊加和斜角和浮雕效果。

結(jié)果如下：

第6步

將洋紅色圓圈設(shè)置為柔光。

使用這個(gè)矢量形狀包中的幾何形狀之一來獲得更多的細(xì)節(jié)。將形狀復(fù)制并粘貼到新圖層上，然后使用橡皮擦工具（E）擦除線條相交的區(qū)域。

這可能有助于隱藏這一步的文字。

廣告

第七步

通過使用柔軟的圓形筆刷來為場景添加更多的光線和顏色，以平衡構(gòu)圖。用自然的直覺來幫助融合地區(qū)。

最后，使用新的亮度和對比度調(diào)整圖層使其變亮。

• 亮度： 6

• 對比：49

而已！看看下面的最后結(jié)果。

免費(fèi)精神日iPhone壁紙

獲取這個(gè)全尺寸的壁紙，加入我們的精神日！將其設(shè)置為您的墻紙，以顯示您對這個(gè)重要的反欺凌任務(wù)的支持。

像這個(gè)iPhone的樣機(jī)？試試看！

我希望你喜歡這個(gè)教程。隨時(shí)留下評論，結(jié)果，以及下面的任何問題！

欲了解更多Spirit Day教程，請查看以下鏈接：

• 精神日

  如何在Adobe Illustrator中創(chuàng)建一套Spirit Day圖標(biāo)

  Yulia Sokolova

• 色彩平衡

  在Adobe Photoshop中創(chuàng)建一個(gè)富有紫色和金色的外觀

  瑪麗·加德納

歡迎大家給我留言，更多分享敬請關(guān)注下節(jié)繼續(xù)分享PS設(shè)計(jì)干貨，你所關(guān)注的人，決定你看到的世界。