Ai+Ps制作數字煙霧效果教程

今天為大家翻譯了一篇使用Illustrator和Photoshop一起制作數字煙霧效果的教程。原文出自psd.tutsplus.com， 原作者Fabio，翻譯 Chi

這篇教程是在Illustrator裡面完成形狀後在Photoshop裡面添加顏色效果，很多優秀的設計作品都是使用Photoshop和Illustrator共同完成的，從這篇教程中我們將學習到如何協調兩個軟件完成設計。

最後效果

Step 1

打開Illustrator， 使用鋼筆工具 （快捷鍵： P）， 繪制兩條不同的曲線， 使兩條曲線相交。 這兩條曲線的形狀將是我們制作的煙霧的形狀。 在此之後，重復上面的步驟再繪制兩條曲線。 從這兩對曲線中選擇其中一對，設置第一條曲線為白色，另外一條顏色設置為70%的灰色。另一對曲線也設置同樣的顏色但是顏色和第一對相反，我們之所以這樣做是因為我們將要在photoshop中導入這些形狀後調整顏色會簡單多。

Step 2

使用混合工具， 在白線邊緣單擊，然後對灰線邊緣點擊。這時在兩條曲線中間出現了一條曲線。 使用混合工具後轉到：對象》混合》混合選項。 在那裡，改變間距到指定步數，步數設置為200步。 另一對曲線也重復上面的操作。

Step 3

現在ai裡面的工作結束了，我們將要轉到Photoshop裡面繼續，復制Illustrator裡面的兩個形狀到Photoshop裡面，各自一層。

Step 4

在這裡，我們把兩個形狀各自建一個文件夾放裡面然後命名如下圖，圖層混合模式設置為”正片疊底”，然後為兩個圖層各執行一次高斯模糊，參數設置為1px。

Step 5

然後Smoke1和smoke2各復制一層，現在有了四層Smoke1副本，Smoke1，Smoke2副本，Smoke2，然後設置smoke1副本和smoke2副本的圖層樣式為“疊加”。

Step 6

現在我們要通過創建一個新的填充或調整圖層來添加一個顏色，點擊“創建一個新的填充或調整圖層”選擇“色相飽和度”參數設置如下。

Step 7

復制一層smoke1，柵格化，放在最頂層，改變其混合模式為“顏色減淡”然後執行-高斯模糊半徑設置為25px。

Step 8

現在基本效果已經出來，接下來我們繼續更高級的步驟，首先設置smoke1的填充為50%，使他變得柔和些，然後復制smoke1文件夾，把smoke1文件夾的填充設置為20%，選擇smoke1文件夾，並添加一個圖層蒙版，拉一個白色到黑色漸變，這樣就減淡了smoke1文件夾層。

Step 9

接下來，復制剛才減淡的圖層，然後旋轉下，使看起來更隨機，如果你有時間，你可以在Illustrator裡面制作一個不同形狀的，讓形狀隨機變得更豐富。如果你想要一個在白色背景上的煙霧效果，那你到這一步就可以結束了。

Step 10

接下來，新建一層填充一個漸變，漸變顏色由白色#ffffff到灰藍色#c4ccd0，如下圖。

Step 11

設置興建圖層的混合模式為“排除”，效果如下。

Step 12

現在的顏色已經很酷了，但是我還要讓它更漂亮，再新建一層，填充一個漸變，漸變顏色從#5f4547 到#7096e4，然後設置圖層混合模式為“顏色”，透明度設置為50%。

Step 13

最後我們可以添加一些文字以了解這個效果，您還可以在合並後添加一個USM銳化，銳化後的曲線將更加干淨和清晰。