2012年2月21日 星期二

illustrator 透視_快捷 ( 不需套用3D 效果喔 )

在之前使用 illustrator 
 有看過一位室友
使用了  illustrator 透視快捷 
就跟 photoshop 透視的快捷一樣方便使用
就去研究出方法來
不過不幸的是在當完兵可以說是忘光光了 !!!
如今又突然要使用
就乾脆上 google 重新找回這個技巧  ^^"
這個用 illustrator 一定要會
超超超超超超超超超超超好用的 XD

怕之後忘記
就乾脆在這邊記錄一下啦

 先使用變形工具
Ctrl+shift+alt就可以啦 

注意事項:
在使用自由變形工具
必須先點住一點
在使用↑面快捷键

有圖有真相喔

一個正方形

用框框這個工具


指標+ctrl
指標+ctrl+shift+alt

有沒有很屌 !!!

2012年2月17日 星期五

鮭魚 (平面作品)


游阿游阿 ~ 淡水


游阿游阿 ~ 海洋


illustrator 上完色
很喜歡這種乾乾淨淨得顏色…^^|||

鮭魚最特別的習性
產卵期會回到出生的河川來生產
因此研究出它身上有奈米磁顆粒
幫助它們在要生產時可以回到出生的河川
不會迷路


2012年2月15日 星期三

BB戰士~ NO.263_Zapper Zaku Heavy Weapon Type

 

阿阿阿阿~~~
殺殺殺殺殺殺殺殺殺



啦啦啦~  沒人欄得住我


哈哈 !!! 我才是大魔王啦 !!! 


最後側面來一張
把你們砍成碎片~

2012年2月6日 星期一

霹靂布袋戲_風之痕


在劍君之後,
很久沒再畫布袋戲的人物了

今天就來畫一下另一很帥的角色
魔流劍~風之痕
下次在來著色 XD


上完色…






2012年2月5日 星期日

霹靂布袋戲_劍君十二恨

今天起床~ 我突然覺得我有必要好好的把認識劍君經過記錄一下

想起我第一次看到他出場時,
我還是個小學生 =.=
每天放學第一件事就是等 5點30分
坐在電視機前面,
準時收看霹靂布袋戲-霹靂狂刀,
每一次看到有新的人物新登場就覺得興奮
(每一位新登場人物,都會有專屬的配樂和詩句)

看到劍君出場時
背上肩著一個劍架上面有一堆劍(之後才知道有十二把)
再加上他出場時的詩句,超長的啦 !!!

一恨才人無行 
二恨紅顏薄命 
三恨江浪不息
四恨世態炎冷 
五恨月台易漏 
六恨蘭葉多焦
七恨河豚甚毒 
八恨架花生刺 
九恨夏夜有蚊
十恨薜蘿藏虺 
十一恨未食敗果 
十二恨天下無敵

再配上當時的動畫
念一句
一把劍飛出
一個敵人就爆掉了,超酷酷酷酷酷酷酷酷酷酷酷酷的啦 !

所以我就對他印象如此的深刻
可惜的是在之後,
家人可能覺得小孩子看那個好像不太好,
所以我看到霹靂王朝就沒有再看了

上高職時,又偶然的遇上了喜歡霹靂的同學
一個喜歡 風之痕
一個喜歡 蝴蝶君
又開始很高興得談論劇情
每天都一直問他們劇情(因為我家如今還未有第四台)

就一直到現在有斷斷續續的欣賞(不過劍君在好早的時候就掛了 -.-  ...傷心)


劍君十二恨

圖片來源:http://eportfolio.lib.ksu.edu.tw/~4950C022/blog?category=2018&node=000000007


我用 illustratorse 所繪的劍君
之後用 photoshop合成出有點舊舊破破的 feel








