Posts Tagged ‘Wordpress Blog แต่งบล็อก Wordpress’

How to make Cinemagraphs (still alive photos)

tidtee1974น้องแมวของฉัน 640x480..

Cinemagraphs คือ การผสมผสานระหว่างรูปถ่าย กับภาพเคลือนไหว หรือภาพวีดีโอ โดยจุดเด่นของภาพ Cinemagraphs นั้นคือการทำให้รูปภาพถ่ายธรรมดาๆเคลื่อนไหวได้เฉพาะจุด โดยการเคลื่อนไหวอย่างเป็นธรรมชาติ

.

ซึ่งเจ้าของไอเดียนี้คือ เจมี่ เบค อาชีพช่างถ่ายภาพ และ เควิน เคิร์ก นักสร้างกราฟฟิก ส่วนรูปแบบหรือประเภทของภาพแบบ Cinemagraphs นี้จะเป็นแบบ Gif Animation ที่มีนามสกุลไฟล์เป็น.gif

.

Cinemagraphs are still photographs in which a minor and repeated movement occurs. Cinemagraphs, which are usually published in an animated GIF format, can give the illusion that the viewer is watching a video. read more…

Credit : http://cinemagraphs.com/about/

Credit : http://cinemagraphs.com

Credit : http://en.wikipedia.org/wiki/Cinemagraph

Credit : http://www.sadung.com

.

.

โปรแกรมที่ต้องใช้ The program for make cinemagraphs

1.     Quick time player (Movie File โปรแกรมสำหรับเปิดไฟล์ Mov. ในโปรแกรมโฟโต้ช็อป)

2.     Windows live movie maker (VDO Editor โปรแกรมสำหรับตัดต่อวีดิโอ)

3.     Xilisoft video convertor ultimate (Convertor VDO File โปรแกรมแปลงไฟล์)

4.     Adobe photoshop CS3, CS4, CS5…..(Photos Editing Program โปรแกรมตกแต่งภาพ)

tidtee1974cg1.

.

.

ต้องลงโปรแกรม Quick time player ก่อน เพราะเป็นโปรแกรมสำหรับเปิดไฟล์ mov. ในโฟโต้ช็อป

Quick time player install first. This program for editing mov. File on PhotoShop Program

tidtee1974cg2.

.

.

Step : One  ต้องทำการตัดต่อ VDO เพื่อตัดช็อตสั้นๆมาทำภาพ Cinemagraphs

Click on windows live movie maker for editing the VDO

cg3

.

.

.

1.     เปิดโปรแกรม Windows live movie maker และคลิกที่ปุ่มเพิ่มวิดีโอ และรูปภาพ

Add the VDO on Windows live maker by click on the add VDO and picture button

cg4.

.

.

2.     เลือก VDO แล้วกดปุ่ม เปิด

Select your VDO and click on open

cg5.

.

.

3.     เลือกแก้ไข และเลือกซีนที่ต้องการ แล้วคลิกหรือเลื่อนเม้าท์กำหนดจุดเริ่มต้น แล้วกดที่ปุ่ม “ตั้งจุดเริ่มต้น” จากนั้นก็ตั้งจุดสิ้นสุดในแบบเดียวกัน แล้วกดปุ่ม “ตั้งจุดสิ้นสุด”

Click on open edit and select time duration on the VDO by click or slide on the vdo and click on “set start point” and set the end time duration and click on set end point like too

cg6.

.

.

4.     คลิกที่หน้าแรก แล้วกด “บันทึกภาพยนต์”

Click on home and save movie

cg8.

.

.

5.     ตั้งชื่อวิดีโอ และเลือกนามสกุลไฟล์เป็น wma แล้ว บันทึก

Setting your vdo name and set vdo file to wma file, click on save

cg9.

.

.

6.     กดปุ่ม ปิด

Click on closed

cg10.

.

.

.

Step : Two  เปิดโปรแกรมแปลงไฟล์ เพื่อแปลงไฟล์ wma. ให้เป็นไฟล์ mov.

Double Click on Xilisoft Video Convertor Ultimate for convertor vdo file

.cg11.

.

.

7.     คลิกปุ่มเพิ่มวิดิโอไฟล์ ที่ทำไว้ก่อนหน้านี้

Click on add vdo file

