wazanakaのブックマーク - はてなブックマーク

Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド

「どうすればAIをWebデザインに活用できるだろう」人工知能 AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど

wazanaka 2023/11/14

AI

リンク

【パブリックドメイン】100年以上前の果物の水彩イラスト7500枚を無料ダウンロードできるUSDA Pomological Wateroclors

インターネットが急速に普及したおかげで、世界中のさまざまな美術館や研究機関などが保有する作品を、デジタル・アーカイブ化しパブリックドメインとして無料公開する動きが活発になっています。【2022年版】パブリックドメインで無料！世界の名画550万枚をダウンロードできる美術館サイト19個まとめ【CC0ライセンス】モネや北斎も！世界の名画52,000枚を無料ダウンロードできるシカゴ美術館今回は、100年以上前に描かれた水彩イラスト7,500枚以上をパブリックドメインとして公開しているデジタルコレクション USDA Pomological Watercolors をご紹介します。どれも高解像度で無料ダウンロードでき、商用利用にかかわらず自由にデザイン制作に活用できます。デジタルコレクション USDA Pomological Watercolors とは？ USDAとは、United Stat

wazanaka 2019/07/08

リンク

ウェブデザイン制作が加速中！便利な最新オンラインツール53個まとめ

この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクションウェブデザイン制作を爆速に！便利な最新オンラインツールまとめデザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

wazanaka 2019/05/07

リンク

【簡単】2023年Photoshop切り抜きおすすめテクニック15選完全ガイド

コンテンツ目次「被写体の選択」機能「選択とマスク」機能「選択とマスク」（複雑な背景バージョン）オブジェクト選択ツールレイヤースタイル「ブレンド条件」消しゴムツール自動選択ツールクイック選択ツール多角形選択ツールペンツールチャネル設定色域指定レイヤーマスククリッピングマスク境界線を調整さいごに、 1. 「被写体の選択」機能もっとも簡単な、最新の切り抜きテクニック。ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。試しに、こちらの写真の女性を選択してみましょう。元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。たったこれだけで、女性モデルのみを選択することができました。選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了実は

wazanaka 2018/08/20

photoshop

リンク

デザイナーが押さえておきたい、2018年のウェブデザイントレンド6個まとめ【完全ガイド】

2018年になってここまで、ウェブデザインにとって驚くべき年を迎えています。これまで何年もかけて進化してきたデザインが、デザインシステムやタクタイルデザインのような新しいトレンド、また楽しく元気なレトロスタイルの復活などにつながっています。これまで以上に、ウェブデザインの現状と今後の流れを考えることが重要になってきます。この記事では、2018年にもっとも影響を及ぼしている、6つの最新ウェブデザインのトレンドをまとめてご紹介します。 01. コンポーネントを元にした「デザインシステム」まだデザインシステム（英: Design System）を導入していないなら、きっと今後数年以内に利用することになるでしょう。最新版となる 2017-18 Enterprise UX Industry Report によると、デザインシステムを利用していない企業の67%が、現在作成中と答えています。デザイ

wazanaka 2018/04/19

リンク

【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ

wazanaka 2018/02/19

リンク

モバイルUI進化中！革新的なナビゲーションメニュー実例サンプル10個まとめ

モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、７〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、３つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレ

wazanaka 2017/09/29

リンク

Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。

デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめプロ級の写真加工がボタンひとつ！良質Ph

wazanaka 2017/04/22

photoshop

リンク

写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選

完璧な写真を撮影する方程式はありません。しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15

wazanaka 2016/09/19

写真

リンク

デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度

オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。コンテンツ目次イメージ画像・ビデオ動画の関連ツールアイコン関連ツール書体、フォント関連ツール配色カラーツールモックアップ＆プロトタイプツールウェブサイト制作ツールコラボレーション、作業効率ツールデザインコミュニティーサイトオンライン・ラーニング、スクールイメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov