Whenever I say...

Remember to give me a LIKE @ my FaceBook Page, TQ!

~ ♫ ~

:: 我喜欢。雨天。23/04/12

:: 我的第一本插画电子书 ~《星星不见了》, 已经出街了,APPLE APP 形式下载。
LIKE我设在FB的专页!
谢谢你们!:) 12/11/12

:: Apple App download 星星不見了




Showing posts with label 分享教学/Tutorial. Show all posts
Showing posts with label 分享教学/Tutorial. Show all posts

23.8.10

许诺给她的一片Sunflower Field


承诺了画一幅向日葵花田给我的老友~ 苑
因为新居入伙嘛!
几个月了吧?一直都没有动笔。
因为我知道这是一项艰巨的工程。=.=!!



虽然我喜欢向日葵,也很喜欢画向日葵,
可是向日葵花田是由好多好多好多朵的向日葵组成的。
(如图看得出我的画纸没有很理想呢!很涩的纸质。)



在大把大把的黄色橘色下去之后(大火快炒?),
就需要一朵一朵慢慢地收(小火慢煮?)。



一朵一朵勾勒,而且这幅图是大张长形的,
所以我花了整整两天才将之完成。
好久......



我觉得自己现在画向日葵的感觉,跟以往很不一样了!
感觉很实在,当然颜色和风格方面还是很自己的feel!


其实我还蛮满意的呢!你呢?:)



画好之后,
突然很不舍得送出去。
以后我也有家了,我一定会把一整片的向日葵花田种在客厅的墙上的!:)


希望这幅画不会只是燃烧你的眼睛而已。
还要提醒你要用热情来活出自己的精彩人生。




Drawing done on 22/08/10

4.12.09

雪人宝贝,1 2 3 !

心血来潮!我说如果是你!XD
有空可以用水彩画画属于你的雪人宝贝哦!
简单步骤,123 GO!

1. 用铅笔简单描绘出你的雪人图样。
(不难的!你看我画的线条都很简略!)

2. 再来就是用水彩在头部和身体的地方淡淡刷上一层浅蓝色。

3. 哟哟!给帽子和手套涂上喜气的圣诞红!留点白没关系!

4. 然后用比较深的红(建议用原本的红掺一点点蓝色就会变深了!)
在帽子和手套上增加一些层次感。
例如画一些线条和一些点点的effect。边缘部分加深会让整体变立体。

5. 记得帽子的毛毛棉部分要涂上粉红色哦!

6. 毛毛棉的部分继续用较深色点缀。

7. 围巾先上一层薄薄的青色,然后用较深色勾勒出你喜欢的花纹。

8. 原本的头和身体部分的蓝色,
可以再用更深一点的蓝色来做一些效果。(这边点点那边划划!:D)

接着整体上你大概会看到这样的效果。

9. 雪人怎么可以没有可爱的眼睛鼻子嘴巴呢?
画上腮红吧!会让他更俏丽一点!

可以在身上加一些小玩意,例如纽扣啦!和雪花图样哦!
这样才不会太空泛!:)

10. 别以为这样就结束了哦!
最后呢!就是用广告颜料的白色来画龙点睛啦!
(因为广告颜料是不透明的。)
你会发觉到,有加一点白色会比没有加的来得生动活泼。

10. YEAH! 大功告成咯!
是不是还蛮简单的呢?呵呵!

这个雪人宝贝其实很简单的!画多几次就很熟练的了!
圣诞节就快要到了,你可以在厚的图画纸上创作,
然后将特别的雪人圣诞卡送给你的好朋友!
不错吧?:)

*******************************************************************


题外话~

其实今天到ART Friend去买了两支水彩笔。
看到新新的它们,感觉很兴奋!

我说啊!当一堆水彩笔竖立在架上的时候,它们其实还不能算是水彩笔。
因为还没有人去用它,去实践它的功用。

简单如一支铅笔,一块胶擦,
当它们还没有被你使用的时候,它们也只不过是一种物品而已!

所以,
使用了它们的你,赋予了它们的名字的意义。
所以,
赋予了它们的生命的你,
是不可以轻易糟蹋它们的!

因为在那么多的它们当中,你却选到了

所以,
要懂得珍惜和爱惜自己的物品哦!

话说回来,
我很喜欢绿色的那支!
笔身胖胖的,很舒服的握感!
宝石绿很漂亮,笔的末端设计还是渐粗的圆头收尾!很可爱丫!

价钱是新币8块多...... (贵!=.=!!)
可惜我不懂笔毛是什么材质,没有说明。

工欲善其事,必先利其器。
我认了!

(往后的日子,要画更多更好的作品,不可以再偷懒了!)

4.6.09