cg12.

.

.

8.     เพิ่มไฟล์วีดิโอ แล้วกดปุ่ม open

Select vdo file and clock on open

cg13.

.

.

9.     คลิกเลือกให้แปลงเป็นไฟล์ MOV-Quick Time Video

Select on profile to MOV-Quick Time Video

.cg14.

.

.

10.     ตั้งชื่อ vdo แล้วกดปุ่ม Invert Checked เพื่อแปลงไฟล์

Seting your vdo name and click on Invert Checked

cg15.

.

.

11.     แปลงไฟล์เรียบร้อยแล้ว คลิกที่เครื่องหมาย กากบาท เพื่อปิด

Completed and click on close

cg16.

.

.

Step : Three  นำวิดีโอที่แปลงไฟล์แล้ว ไปปรับแต่งในโฟโตช็อบ

Editing the VDO convertor and editing on Photoshop

cg17.

.

.

12.     เปิดโปรแกรมโฟโตช็อบ เลือกวิดีโอที่แปลงไฟล์เป็น mov แล้ว หรือลากไฟล์วิดีโอเข้าไปในโปรแกรมได้เลย

Open the vdo mov file or drag to Photoshop program

cg18.

.

.

13.     เลือกเมนู Window-Animation จะมีแถบ Timeline แสดงขึ้นมา

Click on Window-Animation for show Timeline tools

cg19.

.

.

14.     กดเปิดเมนูที่มุมขวาบนของพาเนล  Animation Timeline

Click on the panel menu at Animation Timeline

cg20.

.

.

15.     เลือก Trim Ducument Duration To Work Area

Select at Trim Ducument Duration To Work Area

cg21.

.

.

16.     เลือกเส้นเวลา (เส้นสีแดง) เพื่อเลือกเฟรม และเลื่อนขีดสีฟ้า ซ้าย-ขวา เพื่อกำหนดจุดเริ่มต้น และจุดสิ้นสุด

Slide curent time indicator for select your film and set to work area start and set work area end

cg22.

.

.

17.     เลือก Select และ All ที่เมนูด้านบน หรือกดปุ่ม “Ctrl+A” เพื่อเลือกพื้นที่ทั้งหมด จะมีเส้นประ เกิดขึ้นรอบๆภาพ

Click on Select ans All at the menu bar or “Ctrl+A” and have selection around the picture

cg23.

.

.

18.     เลือก Layer – new – Layer via copy ที่เมนูด้านบน หรือกด “Ctrl+J” เพื่อก๊อบปี้ภาพในเฟรมนี้ให้เป็นภาพธรรมดาในเลเยอร์ใหม่

Click on Layer – New – Layer via copy or “Ctrl+J” for copy this picture to new layer

cg24.

.

.

19.     เลือกที่ Layer 2 และกด Quick Mask Mode หรือกด “Q” จากนั้นใช้พู่กันระบายส่วนที่ไม่ต้องการให้เคลื่อนไหว

Click on Layer 2 and click Quick Mask Mode or “Q” and mask by brush don’t want to move a picture area cg25

.

.

20.     เลือกที่ Select – invert หรือ “Shift+Ctrl+I” เพื่อสลับด้าน

Click on Select – Invert or “Shift+Ctrl+I” for selection invert

cg26a

.

.

21.     เมื่อสลับด้านพื้นที่แล้ว กด Add Layer Mask

Click on Add Layer Mask

.cg27.

.

.

22.     กด Play เพื่อดูผลงาน

Click on Play for watch your VDO

cg28.

.

.

23.     เลือก File – Save for web & Devices หรือ “Alt+Shilft+Ctrl+S เพื่อเซฟเป็นไฟล์ gif.

Click on File – Save For Web & Devices or “Alt+Shift+Ctrl+S for save file to gif.

cg29.

.

.

24.     กำหนด File ภาพ, ขนาด และรายละเอียดต่างๆ

Setting Image Size and other

cg30.

.

.

25.     ตั้งชื่อภาพ และกด บันทึก

File name setting and save

cg31.

.

.

.

.

1197815838.

.

My Cinemagraphs

With my friends at work

tidtee1974At-my-work3.

.

.

With my friends at work

tidtee1974At-my-work1.

.

.

With my friends at work

At-my-work2.

