【簡単なのにすごい! Photoshop 1分講座】 Photoshopの新AI機能「生成塗りつぶし」はこう使う！
【Photoshop】切り抜きの方法5つと便利なテクニック
フォトショップには画像の切り抜きの方法がたくさんあって結局どの方法を使えばよいのかイマイチ分かりませんよね。この記事では、これだけ知っておけば、ほとんどのものを綺麗に切り抜ける！という切り抜きの方法を5つまとめました。
フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書
今回は、このように写真の端を透明にぼかす方法を紹介したいと思います。 1.写真をフォトショップで開きます。 2.背景レイヤーを右クリック。「背景からレイヤーへ」を選択し、OKを押します。 3.レイヤーパレットの下の方にある「レイヤーマスクを追加」を選択します。 4.マスクが選択されていることを確認し、ツールボックスから「グラデーション」を選択してください。 5.グラデーションの色を黒→白にしてください。 ※黒→白のグラデーションは予めプリセットに入っているので、それを選択すると簡単です。 6.グラデーションの黒い方が透明に、白い方が残ります。消したい方向から残したい方向へグラデーションをかけてください。 7.下に白いレイヤーを追加すると、このようになります。 以上で完成です。
Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
【選択とマスク】面倒な髪の毛の切り抜きを簡単にする方法【境界線調整ブラシツール】
【Photoshop基本操作】人物の髪の毛を切り抜く方法は、素材や求められるサイズによってアプローチが違います。いちばん面倒な素材は、街や風景などの背景があり、髪の毛の色が背景色と同じようなもの。このような条件では、はっきり言ってお手上げです。 しかし、ほんの少しのごまかしが許されるなら、選択範囲の[選択とマスク]オプションを試してみましょう。意外と簡単に切り抜けるかも知れません。 境界線調整ブラシツールを使おう！ [選択とマスク] オプションは、選択範囲の境界線を編集する機能です。ということは、選択範囲がないと髪の毛は切り抜けないわけで、やっぱり、いつまでもどこまでも、選択範囲って重要なんですね。 [境界線調整ブラシツール] は、ブラシで描画した領域を境界線として、内側と外側に分けるピクセルを、自動的に検知してくれるゴキゲンな機能です。描画を手動で行うことさえ覚悟すれば、難しいとされてい
Photoshopでドットグラデーションを作る
Photoshopでドットグラデーションを作る方法 こんにちは、さち です。 今回は、Photoshop Elements で上の画像のような ドットグラデーション（水玉グラデーション）を作成する方法を紹介します。 私の備忘録的な記事ですが ドットグラデーションを作成方法を知りたい方に 少しでもお役に立てたら幸いです。 まずはモノクロ（白黒）のドットグラデーションを作る カラーのドットグラデーションツールを使る場合も まずはモノクロドットグラデーションを作る必要があります。 黒から白へ変化する普通のグラデーションを作ります。 必ずカラーコードは、黒は「#000000」白は「#FFFFFF」にして下さい。 グラデーションを作ります。 グラデーションの方向はどんな向きでもよいです。 グラデーションのレイヤーを選択した状態で 「フィルタ」→「ピクセレート」→「カラーハーフトーン」。 「最大半径」
ずっと使える！？スタイリッシュなモザイクを作成するPhotoshopチュートリアル｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 久々の3連休、いかがお過ごしでしたでしょうか？私は実家へ帰省して神輿を担いできました。当初はそんな予定はなかったのですが、うちの地区が5年に1度、神輿を担ぐ権利を与えられる当番町とのことで、せっかくだから参加してきました。おかげで肩がバキバキです。今週もガンバりましょう。 さて、最近のwebデザイン（特に海外）では、背景にポリゴンや、ボケ（ブラー）を効かしたデザインが多くなっています、いや、もはや定番となりつつあるかもしれません。 ポリゴンを使用したサイト。（http://airesecintra.arq.br/） ブラーな背景と半透明のパネルを組みあせたUI。（https://dribbble.com/shots/1619914-Sports-UI） ただ、ポリゴンに関してはややクセがあるので今後少しずつ減っていくのではと思っています。しかしこのシャー
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
マスク編集自由自在！Photoshopレイヤーマスク調整の小技2点
Photoshopレイヤーマスクを使いこなすと、チャンネルをコピー＆ペーストしたりする作業が減りだいぶ速くマスクを操作できるようになります。上の画像でご説明。 レイヤーマスク編集モード各種 レイヤー構造は▲のようになっています。マスクひとつで空と地面を別々に調整しています。 （参考：知らないと損をする!! Photoshopレイヤースタイルを使って劣化を抑えたラクラク色調補正の便利技!! – やもめも） このマスク部分、各種モデファイキーと合わせることでいろいろな編集モードに移れます。 （winの方はOptinをalt、commandをctrlに置き換えてください） 最後のレイヤーマスク表示モードがとても便利に使えます。 （ショートカットキーは、Shift+¥またはShift+opt+¥） このマスク色は、クイックマスクとは別に設定できます。 不透明度を100%にすると塗り残しがよく分かっ
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
WebデザイナーのためのPhotoshop関連記事まとめ
「2014年4月の、これだけは押さえておきたいWeb関連の動き」という記事を書いていたところ、あまりにもWebデザイナーのためのPhotoshop関連記事が多かったため別の記事としてまとめました。 Fireworks からの乗り換えの方向けの記事からより速く制作するためのテクニック、Adobe が開発中の CSS をコピーしたり画像アセットをダウンロードするためのWebアプリなど。 基礎〜現役Webデザイナー向けの制作テクニック FireworksユーザーがPhotoshopでwebデザインカンプを作る時、注意が必要なポイントとその解決策 | tipsBear シェイプやスマートオブジェクトを別の PSD に複製する方法 テキストボックスのサイズを変える方法 シェイプなどのサイズを取得する方法 など、普段 Fireworks をお使いの方が Photoshop でWebデザインしようとした
色調補正を正しく行なうためにPC環境を整える | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
色調補正のためのスキルを身に着けたら、続いて着手したいのがPCの環境を整えること。モニターキャリブレーション、カラースペースなど、どこまでも奥深い話になってしまう分野だが、今回は極力わかりやすく、誰でも簡単に導入できるよう解説する。 記念すべき連載第10回目の今回は、「色調補正を正しく行なうために、PC環境を整えること」についてお話していきたいと思います。新しいステージへの扉を開く回です！ 今までこの連載では、色調補正の方法をお伝えしてきました。「写真全体の明るさや色調」をコントロールする方法は、もうかなり身についてきていると思います。そんなあなたを次のステージへお連れするために、ちょっと苦いお話をしなくてはなりません。 （心苦しいのですが）、早速苦い一言を申し上げます。もし、あなたが調整した写真を人に渡した時「なんか色がおかしいんだけど？」と、言われたらどうしますか？ 「せっかく色調補正
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
「レベル補正」を使ったプロフェッショナルな色調補正 | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
色調補正の基本からスタートした当連載。3回目は、詳細なコントロールが可能になる「レベル補正」について解説する。 「これさえ読めば、何も知らないところから、デジタル画像の色調を完全にコントロールできるようになれる！」を、合言葉に連載している「Photoshop 色調補正ゼミナール」。 今までの回では、「明るさ・コントラスト」で写真の明るさとコントラスト調整する方法を解説し、「色相・彩度」で写真の鮮やかさをコントロールする方法を説明してきました。ここまで読んできた方は、写真の色を調整する超基本コースはマスターできたことと思います。 そこで、連載3回目の今回は、「レベル補正」コマンドについて解説いたします。いよいよ、ちょっとプロ向けの機能の解説に入っていきます。 「また明るさ系のコマンドか…。それは『明るさ・コントラスト』でやるから自分はいいや」なんて思った方もいらっしゃるかもしれません。そんな
キラキラの質感を手軽に表現できるブラシセット「20 Sets of Free Sparkle Brushes For Photoshop」
TOP > Design , Photoshop > キラキラの質感を手軽に表現できるブラシセット「20 Sets of Free Sparkle Brushes For Photoshop」 デザインにラグジュアリーで女性らしい雰囲気を演出したい時に、キラキラとした質感をプラスすることは多いかと思います。今回はそんなシーンに活用できるブラシセット、「20 Sets of Free Sparkle Brushes For Photoshop」を紹介したいと思います。 Sparkling brushes by ~LoRdaNdRe on deviantART 定番として使えそうなシンプルなタイプから、アレンジの聞いた個性を感じるものまで、さまざまな種類が収録されています。気になったものをピックアップしてみましたので、まずは下記よりご覧ください。 詳しくは以下 ■Sparkle Bru
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
Photoshop Elementsで迷子を出さない簡略地図を作ろう [フォトショップ(Photoshop)の使い方] All About
Photoshop Elementsで迷子を出さない簡略地図を作ろう今回はPhotoshop Elements 10を使って、「簡略地図」を作ります。作り方だけではなく、迷子を出さないような、わかりやすい地図を作るためのポイントと併せて解説します。 簡略地図を作ってみよう 家や会社、店舗の所在地をわかりやすく示すための「簡略地図」は、簡単に作れそうでいて意外に大変なものです。そこで今回は「Adobe Photoshop Elements 10」で絵や図形を描く感覚で作る方法と、簡略地図を作るときのポイントを紹介します。はじめて訪れる人も迷わずたどり着けるような、シンプルで実用的な地図ができあがります。簡略ならではの色のバリエーションでいろいろな地図が楽しめます。 今回は「Adobe Photoshop Elements 10」を使っていますが、他の画像編集ソフトでも、作成時のポイントを押さ
![Photoshop Elementsで迷子を出さない簡略地図を作ろう [フォトショップ(Photoshop)の使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://web-design-cafe.com/archives/593
新着記事
Photoshop Vip » 継ぎ目のないパターンを無料で探すときに見るべき22個のWEBサイトまとめ