Tutorial: Navigation Button/Link

很久没有分享Tutorial了!
其中一个原因是真的很麻烦,要print screen又要做一些归类和edit.... =.=!!
还有其实有很多方法网络上面都有简易的教程,而我只不过是充当翻译和简化步骤而已!

上一回要post那个bar to insert sticker code的tutorial.
当我花了很长一段时间做好后,却显示不出来。html码的问题,post上来后完全看不到code. 懊恼!
所以之后,我就有点意兴阑珊了...... 气!!!

OK! 言归正传!
这次是关于Navigation Button的Tutorial, 何谓Navigation Button呢?就是这个啦~
你可以自行放有关你自己讯息的link,这样子你的部落格看起来就比较像是个人网站。
(这里教的是简单的Navigation Button, 花俏的我还不会!XD)

这里有个重点,
就是你必须先在Edit Template里加入一个新的code, 然后才在Layout加上一个HTML/JavaScript的Gadget.
次序决不能颠倒!!!

1. Layout - Edit html - Edit Template

<b:skin></b:skin> 之间加入以下的code.
(可用ctrl+F寻找<b:skin> 的所在!)

a.navigation {
background: #000000;
color: #ffffff;
margin: 1px;
padding: 5px 35px 5px 5px;

border-width: 0;
text-transform: uppercase;
text-decoration: none;

font-weight: bold;
}
a.navigation:hover {
background: #5d5d54;
text-decoration: none;

}


其中,颜色码的分配:
这里有个Color Calculator用以截取你想要的颜色。


2. 好了之后,记得要Save你的Template.


3. 在你的Layout add一个HTML/JavaScript的box. 放在Header之下!

Paste入以下的html code:

<a class="navigation" href="http://your-link-url.blogspot.com">Your link</a>
<a class="navigation" href="http://your-link-url.blogspot.com">Your second link</a>
<a class="navigation" href="http://your-link-url.blogspot.com">Your third link</a>



在上面的网址里替换你要的link address, 在Your Link里替换你想要显示的link text.

如果你有超过4,5个Navigation Button, 那就依上述的code继续追加,与此类推......

参考网站:http://www.bloggerbuster.com/2007/10/create-navigation-buttons-for-your-blog.html

OK! 大致如此了!希望有兴趣的朋友们能够顺利取得你想要的效果喔!:)

21.2.09

拼出你自己

在台湾人气部落格,人二,那里看到了有关在photoshop里制作拼图的教程!
哇噻!好酷哦!
虽然一直都知道可以制作拼图效果,但还真的是第一次动手做呢!

人二兄那里借过来的YouTube, puzzle tutorial.



***************************************************************************

这是之前我把画作拿去给别人做出拼图的样子啦~ (亮面的,拍得不好!)


我喜欢看着那些凌乱而无意义的小拼图卡,
用耐心慢慢地拼成非常有意思的一幅图画!
而也只有在拼拼图的时候,大脑是非常专注地在做着一件事情。
什么烦恼啦!顾虑啦!全部都会暂时抛开!

对我而言,
是沉淀自己,过滤心情的活动哦!

整个过程其实就像是拼出另一个自己一样,
当拼图拼好了,
就要把自己再次完整呈献给自己的人生咯!

5.1.09

帮你记得系上安全带

话说这一次返家,当我坐上自己家的车后座时......

哈哈哈~ 这等聪明的事情当然是我那可爱的妈妈做的啦!
(白纸+透明胶带+原子笔)

不过还真的超有效的,坐上车,笑一笑,马上自动绑安全带了!:)
(给妮妮的妈妈来点掌声吧!!!! XD)

*****************************************************************

所以我回来后,就动笔开始Optimize的工作...... ^^

点击放大成Actual Size

是的!这图我就以A5 actual size post在这里了。大家喜欢的话可以直接print out+ laminate做成可以挂在车上的小小Reminder Board啦!^^

p/s: Size可能会out, 可以自行在printing的时候作调整。所以我的图很大,希望在resize的时候不会pixelize! =.=!!


基於某些理由, 不能post原圖在這裡了,敬請見諒!


新年快到了哦!
提醒你kopi lui有些人赚得很勤的!=.=!!
(重点是安全第一哦!)

希望大家钱包满满过牛年啦!新年快乐!:)


相关网友文章:

12.12.08

Tutorial: Change ur Blog Background

通常Blogger的background都是在html里面改的,所以只要找到指令所在,再换background link就ok的了! 所以你需要一个web album以便拥有你自己的background image link!

1. Layout - Edit html - Edit Template

由于每个人的blog template都不一样,所以要花点时间找一找!
通常都是在 variable 指令下面,body 的指令之后。(可用ctrl + F 来找)

