画像生成AI Midjourney（ミッドジャーニー）とChatGPTの組み合わせ最強説
画像生成AIに興味はあるけど、どうすれば魅力的な仕上がりにできるかお困りの方へ。 このガイドはMidjourneyコミュニティーや、Twitterなどで話題のプロンプトを中心に、実際に試しながら「これは使える！」、と感じた小技やポイントをまとめています。 デッサンや写真撮影のスキルがなくても、誰でも画像生成をはじめることができます。 映画「トップガン」を彷彿とさせる、夕日をバックに飛行するファイタージェット 自分のDiscordサーバーを作成し、カテゴリを分類する方法 大前提としてMidJourneyの画像生成は、Discordサーバーを介して行います。 つい先日、驚異的な需要と無料トライアルの乱用によって、Midjourney無料トライアルは終了。 タイムラインが他のフィードで埋まってしまい、作業がしにくいというデメリットもあります。 自分専用のDiscordサーバーを作成することで、独
UI要素1200以上！HTML/CSSを直接コピペできる便利ライブラリUIverse
Webサイトを訪れたユーザーが、もっとも重要視するのはUIデザインです。 ユーザーが直感的に操作でき、使いやすく、美しくデザインされたWebサイトは、長期的な成功につながります。 しかし、どんなUIデザインを作成したらよいか分からない、という声もよく聞きます。 そこで今回は、コピペで利用できるUIデザインライブラリ UIverse をご紹介します。 1200を超えるUI要素が公開されており、HTML/CSSをコピペするだけで、だれでも手軽に利用できます。 これらを押さえて、あなたのWebサイトをユーザーにとって魅力的で、使いやすくしてみましょう。 UI要素1200以上！HTML/CSSを直接コピペできる便利ライブラリUIverse UIverseではあらゆるプロジェクトに対応できる、HTML/CSSで作成されたオープンソースのUI要素を作成、共有できるウェブサイトです。 すべてのコードはM
フォトショップが楽しくなる最新チュートリアル、つくり方まとめ
フォトショップを使いこなしたいときは、やってみたいつくり方をまずは真似してみましょう。 手順通り進めることで、あらゆることができるフォトショップの、実践的な使い方を学ぶことができるでしょう。 実際、フォトショップの使い方を紹介したチュートリアルが、毎日世界中で公開されています。 この記事では基本から応用まで、しっかり学ぶことができる最新チュートリアルを、まとめてご紹介します。 2022年の知っておきたいフォトショップのつくり方と一緒にどうぞ。 【総まとめ】2022年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ フォトショップが楽しくなる最新チュートリアル、つくり方まとめ 古いモールガラス風エフェクトのつくり方 エレガントで洗練された雰囲気を演出できるガラスエフェクトは、フォトショップの「置き換え」機能がポイントのチュートリアル。 サーモグラフィー風の写真加工テクニック ま
Midjourney（ミッドジャーニー）で思い通りに画像生成できる徹底ガイド
Midjourney（ミッドジャーニー）とは、とても簡単に言えば、入力した文字だけで画像を生成できるAIツールです。 たとえば「ライオン」と文字入力するだけで、あらゆるスタイルのライオンを、１分もかからずに、AIが自動で作成します。 GoProで真正面、しかも超近距離で撮影したようなライオン 入力する文字、プロンプト（英: Prompt）を組み合わせることで、全く雰囲気の違う「ライオン」を生成でき、まるで呪文を唱える魔法のよう。 サイバーパンクなキャラクター風ライオンに プロンプトの組み合わせは自由自在で、あらゆるスタイルの「ライオン」に仕上げることが可能です。 狩りをするライオン「水彩スケッチ」風 Web制作向けUIデザインの自動生成にはじまり、Midjourneyを使い込んでいくうちに、「思い描いたデザインを生成する」ためのコツやポイントが、すこしずつ掴めてきたのでシェア。 ステンドグ
動くWebデザインの最新アイデア28個まとめ
ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。 その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。 さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。 実際に、多くの最新ウェブデザインでも採用されており、アニメーションに特化したCSSライブラリも数多く公開されています。 ワンランク上のウェブデザインを作成したいクリエイターに、ぜひ参考にしてほしいアニメーションのアイデアを、まとめてご紹介します。 動くWebデザインの最新アイデアまとめ Daily UI “Luxury Interaction Concept” 高級車の販売を行う、インタラクティブで実験的なコンセプトページで、クリックに応じたコンテンツ遷移が心地よいつくりに。
ChatGPTの次はこれ！無料で利用できるAI生成ツールまとめリスト
ChatGPTの世界的なブームのおかげで、あらゆるツールがAIを活用するという、新しい時代に突入しました。 しかし、このAIブームは、あっという間に飽和状態となり、似たようなサービスがいくつも乱立する、カオスな状態となっています。 もちろん、さまざまなAIツールを試すのは、長所と短所を理解できる良い方法です。 実際、AIツールの多くは利用の制限がありますが、使うまで気づかないということもよく聞きます。 しかも、「AIツールが多すぎて、どれから使えばいいのか分からない」なんてことも。 ここでは、無料で利用できるAI生成ツールのまとめリストをご紹介します。 クリエイター向けおすすめAIツールと一緒に活用してみましょう。 AIビジュアル編集ツール Adobe : 現場の標準ツールが強力にパワーアップ。背景から人物やものを切り抜いたり、不要なものを削除するなど、時間がかかっていた作業も一瞬で完了。
好きに選べる、センスのいい最新フリーフォントまとめ 2023年2月版
「どんなフォントを使っていいか分からない」 「いつも同じフォントばかり使ってしまう」 フォント選びに迷ってしまったときは、最新のフリーフォントを活用してみましょう。 使うだけでセンスがいいと褒められる、おしゃれで使いやすいフォントを厳選。 商用可能なフォントが中心で、あらゆるデザイン案件において安心して利用できる、優良アイテムのみをご紹介。 備忘録としても活用できる、フリーフォント一覧ガイド集と一緒にどうぞ。 好きに選べる、センスのいい最新フリーフォントまとめ Redonda 読みやすさ抜群で、やや幅広な見た目が特長のサンセリフ書体は、なんと36フォントが収録されています。 ※ 個人、商用利用可能 Campaign Serif はっきりとしたコントラストに、筆記体のような見た目がエレガントなセリフ書体で、12フォントが揃った万能スタイル。 ※ 個人、商用利用可能 Gelica フォントに丸
迷わず決定 Adobeの配色カラーパレット、アイデア101個
迷わず決定 Adobeの配色カラーパレット、アイデア101個 90年代「昭和レトロ」など11スタイルから選べる 使いやすくセンスのいい配色101パターン デザインで配色えらびが重要なのは分かっているが、いつも迷って時間がかかるという人も多いでしょう。 この記事では、時短にも役立つAdobeの配色アイデア101個をご紹介します。 人気の「90年代レトロ」や「ネオンライト」、オシャレな「シンプル＆ナチュラル」など、さまざまなデザイン案件に適した、101の色の組み合わせが提案されています。 気に入った配色を見つけたら、そのままAdobe Expressで編集することもできます。 コンテンツ目次 1. 控えめなパステルカラー 2. クリーン＆モダン 3. 光沢メタリック 4. 鮮やかネオン 5. デュオトーン＆モノクロ 6. ナチュラル＆オーガニック 7. 控えめなパステルカラー 8. クリーン＆
コピペで簡単！他と差のつくHTML/CSSスニペット30選まとめ
Webデザインをするとき、どんなデザインや仕掛けを採用したらよいか、迷うというひとも多いのではないでしょうか。 今回は印象に残るウェブデザインを表現できる、最新のHTMLスニペットをまとめてご紹介します。 CSSで表現できる最新テクニックから、複雑であっと驚くデザインまで、CodePenで話題のスニペットを中心にセレクト。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、まずはやりたいことを試してみませんか。 コピペで簡単！他と差のつくHTML/CSSスニペットまとめ キラキラに輝く立体的なクレジットカード クレジットカードの向きを変えることで、キラリと輝くグリッターデザインを施した素敵スニペット。 See the Pen Responsive, Glittery Bank Card by Simon Goellner (@simeydotme) on CodePen.
フォトショップでできる！おすすめ無料デザイン素材40選【アドビ公式】
フォトショップでできる！おすすめ無料デザイン素材40選【アドビ公式】 アドビが公式サイトで公開中の高品質なフリー素材パック 「フォトショップの引き出しを増やしたい」 「まわりが驚くデザインが作りたい」 「短時間でさくっと、高品質なデザインに仕上げたい」 こんなときは、PSDやテクスチャ、ブラシなどの素材を使ってみるのがオススメです。 その理由は、誰でもプロのようなデザインを数クリックで作成できるから。 この記事では、無料ダウンロードできるフォトショップおすすめデザイン素材40個を、カテゴリ別に分けてご紹介。 アドビが世界中のトップクリエイターに依頼＆作成された、高品質な有料レベルのデザインアセットが充実しています。 コンテンツ目次 1. デザインエフェクト素材 2. アクション素材 3. ポスター素材 4. ブラシ素材 5. Illustrator向けベクター素材 6. その他の便利アイテ
アイデアの宝庫！参考にしたい最新ウェブデザイン30選
ウェブデザインを作成するとき、アイデアが足りず、頭を抱えることもあるでしょう。 そんなときは、他のウェブサイトをのぞいてみましょう。 理由はずばり、インスピレーションを得られるのはもちろん、最新のデザイントレンドや人気テクニックを知るのに最適だから。 どのようなレイアウトや配色、フォントを使うべきか、ベストプラクティスを実例から学ぶこともできます。 この記事では、話題となっている最新ウェブデザインを国内外からセレクトしてご紹介。 ウェブデザインを改善したいひと、ウェブサイトをこれから作りたいというひとには、ぜひ参考にしてみましょう。 アイデアの宝庫！見逃せない最新ウェブデザイン30選 Hotel 23 南米コロンビアになる、建物全体が植物で囲まれた、ボタニカルなブティックホテルの公式サイト。 Unseen Studio スクリーン上でマウスが通過した部分は、時空が歪むような、ユニークで未来
知っておくと便利！表現が広がる最新CSSテクニックや書き方30選
知っておくと便利！表現が広がる最新CSSテクニックや書き方30選 これまでの苦労が嘘のよう。新テクニックでデザインに差をつけよう 2022年は、CSSにとって過去最高の年になりました。 安定版ブラウザで、多くの新しいCSSプロパティやセレクタなどが対応となり、これまでは実装にJavaScriptなどが必要だったものも、CSSのみで表現できるようになっています。 ここでは、知っておくと便利な最新CSSテクニックや書き方をまとめてご紹介します。 「CSSって、こんなこともできるの?!」と思わず納得してしまう、驚きテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次 1. コンテナクエリ @container が全ブラウザ対応 2. CSSスタイルクエリの基本と具体サンプル例 3. グラデーション付き影のつくり方 4. どんな背景でも美しい影のつくり方 5.
クリエイター注目の便利な最新オンラインツール46個まとめ
この記事では、クリエイターが知っておくと便利な、最新オンラインツールをまとめてご紹介。 昨年末より話題持ちきりのAI関連ツール、特に増えています。 また、Webサイト制作が楽になる時短ツールやデザインツールなど、あらゆるクリエイティブな案件、プロジェクトで活躍しそうな新ツールが中心。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. AIツール 2. Webデザイン便利ツール 3. 配色ツール 4. デザインツール 5. プロトタイプ・アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ AIツール Hotpot 写真の背景を削除したり、拡大ししたり、不要なものを消したり、古い写真のカラー化などを、AIがまとめて行う自動ツール。 加工した写真は、InstagramやTwitt
全て無料、本当は教えたくないフリーフォント無敵リスト【商用OK】
全て無料、本当は教えたくないフリーフォント無敵リスト【商用OK】 商用利用OK、日本語や英語、スタイル別にまとめた完全ガイド この記事では、無料ダウンロードできるフリーフォントを、カテゴリやスタイル別にご紹介。 「フォントを探すときに、どこを見たらいいか分からない」 備忘録として活用できる、フリーフォント一覧ガイド集。 人気の高い記事を中心に、定期的にアップデートしています。 コンテンツ目次 好きに選べる、好きなだけ使えるAdobe Fonts ✨ すべてのCCユーザーが対象で、すべてのフォントが使い放題 おすすめフリーフォント ✨ 漢字も使える、オススメ日本語フリーフォントまとめ ✨ 手書きでナチュラルな無料フォント ✨ 筆記体フリーフォント11年分をまとめた秘密リスト Adobe フォント ✨ Adobe Fonts オススメ日本語フォント35選 ✨ Adobe Font オススメ英語
Chat GPTをつかってWebランディングページを作成するコツ
この記事では、対話型AIチャットボット「ChatGPT」を、Webページ制作にどのように活用できるか、実際に試しみたのでご紹介。 スポーツマンやアスリート向け、スマートウォッチのWebランディングページを、ChatGPTの力をつかって作成します。 Midjourneyの呪文プロンプトで生成できる、架空のスマートウォッチ。 ChatGPTがWebページのレイアウトや、各セクションのコンテンツ内容やUXライティングに、どのように役立つのか、実験を目的としたチュートリアルです。 ChatGPTとは何？ ChatGPTは、イーロン・マスク氏やマイクロソフト社が出資している、OpenAI社が作成した対話型AIチャットボットです。 ユーザーが、任意のトピックについて、自由に質問（日本語にも対応）をすると、AIが生成した回答例を返してくれ、その精度の高さから世界中で話題に。 2022年11月にリリースさ
画像生成AIでウェブサイトやUIデザインを生成するコツ
人工知能（AI）は、ウェブサイト制作を、根本から変えてしまうでしょう。 今のところ、AI画像生成ツールは、呪文（プロンプト）を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フラワーショップ」をテーマにすると、一発でWebサイト向けレイアウトを錬成できます。 「日本」をテーマにすると、こんな美しいUIデザインに。 実際にAI画像生成ツールを使いこむうちに、少しずつわかってきた、AIツールでウェブサイトやUIデザイン画像を生成するコツを、メモ的にご紹介。 アップデート、継続していきます。 コンテンツ目次 ✨ AI画像生成ツールとは？ ✨ 唱える呪文（プロンプト）って何？ ✨ 画像を
2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 世界でもっとも話題となった作品がこちら HTMLなどのコードを、ブラウザ上で確認ができ、公開や共有もできる開発サービスCodepen（コードペン）。 この記事では、2022年に特に人気の高かったHTMLスニペットを、ランキング形式でまとめた The Most Hearted of 2022の中から、特に印象に残った、実用性の高い作品をご紹介。 CSSのみで表現されたお手軽なHTMLスニペットから、オドロキのユーザー体験を提供したり、CSSアニメーションなどにも注目が集まっています。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 2022年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 94位 Click To Z
【総まとめ】2022年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
この記事では、2022年に公開され、話題となったPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 フォトショップがはじめてのひとも、実用で使える、学びやすいチュートリアルを中心に、50個をピックアップ。 後半では、より自由にフォトショップを扱うことができる、便利な小技テクニックをまとめています。 まだフォトショップをもっていないひとは、7日間の無料体験版ですべての機能を試すことができるので、気軽にはじめてみましょう。 2022年公開のすごいPhotoshopチュートリアルまとめ フォトショップの写真加工、レタッチできることガイド このガイドでは、Photoshopの写真加工について知っておく必要がある、すべてのことをまとめており、随時アップデート中です。 写真を手描きスケッチ風に仕上げる方法 写真に、フォトショップのフィルタ機能を順番ごとに適用することで、まるで
クリエイター注目！人工知能（AI）活用のすごい＆無料ウェブサービス22選
人工知能（AI）を活用したツールは、デザイナーなどクリエイティブな業種において、特におすすめです。 これまでは、夢物語と思われていたような未来のことが、誰でもほんの数クリックで実現、作成できるようになったのが、一番の理由でしょう。 実際、ここ数年のあいだに、AIテクノロジーは目覚ましい進歩を続け、2022年は大流行した年にもなりました。 今回は、クリエイターが活用したい、AI搭載の便利なウェブツールをまとめてご紹介します。 長い記事を要約したり、文字を画像や音声に変換できるAIツールをカテゴリ別にまとめたリストも参考にどうぞ。 クリエイターが活用したい、AI搭載の便利＆無料ウェブツールまとめ Magic Eraser 写真に写り込んだ不要、邪魔なものや人を、なぞるだけで簡単に消すことができるツール。先発のCleanup.Picutresも、精度が高くてオススメ。 Dall-E-2 2022
Web制作を変える！2022年の便利オンラインツール・ベスト110選
Web制作を変える！2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール（16個） 🧰 Webデザイン便利ツール（19個） 🦄 デザインツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