jquery_clock_fadeto(Jquery)

    var i = 0;
       
            clock();
            function clock(){
                var now,hours,minutes,seconds,time;
                now = new Date();
                hours = now.getHours();
                minutes = now.getMinutes();
                seconds = now.getSeconds();
                time = (hours >= 12) ? "A.M. ":"P.M. ";
                time += ((hours > 12) ? hours - 12 : hours) + " H";
                time += ((minutes < 10) ? " 0" : " ") + minutes + " M";
                time += ((seconds < 10) ? " 0" : " ") + seconds + " S";
                $("#gundamTime .clockBox").html(time);

                if( seconds % 5 == 0){
                    i = i % $(".gundamPic ul li").length;
                    $(".gundamPic ul li").eq(i).fadeTo(1000, 1).css({
                        opacity:1,
                        zIndex: 10
                        }).siblings().fadeTo(2000, 0).css({
                        opacity:0,
                        zIndex:9
                        });
                    i++;
                }
               
                setTimeout(clock,1000);
            }


對之前的 clock  做了修改
背景圖片加了淡入淡出效果 


2012年2月4日 星期六

jqeury_clock+picbur(jquery)

$(function(){
            var i = 0;   
           
            clock();
            function clock(){
                var now,hours,minutes,seconds,time;
                now = new Date();
                hours = now.getHours();
                minutes = now.getMinutes();
                seconds = now.getSeconds();
                time = (hours >= 12) ? "A.M. ":"P.M. ";
                time += ((hours > 12) ? hours - 12 : hours) + " H";
                time += ((minutes < 10) ? " 0" : " ") + minutes + " M";
                time += ((seconds < 10) ? " 0" : " ") + seconds + " S";
                $("#gundamTime .clockBox").html(time);
                if( minutes % 5 == 0){
                    if(i < $(".gundamPic ul li").length){
                        i++;
                    }else{
                        i=0;
                    }
                    $(".gundamPic ul li").eq(i).fadeTo(1000, 1).css('opacity', 1).siblings().fadeTo(2000, 0).css('opacity', 0);
                }
                setTimeout(clock,1000);
            }

        });

jquery_setTimeout_clock(Jquery)

function clock(){
                var now,hours,minutes,seconds,time;
                now = new Date();
                hours = now.getHours();
                minutes = now.getMinutes();
                seconds = now.getSeconds();
                time = (hours >= 12) ? "a.m.":"p.m.";
                time += ((hours > 12) ? hours - 12 : hours) + " H";
                time += ((minutes < 10) ? " 0" : " ") + minutes + " M";
                time += ((seconds < 10) ? " 0" : " ") + seconds + " S";
                $("#gundamTime").html(time);
                setTimeout(clock,1000);
             }       

2012年2月3日 星期五

地圖Map(平面作品)


地圖

illustratop、photoshop

一個很倦怠的下午
所創作的作品。
主要是想打造出奇幻效果
用了很多網路上的圖片
當然大部份是自己畫的XD


海底世界(平面作品)




海底世界

illustrator插畫

 簡單的描述一下
。 主要是畫珊瑚的生活環境變化比對

上面一張圖 
人們坐著最新的魔法船到深海
看到美麗的海底珊瑚生態
男孩很高興的歡呼
女孩帶著魚竿釣魚
科學家也讚嘆大自然的美麗
不斷的有各式各樣的魚類在他們身邊游來游去
下面一張圖
人們再次坐著最新的魔法船到深海
美麗的海底珊瑚生態不見了
科學家愁眉苦臉
想著因應之道
男孩、女孩帶著望遠鏡
再也找不到之前所遇到的魚類
珊瑚也全部白化
瀕臨死亡

環保的意題逐漸被人們重視
大家不要再亂排放廢水
和亂丟垃圾了




城市 City(平面作品)

城市 


illustrator畫的插畫

介紹一下好了 0.0
主要表達的是人生活環境的改變,
由最原始的兩棟小木屋,
前面有花、有草、小河,
旁邊有樹,
後面有小山,

之後就蓋起了高樓大廈,
原本的草地、小河,
變成了馬路,
人們也從走路變成了騎車。

隨著時代的進步,
後面又蓋起了一座座的工廠,
車子變成了卡車,
因為工 廠會排放很多廢氣,
所以最後面就沒有上色了,
只用單純的灰色線條。