.

.

My cat at home

tidtee1974-cat2

Advertisements

วิธีทำ Icon ไอคอน หรือ ภาพประจำบล็อก WordPress (แบบง่ายๆ)

How to make Icon / Blog Picture on WordPress (Make it easy)

1

.

.

1.         ต้องสร้างรูปภาพสีเหลี่ยมจตุรัสขนาด 100mb ก่อน โดยใช้โปรแกรม Photoshop ให้เปิดโปรแกรมขึ้นมา แล้วเลือกที่ File เลื่อนเม้าท์ลงมาที่ Open

(สามารถใช้โปรแกรมอื่นๆทำได้ ตามแต่ความถนัด หรืออาจจะตกแต่งภาพเพิ่มเติมเพื่อความสวยงามได้)

The first you must have four-square picture 100mb. We will make from Photoshop program, select File and Open

(Can used other program for edit and make the picture like your style)

2a.

.

2.         เลือกภาพในคอมพิวเตอร์ที่ต้องการทำไอคอน และกดปุ่ม Open เพื่อเปิดภาพ

Select the picturefrom your computerfor make the Icon and click on Open

3

.

.

3.         เลือกตัดภาพ Crop หากภาพมีขนาดใหญ่เกินไป และไม่ใช่ภาพสี่เหลี่ยมจตุรัส จากนั้นกำหนดขนาดภาพ 100cm [กว้าง 100cm x สูง 100cm]

Select Crop tools and setting the picture 100cm [Width 100cm x height 100cm]

4a

.

.

4.         ลากเม้าท์ลงบนภาพเพื่อตัดภาพ

Drag mouse on the picture for crop

5

.

.

5.         เลือก Image แล้วเลื่อนเม้าท์ลงมาที่ crop เพื่อตัดภาพ

Select Image and crop

6

.

.

6.         เลือก Image และเลื่อนเม้าท์มาที่ Image Size

Select Image and slide down to Image Size

7

.

.

7.         กำหนดขนาดรูปภาพ 100pixels กว้าง 100pixels x สูง 100pixels แล้วกดปุ่ม OK

Setting Image Size to 100pixels Width 100pixels x height 100pixels and click OK

8a

.

.

8.         เลือก File แล้วเลื่อนลงมาที่ Save As เพื่อจัดเก็บรูปภาพลงในคอมพิวเตอร์

Select at File and slide down to Save As for save as your computer

9

.

.

9.         จัดเก็บรูปภาพที่ได้ในโฟลเดอร์ที่เตรียมไว้ และเลือกไฟล์ภาพให้เป็น JPEG หรือ PNG ก็ได้จากนั้นกดปุ่มเปิด / Open

Save as Icon folder and setting picture format is JPEG or PNG and click on Open10

.

.

10.         ตั้งชื่อภาพหรือไอคอนที่ได้ จากนั้นกดปุ่มบันทึก / save

File name setting and click on save button

11

.

.

11.         กดปุ่ม OK

Click on OK button

12

.

.

12.         ลงชื่อเข้าใช้ WordPress เปิดที่หน้าควบคุมเลือกที่ ตั้งค่า และเลื่อนลงมาที่ ทั่วไป จะเห็นกล่องอัพโหลดภาพทางด้านขวามือ ให้กดที่ปุ่มเรียกดู เพื่อเลือกภาพไอคอนที่เรา Save ไว้

Loc in to your WordPress account and click on Dashboard. Select Setting and General. See at upload box. Click on browse for select the Icon picture

13

.

.

13.         เลือกรูปภาพสำหรับทำไอคอนที่เตรียมไว้ แล้วกดปุ่มเปิด / Open

Select on your Icon picture for upload to Blog Picture / Icon , and click on Open

14

.

.

14.         กดปุ่มอัพโหลดรูปภาพ

Click on Upload Image

15

.

.

15.         กดปุ่ม Crop Image

Click on Crop Image button

16

.

.

16.         เสร็จแล้ว! คลิกที่ลิงก์ Back to blog options เพื่อกลับไปที่หน้าบล็อกตั้งค่า

All done! and click on the link Back to blog options

17a

.

.

17.         ไอคอนมาแล้ว! กดที่ชื่อบล็อกเพื่อดูไอคอนที่หน้าบล็อก

