【萌萌派教程】咚咚嗆~邪惡阿子滴處女教程№1st開始咯.
2005-11-01 00:01 | 阿子
喵活活,在這裏學了不少東西.現在素報答初心的時候了.
範例就拿前晚做個介個蘿莉開刀吧`-`.
准備:PhotoShop CS一只,蘿莉素材一只,急救箱一個(防止被萌倒時自救).
注:由于個人水平所限,難免有瑕疵之處,歡迎大家來指點.
對教程有疑問的朋友,可在回帖中提問.我將盡最大努力給予解答.
PS:也欢迎大家把自己做完后的作品放上来,我们之间可以互相交流一下.
稍微差点没关系的,没有人是天生就是高手的.
下面放上2年前偶的第一个作品,给大家打打气= =

----------------------------------------------------------------------------------------
Step_01:首先,打開PSCS,找到矩形工具.
按住鼠標左鍵,可以展開隱藏的子菜單.
這裏我們選擇自定義形狀工具.
圖例:

Step_02:在上方的自定義形狀工具屬性面板裏點擊展開按鈕,找到花5這個自定義形狀工具.單擊.
圖例:

Step_03:建立一個120*130的畫布.
後用花5在畫布裏拖出一個自定義圖形.
圖例:

Step_04:接著,在工具面板裏選中"直接選擇工具".(快捷鍵A>Shift+A)
注:"直接選擇工具"可以對節點進行細微的修改.
圖例:

Step_05:選中花心內部的所有節點.
注:這裏可以先用"路徑選擇工具"對創建的對象單擊一下,這樣該對象的所有節點都會出現.其中,空心方塊表示該節點未選中,黑色方塊代表已選中.節點的選擇方法可用直接選擇工具+shift一一加選,也可用該工具拖出一個框子直接框選.
圖例:

Step_06:在保持當前工具爲"直接選擇工具"的狀況下,用Ctrl+T對已選中的節點進行縮放.縮放好之後敲回車或左鍵雙擊確認縮放.大概做到下面這種情況就差不多了.
圖例:

Step_07:繼續用"直接選擇工具",間隔一個節點選中花葉部分.然後向內縮放一些.注意事項同上.
圖例:

Step_08:這是到目前爲止得到的圖形.
圖例:

Step_09:導入蘿莉的素材,並將它拖到當前文件中.注意,該素材所在圖層必須放置在自定義圖形之上.
圖例:

Step_10:然後將鼠標停留在蘿莉與形狀1的中間,按住Alt不放的情況下單擊左鍵.將形狀1作爲蘿莉的蒙板
圖例1:

圖例2:

Step_11:這是編組成功後的情況.
圖例:

Step_12:對蘿莉素材用Ctrl+T進行縮放.
圖例:

同step_01.
圖例:

Step_13:這裏給形狀1周圍加上一圈的小貓爪爪.主要通過複制和旋轉來完成.具體步驟偶就不多說了.大家可以自由的嘗試一下排列的位置.
圖例:

Step_14:回到圖層面板,選中形狀1的同時Ctrl+T,八個控制塊出現後,拖出縱橫2條參考線,使其交點與形狀1的中心點吻合.
圖例:

Step_15:工具面板,選定"橢圓選區工具"後,將鼠標移動到參考線的中心點,鼠標會變成一個+(完全與中心點吻合時,則+整體顔色會變成紅色.)然後拖出一個圓形選區.
圖例:

Step_16:編輯=>描邊.單位爲1個pixel.
圖例:

Step_17:再次回到圖層面板,新建一個圖層組,命名爲"ball".
圖例:

Step_18:建立完成後,在組內新建一圖層.命名隨意.
然後在描好的邊上畫一個小小的圓,填充(這裏用形狀也可.)
圖例:

Step_19:雙擊上一個步驟建立的層,在圖層樣式裏稍微設置一下.具體可參考圖例.
圖例:

Step_20:設置完畢後.將此層新建一個重疊在原圖層上.(關鍵步驟,否則就會出錯.)然後對複制後的副本使用Ctrl+T,將其中心點移動到2條參考現交叉處.
圖例:

