はじめに イラストや写真をつなぎ合わせて、動きのある簡単なアニメーション動画を作成したい！ アニメーションで見せたいけどデータが重いと大変。。 といったとき、 Photoshopなら簡単なステップをふむだけでGIFという軽くて動きのあるアニメーション動画をつくることができます。 今回はPhotoshopをつかってGIF動画を作る方法をご紹介していきたいと思います。 GIFとは Graphics Interchange Format（グラフィックス・インターチェンジ・フォーマット、略称GIF）とはCompuServeのPICSフォーラムで提唱された画像ファイルフォーマットの一つ。LZW特許を使用した画像圧縮が可能。一般的に用いられている拡張子は.gif。 GIFは256色以下の画像を扱うことができる可逆圧縮形式のファイルフォーマットである。圧縮画像ファイルフォーマットでは歴史の長いもののひと

長いので、カンタンですが目次を作成しました。 めっちゃ手間がかかるので、スクショ画面をよ〜〜く見て、本文をよ〜〜く読んでチャレンジしてみてください！ CSV＋Photoshop データセットでできること 文字の差し替え CSVの各行に入力された文字ごとに差し替えることができます。 特定のファイルでの背景色やキャラクター等の差し替え 例えば都道府県の画像をつくるとして、「東京都だけ背景に柄を入れる」といったことができます！ 量産したPSDのファイル名の指定 CSVに入力していれば、ファイル名も指定できます。 実際にサンプルのファイルで試してみましょ（◍•ᴗ•◍） こんな画像を量産するよ 試しにこんな画像を量産してみることにしました！ うさちゃんが「あ〜ん」の五十音を発している画像です。 画像ごとに変わる部分はここ↓ ひとつひとつの詳細についてはこれから説明しますが、すべて同じ階層内に保存する

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。 今回はトーンカーブの基礎、活用方法をご紹介します。 これまでなんとなく使ってきた方、思い通りの結果にならないという方はぜひご覧いただき基礎を身につけてみてはいかがでしょうか。 1.トーンカーブとは トーンカーブの機能は多くのペイントソフトに付属していますが、ここではPhotoshopをベースに説明を進めていきます。 Photoshopにはトーンカーブ以外にもいくつかの補正機能が備わっています。中でも使いやすい機能の一つに「明るさ・コントラスト」がありますが、画像の質を低下しやすいデメリットがあります。 また、細かな部分や複雑な画像の補正にも不向きです。これに対して、トーンカーブは視覚、データの劣化をおこさずに細やかな補正ができます。 ト

このようにレイヤーマスクを使用しても円の外側にも効果が現れてしまう。 実はレイヤーマスクは有効。 レイヤー→レイヤースタイル→レイヤー効果：カスタムで「レイヤーマスクで効果を隠す」 または「ベクトルマスクで効果を隠す」をチェック。 別のレイヤーにドロップシャドウを掛けてみた。シャドウ同士が重ならなくなり重宝。

こんにちは、小林です。 今日は実務レベルでのPhotoshopの小技をご紹介したいと思います。 カンバスサイズの拡大・縮小に動じないために ランディングページ等では特にそうですが、カンバスサイズがどんどん大きくなることがあると思います。 背景をシェイプのパターンなどで作っている場合はそのたびに調整しなくてはいけません。 そんなめんどくさいことをしなくても済む方法が、「ベタ塗り」を活用する方法です。 手順は下記を御覧ください。 ベタ塗りレイヤーを作成したら、カラーを変更したり、パターンなどで背景を作成します。（今回は木目のパターンを使用） ↓ カンバスサイズを拡大するにはCtrl+Alt+Cで！ ↓ ベタ塗りはカンバスサイズに関係なく全体を覆ってくれるので便利です。 クリッピングマスクのウラワザ さくっとマスクがかえられて便利なクリッピングマスクですが、こんな謎な現象が起きることがあると思い

