タグ

まとめと画像に関するcometnoteのブックマーク (11)

  • 画像の切り抜きや背景の除去、透過できる無料オンラインツール15選

    画像の切り抜きや背景の除去、透過できる無料オンラインツール15選 自動で3秒!話題のFigmaプラグインと一緒に 「できるだけラクに、写真の切り抜きや、背景のみを消したい」 そんなわがままも叶えてくれる、魔法のような、無料のオンラインツールを利用してみませんか。 さらに、写真を放り込むだけで、背景の切り抜きをAIが自動で、ほんの数秒で完了というから驚きです。 今回は、実際にすべてのツールを試し、当に使いたいと思ったツールのみをセレクト。 背景除去ツールを使うことで、被写体のみを切り抜き、透明な背景を作ることができるので、さまざまなデザインに配置できます。 ECサイトやWebサイトの、商品切り抜きにもおすすめです。 すべて無料!画像の切り抜きや背景の除去、透過できるオンラインツールまとめ Adobe Express フォトショップを提供するAdobe(アドビ)による、スキルの有無を問わず、

    画像の切り抜きや背景の除去、透過できる無料オンラインツール15選
  • 画像で分かる、新しいCSS

    この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の[CSS]をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac

    画像で分かる、新しいCSS
  • CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ

    画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テキストを読みやすくするためのさまざまなテクニック グラデーションのオーバーレイを使ったテクニック イージングのグラデーションを使ったテクニック 水平方向のグラデーションを使ったテクニック ソリッドカラーとグラデーションの混合 グラデーションのオーバーレイとtext-shadow グラデーションのオー

    CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ
  • 2021年におすすめのフリー写真サイト12個まとめ 商用利用可

    この記事では、デザインがぐっと良くなるフリー画像素材を無料ダウンロードできる、おすすめサイト12個を厳選してご紹介します。 商用利用OKで著作権のクレジット表記不要のフリー画像を配布している、当に「使える」サイトのみをまとめています。 「フリー写真素材サイトはたくさんありすぎて、どれを使えば分からない。」「他とは違うおしゃれな画像が欲しい。」、そんなときに確認してみましょう。 フリー写真素材をダウンロードする前に確認しておきたい、利用規約やクレジット表記の有無などについては、以下の記事でまとめています。 【2021年版】フリー写真素材のおすすめサイト完全まとめ57選【商用利用無料】 2021年のフリー画像素材おすすめサイトまとめ Pexels プレミアムサイトとは思えないほど高品質な画像の膨大なコレクションを見つけることができるサイト。特に検索機能はよく考えられており、自分に合った一枚を

    2021年におすすめのフリー写真サイト12個まとめ 商用利用可
  • 【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ

    ソーシャルメディア(SNS)で画像を投稿することになります。問題なのは、それぞれのソーシャルメディアによって、カバー画像やプロフィール画像、投稿する画像などで推奨されている画像サイズが異なるということです。 FacebookならFacebookの推奨サイズ、TwitterならTwitterの推奨サイズに画像を加工しないと、画像の上下や端が表示されなくて、あまり効果的ではない画像表示になってしまいます。 今回は、それぞれのソーシャルメディア(Facebook,Twitter,YouTube,Instagram、Pinterest)で推奨されいる画像サイズをまとめてみました。

    【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ
  • 画像データを劣化させず編集可能!オススメのベクター変換ツール7選

    写真やイラスト、文字などjpg、gif、png画像を扱う中で、「ベクターで画像を編集したい」と思ったことがある方も多いのではないでしょうか。 ベクターを使えば、劣化させずにIllustratorなどで画像の拡大縮小やイラストの色を変えたりできるので便利です。 今回は、jpg、gif、png画像をベクターに変換できる、オススメのオンラインツールをご紹介します。 画像をベクターにするメリット ベクター画像とは「座標にある複数の点と点を結んだオブジェクト」です。 輪郭がはっきりとしており、色の変更や輪郭に線をつける等の作業を容易に行うことができます。 ベクター画像の強みは、データを拡大縮小しても劣化しない点です。看板や大型ポスターなど、大きめのデータの作成や出力に適しています。 画像が重すぎると出力に時間がかかり、スペックによってはメモリのエラーが発生する場合もありますが、ベクター画像は容量が軽

    画像データを劣化させず編集可能!オススメのベクター変換ツール7選
  • 簡単に使える画像編集ツール・ソフト9選|無料から有料まで機能を紹介 | LISKUL

    「業務の一環で画像編集作業をしなければならないものの、Photoshopはハードルが高いのでもっと簡単に使えるツール・ソフトが欲しい…」とお悩みの方は多いのではないでしょうか。 この記事ではPhotoshop不要で簡単に画像を編集できるツール・ソフトを厳選して9種類からご紹介します。それぞれのツール・ソフトの特徴・機能から、どんな方におすすめか解説します。 なお、重要度を客観化するために既存の画像編集ツール・ソフトを紹介したサイト7個を調査し、出現頻度順にスコアリングしました。 ※出現頻度が同数の場合は、アルファベット順に掲載しています。日語名については、ローマ字表記で判断しています。 【併せて読みたい】ビジネス用の動画作成ツールの選び方とおすすめツール厳選51選 画像編集ツール・ソフトを選ぶ際に着目するポイント具体的なツール・ソフトの比較に入る前に、選ぶ際に着目すべきポイントを3つ説明

    簡単に使える画像編集ツール・ソフト9選|無料から有料まで機能を紹介 | LISKUL
  • 【最新版】すべて無料!おすすめのフリーの画像&写真素材サイト20選【商用利用可能】

    「Webサイトや記事、プレゼン資料などできれいな画像や写真を使用したい」 と思ったときに真っ先に思い浮かぶのはフリー画像や写真素材ですよね。 画像や写真は見た人の印象にも残りやすく、デザインを洗練させる役割も大きいものです。 またブログやメディアではアイキャッチにこだわることで、記事を読んでもらうきっかけを作りやすくなります。 一方で、イメージに合った画像を探すことはどうしても時間をとられがちです。 また、フリー素材を使用するには、利用規約を読むのが難しかったり、商用利用は大丈夫なのか確認したりと大変な作業が多いです。 そこで今回は、国内外問わず、無料かつ商用利用も可能な写真&画像素材が見つかるフリー画像、素材サイトをまとめてみました。 全て商用利用可能で、クレジット表記や改変が可能かも分かりやすく記載しています。 この記事を読めば、数多くのフリー画像サイトの中から、できるだけ最短でイメー

    【最新版】すべて無料!おすすめのフリーの画像&写真素材サイト20選【商用利用可能】
  • Photoshopの代わりになる!画像編集アプリ・Webサービス13選

    画像編集ソフトとして圧倒的知名度を誇るのがPhotoshopですが、世の中にはPhotoshopのほかにも様々な画像編集ソフトが存在します。その中にはPhotoshop顔負けのものもあれば、Photoshopにはない強みを持つものもあります。 Photoshopは高額で手が届かなかったり、もう少し機能を絞って使いたい場合には、これから紹介するサービスがオススメです。 今回は、Photoshopの代わりになる写真編集アプリ・Webサービスを紹介します。 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Photoshop(フォトショップ)の代わりになる写

    Photoshopの代わりになる!画像編集アプリ・Webサービス13選
  • 【画像からフォント、アイコンまですべて無料!】知っておきたい!究極のデザイン素材サイトまとめ

    無料素材は、デザイナーの時間を大きく削減してくれる救世主です。その気になればアイコンからUI部品、ストックフォトまで、すべてが無料で手に入ります。しかし無料素材サイトも競争が激しく、消えてしまったものも少なくありません。今回は競争を勝ち残ったサイトだけを集めた、究極の無料素材サイトコレクションを紹介します。 1.Dribbble 最高の素材サイトとして多くのデザイナーが推薦するのがDribbbleです。デザイナー向けの招待制SNSで、世界中のデザイナーが成果物を共有してくれています。宣伝のために無料素材を配布してくれるデザイナーも多く、検索すれば豊富な素材が見つかります。Behanceと違いノイズが少なく、特定の素材を見つけやすいのが特徴です。 2.365PSD 365PSDは老舗の素材サイトで、無料のPSD素材を5年以上にわたって提供しています。アイコンからサイト全体のモックアップまで、

    【画像からフォント、アイコンまですべて無料!】知っておきたい!究極のデザイン素材サイトまとめ
  • Photoshop 必要なし?無料で使える画像編集、加工オンラインツール26個まとめ

    高価なソフトウェアを購入したり、アプリをインストールしたり、プロを雇うことなく自分で写真の編集や加工ができると想像してみましょう。 Photoshop などの画像編集、加工ソフトがない環境でも、オンラインで無料で使えるツールはたくさんあります。今回は、無料で使える画像編集、加工オンラインツールをまとめてご紹介します。 オンラインで使える画像編集、加工ツールとは? ネット環境さえあれば利用できる。無料のオンライン画像加工ツールが、最近増えています。これらのツールを利用すれば、Photoshopなどのソフトウェアを必要とせずに、フィルタを適用したり、見た目をカスタマイズすることが可能です。また、はじめての人もマウスを数回するだけで、格的な写真加工ができるお手軽さも嬉しいポイント。 今回ご紹介する画像加工ツールは、オンラインで利用でき効率的ということも人気の理由です。いくつか面白い画像加工ツー

    Photoshop 必要なし?無料で使える画像編集、加工オンラインツール26個まとめ
  • 1