畫這張的時候,
因為想畫出不同一般的城市,
最主要參考的資源還是從網路找來的。
大概畫了二個工作天吧!
還是有一些不完美的地方,
大家多多指教了。





樂高_戰車(軟體)

樂高戰車_後面(看我強大的火力)

 樂高戰車_側面
(巨大的輪子XD,用壓的就可以壓死人了)

樂高戰車_正面(衝啊!!! 阻我者死)


這是一個樂高積木的軟體…有天突然想到
就組出這個東東來 -.-

螭龍(平面作品)


 因為龍年嘛!!!
當然要畫一條龍來祝賀一下啊
(反正我本身也蠻喜歡龍的)

我用 ai 的線條模式
完成圖

改天再來幫它畫個背景好了   =.=
(應該要等蠻久的,或許不會畫了)


blender_快捷鍵筆記(blender)

滾輪        旋轉場景
b        區域選取
f        二點連在一起、三點組一面
i        插入關鍵影格
m        移動圖層
n        該場景的屬性設定表
z        object 模式物體變線
w(Subdivide)    選取一個object在中心加一個點
shift+滾輪    移動場景     
shift+c        準心置中
shift+a        add object
shift+space    分割的視窗放到全屏
shift+s        準心選單(配合3D Cursor)
shift+h        其他object均不能edit(配合ctrl+l使用)alt+h來解除
shift+d        複製
ctrl+top    分割的視窗放到全屏
ctrl+u        save user setting
ctrl+r        環狀切割
k+mouse_left        美工刀
ctrl+mouse_left    用滑鼠選取範圍內的object
ctrl+mouse_left    在滑鼠的指標位置建立一個點(要先選取一個vertex。相當於快捷鍵e)
ctrl+tab    edite mode(vertex、side、face)
ctrl+l        選取整個object(必需要點object的一部份、一個vertex)
ctrl+p        建立關聯
alt+j        選取兩個三角形可以合併
ctrl+t(quads to tris)        一個四邊形可以分成兩個三角形
shirt+ctrl+f(edge flip)    一個四邊形可以分成兩個三角形(方向和上一個切法相反)
posMode
alt+r        回到未Rotate的狀態
alt+g        回到未move的狀態
shift+i        關節控制操作桿(反向關節)
shift+e        對稱bone






這些都是看教學影片,並且自己實際操作過的筆記



蘋果和橘子(顏色暗了一點XD)








BB戰士~ 曹操+孫權老虎裝



我的曹操 ~ ~ 紅通通的 酷吧 !!!



嘿嘿嘿 !!!


正面來一張


來一張 虎眼 ~ 萬惡深淵


屁屁也要一張
結果 玩的太興奮把尾巴弄斷了!!!
XD ~緊急維修中 =.=|||

jquery_setTimeout_example(Jquery)

<script type="text/javascript">
    $(function(){
            var i = -1;
            var a = -1;
            $('#content #column-left .box .box-content').eq(1).attr("class", 'on1');
            $('#content #column-left .box .box-content').eq(1).attr("class", 'on2');

        //    alert($('.on2 .images div').length);
            autoShow();
            function autoShow(){   
                if(i+1<$('.on1 .images div').length){
                        i++;
                    }else{
                        i=0;
                    }
                    if(a+1<$('.on2 .images div').length){
                        a++;
                    }else{
                        a=0;
                    }

                $('.on1 .images div').eq(i).show().siblings().hide();
                $('.on1 .slidetabs a').eq(i).addClass("current").siblings().removeClass("current");
                $('.on2 .images div').eq(a).show().siblings().hide();
                $('.on2 .slidetabs a').eq(a).addClass("current").siblings().removeClass("current");
                timer = setTimeout(autoShow, 5000);
            }  
    });
</script>
-------------------------------------------------------------------------------------------------------------------------------
Other examples of jquery :
              http://www.minwt.com/?p=1138

最主要我知道了 eq() 抓取麼一個相同元素的使用方法,
不會因為每一次都 抓到第一個煩惱。