アクションの再生方法 アクションは主に、下記の3つの方法で再生することができます。 ［選択項目を再生］ボタンを押す 実行したいアクションを選択して、［選択項目を再生］ボタンをクリックすることで再生できます。 アクションに登録してあるファンクションキーを使う アクションにはファンクションキーを登録することができます。 そのファンクションキーを押すことで、アクションを再生することができます。 ※ファンクションキーは、アクションの作成時や編集時に割り当てることができます。 ※アクションを編集したい場合は、編集したいアクションの項目をダブルクリックするか、アクションパネルのメニューで［アクションオプション］を選択します。 ボタンモードでボタンを押す ボタンモードにすると、アクションパネルの表示が下の画像のように一覧で表示されます。 ボタンに変わり、クリックすることでアクションを再生することができま

sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー

ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最

今回は、Photoshopでレイヤーを等間隔に並べる方法について解説します。 Photoshopでレイヤーを等間隔に並べたいときは、整列や分布、JSXを使用します。これらの使い方を覚えれば、レイヤーがうまく並ばなくて困るということがなくなりますよ！ 同じサイズのレイヤーを等間隔に並べる 同じ大きさのレイヤーを等間隔に並べたいときは、整列と分布を使いましょう。 [Ctrl]キーを押しながらレイヤーをクリック⇒ツールボックスから「移動ツール」を選択します。 縦方向に並べる 縦方向に並べる場合は、オプションバーの「垂直方向中央を分布」をクリック⇒「左端揃え」「水平方向中央揃え」「右端揃え」のいずれかをクリックします。 「水平方向中央揃え」にすると、このようになります。 横方向に並べる 横方向に並べる場合は、オプションバーの「水平方向中央を分布」をクリック⇒「上端揃え」「垂直方向中央揃え」「下端揃

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

Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。

よくPhotoshopの記事で「こんな画像にこんな画像をこの描画モードで重ねるとこんな感じになるよ！」みたいなのは見かけるのですが、それでは根本的にわかってないので、結局合成の際にカチカチしながら見た目で選ぶハメになります。また、よくわからない結果になっても、原因がつかめません。そこで、「画像合成ってなに？」という根本的なところから書きました。 Photoshop、AfterEffects、Illustratorなどレイヤー構造を持つAdobeのソフトには描画モードという画像合成機能が付いています。 この機能、知らないと一見使いにくいのですが、使いこなすとなくてはならない機能の一つと言えるくらい幅が広がるものです。 画像合成って結局何しているの？ この画像合成の本質は、ずばり「計算」です。コンピュータだから、当たり前と言えば当たり前ですが。 数学と言ってしまうと難しく聞こえてしまうかもしれ

この投稿を書く理由？ 僕の場合、フォトショップはアニメーションを制作するのに、写真を加工したり、イラストを作ったりする時に使うことが多い。 フォトショップのPSDファイルを、アフターエフェクトやMotionに読みこんでやると、レイヤー構造を保ったまま、動きや効果を加えられて超絶便利だからだ。 なもんで、フォトショップでぼかしの効果を加えることは少ないのだけど、あれこれ調べてみると、けっこう奥が深い。 例えば、写真を加工するのでも、ぼかしを上手に使ってやると、立体感を強調したり、不思議な画像を作れたりする。 シンプルだけど、活用範囲が広いのが、ぼかしの効果だ。 そこで今回は、自分調べ、独自加工で、フォトショップのフィルターで使うことができるぼかしの全部を、画像とともに完全解説してみたいと思う。 まずは、自分がぼかしの効果を活用するために。 可能であれば、フォトショップのぼかしを理解したい人た

たとえば、風景写真の空を「キレイな青空にしたい」のなら、［特定色域の選択］で［シアン系］の色域を増やせば、薄く霞んだ空でも濃い青色にすることは可能です。しかし、それだけでは不十分です。 キレイな青空に含まれる「カラーの構成要素」をイメージすると、［シアン系］の他に、［マゼンタ系］の色域が増えないと、濃い青色（藍色）にはなってくれません。そして、色を濁らせている要素、この場合は、［イエロー系］と［ブラック系］になりますが、これらの色域を減らすことも必要です。単色の増減だけではなく、カラーの構成要素を考えながら調整しましょう！

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。