トップ/web/photoshop

web/photoshop

最終更新: 2023-12-24 (日) 00:35:26

Photoshop#

GIFアニメーション#

移行#

使えそうな加工方法#

フォルダ内の画像を一括でリサイズする#

http://www.dispatch-base.com/design/photoshop/1katsuResize.html

「別名で保存」ではなく「Web用に保存」で任意のフォルダを指定することで複数ファイルを処理してもファイル名をわけて処理してくれる。

  1. 「ファイルブラウザ」を選択する
  2. アクション タブ > 新規セットを作成(フォルダ]] > 「カスタム」を作成
  3. アクション タブ > 新規アクションを作成 > 「64pxにする」を作成(記録が開始される]]
  4. いずれかのファイルを1つ開く
  5. イメージ > 画像解像度 > 幅を 64px にして OK
  6. ファイル > Web用に保存 > PNG-8 で保存 > 予め作成した「64」というフォルダに書き出し
  7. 開いていたファイルを閉じる
  8. アクション タブ >「再生/記録を中止」

記録したバッチを使用する

  1. 「ファイルブラウザ」で対象ファイルを全て選択する
  2. ファイル > 自動処理 > バッチ
  3. 「ソース」を「ファイルブラウザ」に選択
  4. 「開くコマンドを無視」「開くダイアログを無視」「カラープロファイル警告を非表示」にチェックを入れる
  5. 「OK」で自動リサイズが行われる

ミニチュア風写真にする#

フォントにテクスチャを貼り付ける&ギザギザにする#

  • 参考:Photoshopでクッキーを使った美味しそうなテキストエフェクトをデザインする方法
  • テキストツールで文字を入力する
  • 別のレイヤーにテクスチャを貼り付ける
    • このレイヤーを選択した状態で、レイヤーパレット上でテキストのレイヤーをCTRLを押しながらクリックする
    • レイヤーマスク>選択範囲外をマスク で テキストのレイヤーを非表示にする
  • フィルタ>ブラシストローク>ストローク(スプレー)
    • ストロークの長さ12、スプレーの半径0で、ギザギザになる。

設定#

その他#

色が正しくプレビューされないときの対応方法#

  • Bluesky
  • Hatena