Your Icon and click on your blog namefor see Icon on your blog page

18.

.

18.         ไอคอน และหน้าบล็อกสวยๆ

Icon and nice blog page

19

.

.

[ วิธีติดตั้งฟอนต์สวยๆ]

How to install nice fonts

1. ดาวน์โหลดฟอนต์แบบ TTF TTF Download

ตัวอย่างเว็บที่แจกฟอนต์ให้ดาวน์โหลดฟรี!

Free fonts download sample site!

Thai fonts  www.f0nt.com

Englisg fonts  www.fontsquirrel.com

1.

.

.

2.   กดปุ่มดาวน์โหลด Click on Download

2.

.

.

3.   เลือก Download และ Compressed Select Download and Compressed

3.

.

.

4.   ดับเบิ้ลคลิกที่ไฟล์ซิป Double click on zip file

4.

.

.

5.   คลิกขวาที่ไฟล์ซิป แล้วคลิก Extract Right click on zip file and slide down and click on Extract

5.

.

.

6.   สร้างโฟลเดอร์เก็บไฟล์ฟอนต์ แล้วกด Unzip Create folder for save the fonts file

6.

.

.

7.   ไฟล์ฟอนต์ที่ได้มาถูกเก็บไว้ในโฟลเดอร์ที่สร้างไว้ The fonts in your folder

7.

.

.

8.   คลิกขวาที่ไฟล์ฟอนต์แล้วเลือกที่ก๊อบปี้ Right click on the fonts file and select on copy

8.

.

.

9.   คลิกที่ Start และ Control Panel Click on Start and Control Panel

9.

.

.

10. คลิกที่โฟลเดอร์ฟอนต์เพื่อติดตั้ง Click on fonts folder

10.

.

.

11.   คลิกขวาตรงที่ว่างแล้วเลือก Paste Right click and paste

11.

.

.

12.    ฟอนต์ที่ได้ Here your fonts

12.

.

.

13.    ดาวน์โหลดฟอนต์แบบ OTF OTF Download

13.

.

.

14.    กดปุ่มดาวน์โหลด Click on Download

14.

.

.

15.    ดับเบิ้ลคลิกที่ไฟล์ซิป Double click on zip file

15.

.

.

16.    ดับเบิ้ลคลิกที่ไฟล์ฟอนต์ Double click on fonts file

16.

.

.

17.    กดปุ่ม Install Click on Install

17.

.

.

18.    ฟอนต์ที่ได้ Here your fonts

18.

.

.

.

.

[วิธีทำฟอนต์ไว้ใช้เอง]

How to make the fonts by yourself

หากใครมีฝีมือทางศิลปะ และอยากทำฟอนต์ไว้ใช้เองโดยไม่ซ้ำแบบกับใคร ก็สามารถทำเองได้นะ คลิกดูตามลิงก์ด้านล่างเร้ย (แต่สงัดชอบฟอนต์ที่คนอื่นทำมาให้ค่ะ สวยดี หุหุ)

If you wanna to make a font by yourself. You can see at the link “how to make a font”

How to make a font English version

www.bittbox.com

www.yourfonts.com

วิธีทำฟอนต์ เวอร์ชั่นภาษาไทย

www.f0nt.com

www.modxtoy.com

แบบสำหรับทำฟอนต์ Template for make a font
www.yourfonts.com

template

(ตามความเข้าใจเอาเอง และวิธีของสงัด HaHaHa)

หลายคนคงชอบถ่ายคลิปวิดีโอไว้ดูเล่น และอยากแบ่งปันให้เพื่อนๆได้ดูด้วย หรือบางทีอาจจะอยากทำคลิปส่วนตัวเพื่อแต่งบล็อกให้ดูกิ๊บเก๋ไปอีกแบบ วันนี้มีวิธีโพสคลิปส่วนตัวใน WordPress มาฝากค่ะ แต่จะเป็นการโพสคลิปด้วยโค๊ด HTML ซึ่งจะมีวิธีและขั้นตอนที่ยุ่งยากนิดส์นึง

