AIツールはビジネスやクリエイティブなど、あらゆる分野で活用され、業務効率化や生産性向上に貢献しています。 ２０２３年は、コストをかけずにAIを最大限に活用できる無料AIツールが、たくさん登場した年となりました。 この記事では、無料で利用できるAIツール28個をご紹介します。 チャットボット、テキストエディティング、画像生成、音楽生成、音声生成など、さまざまなカテゴリのツールを厳選しています。

もしも、フォトショップをつかって、写真から不要な人やものを消したいとき、あなたならどうしますか。 さまざまな方法がありますが、もっとも手軽なのが「コンテンツに応じた塗りつぶし」でしょう。 シンプルな写真では問題ないのですが、特に複雑な写真では、フォトショップにあまり良い結果を期待することができません。 今回は、フォトショップと無料のAIツールをつかって、どんな写真でも不要な人やものを消す新しい写真加工テクニックをご紹介します。 フォトショップ「コンテンツに応じた塗りつぶし」の現状 まずは、フォトショップの「コンテンツに応じた塗りつぶし」をつかって、どこまで消せるか試してみます。 こちらの写真の手前に立っている男性を、消してみましょう。 加工をはじめる前に、もとの写真をコピーして保存しておくと、もしものときのバックアップになります。 ここでは、「被写体の選択」ツールを使い、人物のみを切り抜き

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。 早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。 前回のお役立ちCSSテクニック集と合わせて確認してみてはいかがでしょう。 よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ コンテンツ目次 1. 画像の質感をアップしたい 2. グラスモーフィズム効果を表現したい 3. 入力フォームの使いやすさを改善したい 4. CSS Transformをつかった最新テクニック 5. 2022年に知っておきたい新しいCSSプロパティ 6. position: stickyの正しい使い方 7. レスポンシブ対応の区切り線のつくり方 8. するするとカーテンが降りてくるエ

Adobe Fontsは、ここ数年で大きく変わり、いまでは25,000以上のプロフォントをAdobe CCユーザーは無料で利用できるようになりました。 日本語フォントも定期的にアップデートされており、650を超えるコレクションに増えています。 「増えすぎて、どのフォントを使えば良いか分からない」、そんな人も少なくないでしょう。 この記事では、Adobe Fontsで利用できるオススメ英語フォント厳選40個をまとめてご紹介します。 プロの現場でも利用される定番フォントから、トレンドを意識した書体まで、「本当に必要な」デザインの幅が広がる英語フォントだけを集めています。 前回より2年ぶりとなる、2024年アップグレード版でお届けです。 Adobe Fontで利用可能！オススメ英語フォント厳選ベスト40 Acumin 5つの異なるフォント幅に合わせ、9つのウェイトとイタリック体を含めた、合計90

この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ

この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト

この記事では、今週行われたAdobeアップデートでPhotoshopに新しく追加された注目の新機能や機能強化5つをまとめてご紹介します。 髪の毛など複雑な切り抜きがより正確で高速になったり、一新されたCamera Rawフィルタ機能、フォント選びに便利なマッチフォントの強化など、どれもデザイン制作が捗る便利な機能ばかりです。 1. ポートレイト人物写真の切り抜き、選択精度が大幅アップ 写真より被写体のみを切り抜き、自動で選択する「被写体の選択」機能が、人物写真用に最適化され、より複雑な髪の毛もクリックひとつで選択できるようになりました。2018年の登場からますます精度が上がり、処理速度もより高速に。 以下は実際に「被写体の選択」を試してみたところ。「オブジェクト選択ツール」または「クイック選択ツール」の使用中に、オプションバーに表示されます。 切り抜いた様子が分かりやすいように、背景をベタ

この記事では、フォトショップの新しいテクニックや基本の使い方を学ぶ最新チュートリアル、作り方をまとめています。 最近のアップデートでさらに使いやすくなったフォトショップを、ばっちりマスターしたいひとにオススメのテクニックを中心にまとめています。 また、これからフォトショップをはじめようという人は、30日にフォトショップのすべてを学ぶ無料コースも開催中。重要ポイントをしっかり押さえながら、すばやく使い方を覚えることができます。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshop CC 2020に追加された便利すぎる新機能10個まとめ フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 写真から金網フェンスを取り除く方法 フェンス部分の選択にはすこし要領が必要ですが、手順としては3ステップのみで完成するクイックチュートリア