picpost

Share |

ท่านใดที่นำบทความนี้ไปเผยแพร่ที่เว็บหรือบล็อกของท่านกรุณาทำลิงค์กลับมายังบทความต้นฉบับด้วยนะคะ ขอบคุณค่ะ

webdesign tool / Boxes Generator (web 2.0 styles) สร้าง Boxes โดยไม่ใช้โปรแกรม Photoshop



By : Admin

Date write : 2010-06-26 11:07:40   Date update : 2010-06-26 12:02:17





FreshGenerator is a webdesign tool which can create interesting graphic elements used in many web 2.0 sites.

You may use it to create boxes of different styles and colors. In order to make changes on your image later, store the link listed below the image.


To save the file you've just created, right click on the image and select "Save image as".




Exsample you can create and

- Bar in website in  Ebay.com


web design tools


download tools for webdesign



- Button

web design generator gif buttons



-------------------------------------------------------------------------------------------------


How to get this / แนะนำการใช้งาน



1. Go to
http://www.freshgenerator.com website

2. You can see generator look like this picture



At "box" tab


for create about

  •  Width
  • Height
  • Fill transparency
  • Color
  • Padding and Shadow


Tips

*เมื่อเปลี่ยนแปลงค่า ต้องกดปุ่ม Update ทุกครั้ง
* สามารถกรอกความกว้างยาว หรือโค๊ดของสีได้ โดยการพิมพ์ลงไปในช่องกรอก


website




At "Corner" tab


Tips

* ให้ติ๊กเลือกที่ Round corner ทั้งสี่ เพื่อสร้าง boxs ที่ีมีมุมกลมมนทั้งสี่ด้าน
* สามารถเลือกกำหนดความโค้งมน โดยแยกเป็น Corner width, Corner height ซึ่งควรจะมีค่าเท่าๆกัน

download web tools



At "Border" tab


Tips

* กำหนดให้ Border alpha เพื่อให้กรอบสีของเส้นขอบเนียนกับสีพื้นของ Boxes


create boxes no photoshop



At "Text" tab


Tips

* ใส่ได้แค่แถวเดียว ไม่มีการตัดบรรทัด



download web tools






" ความคิดเห็นใหม่อยู่ด้านบนค่ะ "

 

คอมเมนต์ แสดงความคิดเห็น

โดย*   Guest  [ Login | สมัครสมาชิกที่นี่]
รายละเอียด*
รหัสป้องกันสแปม*   ขอรหัสใหม่


กรอกตัวอักษรตามรูปด้านบน
   
 
 



แว่นตาแฟชั่น แว่นสายตาแฟชั่น แว่นตามิกกี้เมาส์ แว่นตาแบบ อั้ม พัชราภา แว่นตาแบบ ชมพู่ อารยา แว่นตาทรงกลม แว่นตาแฟชั่น
แว่นแฟชั่น