สาเหตุที่ต้องแปลงไฟล์ก่อน เพราะว่าเวลาที่เราถ่ายวิดีโอคลิปจากมือถือ หรือจากกล้องถ่ายรูป ไฟล์คลิปที่ได้ส่วนใหญ่จะเป็นไฟล์ 3GP, 4GP, AVI และไฟล์อื่นๆ ซึ่งบางทีหรือส่วนใหญ่เมื่อโพสไฟล์ประเภทนี้ใน WordPress มักจะโพสไม่ได้ แต่ถ้าเป็นไฟล์ .FLV จะใช้ได้ค่ะ มีขั้นตอนดังนี้ค่ะ

1.วิธีแปลงไฟล์ VDO CLIP ส่วนตัว

2.วิธีโพส VDO CLIP ส่วนตัวใน Youtube เพื่อเอาโค๊ด

3.วิธีโพส VDO CLIP ส่วนตัวใน WordPress

  1. เปิดโปรแกรมแปลงไฟล์ขึ้นมา เพื่อทำการแปลงไฟล์คลิป (สงัดใช้โปรแกรมแปลงไฟล์ xilisoft vidio converter)

ดาวน์โหลดโปรแกรมได้ตามลิ้งค์ด้านล่างค่ะ

http://www.mediafire.com/?rhrzzwgwwmx#2

http://download.cnet.com/Xilisoft-Video-Converter-Ultimate/3000-2194_4-10863415.html

http://warezbul.com/xilisoft-video-converter-ultimate-5-1-37-0129-last-version-full-download.html

2. เลือก Picture And Animation และเลือกนามสกุลไฟล์ .FLV

3. เลือก File และเลื่อนเม้าท์ลงมาเลือก Add File(s)….เพื่อเลือกไฟล์วิดีโอ

4. เลือกไฟล์วิดีโอที่จะแปลงไฟล์

5. เมื่อเลือกไฟล์วิดีโอที่จะแปลงไฟล์แล้ว ให้ใส่ชื่อคลิป หรือจะไม่ใส่ชื่อก็ได้ จากนั้นให้กดปุ่ม Convert เพื่อแปลงไฟล์วิดีโอคลิป

6. รอโหลดไฟล์จนเสร็จ 100%

7. เมื่อโปรแกรมแปลงไฟล์เสร็จเรียบร้อยแล้ว เราจะลบคลิปที่แปลงไว้ในโปรแกรม หรือจะไม่ลบออกก็ได้ หากต้องการลบคลิปในโปรแกรมให้เลือก Edit แล้วเลือก Clear

(ต่อเนื่องจาก…วิธีแปลงไฟล์ VDO CLIP ส่วนตัว)

เมื่อได้คลิปวิดีโอที่เป็นไฟล์ FLV มาเรียบร้อยแล้ว เราก็จะนำคลิปอันนี้แหละ ไปโหลดใน Youtube เพื่อเอาโค้ดมาใส่ใน WordPress (ต่อเนื่องจาก…วิธีแปลงไฟล์ VDO CLIP ส่วนตัว)

ก่อนอื่นต้องสมัครเป็นสมาชิกใน YouTube ซะก่อน http://www.youtube.com/ เมื่อสมัครเป็นสมาชิกเรียบร้อยแล้ว เราก็มาโหลดคลิปกันเร้ย

  1. เลือก Sing In

2. เลือก Upload

3. เลือก Upload Video

4. เลือกไฟล์คลิปที่เป็น .flv (คลิปที่เราเพิ่งแปลงไฟล์มาจาก 3GP, 4GP, AVI….)

5. รอไฟล์ Upload เสร็จ 100%

6. เมื่อคลิป Upload เสร็จ 100% ให้เลื่อนเม้าท์ลงมาทางด้านล่าง จะเห็น Code ให้ Copy Code ไปใส่ใน WordPress หรือหากต้องการให้คลิปแชร์ไปที่เว็บอื่นๆด้วย ก็กดเลือกแชร์คลิปในช่องถัดไปด้านล่าง (เราต้องเป็นสมาชิกในเว็บที่ต้องการแชร์ด้วยนะคะ)

7. หากต้องการดู Code แบบชัดๆ และต้องการดูคลิปที่เราโหลดเก็บไว้ ให้เลือกที่ User Name ของเรา และเลือก My Videos

8. เลือกรายการคลิปที่ต้องการดู

9. กดที่ Embed แล้ว Code Clip ของเราก็จะโผล่ออกมา

