• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS創意設計 】Photoshop設計我機器人經典電影海報教程




    Photoshop設計我機器人經典電影海報教程

    這一次的教學是屬於PS教程領域中的設計教程的相關教學。

    文章出處是來自優設的PS教程類文章,寫教學的作者是projava,感謝projava提供設計教程的實作教學。

    教學大綱:

    春節期間,每天都會有一篇好萊塢經典大片的海報教程放出,電影質量都相當高,看完再練手,漲姿勢放鬆身心兩不誤。第二部部電影是豆瓣評分達7.9的《我,機器人》,熱門短評:借用阿西莫夫的三大法則,講了一個帶有懸念的驚險故事。威爾・史密斯很帥,尤其開頭


    設計教程教學開始

    本教程主要使用Photoshop設計我機器人經典電影海報教程,春節期間,每天都會有一篇好萊塢經典大片的海報教程放出,電影質量都相當高,看完再練手,漲姿勢放鬆身心兩不誤。第二部部電影是豆瓣評分達7.9的《我,機器人》,熱門短評:借用阿西莫夫的三大法則,講了一個帶有懸念的驚險故事。威爾·史密斯很帥,尤其開頭就秀了一下肌肉。故事蠻緊湊,又有懸念的驅動,還不錯。

    教程素材:我機器人電影海報PS教程素材

    效果圖:

    Photoshop設計我機器人經典電影海報教程

    先建一個1600*1100,72分辨率的黑色背景新畫布,因為我現在背景色為黑色,所以直接選擇背景色。

    Photoshop設計我機器人經典電影海報教程

    按D恢復前景色和背景色,新建一層,執行“濾鏡-渲染-雲彩”

    Photoshop設計我機器人經典電影海報教程

    把雲彩放大,只選擇一小部分,用減淡工具提亮高光,你也可以用曲線或者色階,不過這要添加蒙版,有點多此一舉,方正是你認為哪個好使就用哪個。

    Photoshop設計我機器人經典電影海報教程

    置入一張城市高樓圖,讓背景豐富一點。

    Photoshop設計我機器人經典電影海報教程

    我添加了一個黑白調節層來讓城市高樓圖變成黑白,按CTRL+ALT+G轉成剪貼蒙版。當然你可以用“去色”或者“色相飽和度”來完成,好幾個辦法,這裡不再一一枚舉,順便做一下普及教育,剪貼蒙版的意思就是它只作用於下一個圖層,不會對別的圖層起作用。

    Photoshop設計我機器人經典電影海報教程

    再用一個曲線讓整個高樓圖變暗,當然也要剪貼蒙版。

    Photoshop設計我機器人經典電影海報教程

    雙擊“快速蒙版”圖標,在“色彩提示”中選擇“被蒙版區域”,確定后離開。

    Photoshop設計我機器人經典電影海報教程

    按Q打開快速蒙版,用畫筆在底部畫一個U型,再按Q取消後轉成選區,給城市圖添加蒙版。讓城市圖的底部融入背景。

    Photoshop設計我機器人經典電影海報教程

    Photoshop設計我機器人經典電影海報教程

    置入一張威爾史密斯,用鋼筆去背出半身。

    Photoshop設計我機器人經典電影海報教程

    右鍵轉成選區,添加蒙版。我玩PS有個宗旨:讓一切都具有可再操作性,所以我特別喜歡智能對象,蒙版,矢量蒙版和調節層。選區和蓋印圖層從來是不大用的。

    Photoshop設計我機器人經典電影海報教程

    用大號畫筆通過塗抹蒙版讓男豬腳跟城市融合在一起。

    Photoshop設計我機器人經典電影海報教程

    降低他的飽和度,同樣這個調節層也要加剪貼蒙版。

    Photoshop設計我機器人經典電影海報教程

    再加一個色彩平衡,讓威爾的衣服帶一點藍色,不過我不想他肌膚的顏色也跟着變化,所以加一個蒙版限制區域是必須的。

    Photoshop設計我機器人經典電影海報教程

    這個曲線和蒙版的作用是糖威爾的頭髮不顯得那麼的亮,圖中的選區其實是不存在的,我是故意弄出來做一個提示。

    Photoshop設計我機器人經典電影海報教程

    還有這個曲線和蒙版,使風衣肩部的的亮度提高一些,有一種風塵僕僕的味道,原圖中威爾的膚色偏紅,可我喜歡藍色。要記得到目前為止,我所有的調節層都是剪貼蒙版,

    Photoshop設計我機器人經典電影海報教程

    繼續置入一張該片里的BOSS圖片,我不知道他的名字,不過很眼熟。原圖中威爾的後面是一個女主角,可我找遍大江南北也找不到她的劇照,只好找個男的放在威爾後面,激情四射啊,那怨恨的眼神。

    Photoshop設計我機器人經典電影海報教程

    把他的圖層移到威爾圖層的下面。為什麼我是先完成威爾再搞這個BOSS是有我的原因的,我認為把威爾作為主體定位后能更好的安排這個BOSS的位置和尺寸,這算不算也屬於統籌學?

    Photoshop設計我機器人經典電影海報教程

    添加一個蒙版去背出BOSS。去背像這種質量不是很高的圖片,別糾結於什麼色版啊計算等等了,乾脆就三個字:畫筆。我認為在蒙版里用畫筆塗是最好的,操作簡便有效。

    Photoshop設計我機器人經典電影海報教程

    接着我用了好幾個調節層讓BOSS的膚色接近威爾,比如可選顏色,黑白,色彩平衡等等,一大堆啊。

    Photoshop設計我機器人經典電影海報教程

    紅色圈圈位置的城市和雲彩的過度極其難看,剛才是我忘記處理了。

    Photoshop設計我機器人經典電影海報教程

    找到雲彩層,在蒙版里用大號畫筆過度一下,順便把城市的透明度改為35%左右。

    Photoshop設計我機器人經典電影海報教程

    現在開始做海報當中那團光芒四射的東西,新建一層,按D恢復前景色和背景色。“濾鏡-雜色-添加雜色”,選擇單色,把雜色的數值調到最大。

    Photoshop設計我機器人經典電影海報教程

    按CTRL+R打開標尺,我的一直開着,如果你沒開的可以按前面的快捷鍵打開標尺,布置兩條上下左右居中的參考線。

    Photoshop設計我機器人經典電影海報教程

    選擇橢圓選區工具,把羽化半徑設為20像素,以參考線交叉點為中心拉出一個400像素左右大小的圓形選區,按CTRL+J複製一層,順便把底下的雜色層填充為黑色。

    Photoshop設計我機器人經典電影海報教程

    CTRL+T,把這個複製的圓形雜色放大,直徑差不多等於畫布的橫向寬度就行。

    Photoshop設計我機器人經典電影海報教程

    取消選區,執行“濾鏡-模糊-徑向模糊”,把模糊數值調到最大,選擇縮放模式,品質為“好”,進行模糊。

    Photoshop設計我機器人經典電影海報教程

    一次不夠的話可以兩次,但是也別過分。

    Photoshop設計我機器人經典電影海報教程

    進入色版,複製一個色版,紅綠藍任意一個都可以,調一下曲線,讓對比度強烈一點。

    Photoshop設計我機器人經典電影海報教程

    按CTRL+鼠標左鍵複製選區,回到圖層,刪掉徑向模糊層和下面的黑色層。新建一層,填充白色,把它移到畫布下面的四分之一位置。

    Photoshop設計我機器人經典電影海報教程

    感覺還是很小,繼續CTRL+T放大,估計放大了165%,我目測很準的哈哈。

    Photoshop設計我機器人經典電影海報教程

    添加一個曲線調節層,通過蒙版讓底部在暗一點。

    Photoshop設計我機器人經典電影海報教程

    我從昨天晚上就開始尋找這些素材了,比如這四張小圖也花了我不少功夫,跟原圖一模一樣有沒有?

    已打包微盤噢,文章頂部可下載。

    Photoshop設計我機器人經典電影海報教程

    添加蒙版用畫筆隨便塗抹,根本沒有什麼章法的,如果你認為塗過頭了就按X反色糾正過來,蒙版應該是PS里最容易理解的東西了,黑色遮蓋,白色顯示,沒有比這個更簡單的了。

    Photoshop設計我機器人經典電影海報教程

    添加一個純色調整層,讓畫布的下半部分帶點淡淡的藍色,蒙版很重要,我想讓上半部分和小圖中男豬腳的臉還是呈現原來的顏色。

    Photoshop設計我機器人經典電影海報教程

    貌似太藍了,把透明度調低一點,調到45,現在自我感覺非常的好。

    Photoshop設計我機器人經典電影海報教程

    置入一張建築物的圖片。

    Photoshop設計我機器人經典電影海報教程

    添加蒙版,主意小圖中一些重要的元素要露出來。

    Photoshop設計我機器人經典電影海報教程

    新建一層,CTRL+ALT+G轉為剪貼蒙版,用白色畫筆在最中心塗幾筆,模擬原圖中的亮光。

    Photoshop設計我機器人經典電影海報教程

    用一個曲線調整層把建築物提亮。

    Photoshop設計我機器人經典電影海報教程

    新建一個橙色的純色調整層,把圖層混合模式改為“顏色”,然後剪貼蒙版,讓這個顏色只作用在建築物上。

    Photoshop設計我機器人經典電影海報教程

    粘貼進一張烏雲密布狀的圖片。

    Photoshop設計我機器人經典電影海報教程

    把這張烏雲改為“疊加”,然後剪貼蒙版,現在建築物的明暗顯得多樣化了。

    Photoshop設計我機器人經典電影海報教程

    感覺建築物有點“刺眼”,我把它高斯模糊一點點。

    Photoshop設計我機器人經典電影海報教程

    利用智能濾鏡,我將近景稍稍塗出來一點點,這樣遠景深度模糊,而近景不那麼模糊。話說智能對象有時候也是非常的好用。

    Photoshop設計我機器人經典電影海報教程

    原圖中有男豬腳拉着女豬腳拚命奔跑的內容,像我預料的一樣,我根本找不到這個場景的原圖,最後應變能力奇強的我找了一張《諜影重重》里騎摩托車的劇照,反正《我,機器人》里也有威爾騎摩托車的鏡頭,是不是?

    Photoshop設計我機器人經典電影海報教程

    縮小,添加蒙版用畫筆去背出來,這麼小的圖,根本看不到什麼細節的,放心大膽的用畫筆,別老惦記什麼鋼筆色版了。

    Photoshop設計我機器人經典電影海報教程

    用一個剪貼蒙版曲線把傑森調暗。

    Photoshop設計我機器人經典電影海報教程

    感覺太單薄了,再放一個女人跟着他跑好像也說不過去,影片里有威爾帶着貓跑的鏡頭,但是一隻貓跟着摩托車跑太不科學了,最後權衡再三,我準備讓一條狗跟着他跑。

    Photoshop設計我機器人經典電影海報教程

    縮小,加蒙版去背圖。

    Photoshop設計我機器人經典電影海報教程

    用一個剪貼蒙版曲線把狗狗也調暗一點。

    Photoshop設計我機器人經典電影海報教程

    添加一個雜色層,圖層混合模式改為“疊加”。透明度改為8%。

    Photoshop設計我機器人經典電影海報教程

    最後是瞄準器。

    Photoshop設計我機器人經典電影海報教程

    片名我把它漢化了,字體的圖層樣式不再詳述咯。

    Photoshop設計我機器人經典電影海報教程

    最後效果如下:

    Photoshop設計我機器人經典電影海報教程

    — —

    文章永久連結為: Photoshop設計我機器人經典電影海報教程