注意: 是最先出现的background指令哦!因为一个blog通常有几个background(post, side bar)!
不确定的话,你改了link可以先preview看看!

2. 如果你要放的图是很大的一张,而且不需要重复的,那么只要在刚才的指令之后加上 no-repeat, 如下图:


3. 另外我发现,如果你有photobucket的话,在 Album Theme 里也有很多不错的选择哦!
save了喜欢的Album Theme后,right click - view background image


4. 然后把 image link copy and paste 到你的blog - Edit Template里replace background link咯!


建议: 你也可以自行在PS里制作你喜欢的background, Dimension大概是 160 X 160 px 就ok了(因为是repeat的图)。
如果你要background的图案大一点的话(或者原本就是大大的一张图),Dimension 可以依己喜好调整哦!

应该不难的,只怕我说得越多便复杂化了!哈!:)

4.12.08

Tutorial: Snow Effect

贴心的Blogger Buster release了snow effect的widget......
非常的light和温馨的感觉,在整个页面下雪又不会lagging...... :)

  • 在你的Layout add一个HTML/JavaScript的Gadget,然后copy & paste以下的code就ok了!

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">

/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript

* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/

* Please keep this notice intact

***********************************************/
</script>

  • 要不就直接来这里click Add Snow Effect to your Blogger Blog,更方便的说!

建议: 可以不放上Snow Effect的Title,然后把HTML/JavaScript Gadget移到任何一个地方(我放在最下面啦! ^^)。

1.11.08

Tutorial: How to make a web icon - Favicon

所谓的Favicon, 就是在我的网页address旁边的那颗小苹果啦!:)

1. 将你想要的web icon upload到any web album. 主要目的是让你的Favicon拥有自己的direct link.
  • Original size大概是16px X 16px,可是在制作的时候(例如在PS), 可以放大来做。
  • 建议尺寸: 60px X 60px
  • File type: JPG, GIF, PNG
2. 在你的blog, 到 Layout>Edit HTML
  • 在Edit Template里,before </head>, copy & paste以下的html.
<link href='http://ur icon url.png' rel='shortcut icon'/>

<link href='http://ur icon url.png' rel='icon'/>

如图所示:
注意: 一定要在 </head> 之前,可以用ctrl + F, type </head> 寻找指令所在。

3. 然后将你的Favicon路径replace在原本的web address当中就ok了,记得先preview, 觉得ok了再save.

参考网站:http://www.bloggerbuster.com/2008/04/favicons-made-easy.html

16.10.08

Tutorial: Header's flash effect

首先呢!想声明说..... 这个flash是我到其它网页read page source抓出来的html指令。
如果有错误或误导人的地方要告诉我啦!
以下就是如何制作有加flash的header的方法.....

1. 在你的Blogger customize add一个HTML/JavaScript的box. 这个box放在哪里都无所谓!


2. 然后copy以下的html到该content:

<embed style="LEFT: 600px; WIDTH: 400px; POSITION: absolute; TOP: 90px" width="400" quality="high" src="http://imgfree.21cn.com/free/flash/21.swf" height="200" wmode="transparent" type="application/octet-stream"></embed>

注意: 画红框的地方,必须依你自己的blog的形态去修改数值。蓝色底线的width不用管它,因为没有相应的反应,我也不懂有什么作用,如果有哪位高手知道的话可否相告?

3. 如图所示,Left, Top, Width, Height, 是决定你的flash在整个页面的position。(红色框框是整个flash在你的header的位置,可自行设定!)

基本上,copy了以上的html指令后,你再自己修改数值,save and run it, 就会了解到这些数值的作用。我怕我越说越乱!=.=!!
总而言之,Left, Top, Width, Height, 就是你决定你要的flash的所在位置啦!


4. 接下来是Flash的路径索引,我这里有几个参考的网站:

注意: 第2个网站的有些flash已经不存在了,所以你必须自己开new window来testing address,看看有哪一些flash是可行的或是你中意的。要不就去Googles找一找其它的相关网站咯!:)

选了你喜欢的flash后,就click进去取得address。



5. 最后就把address paste到刚才的html content里面,

6. 是不是很简单呢?要放几个flash都可以的,但是避免太lag,所以最多我只放两,三个!

注意: Flash所在的地方最好不要有any buttons or links, 因为会click不到哟!(你有解决的方案吗?有的话要教我这个半桶水的,哈哈!)

建议: 先做一个try try看,大概了解设定certain数值,会有什么样的变化后再继续另一个flash咯!

p/s: 这个做法还可以用在帖子哦!^^ 还有这只是我自己研究出来的方法,如果错了要跟我说啦!谢谢! ^^