【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
Photoshopで一手間加えるとこんなに違う！思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方
Photoshopにはノイズを加えるために、フィルタ「ノイズ」があります。しかし、そのまま適用するだけでは思った通りのノイズを作成することができないかもしれません。 一手間加えて、思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方を紹介します。 How to create noisy by Stefan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ノイズを加えたグラデーション その1: モノクロ2階調のシェードとグラデーション その2: ノイズを伴った、リソグラフのようなグラデーション その3: メゾティントでノイズを作成 ノイズを加えたグラデーション InstagramとBehanceにアップロードした私の作品は人気が上昇するにつれ、数多くのメッセージとそれをどのように作るのか質問を受けました。 これはR
不自然な美肌アプリとはさようなら！Photoshopで立体的な美肌を1クリックで作り出す最強の無料アクション
人物の写真を美肌にする際に、最も大切なのはナチュラルに美しくすることです。 皮膚をぼんやりさせることで美しく見えるかもしれませんが、ナチュラルとは全く異なる、平面的で違和感のある見た目に仕上がってしまいます。 人物の肌のきめを維持しつつ、立体的な美肌に1クリックでレタッチできるPhotoshopのアクションを紹介します。 Realistic Skin Smoothing Photoshop Action 最近はスマホでも美肌アプリが増えてきましたが、ぼかしを多用するためか、平面的でマンガやアニメのような仕上がりが多いです。 この「Realistic Skin Smoothing」を使用すると、1クリックで簡単に、ナチュラルな美肌を作り出すことができます。 Realistic Skin Smoothing Photoshop Action ※ダウンロード期間は、終了したようです（2018年1
Photoshopを使ってる人に今年一番の朗報！カラーのグループ化ができるようになる便利なスウォッチパネル -Swatchoos
Photoshopのデフォルトのスウォッチはカラーが選択できるシンプルなツールですが、すこし物足りないと感じませんか？ 例えば、カラーをグループ化したり、指定したカラーを混色したり、複数のカラーの明度を変更したり、形を丸にしてみたり、そんなことが全部できるSwatchoosを紹介します。 SwatchoosはPhotoshop CC2014.2以降、Win/Mac両対応です。
すぐに使える！UIデザインで効果的なカラースキームをまとめたスウォッチ素材 -Open Color
UIデザインで使う、フォント、背景、ボーダー、ボタンなどのカラーを効果的にするグレーと基本の12色から展開されたカラースキームを紹介します。 Open Color Open Color -GitHub カラーは、グレーと12色をベースに彩度に変化が与えられたもので、すべてのカラーは色覚異常（特に第二色覚異常と赤色覚異常）のユーザーでも知覚可能なように配慮されています。 Swatch -Open color カラースキームは、以下の形式でダウンロードできます。 Adobe CC ライブラリ Photoshopのスウォッチ Illustratorのスウォッチ Sketchのカラーパレット ソースコード（.scss） ダウンロードは下記ページの下部から。
Photoshop無しでPSDファイルをさくっと開き、画像編集もできてしまう！オンライン無料サービス -Photopea
PhotoshopのPSDファイル、GimpのXCFファイル、JPEG, PNG, GIF, BMP, WebPなどの画像ファイルを開き、編集もできてしまう無料のオンラインサービスを紹介します。 UIは簡易版Photoshopという感じで、PSDのレイヤーやグリッド、エフェクトなども読み込むことができます。 そのレイヤーやグリッドやエフェクトを編集することももちろん可能です。 Photopea 写真: ぱくたそ 対応ブラウザの明記はありませんが、Chromeでアクセスすれば問題ないでしょう。利用にあたっては完全に無料で。登録など面倒なことは必要ありません。 さっそく、昨日の「ワイヤーフレームやフローチャートに使える素材のまとめ」でダウンロードしたPSDファイルで試してみました。 通常のアプリと同様に「File:: Open」からファイルを選択して開きます。
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ - PhotoshopVIP
作業がグッと捗る 、 取り入れたいPhotoshop時短テクニック17個まとめ 24 Tips, Tricks, and Hacks for Adobe Photoshop CC Photoshopのデザイン制作をスピードアップできる、あまり知られていない時短テクニック17個をまとめてご紹介します。デザイナーが覚えておきたい、ショートカットキーを使ったテクニックを中心に、よりスムーズなデザイン体験を実現することができます。 参照元@ : 28 Powerful Hidden Tips, Tricks, Features! - TutVid
PSDファイルでできるんだ！要素がぷるるんとアニメーションでくっついたり離れたりするエフェクト -Photoshop Gooey Effect
PSDファイルでできるんだ！要素がぷるるんとアニメーションでくっついたり離れたりするエフェクト -Photoshop Gooey Effect
Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ
Photoshop初心者も、普段使ってる人も知らないともったいないPhotoshop CC2015を使いこなす便利なテクニックを紹介します。 この記事を書くにあたって、WinとOS XのPhotoshop CC2015でそのテクニックを確認したのですが、けっこう知らないこともあり、かなり参考になりました！ 最後にはボーナスとして、全操作の動画もあります。 28 Awesome Tips and Tricks for Photoshop CC 2015 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 Command = Ctrl Option = Alt Delete = Backspace 01: 歯を自然な白さに美しくレタッチす
これは面白い！Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block
PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blockは、Photoshop CC2015 for OS Xのみ対応で、Webkitエンジンを利用してHTMLとCSSのコードでエレメントを作成できます。 ↓左パネルがエディタに見えるかもしれませんが、Photoshop上でのHTML Blockです。
Photoshopで美しい背景をつくる！グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ
美しいぼけやブラーを描いたり、写真の背景に目立つようテキストを磨りガラスに載せたり、モザイクやラインを使って幾何学状にしたり、美しい背景をつくるPhotoshopのチュートリアルを紹介します。 各チュートリアルは30分くらいで出来るものなので、ぜひお試しあれ。
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
便利で簡単！Webサイトのプロトタイプが本当に数クリックで作成できてしまうPhotoshopの無料の機能拡張 -Velositey v2
Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので、デザインの勉強にもいいですよ。 Velositey v2 Velositey v2とは Velositey v2のインストール Velositey v2の使い方 Velositey v2とは Velositeyをは「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ (1,000 Pocket Thanks!)」で紹介した時からバージョンアップし、機能も大幅に強化されました。このバージョンからCC2014対応です。 Photoshopにインストールすると、最近のWebページで見かけるさまざまなコンポーネントが1クリックで簡単に利用できます。 左上から、
ガイドラインや指示書の作成が楽になる！エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks | コリス
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marksを使ってるアニメーション（偶然両方とも173pxになってびっくり！） 以前紹介したInkも同様にサイズを書き出してくれますが、ベクターとテキストのデータのみです。エレメントがベクターならInk、ビットマップのエレメントやマージンならSize Marksが便利です。 Inkの特集記事：Photoshopの機能拡張 -Ink Size Marksのインストール Size MarksはPhotoshopのスクリプトで、当方の以下の日本語環境で動作しました。 Photoshop CC 2014 for OS X Photoshop CS 6 for Win7 ※配布ページにはCC 2014
Photoshopでの面倒な作業を簡単に！便利すぎるPhotoshopのアクションのまとめ | コリス
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々（バンディング）を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事（グラデーションをより美しく滑らかにするPhotoshopのアクション ）をご覧ください。
大量のPSDファイルを全部PNGに書き出したい、そんな要望に応える無料のアプリ、しかもPhotoshop無しで -PSD to PNG
一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&ドロップ。 PSDファイルと同階層に「PNGフォルダ」が生成され、その中にPNG画像が書き出されます。 PSDはレイヤーで表示されているものが、PNGに書き出されます。 PSDファイルは一つでも、複数でも対応しています。
Photoshopの最近の気になるテクニックを身につけるチュートリアルのまとめ
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利すぎる！GoogleフォントがPhotoshopで簡単にホイホイ利用できる無料の機能拡張 -Fontea
スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
