タグ

Photoshopに関するledlizerdのブックマーク (9)

  • PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売

    私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク

    PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
  • 【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド

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

    【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
  • Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ

    Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? レイニー氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基はスタンプツールですが、スタンプツールでチマチマ消す時間もない!という方に

    Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ
  • これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

    人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。(動画は最下部です↓) Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。 背景が透明なPNG画像があるとバリエーションを作るのがとても簡単!例えば、このような白い背景のヘッダーデザインをしてみます。 背景が透明なP

    これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》
  • Bootstrap 4に備えよう!グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels

    先週リリースされた「Bootstrap 4 alpha」で採用されている12カラムのグリッドと基エレメントを忠実に再現したPhotoshopのPSD素材を紹介します。 Bootstrap 4のはまだ見たことないので、世界初じゃないでしょうか。 個人でも商用でもクライアントワークでも無料で利用できます。

    Bootstrap 4に備えよう!グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels
  • 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の切り取りテクニック。

    Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう

    これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
  • 知ってると便利!Photoshopの作業効率をアップするTips

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

    知ってると便利!Photoshopの作業効率をアップするTips
  • ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる「The Bezier Game」

    IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手

    ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる「The Bezier Game」
  • 1