{"id":23,"date":"2016-04-11T02:00:30","date_gmt":"2016-04-11T02:00:30","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/?p=23"},"modified":"2016-04-25T13:38:58","modified_gmt":"2016-04-25T13:38:58","slug":"icons","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/2016\/04\/11\/icons\/","title":{"rendered":"#DLW02 Icons"},"content":{"rendered":"

An icon, when talked about in computing, is a picture which usually stands for a computer program, computer file, folder, or an action for a program to do. Icons are usually small pictures, but not always. Sometimes the user can change what size an icon is. \u00a0Computer icon – Simple English Wikipedia, the free encyclopedia<\/a><\/p>\n

We see icons everywhere.<\/p>\n

Could you design an icon?<\/h3>\n

Things to think about:<\/p>\n

What makes a good icon? \u00a0Shape? Colour?<\/p>\n

Susan Kare, who designed the original apple logo says:<\/p>\n

Good icons should be more like road signs than illustrations, easily comprehensible, and not cluttered with extraneous detail<\/p><\/blockquote>\n

For this challenge we want you to design an icon. It could stand for your school, your class or anything else.<\/p>\n

Making Icons<\/h3>\n

You can create icons with many types of software. They are generally limited in size and made up of pixels. A real challenge would be to make an icon 16 by 16 pixels.<\/p>\n

\"16x16\"<\/a><\/p>\n

or 32×32<\/p>\n

\"32x32\"<\/a><\/p>\n

or 64×64<\/p>\n

piskel<\/a>\u00a0is a webpage that lets you make icons.<\/p>\n

You can also make them with Microsoft Paint.<\/p>\n

\"paint-1\"<\/a><\/p>\n

Open Paint<\/p>\n

On the Home Tab click Image<\/strong> then Resize<\/strong>.<\/p>\n

 <\/p>\n

\"paint-2\"<\/p>\n

 <\/p>\n

In the dialog:<\/p>\n

    \n
  1. Highlight Pixels<\/strong><\/li>\n
  2. Uncheck Maintain Aspect Ration<\/strong><\/li>\n
  3. Set Horizontal & Vertical to 16<\/strong><\/li>\n<\/ol>\n

     <\/p>\n

    \"paint-3\"<\/a><\/p>\n

    The canvas will resize. Set the Zoom to the maximum 800%<\/p>\n

    \"paint-4\"<\/a><\/p>\n

    Show the Grid: View Check Gridlines<\/strong><\/p>\n

    \"paint-5\"<\/a><\/p>\n

     <\/p>\n

    Draw your icon (You can do better than this)<\/p>\n

    \"paint-6\"<\/a><\/p>\n

     <\/p>\n

    Set the zoom to 100% to see the real size.<\/p>\n

    \"paint-7\"<\/a><\/p>\n

     <\/p>\n

    You can save your icon as a png and insert it in your blog. How many icons can your class make. you could make a whole set.<\/p>\n

    Post your response toy your blog using the category #dlw16<\/strong> and tag it #dlw02<\/strong><\/p>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    An icon, when talked about in computing, is a picture which usually stands for a computer program, computer file, folder, or an action for a program to do. Icons are usually small pictures, but not always. Sometimes the user can change what size an icon is. \u00a0Computer icon – Simple English Wikipedia, the free encyclopedia … Continue reading #DLW02 Icons<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":25,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6185],"tags":[759429],"class_list":["post-23","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-challenges","tag-dlw02"],"jetpack_featured_media_url":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/dlw16\/uploads\/sites\/3676\/2016\/04\/icon-examples.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":11,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/posts\/23\/revisions\/26"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/dlw16\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}