{"id":192,"date":"2008-09-26T02:13:18","date_gmt":"2008-09-25T17:13:18","guid":{"rendered":"http:\/\/illustrator-labo.com\/?p=192"},"modified":"2009-02-02T14:57:47","modified_gmt":"2009-02-02T05:57:47","slug":"tutorial_%e5%85%89%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%81%ae%e5%8d%8a%e7%ab%8b%e4%bd%93%e9%a2%a8%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%90%e3%83%bc%e3%82%92","status":"publish","type":"post","link":"http:\/\/illustrator-labo.com\/?p=192","title":{"rendered":"Tutorial_\u5149\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u534a\u7acb\u4f53\u98a8\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u63cf\u304f"},"content":{"rendered":"

\"\"
\n\u9ed2\u3044\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u30d9\u30fc\u30b9\u306b\u900f\u660e\u611f\u306e\u3042\u308b\u30d0\u30fc\u3092\u4e57\u305b\u3001\u7acb\u4f53\u98a8\u306e\u30dc\u30bf\u30f3\u306b\u5149\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u5165\u308c\u305f\u30dc\u30bf\u30f3\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u3059\u3002\u6d3e\u624b\u3067\u3059\u306d\u3002<\/p>\n

<\/p>\n

0. \u5148\u305a\u306f\u6e96\u5099\u3002Web\u3067\u4f7f\u3046\u7d20\u6750\u306a\u306e\u3067\u3001\u66f8\u985e\u306e\u30e2\u30fc\u30c9\u306fRGB\u3001\u5358\u4f4d\u306f\u30d4\u30af\u30bb\u30eb\u3002
\n\u3000\u8868\u793a\u306f\u30d4\u30af\u30bb\u30eb\u30d7\u30ec\u30d3\u30e5\u30fc\u3001\u30d4\u30af\u30bb\u30eb\u306b\u30b9\u30ca\u30c3\u30d7\u306b\u30c1\u30a7\u30c3\u30af\u3067\u3059\u3002\u3000\u8a73\u3057\u304f\u306f\u30b3\u30b3\u2192<\/a><\/p>\n

\"\"
\n1: \u30d9\u30fc\u30b9\u306f\u6fc3\u3044\u30b0\u30ec\u30fc\u306b\u30b9\u30c8\u30e9\u30a4\u30d7\u3092\u4f7f\u3044\u307e\u3059\u3002
\nH480xW100px\u306e\u56db\u89d2\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002\u5857\u308a\u306b#222222\u306e\u6fc3\u3044\u30b0\u30ec\u30fc\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002
\n\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u30d1\u30ec\u30c3\u30c8\u306e\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u65b0\u898f\u5857\u308a\u3092\u8ffd\u52a0\u3057\u3001Freebies_\u30d4\u30af\u30bb\u30eb\u306e\u659c\u3081\u30b9\u30c8\u30e9\u30a4\u30d7\u30d1\u30bf\u30fc\u30f3<\/a>\u306e8px\u306e\u659c\u3081\u30b9\u30c8\u30e9\u30a4\u30d7\u30d1\u30bf\u30fc\u30f3\u3092\u5857\u308a\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

2: \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u63cf\u304d\u307e\u3059\u3002
\nW470xH40px\u306e\u56db\u89d2\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002\u30d9\u30fc\u30b9\u3068\u4e2d\u5fc3\u4f4d\u7f6e\u3092\u3042\u308f\u305b\u3066\u304a\u304d\u307e\u3059\u3002\u30ba\u30ec\u306a\u3044\u3088\u3046\u306b\u3002
\n\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306b\u5857\u308a\u30924\u3064\u91cd\u306d\u3066\u3064\u304f\u30ea\u307e\u3059\u3002<\/p>\n

\"\"
\n3: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e1\u756a\u4e0a\u306e\u5857\u308a\u306f\u30cf\u30a4\u30e9\u30a4\u30c8\u30020%:#FFFFFF \/ 20%:#000000 \u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u89d2\u5ea6\u306f-90\u5ea6\u3001\u63cf\u753b\u30e2\u30fc\u30c9\u306f\u30b9\u30af\u30ea\u30fc\u30f3\u3067\u3059\u3002<\/p>\n

\"\"
\n4: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e\u4e0a\u304b\u30892\u756a\u76ee\u306e\u5857\u308a\u30020%:#1A1A1A \/ 49%:#000000 \/ 51%:#333333 \/ 100%:#999999 \u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3001\u89d2\u5ea6\u306f90\u5ea6\u3002
\n\u52b9\u679c\uff1e\u30b9\u30bf\u30a4\u30e9\u30a4\u30ba\uff1e\u5149\u5f69\uff08\u5185\u5074\uff09…\u3000\u63cf\u753b\u30e2\u30fc\u30c9:\u30b9\u30af\u30ea\u30fc\u30f3:#FFFFFF \/ \u4e0d\u900f\u660e\u5ea6:20\uff05\u3000 \/ \u307c\u304b\u3057:6px\u3000\u3067\u3001\u304b\u3051\u307e\u3059\u3002<\/p>\n

\"\"
\n5: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e\u4e0a\u304b\u3089\u4e09\u756a\u76ee\u306e\u5857\u308a\u3001\u30d5\u30c1\u3092\u3064\u3051\u307e\u3059\u3002#000000 \u3067\u5857\u308a\u3002\u3000\u52b9\u679c\uff1e\u30d1\u30b9\uff1e\u30d1\u30b9\u306e\u30aa\u30d5\u30bb\u30c3\u30c8…\u3000\u30aa\u30d5\u30bb\u30c3\u30c8:1px\u3000\u3067\u592a\u3089\u305b\u307e\u3059\u3002<\/p>\n

\"\"
\n6: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e1\u756a\u4e0b\u306e\u5857\u308a\u3002\u30d5\u30c1\u306e\u30cf\u30a4\u30e9\u30a4\u30c8\u3092\u3064\u3051\u307e\u3059\u3002\u30000%:#FFFFFF \/ 20%:#000000 \u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u89d2\u5ea6\u306f90\u5ea6\u3001\u63cf\u753b\u30e2\u30fc\u30c9\u306f\u30b9\u30af\u30ea\u30fc\u30f3\u3001\u4e0d\u900f\u660e\u5ea640\uff05\u306b\u8a2d\u5b9a\u3002\u3000\u52b9\u679c\uff1e\u30d1\u30b9\uff1e\u30d1\u30b9\u306e\u30aa\u30d5\u30bb\u30c3\u30c8…\u3000\u30aa\u30d5\u30bb\u30c3\u30c8:2px\u3000\u3067\u592a\u3089\u305b\u307e\u3059\u3002<\/p>\n

\"\"
\n7: \u6700\u5f8c\u306b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u3092\u4e0d\u900f\u660e\u5ea680\uff05\u3002\u3000\u52b9\u679c\uff1e\u30b9\u30bf\u30a4\u30e9\u30a4\u30ba\uff1e\u89d2\u3092\u4e38\u304f\u3059\u308b…\u3000\u534a\u5f84:4px\u3000\u3067\u3001\u304b\u3051\u307e\u3059\u3002
\n\u2190\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306f\u3053\u3093\u306a\u611f\u3058\u3002<\/p>\n

\"\"
\n8:\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u5b8c\u6210\u3002<\/p>\n

\"\"
\n9: \u30dc\u30bf\u30f3\u3092\u63cf\u304d\u307e\u3059\u3002\u5e45480px\u306b W107xH24px \u306e\u677f\u3092x4\u914d\u7f6e\u3057\u3001\u677f\u306e\u9593\u9694\u30928px\u305a\u3064\u3002\u4f59\u3063\u305f2px\u306f\u4e21\u30b5\u30a4\u30c9\u306b1px\u305a\u3064\u632f\u308a\u5206\u3051\u307e\u3059\u3002\u30a2\u30f3\u30c1\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u907f\u3051\u308b\u70ba\u3001\u30d4\u30af\u30bb\u30eb\u304c\u7aef\u6570\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u4f5c\u308a\u307e\u3059\u3002
\n\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306b\u5857\u308a\u30923\u3064\u91cd\u306d\u3066\u3064\u304f\u30ea\u307e\u3059\u3002<\/p>\n

\"\"
\n10:\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e1\u756a\u4e0a\u306e\u5857\u308a\u306f\u30cf\u30a4\u30e9\u30a4\u30c8\u3067\u3059\u30020%:#FFFFFF \/ 70%:#000000 \u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u89d2\u5ea6\u306f-90\u5ea6\u3001\u63cf\u753b\u30e2\u30fc\u30c9\u306f\u30b9\u30af\u30ea\u30fc\u30f3\u3067\u3059\u3002
\n\u52b9\u679c\uff1e\u30d1\u30b9\uff1e\u30d1\u30b9\u306e\u30aa\u30d5\u30bb\u30c3\u30c8…\u3000\u30aa\u30d5\u30bb\u30c3\u30c8:-4px\u3000\u3067\u5c0f\u3055\u304f\u3057\u307e\u3059\u3002<\/p>\n

11: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e\u4e0a\u304b\u30892\u756a\u76ee\u306e\u5857\u308a\u30020%:#B8E021 \/ 100%:#629000\u3000\u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u89d2\u5ea6\u306f-90\u5ea6\u3001
\n\u52b9\u679c\uff1e\u30d1\u30b9\uff1e\u30d1\u30b9\u306e\u30aa\u30d5\u30bb\u30c3\u30c8…\u3000\u30aa\u30d5\u30bb\u30c3\u30c8:-2px\u3000\u3067\u5c0f\u3055\u304f\u3057\u307e\u3059\u3002
\n\u52b9\u679c\uff1e\u30b9\u30bf\u30a4\u30e9\u30a4\u30ba\uff1e\u5149\u5f69\uff08\u5185\u5074\uff09…\u3000\u63cf\u753b\u30e2\u30fc\u30c9:\u30b9\u30af\u30ea\u30fc\u30f3:#6EC470 \/ \u4e0d\u900f\u660e\u5ea6:75\uff05\u3000 \/ \u307c\u304b\u3057:8px\u3000\u3067\u3001\u304b\u3051\u307e\u3059\u3002<\/p>\n

12: \u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e1\u756a\u4e0b\u306e\u5857\u308a\u3001\u30d5\u30c1\u3092\u3064\u3051\u307e\u3059\u3002#000000 \u3067\u5857\u308a\u3002\u63cf\u753b\u30e2\u30fc\u30c9:\u4e57\u7b97\u3000\u4e0d\u900f\u660e\u5ea680\uff05\u3000\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

11: \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5168\u4f53\u306b\u3000\u52b9\u679c\uff1e\u30b9\u30bf\u30a4\u30e9\u30a4\u30ba\uff1e\u89d2\u3092\u4e38\u304f\u3059\u308b…\u3000\u534a\u5f84:12px\u3000\u3067\u3001\u304b\u3051\u307e\u3059\u3002<\/p>\n

12: \u6697\u3044\u307b\u3046\u306e\u30dc\u30bf\u30f3\u3082\u63cf\u304d\u307e\u3059\u300211\u306e\u30dc\u30bf\u30f3\u306e\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u3092\u30b9\u30dd\u30a4\u30c8\u30c4\u30fc\u30eb\u3067\u30b3\u30d4\u30fc\uff06\u9069\u7528\u3057\u307e\u3059\u3002
\n3\u3064\u3042\u308b\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e\u307e\u3093\u306a\u304b\u3001\u4e0a\u304b\u30892\u756a\u76ee\u306e\u7dd1\u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u5149\u5f69\uff08\u5185\u5074\uff09\u306e\u52b9\u679c\u3092\u524a\u9664\u3057\u30010\uff05:#4D4D4D \/ 100%:#1A1A1A\u3000\u306e\u6fc3\u3044\u30b0\u30ec\u30fc\u306e\u7dda\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002
\n3\u3064\u3042\u308b\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306e1\u756a\u4e0a\u3001\u30cf\u30a4\u30e9\u30a4\u30c8\u7528\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u4e0d\u900f\u660e\u5ea6\u3092\u300120\uff05\u306b\u843d\u3068\u3057\u307e\u3059\u3002<\/p>\n

\"\"
\n13: \u30dc\u30bf\u30f3\u306e\u30a2\u30d4\u30a2\u30e9\u30f3\u30b9\u306f\u3053\u3093\u306a\u611f\u3058\u2190\u3000\u5de6\u304c\u7dd1\u3067\u53f3\u5074\u304c\u30b0\u30ec\u30fc\u3067\u3059\u3002<\/p>\n

\"\"
\n14: \u5149\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u5165\u308c\u307e\u3059\u3002H100xW100px\u306e\u5186\u3092\u914d\u7f6e\u3057\u3001#B8E021 \/ #000000\u3000\u306e\u5186\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u7e2650\uff05\u306b\u7e2e\u5c0f\u3057\u3001\u63cf\u753b\u30e2\u30fc\u30c9:\u8986\u3044\u713c\u304d\u3000\u306b\u8a2d\u5b9a\u3002\u3000\u30dc\u30bf\u30f3\u306e\u4e0b\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002\u30b0\u30ec\u30fc\u3067\u306f\u4e2d\u5fc3\u3092\u305d\u308d\u3048\u3001\u7dd1\u3067\u306f\u4e0a\u3068\u4e0b\u306b2\u3064\u914d\u7f6e\u3057\u3066\u3088\u308a\u5149\u3089\u305b\u307e\u3059\u3002<\/p>\n

\"\"
\n15: \u6587\u5b57\u3092\u914d\u7f6e\u3057\u3066\u5b8c\u6210\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u9ed2\u3044\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u30d9\u30fc\u30b9\u306b\u900f\u660e\u611f\u306e\u3042\u308b\u30d0\u30fc\u3092\u4e57\u305b\u3001\u7acb\u4f53\u98a8\u306e\u30dc\u30bf\u30f3\u306b\u5149\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u3092… Continue Reading →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[21,26,44,13,28,14],"_links":{"self":[{"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=\/wp\/v2\/posts\/192"}],"collection":[{"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=192"}],"version-history":[{"count":0,"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=\/wp\/v2\/posts\/192\/revisions"}],"wp:attachment":[{"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/illustrator-labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}