tag:crieit.net,2005:https://crieit.net/tags/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88/feed 「イラスト」の記事 - Crieit Crieitでタグ「イラスト」に投稿された最近の記事 2023-03-14T14:31:14+09:00 https://crieit.net/tags/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88/feed tag:crieit.net,2005:PublicArticle/18370 2023-01-19T02:53:19+09:00 2023-03-14T14:31:14+09:00 https://crieit.net/posts/AI-Skeb AIイラストもOKの依頼サイトをつくってる <p>タイトルの通りAIイラストもOKのイラストお題箱サイトを開発しています。そろそろ1ヶ月が経ちますがまだ完成しません。</p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io">https://prompton.io</a></p> <p>↑ 既に投稿機能とリクエスト機能が使えるので遊びに来て!</p> <p><a href="https://crieit.now.sh/upload_images/4e09ec8c232bfbcd456874ece53299f063c832b434e31.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4e09ec8c232bfbcd456874ece53299f063c832b434e31.jpg?mw=700" alt="Screenshot 2023-01-19 at 2.55.17.jpg" /></a></p> <h1 id="AIイラストとは?"><a href="#AI%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%81%A8%E3%81%AF%EF%BC%9F">AIイラストとは?</a></h1> <p>ここ数ヶ月で、HolaraAIやMidjourney、NovelAIなど色々な学習モデルが登場しており、各モデルもバージョンを上げて日々進化しています。最近ではカメラで撮った写真のような画像も生成できます。</p> <p>例えばこれは海底をイメージした画像を生成しました。</p> <p><a href="https://crieit.now.sh/upload_images/636001b7aa16d83c22abfe50895e632e63c81a7ab2bb1.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/636001b7aa16d83c22abfe50895e632e63c81a7ab2bb1.png?mw=700" alt="photograph_blur_dark_blue_seabed_pale_pink_slimes_dc526ba4-146f-4954-845f-ac0968dca5d1.png" /></a></p> <p><a href="https://crieit.now.sh/upload_images/532e24d505d2690cd7fea048e5182c4063c817ccad28b.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/532e24d505d2690cd7fea048e5182c4063c817ccad28b.png?mw=700" alt="photograph_blur_dark_blue_seabed_pale_pink_jellyfishes_3093a9f7-1937-472c-80fb-8e69ea76a4fe.png" /></a></p> <p>漫画のコマのようなイラストも生成できます。実際にAI漫画を公開したり売ってる人もいます。</p> <p><a href="https://crieit.now.sh/upload_images/a890b17611656bcf8d4b02c9a794e42263c82f9613498.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/a890b17611656bcf8d4b02c9a794e42263c82f9613498.png?mw=700" alt="__female_cute_face_beautiful_lip_manga_monochrome_dress_shirts__3b602eb4-c68f-4027-b6a0-0f8ffb8a3142.png" /></a></p> <p>好みですが、少し画質の悪いアニメのような画像も。</p> <p><a href="https://crieit.now.sh/upload_images/c75f44e61472d5e83a8fc4b15b5b56fd63c83004c6b07.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/c75f44e61472d5e83a8fc4b15b5b56fd63c83004c6b07.png?mw=700" alt="_1980s_anime_movie_still_pastel_color_scheme_1girl_blue_short_h_542ae44e-5d31-46b4-81e7-92c54be73ac5.png" /></a></p> <p>逆に落書きのような画像を生成することもできます。用途は不明です。</p> <p><a href="https://crieit.now.sh/upload_images/ef08554857ab4ca31afef639efb9145463b66d013ba28.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ef08554857ab4ca31afef639efb9145463b66d013ba28.png?mw=700" alt="unnamed.png" /></a></p> <h1 id="何に使える?"><a href="#%E4%BD%95%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%EF%BC%9F">何に使える?</a></h1> <p>AIイラストを使えば、例えば、サイトや小説の挿絵がたくさん作れます。ポスターにも使えそうです。</p> <p><a href="https://crieit.now.sh/upload_images/e899008a67cd35384206b931a31acb8963b662db84f1c.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/e899008a67cd35384206b931a31acb8963b662db84f1c.png?mw=700" alt="watercolor_female__short_hair_5bc29367-1bbd-404e-a07e-00290f84ca36.png" /></a></p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io/about">https://prompton.io/about</a></p> <p>↑ このページの挿絵は全て「にじじゃーにー」で生成しています。</p> <h3 id="アイコンにも!"><a href="#%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AB%E3%82%82%EF%BC%81">アイコンにも!</a></h3> <p>それからYouTubeやTwitterのアイコンも作れます。</p> <p><a href="https://crieit.now.sh/upload_images/ef08554857ab4ca31afef639efb9145463c81fba94cb1.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ef08554857ab4ca31afef639efb9145463c81fba94cb1.png?mw=700" alt="unnamed.png" /></a></p> <p>もっとシンプルなアイコンも作れます。</p> <p><a href="https://crieit.now.sh/upload_images/36408ee4536380afb28f233d9a47504863c8205b5d4eb.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/36408ee4536380afb28f233d9a47504863c8205b5d4eb.png?mw=700" alt="unnamed-2.png" /></a></p> <p>プロンプトに「selfie」を含めると自撮りみたいなアイコンも作れます。</p> <p><a href="https://crieit.now.sh/upload_images/5eb3a6e9c3cef8bf9ea2c8fbe407cd0d63c824bfe0ac2.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/5eb3a6e9c3cef8bf9ea2c8fbe407cd0d63c824bfe0ac2.png?mw=700" alt="_instagram_photography_selfie_Japanese_female_high-school_stude_cffb9606-82e3-4189-bde8-7054f9e2fd44.png" /></a></p> <h3 id="バッグや服も"><a href="#%E3%83%90%E3%83%83%E3%82%B0%E3%82%84%E6%9C%8D%E3%82%82">バッグや服も</a></h3> <p>デザインの知識がある人なら服やバッグのデザインもできるかもしれません。</p> <p>自分はミニバッグがよく分かってないのですが、これは適当に作ってみた画像です。</p> <p><a href="https://crieit.now.sh/upload_images/fd9929ee0da3d3317731dbc4a2cf2c1563c822413fcf0.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/fd9929ee0da3d3317731dbc4a2cf2c1563c822413fcf0.png?mw=700" alt="unnamed-3.png" /></a></p> <p>これは適当に作った中学生が着てそうな服です。</p> <p><a href="https://crieit.now.sh/upload_images/3611c6f13b87eb1ce0e8876ae1014b1763c82624803f2.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/3611c6f13b87eb1ce0e8876ae1014b1763c82624803f2.png?mw=700" alt="_oversized_regular_white_hoodie_concept_with_one_black_line_adi_dc43a2a4-70ee-458e-ba1b-3ad3d1ab4282.png" /></a></p> <h1 id="今後は?"><a href="#%E4%BB%8A%E5%BE%8C%E3%81%AF%EF%BC%9F">今後は?</a></h1> <p>こういったAIツールや学習モデルは、毎日のように新しいものが公開されています。これからアニメだったり3Dモデルだったりの生成も可能になってくると勝手に予想しています。</p> <p><a target="_blank" rel="nofollow noopener" href="https://huggingface.co/gsdf/Counterfeit-V2.0">https://huggingface.co/gsdf/Counterfeit-V2.0</a></p> <p>↑ 最近だとこれ凄いアニメっぽい</p> <p>一眼レフからスマホカメラになってライトユーザが増えたように、絵本や漫画やアニメ、カードゲーム、ボードゲームといった創作がもっと身近になると感じてます。</p> <p>アイデアはあるけど時間がないって人はぜひAIイラストを触ってみてください。</p> <h1 id="リクエストして!"><a href="#%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%81%97%E3%81%A6%EF%BC%81">リクエストして!</a></h1> <p>今のところ、AIイラストだけでも、GPUの購入、プロンプトの組み合わせ、学習モデルの選定、マージモデル、Pythonでのコーディングなど、そこそこ難易度はあがります。</p> <p>そこで商用利用が可能なイラストを1枚500円からリクエストできるサイトを開発しています。</p> <p>AIイラストは複雑な要望に向いていないのでココナラのような業務委託には向いていませんが、代わりに短期間で沢山つくって納品することができます。500円x4枚 = 2000円のようなリクエストもできます。</p> <p><a href="https://crieit.now.sh/upload_images/1bf9011d1068ab495f0bc6ad86ae3f5763c833247e187.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/1bf9011d1068ab495f0bc6ad86ae3f5763c833247e187.jpg?mw=700" alt="Screenshot 2023-01-19 at 2.56.59.jpg" /></a></p> <p>無償リクエストの場合は、納品された画像は商用利用はできませんがアイコンなど好きに使えます。</p> <h3 id="そのほか"><a href="#%E3%81%9D%E3%81%AE%E3%81%BB%E3%81%8B">そのほか</a></h3> <p>こちらのユーザにもリクエストできるので、気になるからは見てみてください。</p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io/9Gjz1zJZS1M41ddmaU7aFU1HNqC2">https://prompton.io/9Gjz1zJZS1M41ddmaU7aFU1HNqC2</a></p> <p>↑ かわいいアイコンはこちらに</p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io/OMO61PwlcBWx5CVlVepXGP5U0gT2">https://prompton.io/OMO61PwlcBWx5CVlVepXGP5U0gT2</a></p> <p>↑ ロゴみたいなイラストはこちらに</p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io/5FlXKGvMsSNi9QiyNTqkG2tFEmF3">https://prompton.io/5FlXKGvMsSNi9QiyNTqkG2tFEmF3</a></p> <p>↑ 女性向けのかっこいいイラストはこちらに</p> <p><a target="_blank" rel="nofollow noopener" href="https://prompton.io/OltOK5T6sZOuhVNay323tZkD2J32">https://prompton.io/OltOK5T6sZOuhVNay323tZkD2J32</a></p> <p>↑ カードゲームのようなかっこいいイラストはこちらに</p> プロンプトン tag:crieit.net,2005:PublicArticle/18352 2022-12-27T04:44:26+09:00 2022-12-27T04:46:29+09:00 https://crieit.net/posts/Live2D-Cubism-for-Cocos-Creator Live2D Cubism for Cocos Creatorで、ゲームに素晴らしいアニメーションを加える <p><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2852397/e35760f2-9ddc-d9a3-e5e9-f344413dc8e1.png" alt="rectangle_large_type_2_7d14db67bc1e72c69af94ced12c17188.png" /><br /> 職人、アルチザンにとって、構築に使っているツールは、ゲームの良し悪しを大きく左右するものです。最高のツールを使えば、夢のようなゲームをより簡単に、より印象的に作ることができ、一行のコードを書く前に考えたことを書き留めることができます。</p> <p>Cocosは、多くのゲーム会社と関係を築き、ゲームエンジンであるCocos Creatorにツールを追加し、ゲーム制作を簡素化し、よりビジョンの向上に集中できるように努力しています。</p> <p>例えば、Colyseusとのコラボレーションはより良いネットワーキングのために行いましたが、Googleとの連携はより良いマネタイズをもたらしました。Huaweiとの連携により、より良いグラフィックスとより大きな流通機会がもたらされ、その他のコラボレーションにより、小規模なゲームの流通経路を獲得することができました。</p> <p>今日、私達はLive2D Cubism SDK for Cocos Creatorのアルファ版をリリースしましたが、今後もサードパーティ企業へのサポートを継続します。Live2Dは2Dアニメーションの分野では、最も重要なベンチャー企業の一つです。<br /> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2852397/66fac555-d094-b3b3-5db7-663b051b9b60.png" alt="1670675044491-fOGoI6csxw.png" /><br /> Live2D Inc.は、2Dアートの魅力をそのままに、イラストキャラクターをダイナミックにアニメーションさせるソフトウェア技術「Live2D」を開発する日本の企業です。Live2Dは、ゲーム、アプリ、ストリーマー、教育などの分野で幅広く利用されており、その注目度はますます高まっています。</p> <p>この技術は600を超えるプロダクトに正式採用されています。ゲームの多くはアジアリリースですが、世界中にも広がっており、より大きなアニメーションコミュニティの一部となっています。</p> <div class="iframe-wrapper"><iframe width="618" height="348" src="https://www.youtube.com/embed/ncU-Yd3SYiA" title="Bring Amazing Animation To Your Game With Live2D Cubism For Cocos Creator_1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <p>例えば、サンボーンの「ドールズフロントライン」は、アンドロイドの軍隊を指揮し、過去に発見されたエイリアンのテクノロジーによって始まった戦争を止めようとするモバイル戦略ゲームです。このゲームは、Google Playですでに100万ダウンロードを超え、4年以上にわたって運営されています。</p> <p><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2852397/ebea1520-3d9f-1258-02bc-d9e4a24375ed.png" alt="1670675612817-Z6KHePRlN1.png" /><br /> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2852397/76c527cd-e108-9ac3-f8f9-c268c637faac.png" alt="1670675613150-72KBJ7ub0o.png" /><em>(C) SUNBORN Network Technology Co., Ltd. (C) SUNBORN Japan Co., Ltd. https://www.live2d.jp/showcase/dolls-frontline/</em></p> <p>このように素晴らしい製品なので、中国のゲーム開発者から、この注目すべきソフトウェアをCocos Creatorで実現できないかとの問い合わせをたくさんいただきました。Cocos2d-xは、当社の前身エンジンであり、多くの国産ゲームに採用されています。Cubism SDKを手に入れることで、多くのプラットフォームで国内外向けの新しい素晴らしいゲームを構築することができるようになります。</p> <p>株式会社Live2Dとの連携により、このコラボレーションの第一弾をご紹介できることを嬉しく思います。Live2D社とは1年を通じて協業しており、今回、その第一弾をご紹介できることになりました。</p> <h3 id="発表の様子を見る"><a href="#%E7%99%BA%E8%A1%A8%E3%81%AE%E6%A7%98%E5%AD%90%E3%82%92%E8%A6%8B%E3%82%8B">発表の様子を見る</a></h3> <p>また、同社が毎年開催している「alive 2022」というカンファレンスに参加し、世界に向けて発表することができました。イベントの全容は、同社のYouTubeアカウントで公開されています。</p> <div class="iframe-wrapper"><iframe width="618" height="348" src="https://www.youtube.com/embed/xXOROg-W638" title="alive 2022 -コミュニティ- 一般セッション(YouTube会場) 13:00スタート!プレミアムセッションは14:20から詳しくは概要欄をチェック! #Live2D_alive2022" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h3 id="Live2D Cubism SDK For Cocos Creator"><a href="#Live2D+Cubism+SDK+For+Cocos+Creator">Live2D Cubism SDK For Cocos Creator</a></h3> <div class="iframe-wrapper"><iframe width="618" height="348" src="https://www.youtube.com/embed/7jE5BoyNYME" title="Bring Amazing Animation To Your Game With Live2D Cubism For Cocos Creator-2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <h3 id="主なハイライト"><a href="#%E4%B8%BB%E3%81%AA%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88">主なハイライト</a></h3> <ul> <li><p>Cubismのモデルをプレハブ・ノードとしてインポート</p></li> <li><p>Cubismの複数のアニメーションアクションをキャラクターに追加可能</p></li> <li><p>Cocos Creatorでアニメーションの編集が可能</p></li> </ul> <h3 id="使用方法"><a href="#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95">使用方法</a></h3> <ol> <li><p>Live2Dの指示に従い、SDKをCocos Creatorにインストール(READMEを参照)</p></li> <li><p>Cubismのプロジェクトをエクスポートするか、すでに作成されているプロジェクトを使用する</p></li> <li><p>Cocos Creatorのプロジェクトで、フォルダ全体をAssetsパネルに追加する</p></li> <li><p>Assetsパネルでフォルダを開き、プレハブをノードとしてプロジェクトに追加</p></li> <li><p>サイズを調整</p></li> <li><p>プレハブにアニメーション・コンポーネントを追加し、'motion' フォルダにあるアニメーションを新しいコンポーネントに追加</p></li> <li><p>アニメーションはアニメーションパネルから確認することができます。</p></li> </ol> <h3 id="重要なリンク"><a href="#%E9%87%8D%E8%A6%81%E3%81%AA%E3%83%AA%E3%83%B3%E3%82%AF">重要なリンク</a></h3> <p>[SDKダウンロードページ】Live2D Cubism SDK for Cocos Creator<br /> <a target="_blank" rel="nofollow noopener" href="https://docs.live2d.com/zh-CHS/cubism-sdk-manual/download-sdk-for-cc-alpha/">https://docs.live2d.com/zh-CHS/cubism-sdk-manual/download-sdk-for-cc-alpha/</a></p> <p>[Live2D Cubism SDK]ライブ2DキュービズムSDK<br /> <a target="_blank" rel="nofollow noopener" href="https://www.live2d.com/zh-CHS/download/cubism-sdk/">https://www.live2d.com/zh-CHS/download/cubism-sdk/</a></p> <p>[フィードバック]Live2D GitHub<br /> <a target="_blank" rel="nofollow noopener" href="https://github.com/Live2D">https://github.com/Live2D</a></p> <p>[SDKのインストール方法]Live2Dによるインストール手順<br /> <a target="_blank" rel="nofollow noopener" href="https://docs.live2d.com/zh-CHS/cubism-sdk-manual/top/">https://docs.live2d.com/zh-CHS/cubism-sdk-manual/top/</a></p> <h3 id="さらに詳しい情報"><a href="#%E3%81%95%E3%82%89%E3%81%AB%E8%A9%B3%E3%81%97%E3%81%84%E6%83%85%E5%A0%B1">さらに詳しい情報</a></h3> <p>アルファ版は12月5日にCocos Creatorバージョン3.6.2で使用できるようになる予定です。Live2D Inc.とCocosの両チームは、2023年初めのベータ版リリース、同年末の最終リリースに向けて、フィードバックを求めています。</p> <p>フォーラムをご覧いただき、ソフトウェアに対する感想や、ベータ版リリースに向けて改善できる点などを共有していただければと思います。</p> <p><a target="_blank" rel="nofollow noopener" href="https://discuss.cocos2d-x.org/t/bring-amazing-animation-to-your-game-with-live2d-cubism-sdk-alpha-version-for-cocos-creator/57770">https://discuss.cocos2d-x.org/t/bring-amazing-animation-to-your-game-with-live2d-cubism-sdk-alpha-version-for-cocos-creator/57770</a></p> <p>私たちは、Live2D Inc.がこのリリースに際して感謝し、私たちのゲームエンジンにCubismを導入してくれた彼らにお礼を言いたいです。<br /> 今回のリリースに際して、Cubismを私たちのゲームエンジンに導入するためのLive2D Inc.の取り組みとサポートに感謝いたします。<br /> 過去に素晴らしいゲームをもたらしたCubismは、今後もゲーマーに素晴らしいゲームと楽しみをもたらすと確信しています。</p> <p><a target="_blank" rel="nofollow noopener" href="https://www.cocos.com/en/post/kAzLtV5mZox1c27qwqZHOeP30NCDSOYi">引用元</a></p> CocosJapan tag:crieit.net,2005:PublicArticle/16798 2021-03-31T13:16:09+09:00 2021-03-31T13:16:09+09:00 https://crieit.net/posts/AC-ai イラストACの ai イラストから動画をつくる <p>イラストACの ai イラストから動画をつくる解説記事をかきました。その過程でSVG入力のバグを発見。9VAeを、0.7.9 にバージョンアップしました。解説動画は、9VAe+iMovie で作成してます。<a href="">https://dnjiro.hatenablog.com/entry/2021/03/30/142405</a></p> <p><a href="https://crieit.now.sh/upload_images/ded3fc20cafb245fba88456bc30467a86063f6572cdbf.gif" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ded3fc20cafb245fba88456bc30467a86063f6572cdbf.gif?mw=700" alt="image" /></a></p> Danjiro Daiwa tag:crieit.net,2005:PublicArticle/16739 2021-03-12T10:02:06+09:00 2021-03-12T10:02:06+09:00 https://crieit.net/posts/9VAe-604abd8e3af16 いらすとやのイラストに9VAeきゅうべえで動きをつける <p>いらすとやのイラストに9VAeきゅうべえで動きをつける解説記事を書きました。9VAe Ver.0.7.8 で透過PNGが使えるようになりました。<a href="">https://dnjiro.hatenablog.com/entry/illust</a></p> <p><a href="https://crieit.now.sh/upload_images/d2d93d0a78fd2d485cb126b194d3ef8a604abc954d1eb.gif" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/d2d93d0a78fd2d485cb126b194d3ef8a604abc954d1eb.gif?mw=700" alt="image" /></a></p> <p>SVGイラストをつかうともっといろんな変形ができます。</p> Danjiro Daiwa