Step_21:不要應用變換,按住Shift的同時旋轉該球.一次後確認變換.
圖例:

Step_22:S20注意事項未完成的話,此處就會出錯.完成了的情況下,使用Crtl+Shift+Alt+T,最終結果如下.
圖例:

--------------------------------------ImageReady部分----------------------------------------------------
這裏具體步驟就不一一說明了.
僅給處幾張截圖參考.希望看完後大家可以自己思考一下.
單擊此按鈕,快捷鍵Ctrl+Shift+M切換到ImageReady裏.
圖例:

IR的界面基本上和PS差不多,其中比較重要的就是(動畫)Animation面板了.
其他如果有不太熟悉的地方可以去搜索一下相關資料.
第1幀.源文件,圖層面板,和動畫面板的狀況.


第2幀.源文件,圖層面板,和動畫面板的狀況.



最終效果圖:

後記:msn上大炎曾跟我提到那個小圓珠如果羽化的話,可以增加質量感.
但鄙人理解是:球的面積很小,而且又處在高速運動下.羽化不羽化應該不會讓整體發生太大的變化.不過有興趣的朋友還是可以試一試的.
另外,不僅是圓球,其實心狀物體啦,字體啦,小貓爪爪啦都可以做運動的.
如果你有興趣的話,讓2個物體分別做相反軌道的運動也是可以的.
總之,要盡可能的開拓自己的思維.
-------------------------------------------全文完---------------------------------------------------
-
Chrono Cross Love
:
another drive




人的一生应该这样度过:当他回首往事的时候,他可以自豪的对自己说——该骂的烂游戏我都骂了;当他眺望未来的时候,他可以自信的对自己说——下一轮最烂游戏的冠军我现在就可以猜到;当他正在玩游戏的时候,他可以自得的对自己说——再烂的游戏我都可以体会到其中的乐趣。当他做到了这些,他就会成为真正的玩家,纯粹的玩家,勇敢的玩家,英雄的玩家……
———————————————
记忆不可靠……
回过头……
我已泪流满面……
範例就拿前晚做個介個蘿莉開刀吧`-`.
准備:PhotoShop CS一只,蘿莉素材一只,急救箱一個(防止被萌倒時自救).
注:由于個人水平所限,難免有瑕疵之處,歡迎大家來指點.
對教程有疑問的朋友,可在回帖中提問.我將盡最大努力給予解答.
PS:也欢迎大家把自己做完后的作品放上来,我们之间可以互相交流一下.
稍微差点没关系的,没有人是天生就是高手的.
下面放上2年前偶的第一个作品,给大家打打气= =

----------------------------------------------------------------------------------------
Step_01:首先,打開PSCS,找到矩形工具.
按住鼠標左鍵,可以展開隱藏的子菜單.
這裏我們選擇自定義形狀工具.
圖例:

Step_02:在上方的自定義形狀工具屬性面板裏點擊展開按鈕,找到花5這個自定義形狀工具.單擊.
圖例:

Step_03:建立一個120*130的畫布.
後用花5在畫布裏拖出一個自定義圖形.
圖例:

Step_04:接著,在工具面板裏選中"直接選擇工具".(快捷鍵A>Shift+A)
注:"直接選擇工具"可以對節點進行細微的修改.
圖例:

Step_05:選中花心內部的所有節點.
注:這裏可以先用"路徑選擇工具"對創建的對象單擊一下,這樣該對象的所有節點都會出現.其中,空心方塊表示該節點未選中,黑色方塊代表已選中.節點的選擇方法可用直接選擇工具+shift一一加選,也可用該工具拖出一個框子直接框選.
圖例:

Step_06:在保持當前工具爲"直接選擇工具"的狀況下,用Ctrl+T對已選中的節點進行縮放.縮放好之後敲回車或左鍵雙擊確認縮放.大概做到下面這種情況就差不多了.
圖例:

Step_07:繼續用"直接選擇工具",間隔一個節點選中花葉部分.然後向內縮放一些.注意事項同上.
圖例:

Step_08:這是到目前爲止得到的圖形.
圖例:

Step_09:導入蘿莉的素材,並將它拖到當前文件中.注意,該素材所在圖層必須放置在自定義圖形之上.
圖例:

Step_10:然後將鼠標停留在蘿莉與形狀1的中間,按住Alt不放的情況下單擊左鍵.將形狀1作爲蘿莉的蒙板
圖例1:

圖例2:

Step_11:這是編組成功後的情況.
圖例:

Step_12:對蘿莉素材用Ctrl+T進行縮放.
圖例:

同step_01.
圖例:

Step_13:這裏給形狀1周圍加上一圈的小貓爪爪.主要通過複制和旋轉來完成.具體步驟偶就不多說了.大家可以自由的嘗試一下排列的位置.
圖例:

Step_14:回到圖層面板,選中形狀1的同時Ctrl+T,八個控制塊出現後,拖出縱橫2條參考線,使其交點與形狀1的中心點吻合.
圖例:

Step_15:工具面板,選定"橢圓選區工具"後,將鼠標移動到參考線的中心點,鼠標會變成一個+(完全與中心點吻合時,則+整體顔色會變成紅色.)然後拖出一個圓形選區.
圖例:

Step_16:編輯=>描邊.單位爲1個pixel.
圖例:

Step_17:再次回到圖層面板,新建一個圖層組,命名爲"ball".
圖例:

Step_18:建立完成後,在組內新建一圖層.命名隨意.
然後在描好的邊上畫一個小小的圓,填充(這裏用形狀也可.)
圖例:

Step_19:雙擊上一個步驟建立的層,在圖層樣式裏稍微設置一下.具體可參考圖例.
圖例:

Step_20:設置完畢後.將此層新建一個重疊在原圖層上.(關鍵步驟,否則就會出錯.)然後對複制後的副本使用Ctrl+T,將其中心點移動到2條參考現交叉處.
圖例:

Step_21:不要應用變換,按住Shift的同時旋轉該球.一次後確認變換.
圖例:

Step_22:S20注意事項未完成的話,此處就會出錯.完成了的情況下,使用Crtl+Shift+Alt+T,最終結果如下.
圖例:

--------------------------------------ImageReady部分----------------------------------------------------
這裏具體步驟就不一一說明了.
僅給處幾張截圖參考.希望看完後大家可以自己思考一下.
單擊此按鈕,快捷鍵Ctrl+Shift+M切換到ImageReady裏.
圖例:

IR的界面基本上和PS差不多,其中比較重要的就是(動畫)Animation面板了.
其他如果有不太熟悉的地方可以去搜索一下相關資料.
第1幀.源文件,圖層面板,和動畫面板的狀況.



第2幀.源文件,圖層面板,和動畫面板的狀況.



最終效果圖:

後記:msn上大炎曾跟我提到那個小圓珠如果羽化的話,可以增加質量感.
但鄙人理解是:球的面積很小,而且又處在高速運動下.羽化不羽化應該不會讓整體發生太大的變化.不過有興趣的朋友還是可以試一試的.
另外,不僅是圓球,其實心狀物體啦,字體啦,小貓爪爪啦都可以做運動的.
如果你有興趣的話,讓2個物體分別做相反軌道的運動也是可以的.
總之,要盡可能的開拓自己的思維.
-------------------------------------------全文完---------------------------------------------------
-
Chrono Cross Love
:
another drive




人的一生应该这样度过:当他回首往事的时候,他可以自豪的对自己说——该骂的烂游戏我都骂了;当他眺望未来的时候,他可以自信的对自己说——下一轮最烂游戏的冠军我现在就可以猜到;当他正在玩游戏的时候,他可以自得的对自己说——再烂的游戏我都可以体会到其中的乐趣。当他做到了这些,他就会成为真正的玩家,纯粹的玩家,勇敢的玩家,英雄的玩家……
———————————————
记忆不可靠……
回过头……
我已泪流满面……