【初心者でも簡単】画像生成AI「Adobe Firefly」の使い方を丁寧に解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ インハウスマーケティング部のりこぴんです。 最近、さまざまな画像生成AIツールが話題になっていますよね。 今回は、IllustratorやPhotoshopなどAdobeツールとの連携が充実していて、経験やスキルを問わず誰でも簡単に画像生成ができる「Adobe Firefly」についてご紹介いたします。 画像生成AIをまったく触ったことがない方でもわかるように、Adobe Fireflyの始め方から使い方、また使用する際のコツを丁寧に解説いたします。ぜひ最後までご覧ください！ Adobe Fireflyってなに？ Adobe Fireflyとは Adobe Fireflyとは、Adobe社が提供する画像生成AIツールです。テキストを入力するだけで、誰でも簡単にクリエイティブな画像を生成することができます。 Adobeといえば、PhotoshopやIllustratorなどの画
イラレ(Illustrator)で画像の背景を透過させる簡単な方法【図解】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webデザイナーのまっつーです。 「Illustrator（イラレ）画像の背景を透過（透明）させる一番簡単な方法」について、イラレ初心者の方向けに、実際の画像をお見せしながらわかりやすく解説していきます！ 「ロゴを画像として保存したいのに、白い背景も一緒に書き出されてしまう……」 という方は、これから紹介する手順に沿って書き出しをおこなっていけば大丈夫です！ 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 イラレの背景は最初から透明？ 一見すると、アートボードに白い背景があるように見
イラレ(Illustrator )でアウトライン化は超簡単！わかりやすく図解 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webデザイナーのまっつーです。 「Illustrator（イラレ）でアウトライン化する方法」について、イラレ初心者の方向けに、実際の画像をお見せしながらわかりやすく解説していきます！ 「文字をアウトライン化すると、何かが起きそうで不安……」 という方は、これから紹介する手順に沿ってアウトライン化すれば問題ありません！ この記事を読めば、アウトライン化の目的や方法が理解できます。 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 「とりあえずスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 文字のアウトライン化はなぜ必要？ 主にデザインデー
イラレ(Illustrator)で矢印を追加する超簡単な方法【図解】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webデザイナーのまっつーです。 「Illustrator（イラレ）で矢印を作成する方法」について、イラレ初心者の方向けに、実際の画像をお見せしながらわかりやすく解説していきます！ この記事を読めば、一番簡単な方法で矢印が作れるようになります！ 「矢印は三角と線を組み合わせて作っている……」 「いつも素材サイトからダウンロードしがち……」 という方は簡単に作れる矢印制作にチャレンジしてみましょう！ 半年でデザインのプロになれる！ 「デジタルハリウッドSTUDIO by LIG」では未経験から6ヶ月で「現場レベルの」Webデザイナーを目指せます。働きながら学ぶ社会人も多数！ 現役で活躍するプロから学べ、面接対策や就職斡旋など、永続的な支援も受けることができます。 「デジタルハリウッドSTUDIO by LIG」の詳細をみてみる イラレで矢印を作成する方法 まずはシンプルな直線矢印の作り方から
イラレ(Illustrator)でフォントを追加する超簡単な方法！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、Webデザイナーのまっつーです！ Webデザインスクールの「デジタルハリウッドSTUDIO by LIG」（デジLIG）でWebデザインを勉強し、未経験で入社させていただきました。 デジLIG（デジタルハリウッドSTUDIO by LIG）とは 株式会社LIGとデジタルハリウッドが業務提携をしてはじめたクリエイター養成スクールのこと。Webデザイナーや動画クリエイターを目指す方向けのカリキュラムを展開している。現在、上野・池袋・大宮・北千住・川崎・町田にて受講生を募集していて、無料説明会は毎日開催中！ 💡デジLIGについて気になった方へ→概要資料はこちら！（資料請求） 今回は「Illustrator（イラレ）にフォントを追加する方法」について！ 実際の画像をお見せしながら初心者の方にわかりやすくお伝えさせていただきます！ とっても簡単ですよ！ 使えるフォントの数が増えると、
無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方
WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使いやすいため、知っておいて損はありません。 まずは以下からダウンロード。 Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版の「ShapeConverter.exe」をクリック ダウンロードした「ShapeConverter.exe」を起動 右上の「...」をクリックして変換したい「.ai
リガチャ使ってる？フォントの合字やスワッシュの正しい使い方
特に欧文フォントにおいては、合字（リガチャ）やスワッシュを使うことで、フォントのデザインを劇的に変えることができます。 今回は、合字（リガチャ）とスワッシュの使い方をフォトショップで試してみましょう。 合字（リガチャ）とはなに？ 合字（ごうじ）は、リガチャ（英: Ligature）とも呼ばれ、複数の文字を一文字に合体、合成させて表記することを指します。 以下のサンプル例では、「C」と「A」、また「L」と「I」が一文字で表されており、デザイン性もグッとアップ。 スワッシュ（英: Swashes）とは、筆記体などのスクリプト系フォントで見かける、文字の左右にニョロニョロと伸びる字形を指します。 以下のサンプル例では、単語の始まりと終わりの文字にスワッシュが追加されています。 合字（リガチャ）とスワッシュの使い方 では合字（リガチャ）とスワッシュの使い方について、Photoshopで見ていきまし
これどうやるの？手を動かして学ぶIllustrator最新チュートリアル20選
この記事では、Adobe Illustratorの使い方や新しいテクニックが充実の最新チュートリアルやつくり方をまとめてご紹介します。 手順通りすすめるだけで、基本的なツールの使い方から知らなかった「やり方」を発見できるなど、手を動かしながら実用的なイラレの使い方を覚えることができます。 2021年ベスト・オブ・イラレのつくり方と一緒に確認してみましょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ これどうやる？手を動かして学ぶIllustrator最新チュートリアル20選 スクリーンプリント風エフェクトのつくり方 デザインのずれ感やラフさ楽しむことができ、リソグラフスタイルとして世界でも人気のプリント技法をイラレで再現できる、レトロやヴィンテージ系チュートリアル。 塗りブラシツールの基本的な使い方 ブラシツールを長押しすると選択できる「塗り
Illustratorで画像を埋め込む方法！埋め込み配置とリンク配置の違い | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのカイトです！ 僕はLIGに入社する前、アルバイトでグラフィックデザインを少しだけ作ったことがあるのですが、そのときに入稿データの作成で悩んだことがあります。 印刷会社のサイトからIllustratorデータ（以下Aiデータとします）を入稿しようと思ったところ、注意書きで「リンク切れにご注意ください」とサイトに書かれており、リンク切れのリの字も知らず頭を抱えたことです。 チラシやポスターのように写真の入ったデザインを印刷依頼する場合、画像の配置方法を「埋め込み配置」と「リンク配置」のどちらかで作成しなければなりません。 これらをそれぞれ正しい方法で配置をしないと印刷の際に「リンク切れ」という不具合が発生し、正しく写真が印刷されません。 今回はグラフィックデザインの入稿前に確認しておきたい画像の「埋め込み配置」と「リンク配置」の違いと方法について説明しようと思います。
もっと早く知りたかった！初心者のためのIllustratorレイヤー整理＆活用術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！デザイナーのぱんちゃんです。 デザインの勉強を始めたのが約一年前。今でこそツールの使い方も少しずつ慣れてきたのですが、最初のころはIllustratorが苦手でした。特によく絶望していたのがIllustratorのレイヤー。どうやって管理したらいいのか分からず、毎回ぐっちゃぐちゃのレイヤーを作っていました……。 ただ、アイキャッチ制作プロジェクトでLIGの先輩にレイヤーの管理の方法を教えてもらってから、一気に作業が楽になりました。 デザイン始めたての当時の私に何か一つ伝えられるなら「Illustratorのレイヤーの整理の仕方」を伝えたい！！！ ということで、今回はデザイン始めたての方に向けて、私が実際に業務で行っているレイヤーの整理＆活用方法をお伝えします。 絶対に覚えておいたほうがいいポイントだけをまとめたので、今日でぐちゃぐちゃレイヤーとはおさらばしましょう〜！ 独学でつ
覚えて損はないIllustratorのショートカットキー26選！新米デザイナーが紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのカイトです！ 多くのデザイナーの方がIllustratorを活用されているかと思いますが、「Illustratorのショートカットキーって種類が多すぎてどれを覚えればいいんだろう？？」と思ったこと、ありませんか？？ 僕はデザインを学び始めたてのとき、この悩みに苛まれました。その結果、とりあえずショートカットキーを一通り覚えました。 そこで今回は、僕が学び始めのときに覚えたなかで、今でも活用し効率化に役立っているなぁと感じる、おすすめのショートカットキー26個を紹介していこうと思います！
Adobe Illustrator 初期設定の塗りと線の変更方法 - by Takumi Hirashima
Adobe Illustrator 初期設定の塗りと線の変更方法を紹介します。 例えば、ドキュメントのカラーモードを「CMYKカラー」から「RGBカラー」に変更した後に便利な方法です。 グラフィックスタイルウィンドウで変更 グラフィックスタイルウィンドウで変更 「初期設定の塗りと線」はグラフィックスタイルの「初期設定のグラフィックスタイル」が適用されます。 ドキュメントのカラーモードを「RGBカラー」に変更後、「初期設定の塗りと線」がCMYK値になっているのは、このスタイルがCMYK値から更新されていないためです。 そこで、任意の設定に変更するためには、「メニューバー」＞「ウィンドウ」から「グラフィックスタイル」ウィンドウを表示。 次に、塗りと線を任意の色に変更後、この色を「新規グラフィックスタイル」として登録します。 最後に、作成したグラフィックスタイルを掴んだ状態で、option キー
Three.jsを使って2Dのモーフィングアニメーションを実装する | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回紹介する2Dのモーフィングアニメーションは実務でも実装する機会が多く、先日リリースした下記のフロンティア株式会社様のコーポレートサイトでも似たような実装を行いました。それぞれのセクションやページで2Dのパーティクルが様々な形に変化していきます。こういった動きは躍動感が出ますよね。 それでは早速実装していきます。 デモ 用意したデモはこちら。時間経過でパーティクルが丸、四角、星など様々な形に変わっていきます。今回の実装のポイントはイラストレーターで作成したパーティクルから座標を抜き出しているところです。そちらを中心に解説していきたいと思います！ See the Pen Threejs Points 2D Mofing by Hisami Kurita (@hisamikurita) on CodePen. Step1 イラストレーターでパーティクルの座標を指定する まず、下準備としてどん
【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ
当サイトでは、Illustratorの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいIllustratorのデザインチュートリアル、つくり方をまとめてご紹介します。 過去5年間の人気チュートリアル 直近5年間のIllustratorチュートリアルも一緒にまとめています。どのようにIllustratorが進化してきたのか見てみましょう。 【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ 総まとめ！2019年のすごいIllustratorチュートリアル、作り方厳選50個 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 知識ゼロ
【超初心者向け】Illustratorで画像を切り抜く（トリミング）3つの方法を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのぱんちゃんです。 Illustratorを初めて触ったとき、機能がありすぎて全然覚えられない……些細な作業のはずなのにめちゃくちゃ時間がかかる……と画面の前で頭を抱えていました。デザインを勉強し始めた方にとってはあるあるなのではないでしょうか？ 今回はそんなデザインを勉強し初めたばかりの初学者の方向けに、Illustratorで画像を切り抜く（トリミング）する3つの方法をご紹介します。 Illustratorが全然わからない？ そんな方も大丈夫！ 一緒にIllustratorでサクサク画像を切り抜けるようになりましょう！ 【前提】画像の切り抜きでのIllustratorとPhotoshopの違い 一般的に、画像を切り抜くことをトリミングと呼びます。Illustratorでも簡単なトリミングはできますが、画像の切り抜きが得意なのはPhotoshopです。 Illust
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
一人で学べるIllustrator！最新デザインレシピ、つくり方24個まとめ
この記事では、基本操作から制作時間を短縮するテクニックまで、Illustratorを実践的に学ぶ最新デザインチュートリアル、つくり方レシピをまとめてご紹介します。 実際に手を動かし、手順どおり進めることで、Illustratorのツールや機能の実践的な使い方が、自然と身につきます。 Illustratorを本気でモノにする最新デザインレシピ、つくり方まとめ 美しいグラデーションをつかったロゴアイコンのつくり方 シェイプツールを使って基本的なデザインを作成し、トレンディーで鮮やかなグラデーションをつかって立体的なロゴに仕上げます。 モコモコとした毛皮をつかったテキストエフェクトの作り方 手描きしたパスに沿って立体感のある3Dスタイルを表現し、さらに「ラフ」効果をつかってモコモコ感のあるデザインに仕上げます。 カラフルなカスタムグラデーションの作り方 フリーフォームグラデーションとメッシュグラ
商用利用無料！美しいグラデーション素材・グラデーションメッシュ素材をダウンロードできるサイトのまとめ
Webサイトやスマホアプリをはじめ、最近ではテレビのCMなどでも背景として使用されている、グラデーション・グラデーションメッシュ素材をダウンロードできるサイトを紹介します。 UIデザインやグラフィック用の高解像度の画像ファイル（.ai, .jpg, .png）から、グラデーションを生成できるオンラインツール、グラデーションのCSSを生成できるツールなど、デザイナーからコーダーまで役立ちます。 まずは、グラデーションメッシュ素材から。 グラデーションメッシュとは、複数のポイントからグラデーションをさまざまな方向に流し込んだものです。有機的で美しく、最近のデザインでよく見かけます。 Free Mesh Gradient Collection レインボー、パステム、ナチュラルをテーマにした、グラデーションメッシュ素材。各グラデーションメッシュの右上「↓」から高解像度の.jpgがダウンロードできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用でも全部無料！ イラストやお絵描きを楽しめるIllustratorのブラシ素材のまとめ
古いモックアップ素材はアップデート！ iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ
