[{"data":1,"prerenderedAt":764},["ShallowReactive",2],{"\u002Farticles\u002Fcg-ajisai":3,"content-query-OCnnr2sHB3":442},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"category":10,"tag":12,"thumbnail":17,"createdAt":18,"updatedAt":19,"body":20,"_type":436,"_id":437,"_source":438,"_file":439,"_stem":440,"_extension":441},"\u002Farticles\u002Fcg-ajisai","articles",false,"","できる オリジナルポスター","抽象的で美しい背景デザインを Mossaik.app で作成してみた",[11],"work-system",[13,14,15,16],"cg","teachers-baton","information-ed","steam","ajisai.svg","2024\u002F9\u002F12","2024\u002F9\u002F15",{"type":21,"children":22,"toc":424},"root",[23,31,36,41,45,51,54,61,96,99,105,110,115,118,128,135,140,143,151,156,161,166,169,177,182,187,192,195,203,207,212,217,220,226,241,246,258,263,268,273,276,282,295,323,328,333,336,342,347,370,374,377,380,386,391,404,409,414],{"type":24,"tag":25,"props":26,"children":27},"element","p",{},[28],{"type":29,"value":30},"text","　「ポスターを作りたいけど、時間がない！」「授業でポスターを作らせたいけど、時間数が足りない！」「オリジナリティのあるポスターにしたいけど、画像処理ができない！」",{"type":24,"tag":25,"props":32,"children":33},{},[34],{"type":29,"value":35},"と、お悩みではありませんか。実は、ふだん使っているパワーポイントで簡単に画像処理できるのです。",{"type":24,"tag":25,"props":37,"children":38},{},[39],{"type":29,"value":40},"　無料ツールによる抽象的で美しい背景デザインを取り入れたポスターをサクッと作ってみました。",{"type":24,"tag":42,"props":43,"children":44},"br",{},[],{"type":24,"tag":46,"props":47,"children":49},"h2",{"id":48},"抽象的で美しい背景デザインを-mossaikapp-で作成してみた",[50],{"type":29,"value":9},{"type":24,"tag":42,"props":52,"children":53},{},[],{"type":24,"tag":55,"props":56,"children":58},"h3",{"id":57},"_1-だいたいの構想を立てる",[59],{"type":29,"value":60},"1 だいたいの構想を立てる",{"type":24,"tag":62,"props":63,"children":64},"ul",{},[65,71,76,81,86,91],{"type":24,"tag":66,"props":67,"children":68},"li",{},[69],{"type":29,"value":70},"父の89歳の誕生会用ポスター",{"type":24,"tag":66,"props":72,"children":73},{},[74],{"type":29,"value":75},"趣味の俳句作りのようすを表現",{"type":24,"tag":66,"props":77,"children":78},{},[79],{"type":29,"value":80},"最近の自信作である「アジサイの句」を中心に",{"type":24,"tag":66,"props":82,"children":83},{},[84],{"type":29,"value":85},"アジサイっぽい背景画像中央に大きく89",{"type":24,"tag":66,"props":87,"children":88},{},[89],{"type":29,"value":90},"背景画像の上に俳句",{"type":24,"tag":66,"props":92,"children":93},{},[94],{"type":29,"value":95},"アジサイの花言葉を英語にして追加",{"type":24,"tag":42,"props":97,"children":98},{},[],{"type":24,"tag":55,"props":100,"children":102},{"id":101},"_2-アジサイっぽい背景画像をaiで作ろうとしたが",[103],{"type":29,"value":104},"2 アジサイっぽい背景画像をAIで作ろうとしたが、、、",{"type":24,"tag":25,"props":106,"children":107},{},[108],{"type":29,"value":109},"　誕生会は9月なので、アジサイの実物画像を入れると季節感が損なわれます。",{"type":24,"tag":25,"props":111,"children":112},{},[113],{"type":29,"value":114},"　いつものように、Stable Diffusion で画像生成を試みます。",{"type":24,"tag":42,"props":116,"children":117},{},[],{"type":24,"tag":119,"props":120,"children":122},"pre",{"code":121},"Abstract painting reminiscent of colorful hydrangeas\n",[123],{"type":24,"tag":124,"props":125,"children":126},"code",{"__ignoreMap":7},[127],{"type":29,"value":121},{"type":24,"tag":129,"props":130,"children":134},"img",{"src":131,"alt":132,"width":133},"\u002Fimg\u002Fajisaiabstract.jpg","アジサイっぽい抽象画","100%",[],{"type":24,"tag":25,"props":136,"children":137},{},[138],{"type":29,"value":139},"　抽象画（abstract painting）と指定しているのに、全く反映されずアジサイの実物が描かれます。",{"type":24,"tag":42,"props":141,"children":142},{},[],{"type":24,"tag":119,"props":144,"children":146},{"code":145},"A geometric design reminiscent of colorful hydrangeas\n",[147],{"type":24,"tag":124,"props":148,"children":149},{"__ignoreMap":7},[150],{"type":29,"value":145},{"type":24,"tag":129,"props":152,"children":155},{"src":153,"alt":154,"width":133},"\u002Fimg\u002Fajisaigeometric.jpg","アジサイっぽい幾何学的デザイン",[],{"type":24,"tag":25,"props":157,"children":158},{},[159],{"type":29,"value":160},"　幾何学的デザイン（geometric design）と指定したら、アジサイが幾何学的に配置されただけでした。",{"type":24,"tag":25,"props":162,"children":163},{},[164],{"type":29,"value":165},"　画像生成AIが学習した素材に思いを巡らすと、「デスクトップ画面の壁紙」ならたくさんありそうだと気づきました。",{"type":24,"tag":42,"props":167,"children":168},{},[],{"type":24,"tag":119,"props":170,"children":172},{"code":171},"Red, purple and blue pastel geometric wallpaper design\n",[173],{"type":24,"tag":124,"props":174,"children":175},{"__ignoreMap":7},[176],{"type":29,"value":171},{"type":24,"tag":129,"props":178,"children":181},{"src":179,"alt":180,"width":133},"\u002Fimg\u002Fwallpapergeometric.jpg","幾何学的デザインの壁紙",[],{"type":24,"tag":25,"props":183,"children":184},{},[185],{"type":29,"value":186},"　色の指定だけだと、「PCオタクなら好きでしょ」という壁紙ばかり出てきて、アジサイっぽさが感じられません。",{"type":24,"tag":25,"props":188,"children":189},{},[190],{"type":29,"value":191},"　「三角形が組み合わさった多面体のポリゴンデザインなら、小さな花が集合した感じが出せるかも……」と思いつきました。",{"type":24,"tag":42,"props":193,"children":194},{},[],{"type":24,"tag":119,"props":196,"children":198},{"code":197},"Red, purple, and blue pastel polygon wallpaper design reminiscent of hydrangeas\n",[199],{"type":24,"tag":124,"props":200,"children":201},{"__ignoreMap":7},[202],{"type":29,"value":197},{"type":24,"tag":129,"props":204,"children":206},{"src":205,"alt":180,"width":133},"\u002Fimg\u002Fwallpaperpolygon.jpg",[],{"type":24,"tag":25,"props":208,"children":209},{},[210],{"type":29,"value":211},"　かなりイメージに近づきましたが、「部屋の壁紙」や「アジサイの実物」が出てきてしまいます。",{"type":24,"tag":25,"props":213,"children":214},{},[215],{"type":29,"value":216},"　AIで抽象画を作るのは骨が折れるとわかりました。これなら、普通にデザインツールでポリゴンを作る方が早そうです。",{"type":24,"tag":42,"props":218,"children":219},{},[],{"type":24,"tag":55,"props":221,"children":223},{"id":222},"_3-アジサイっぽい背景画像を-mossaikapp-で作成",[224],{"type":29,"value":225},"3 アジサイっぽい背景画像を Mossaik.app で作成",{"type":24,"tag":62,"props":227,"children":228},{},[229],{"type":24,"tag":66,"props":230,"children":231},{},[232],{"type":24,"tag":233,"props":234,"children":238},"a",{"href":235,"rel":236},"https:\u002F\u002Fcoliss.com\u002Farticles\u002Fbuild-websites\u002Foperation\u002Fwork\u002Fsvg-backgrounds-tool-mossaik.html",[237],"nofollow",[239],{"type":29,"value":240},"🔗WebサイトやスマホアプリのUIに！ 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app",{"type":24,"tag":25,"props":242,"children":243},{},[244],{"type":29,"value":245},"、、、と、最近話題のツールを使ってみることにしました。SVG大好き人間のハダノはわくわくします。",{"type":24,"tag":25,"props":247,"children":249},{"style":248},"text-align: right;",[250,252],{"type":29,"value":251},"⇒",{"type":24,"tag":233,"props":253,"children":255},{"href":254},"\u002Farticles\u002Fnurpa-2#svgessentials",[256],{"type":29,"value":257}," 🔗SVGエッセンシャルズ",{"type":24,"tag":129,"props":259,"children":262},{"src":260,"alt":261,"width":133},"\u002Fimg\u002Fmossaikpolygons.jpg","アジサイっぽい背景画像を Mossaik.app で作成",[],{"type":24,"tag":25,"props":264,"children":265},{},[266],{"type":29,"value":267},"　Polygons を選び、アジサイの色（葉緑素とアントシアニン色素の濃淡8色）を Colors で設定し、Tile size を小さめにします。↻Regenerate Image でガチャを回し、気に入ったものができたら、SVGかPNGでダウンロードします。",{"type":24,"tag":25,"props":269,"children":270},{},[271],{"type":29,"value":272},"　イメージ通りの抽象的で美しい背景デザインが簡単にできました。",{"type":24,"tag":42,"props":274,"children":275},{},[],{"type":24,"tag":55,"props":277,"children":279},{"id":278},"_4-89で背景を切り抜く",[280],{"type":29,"value":281},"4 「89」で背景を切り抜く",{"type":24,"tag":25,"props":283,"children":284},{},[285,287,293],{"type":29,"value":286},"　ここからは、",{"type":24,"tag":233,"props":288,"children":290},{"href":289},"\u002Farticles\u002Fai-poster#psp",[291],{"type":29,"value":292},"🔗PaintShopPro",{"type":29,"value":294}," でフォトレタッチします。",{"type":24,"tag":62,"props":296,"children":297},{},[298,303,308,313,318],{"type":24,"tag":66,"props":299,"children":300},{},[301],{"type":29,"value":302},"89を打ったら「テキストカッター」で背景を切り抜く",{"type":24,"tag":66,"props":304,"children":305},{},[306],{"type":29,"value":307},"調整-色相と彩度 で、色相を-15",{"type":24,"tag":66,"props":309,"children":310},{},[311],{"type":29,"value":312},"効果-3D効果-縁取り(内側) で、89を立体化",{"type":24,"tag":66,"props":314,"children":315},{},[316],{"type":29,"value":317},"89より背景の方が明るくなるよう調整",{"type":24,"tag":66,"props":319,"children":320},{},[321],{"type":29,"value":322},"レイヤーを結合して保存",{"type":24,"tag":129,"props":324,"children":327},{"src":325,"alt":326,"width":133},"\u002Fimg\u002Fajisai89border.jpg","背景画像中央に大きく89",[],{"type":24,"tag":25,"props":329,"children":330},{},[331],{"type":29,"value":332},"　立体化しなくても数字は見えますが、高齢者にわかりやすくしました。",{"type":24,"tag":42,"props":334,"children":335},{},[],{"type":24,"tag":55,"props":337,"children":339},{"id":338},"_5-本人画像とテキストを重ねて完成",[340],{"type":29,"value":341},"5 本人画像とテキストを重ねて完成",{"type":24,"tag":25,"props":343,"children":344},{},[345],{"type":29,"value":346},"　パワーポイントで仕上げます。",{"type":24,"tag":62,"props":348,"children":349},{},[350,355,360,365],{"type":24,"tag":66,"props":351,"children":352},{},[353],{"type":29,"value":354},"挿入-画像 で、89入りの背景画像を読み込む。",{"type":24,"tag":66,"props":356,"children":357},{},[358],{"type":29,"value":359},"本人画像を読み込み、右下に配置",{"type":24,"tag":66,"props":361,"children":362},{},[363],{"type":29,"value":364},"縦書きの俳句を中央に配置",{"type":24,"tag":66,"props":366,"children":367},{},[368],{"type":29,"value":369},"アジサイの花言葉を８の上と９の下に丸く配置",{"type":24,"tag":129,"props":371,"children":373},{"src":372,"alt":70,"width":133},"\u002Fimg\u002Fajisai89.jpg",[],{"type":24,"tag":42,"props":375,"children":376},{},[],{"type":24,"tag":42,"props":378,"children":379},{},[],{"type":24,"tag":46,"props":381,"children":383},{"id":382},"まとめmossaikapp-を使えばaiの苦手な抽象的で美しいポスターが作れる",[384],{"type":29,"value":385},"【まとめ】Mossaik.app を使えば、AIの苦手な抽象的で美しいポスターが作れる",{"type":24,"tag":25,"props":387,"children":388},{},[389],{"type":29,"value":390},"　画像生成AIは便利ですが万能ではありません。創作の方向性が明確な場合は、それに向いたツールの方がよい場合もあります。",{"type":24,"tag":25,"props":392,"children":393},{},[394,396,402],{"type":29,"value":395},"　",{"type":24,"tag":397,"props":398,"children":399},"strong",{},[400],{"type":29,"value":401},"Mossaik.app",{"type":29,"value":403}," は、抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツールです。細かく設定できるうえに、ガチャも回せます。",{"type":24,"tag":25,"props":405,"children":406},{},[407],{"type":29,"value":408},"　あとは、フォトレタッチソフトやパワポなど既存のソフトで画像処理を加えれば、イメージ通りのポスターを短時間で作成できます。",{"type":24,"tag":25,"props":410,"children":411},{},[412],{"type":29,"value":413},"　業者から勧められるままに教育アプリを導入するより、ふだん使っているオフィス・画像処理ソフトでできることを見直すべきではないでしょうか。教員の働き方改革にもつながるはずです。",{"type":24,"tag":25,"props":415,"children":416},{"style":248},[417,418],{"type":29,"value":251},{"type":24,"tag":233,"props":419,"children":421},{"href":420},"\u002Farticles\u002Fcg-usagi",[422],{"type":29,"value":423}," 🔗できる オリジナル年賀状",{"title":7,"searchDepth":425,"depth":425,"links":426},2,[427,435],{"id":48,"depth":425,"text":9,"children":428},[429,431,432,433,434],{"id":57,"depth":430,"text":60},3,{"id":101,"depth":430,"text":104},{"id":222,"depth":430,"text":225},{"id":278,"depth":430,"text":281},{"id":338,"depth":430,"text":341},{"id":382,"depth":425,"text":385},"markdown","content:articles:cg-ajisai.md","content","articles\u002Fcg-ajisai.md","articles\u002Fcg-ajisai","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"category":443,"tag":444,"thumbnail":17,"createdAt":18,"updatedAt":19,"body":445,"_type":436,"_id":437,"_source":438,"_file":439,"_stem":440,"_extension":441},[11],[13,14,15,16],{"type":21,"children":446,"toc":754},[447,451,455,459,462,466,469,473,500,503,507,511,515,518,525,528,532,535,542,545,549,553,556,563,566,570,574,577,584,587,591,595,598,602,613,617,625,628,632,636,639,643,652,675,678,682,685,689,693,712,715,718,721,725,729,738,742,746],{"type":24,"tag":25,"props":448,"children":449},{},[450],{"type":29,"value":30},{"type":24,"tag":25,"props":452,"children":453},{},[454],{"type":29,"value":35},{"type":24,"tag":25,"props":456,"children":457},{},[458],{"type":29,"value":40},{"type":24,"tag":42,"props":460,"children":461},{},[],{"type":24,"tag":46,"props":463,"children":464},{"id":48},[465],{"type":29,"value":9},{"type":24,"tag":42,"props":467,"children":468},{},[],{"type":24,"tag":55,"props":470,"children":471},{"id":57},[472],{"type":29,"value":60},{"type":24,"tag":62,"props":474,"children":475},{},[476,480,484,488,492,496],{"type":24,"tag":66,"props":477,"children":478},{},[479],{"type":29,"value":70},{"type":24,"tag":66,"props":481,"children":482},{},[483],{"type":29,"value":75},{"type":24,"tag":66,"props":485,"children":486},{},[487],{"type":29,"value":80},{"type":24,"tag":66,"props":489,"children":490},{},[491],{"type":29,"value":85},{"type":24,"tag":66,"props":493,"children":494},{},[495],{"type":29,"value":90},{"type":24,"tag":66,"props":497,"children":498},{},[499],{"type":29,"value":95},{"type":24,"tag":42,"props":501,"children":502},{},[],{"type":24,"tag":55,"props":504,"children":505},{"id":101},[506],{"type":29,"value":104},{"type":24,"tag":25,"props":508,"children":509},{},[510],{"type":29,"value":109},{"type":24,"tag":25,"props":512,"children":513},{},[514],{"type":29,"value":114},{"type":24,"tag":42,"props":516,"children":517},{},[],{"type":24,"tag":119,"props":519,"children":520},{"code":121},[521],{"type":24,"tag":124,"props":522,"children":523},{"__ignoreMap":7},[524],{"type":29,"value":121},{"type":24,"tag":129,"props":526,"children":527},{"src":131,"alt":132,"width":133},[],{"type":24,"tag":25,"props":529,"children":530},{},[531],{"type":29,"value":139},{"type":24,"tag":42,"props":533,"children":534},{},[],{"type":24,"tag":119,"props":536,"children":537},{"code":145},[538],{"type":24,"tag":124,"props":539,"children":540},{"__ignoreMap":7},[541],{"type":29,"value":145},{"type":24,"tag":129,"props":543,"children":544},{"src":153,"alt":154,"width":133},[],{"type":24,"tag":25,"props":546,"children":547},{},[548],{"type":29,"value":160},{"type":24,"tag":25,"props":550,"children":551},{},[552],{"type":29,"value":165},{"type":24,"tag":42,"props":554,"children":555},{},[],{"type":24,"tag":119,"props":557,"children":558},{"code":171},[559],{"type":24,"tag":124,"props":560,"children":561},{"__ignoreMap":7},[562],{"type":29,"value":171},{"type":24,"tag":129,"props":564,"children":565},{"src":179,"alt":180,"width":133},[],{"type":24,"tag":25,"props":567,"children":568},{},[569],{"type":29,"value":186},{"type":24,"tag":25,"props":571,"children":572},{},[573],{"type":29,"value":191},{"type":24,"tag":42,"props":575,"children":576},{},[],{"type":24,"tag":119,"props":578,"children":579},{"code":197},[580],{"type":24,"tag":124,"props":581,"children":582},{"__ignoreMap":7},[583],{"type":29,"value":197},{"type":24,"tag":129,"props":585,"children":586},{"src":205,"alt":180,"width":133},[],{"type":24,"tag":25,"props":588,"children":589},{},[590],{"type":29,"value":211},{"type":24,"tag":25,"props":592,"children":593},{},[594],{"type":29,"value":216},{"type":24,"tag":42,"props":596,"children":597},{},[],{"type":24,"tag":55,"props":599,"children":600},{"id":222},[601],{"type":29,"value":225},{"type":24,"tag":62,"props":603,"children":604},{},[605],{"type":24,"tag":66,"props":606,"children":607},{},[608],{"type":24,"tag":233,"props":609,"children":611},{"href":235,"rel":610},[237],[612],{"type":29,"value":240},{"type":24,"tag":25,"props":614,"children":615},{},[616],{"type":29,"value":245},{"type":24,"tag":25,"props":618,"children":619},{"style":248},[620,621],{"type":29,"value":251},{"type":24,"tag":233,"props":622,"children":623},{"href":254},[624],{"type":29,"value":257},{"type":24,"tag":129,"props":626,"children":627},{"src":260,"alt":261,"width":133},[],{"type":24,"tag":25,"props":629,"children":630},{},[631],{"type":29,"value":267},{"type":24,"tag":25,"props":633,"children":634},{},[635],{"type":29,"value":272},{"type":24,"tag":42,"props":637,"children":638},{},[],{"type":24,"tag":55,"props":640,"children":641},{"id":278},[642],{"type":29,"value":281},{"type":24,"tag":25,"props":644,"children":645},{},[646,647,651],{"type":29,"value":286},{"type":24,"tag":233,"props":648,"children":649},{"href":289},[650],{"type":29,"value":292},{"type":29,"value":294},{"type":24,"tag":62,"props":653,"children":654},{},[655,659,663,667,671],{"type":24,"tag":66,"props":656,"children":657},{},[658],{"type":29,"value":302},{"type":24,"tag":66,"props":660,"children":661},{},[662],{"type":29,"value":307},{"type":24,"tag":66,"props":664,"children":665},{},[666],{"type":29,"value":312},{"type":24,"tag":66,"props":668,"children":669},{},[670],{"type":29,"value":317},{"type":24,"tag":66,"props":672,"children":673},{},[674],{"type":29,"value":322},{"type":24,"tag":129,"props":676,"children":677},{"src":325,"alt":326,"width":133},[],{"type":24,"tag":25,"props":679,"children":680},{},[681],{"type":29,"value":332},{"type":24,"tag":42,"props":683,"children":684},{},[],{"type":24,"tag":55,"props":686,"children":687},{"id":338},[688],{"type":29,"value":341},{"type":24,"tag":25,"props":690,"children":691},{},[692],{"type":29,"value":346},{"type":24,"tag":62,"props":694,"children":695},{},[696,700,704,708],{"type":24,"tag":66,"props":697,"children":698},{},[699],{"type":29,"value":354},{"type":24,"tag":66,"props":701,"children":702},{},[703],{"type":29,"value":359},{"type":24,"tag":66,"props":705,"children":706},{},[707],{"type":29,"value":364},{"type":24,"tag":66,"props":709,"children":710},{},[711],{"type":29,"value":369},{"type":24,"tag":129,"props":713,"children":714},{"src":372,"alt":70,"width":133},[],{"type":24,"tag":42,"props":716,"children":717},{},[],{"type":24,"tag":42,"props":719,"children":720},{},[],{"type":24,"tag":46,"props":722,"children":723},{"id":382},[724],{"type":29,"value":385},{"type":24,"tag":25,"props":726,"children":727},{},[728],{"type":29,"value":390},{"type":24,"tag":25,"props":730,"children":731},{},[732,733,737],{"type":29,"value":395},{"type":24,"tag":397,"props":734,"children":735},{},[736],{"type":29,"value":401},{"type":29,"value":403},{"type":24,"tag":25,"props":739,"children":740},{},[741],{"type":29,"value":408},{"type":24,"tag":25,"props":743,"children":744},{},[745],{"type":29,"value":413},{"type":24,"tag":25,"props":747,"children":748},{"style":248},[749,750],{"type":29,"value":251},{"type":24,"tag":233,"props":751,"children":752},{"href":420},[753],{"type":29,"value":423},{"title":7,"searchDepth":425,"depth":425,"links":755},[756,763],{"id":48,"depth":425,"text":9,"children":757},[758,759,760,761,762],{"id":57,"depth":430,"text":60},{"id":101,"depth":430,"text":104},{"id":222,"depth":430,"text":225},{"id":278,"depth":430,"text":281},{"id":338,"depth":430,"text":341},{"id":382,"depth":425,"text":385},1791852933704]