10. หรือหากต้องการดูบล็อกรายการ Clip ให้เลือกที่ User Name ของเรา และเลือก My Channel จากนั้นก็ปรับแต่งสีสัน และอื่นๆตามใจชอบค่ะ

(ต่อเนื่องจาก…วิธีโพส VDO CLIP ส่วนตัวใน You Tube)

มาถึงขั้นตอนสุดท้าย ด้วยการนำ Code Clip มาโพสใน WordPress เฮ่อ…ได้โชว์ออฟกะเค้าซะที HiiHii

  1. Log In เข้าสู่หน้าหลัก WordPress แล้วเลือก เขียนเรื่องใหม่

2. เลือก HTML เพื่อใส่ Code Clip ที่เราเพิ่งได้ Code จากการ Upload คลิปใน You Tube เมื่อใส่ Code เรียบร้อยแล้ว ให้เลือกใส่หมวดหมู่ และป้ายกำกับ หรือจะไม่ใส่ก็ได้ค่ะ จากนั้นให้กด เผยแพร่

3. เลือกที่ชื่อบล็อกของเรา หรือกดที่ ดูหน้านี้ เพื่อดูหน้าบล็อกของเราค่ะ

4. Clip VDO ที่โพสเสร็จเรียบร้อยแว้ววววว

วันนี้จะเพิ่มหน้ารายการให้บล็อกกันนะคะ เพราะบางทีเราอาจจะมีเรื่องราวเยอะแยะที่อยากจะนำเสนอ มาเริ่มกันเรยดีกว่าค่ะ

1. เลือกที่ บล็อกของฉัน แล้วเลื่อนลงมาที่ หน้าหลัก

2. ตรงเมนูทางซ้ายมือเลือก เขียนหน้าใหม่

3. ใส่ชื่อหน้ารายการ, ใส่รายละเอียด ใส่รูปภาพ หรือข้อความที่ต้องการ จากนั้นกด เผยแผร่

4. กดเยี่ยมชมเว็บไซด์

เมื่อเพิ่มหน้ารายการในบล็อกแล้ว มันก็ยังไม่ถูกใจ งั้นต้องลบทิ้ง

  1. เลือก บล็อกของฉัน เลื่อนลงมาที่ หน้าหลัก ดูตรงเมนูซ้ายมือ ให้เลือกที่ หน้า

2. จะมีรายการหน้าที่เราเพิ่มไว้ ให้กดที่ Trash (คือลบทิ้ง)

วิธีเพิ่ม Widgets ในบล็อก WordPress

Widgets ในความเข้าใจของสงัดก็น่าจะหมายถึง รายการ หรือเมนู หรือเครื่องมือที่ใช้สำหรับติดต่อกัน คิดว่าน่าจะหมายถึงอย่างนั้นนะ เอาเป็นว่ามันคือรายการต่างๆทางซ้ายมือที่เห็นน่ะแหละ

1. กดที่ บล็อกของฉัน แล้วเลื่อนลงมาที่  หน้าหลัก

2. เลือก รูปแบบบล็อก Þ เลือก Widgets (กล่องเครื่องมือทางซ้ายมือ)

3. จากนั้นจะมีเครื่องมือให้เราเลือกใช้ตามใจชอบ โดยลาก Widgets ที่อยากจะใช้ทางซ้ายมือ ลากมาวางทางขวามือ Sidebar เลือกวางในตำแหน่งที่ต้องการ ในที่นี้ขอยกตัวอย่าง Widgets ข้อความละกัน

4. เมื่อลาก Widgets ข้อความ มาวางทางช่อง Sidebar เรียบร้อยแล้ว เราใส่ชื่อหัวข้อ หรือจะไม่ใส่ก็ได้ ส่วนรายละเอียดในช่องด้านล่าง เราจะพิมพ์ข้อความใส่ลงไป หรือหากต้องการให้เป็นภาพสวยๆ เราจะใส่ Code HTML ลงไปก็ได้ จากนั้นก็กด บันทึก และ ปิด

5. เมื่อเลือก Widgets เรียบร้อยแล้ว เรามาดูผลงานกัน ให้กดดูที่ Þ เยี่ยมชมเว็บไซด์

6. Widgets ที่เพิ่มเสร็จเรียบร้อย