タグ

photoshopに関するstudio-hのブックマーク (11)

  • Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA

    みなさんはAdobe Photoshopでどのように画像を書き出してますか? 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式(書き出し形式、クイック書き出し)は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し(従来)」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 [ファイル]→[書き出し]→[書き出

    Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA
  • これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block

    PhotoshopのPSD上に、HTMLCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blockは、Photoshop CC2015 for OS Xのみ対応で、Webkitエンジンを利用してHTMLCSSのコードでエレメントを作成できます。 ↓左パネルがエディタに見えるかもしれませんが、Photoshop上でのHTML Blockです。

    これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block
  • 最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ

    こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん!」というものがあることを祈って… それではどうぞ! 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー

    最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
  • 使い勝手がかなり良い、10種類のInstagram風エフェクトを適用するPhotoshopのアクション -Instant Hipster

    エフェクト:Nashville Instant Hipsterのインストール Instant Hipsterのインストールは簡単です。 ページ下部の「Free Download」から、ファイルをダウンロードします。 10 Instagram Photoshop Actions ダウンロードしたファイルを解凍します。 解凍した「Instant Hipster - 10 Retro Actions.atn」をPhotoshopフォルダ内の「Presets/Actions」の中に移動します。 Photoshopを起動しアクションパネルの右の三角から「アクションを読み込み」を選択し、解凍したファイルを指定します。 インストールが完了すると、アクションパネルに「Instant Hipster」が表示されます。 使い方も簡単で、アクションパネルから1クリックで各エフェクトが適用されます。

  • 知ってると便利!Photoshopの作業効率をアップするTips

    Photoshopの知ってると便利な作業効率をアップするTipsを12個、紹介します。 全てPhotoshop CC2014対応ですが、ほとんどのものはCSでも使用できます。 Photoshop外からカラーを抽出 スポイトツールをドラッグしながら、カラーを抽出 通常の操作だとスポイトツールはPhotoshopの枠外に移動すると普通のカーソルに変わってしまいますが、Photoshop内でドラッグしながら移動すると、Photoshop外のカラーを抽出できます。 スポイトツールで複数のカラーを抽出 スポイトツールで抽出できるカラーは、一つだけではありません。 複数のカラーを抽出 Shift を押しながら、カラーを抽出 カラーは、10個まで抽出できます。 ※CSは、4個まで。 ブラシツールからスポイトツールに一時的に変更 選択ツールの選択時に「Ctrl (Macは、Cmd)」を押すと、一時的に移動

    知ってると便利!Photoshopの作業効率をアップするTips
  • フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書

    今回は、このように写真の端を透明にぼかす方法を紹介したいと思います。 1.写真をフォトショップで開きます。 2.背景レイヤーを右クリック。「背景からレイヤーへ」を選択し、OKを押します。 3.レイヤーパレットの下の方にある「レイヤーマスクを追加」を選択します。 4.マスクが選択されていることを確認し、ツールボックスから「グラデーション」を選択してください。 5.グラデーションの色を黒→白にしてください。 ※黒→白のグラデーションは予めプリセットに入っているので、それを選択すると簡単です。 6.グラデーションの黒い方が透明に、白い方が残ります。消したい方向から残したい方向へグラデーションをかけてください。 7.下に白いレイヤーを追加すると、このようになります。 以上で完成です。

    フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書
    studio-h
    studio-h 2015/03/19
    よくあるあれ
  • 【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog

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

    【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
  • Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ

    Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比

    Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
  • Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法|フォトショップの参考書 [sitebook]

    写真に写っている人物を切り抜いて合成する仕事は、世の中にたくさんあります。 特に代表的なのは女性ファッション誌で、モデルの頭から足まで綺麗にトリミングし、すこし角度を傾けてキラキラをつけるなどして、可愛く合成されています。 しかしよく見ると、髪の毛を細かくトリミングされていない事例もみかけます。読者はそこまで見ていないでしょうが、クオリティも大事だと思います。 Photoshopで髪の毛を切り抜く技は、色々なブログで紹介されておりますが、ここでは、切り抜くのが難しい女性の画像を選定しましたので、ぜひご参考にしてください。

    Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法|フォトショップの参考書 [sitebook]
  • 【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]

    Photoshopブラシとは? 鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。 その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。 ・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします! 目次 ・ブラシの追加方法 ・ブラシツール30選 ブラシの追加方法 まずはブラシの追加方法。 拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。 ・ブラシツールを選択 ・アイコンの「ブラシパネルの切り替え」をクリック ・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替

    【無料】DL必須のPhotoshopブラシ30選 - 2014/11/03 [Schoo]
  • Easy Ways to Reduce Noise in Your Images

    2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。WindowsMacLinuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!

    Easy Ways to Reduce Noise in Your Images
  • 1