{"id":31,"date":"2011-02-04T15:31:04","date_gmt":"2011-02-04T19:31:04","guid":{"rendered":"http:\/\/www.rymocs.com\/blog3\/?p=31"},"modified":"2011-02-04T15:31:04","modified_gmt":"2011-02-04T19:31:04","slug":"web-design-basics-adding-button-elements-wireframe","status":"publish","type":"post","link":"http:\/\/www.rymocs.com\/blog3\/2011\/02\/04\/web-design-basics-adding-button-elements-wireframe\/","title":{"rendered":"Web design basics: Adding button elements to a wireframe"},"content":{"rendered":"<p>Takeaway: This tutorial shows you how to create and add button elements to your wireframe design.<\/p>\n<p>Using Photoshop CS2, I will demonstrate creating button elements for your wireframe design, and then ultimately adding them to your final website design as well.\u00a0 We will be creating two png image files and saving them, then converting them to gif file types when done. [Note: I have zoomed in the active window for most of the screen shots for better viewing.] This tutorial is a continuation of the post \u201c<a href=\"http:\/\/www.techrepublic.com\/blog\/web-design\/the-basics-design-a-website-wireframe-in-photoshop\/101\">The basics: Design a website wireframe in Photoshop<\/a>.\u201d<\/p>\n<p>\u00a0<a title=\"Button Elements\" href=\"http:\/\/www.techrepublic.com\/blog\/web-design\/web-design-basics-adding-button-elements-to-a-wireframe\/112?tag=content;blog-list-river\" target=\"_self\">Read more&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial shows you how to create and add button elements to your wireframe design.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[13,14,12,15,18,17,11,16],"_links":{"self":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/31"}],"collection":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":2,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":33,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/31\/revisions\/33"}],"wp:attachment":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}