photoshopで紙っぽい質感を簡単に表現する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はつるっとしたオブジェクトを簡単に紙っぽくする方法をご紹介します。 01:境界をざらざらにする まずは長方形ツールで白い四角形を描きます。 次に長方形の選択範囲を選択して、クイックマスクモード（ショートカット：Q）に切り替えます。 クイックマスクモードの状態で、フィルタ→ピクセレート→水晶を選択します。 クイックマスクを解除すると（もういちどQを押す）と選択範囲がギザギザになっているので、その状態でレイヤーマスクを追加します。 紙がギザギザになりました！ついでにドロップシャドウもやんわりかけちゃいましょう。 02:紙をしわくちゃにする 次は紙のしわくちゃした質感を表現します。 ギザギザ部分を選択して（Ctrl+レイヤーマスクサムネイルクリック）、新規レイヤーを追加したあと、黒→白のグラデーションをランダムにかけます。 補足：グラデーションの描画モードは「差の絶対値」にしてください。その
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Photoshopのレイヤーマスクを使ったブレンドテクニック / ウェブデザインライブラリー
シンボルをクリックしてレイヤーウインドウ（ウインドウ内に画像があります）からレイヤーマスクを開きます。 ブラシツールを選択して、背景色を「#000000」にしてから、次のようにオプションを設定します。 レイヤーウインドウに戻り、ブラシを使って画像を次のように作ります。 拡大画像を表示する 画像の感じがよくなるまで作業を続けます。 拡大画像を表示する 一番上（「右」レイヤー）のレイヤーマスクを作って、同じブラシを使って同様に作業します。すると次のようになります。 拡大画像を表示する レイヤー レイヤーマスクを使ってから、消しゴムツールで次のようにブラシを選択します。 一番下のレイヤーを選択して、消しゴムツールを使って画像の境界を消すと、画像の見栄えが良くなります。 拡大画像を表示する 一番上と一番下のレイヤーで作業を続けると、次のようになります。 この作業の後に、レイヤーウィンドウを選択しま
レタッチの基本ワザ | Shuffle by COMMERCIAL PHOTO
レタッチの基本ワザ 第16回 水面への映り込みを作った後に波紋に合わせて画像に揺らぎを作る レタッチの中でも、最も多い人物と背景の合成。その背景に水面があり人物が映り込む場合、どうすればリアルに仕上がるのか。 2012.02.07 | 大里宗也
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか？今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン（フィルター → 抽出）で代替えしてみてくださいね（注意：Web 用の切り抜きを前
フォトショップでも点線・破線を簡単に描けるアクション
Photoshopで点線・破線描くときって皆さんどうしていますか？ 何通りか方法がありますがどれも非常にめんどくさいでよね。 なので今回Photoshopでも点線・破線を簡単に描けるようにアクションを作成いたしました。 【アクション使用方法】 対応CS2～ (1) 今回配布するzipファイルを解凍する。 (2) “点線と破線.atn”と“点線と破線.pat”をそれぞれダブルクリック。 (3) そうするとPhotoshopに読み込まれます。 (4) [ウインドウ]メニューから [アクション]を選択し、アクションパネルを表示して“点線と破線”が読み込まれていることを確認する。 (5) ツールバーにある長方形ツールやラインツール等で点線・破線を作りたいサイズのシェイプをつくる。 (6) シェイプが選択された状態でアクションパネルの“点線と破線”の中から適当なものを選び再生させます。 (7) する
作業効率化：ドロップレット
最近作業の効率化を図るために自動処理系機能を探る事にはまってます。 今回はあまり知られていないPhotoshopの『ドロップレット』の利用の仕方を紹介します。 この機能は簡単にいうとアクションのショートカット機能です。 アクションを設定した『ドロップレット』をデスクトップや任意の場所に保存しておくことによって『ドロップレット』のアイコン上に画像、または複数の画像が入ったフォルダをドラック＆ドロップするだけで指定したアクションを全てのファイルに適用してくれるという優れものです。また保存場所や画像ファイル名（連番をふったり）も指定する事もできます。 STEP1 ドロップレットに指定したいアクションをアクションパネルから選ぶ。 STEP2 ファイルメニュー／自動処理／ドロップレットを作成をクリック STEP３ ドロップレットアイコンを保存する場所とアクション適用後の画像の保存場所等を設定する。
Photoshopの作業効率をアップする10のTips
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを１アクションで全て隠します。
結構簡単！Photoshopの背景消しゴムツールで髪の毛を切抜く方法 | WebDesign Memo
私の場合、人物を扱ったデザインをすることが多いのですが、写真をそのまま使っているとデザインがマンネリ化してきますよね。 そんなとき、人物を切抜いて、デザインにメリハリを付けたりするのですが、髪の毛を切抜くのは、なかなか面倒ですよね。 ついつい、多角形選択ツールなどで切抜いちゃったりします。 これでは、ベタな感じでクオリティが今イチですよね。 アルファチャンネルを使って切抜く方法が一般的？のようですが、アルファチャンネルってよく分からないですよね。。。（私だけ？？？） そこで、Photoshopの「背景消しゴムツール」を使って簡単でキレイ？に髪の毛を切抜く方法を紹介したと思います。 といっても、背景がある程度単色の写真素材に限定されますが。。。 （え〜 それじゃ意味ないじゃんってツッコまれそうですが。。。(>_ 髪の毛を切抜く手順 【１】ファイルを開く 切抜きたい写真のファイルを開き
Photoshopの動作を軽快にするための10のポイント
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
フォトショップの便利な7つのショートカットキー / ウェブデザインライブラリー
投稿日：2007年7月27日 レベル：初心者 ソフトウェア： Step1 ： ショートカットキーの利便性 Step2 ： 複数回の取り消し Step3 ： 手のひらツール Step4 ： ドキュメントウィンドウの切り替え Step5 ： 新規レイヤー作成 Step6 ： レイヤーの複製 Step7 ： 拡大/縮小/ウィンドウ のサイズに合わせる Step8 ： フィルター再適用/フィルターを薄める フォトショップでよく使われるショートカットキー7つを紹介します。既ににご存じのものも有るかもしれません。 自分のやりたいことをプログラムに行わせるために格闘することほど効率性を損ねるものはありません。 ショートカットキーを覚えることにより、ツールやボタンを探す手間が省けます。 Ctrl + Alt + Z Ctrl + Zを何度も押すことによって複数回取り消すことが出来るプログラムが多
Photoshopで、レイヤーを操作する便利な33のショートカット
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
Photoshopを便利にする30のショートカット | コリス
Web Design WallでPhotoshopの30のショートカットが紹介されていました。 Photoshop Secret Shortcuts 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [選択ツール] + [space] 選択範囲を作成中、スペースキーで移動できます。 [Ctrl] + [マウスのスクロールアップ or ダウン] ドキュメントを上下のスクロールではなく、左右にスクロールできます。 文字パレットのフォントリストにカーソルを入れて、[↑ or ↓] フォントのリストを一つずつ表示します。 テキストを選択して、[Ctrl] + [Shift] + [< or >] フォントサイズを2pt単位で変更できます。 [Ctrl] + [Alt]
photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
Photoshopのチャンネルを使って髪の毛を切り抜く方法 - Webデザイン - acky.info
Photoshopのチャンネルを使って髪の毛を切り抜く方法の概要です Photoshopで車や建物のような輪郭のはっきりしたものは、パスを使うときれいに切り抜けます。しかし、髪の毛のような形が複雑で輪郭があいまいなものは、パスだけではきれいに切り抜けません。 そこで、チャンネルを使った髪の毛を切り抜く方法を、一番簡単な白バックの写真を使ってご紹介します。
フォトショップショートカットリスト PhotoshopShortcutList
アドビフォトショップショートカットリスト AdobePhotoshopShortcutList byBSCverCS6.26（ビスク式ｗ （ショートカットリストは書き出せるのに何故かスタンプとかないんで作って見ました・・・現在CS6のショートカットも追加中 このページはフォトショップのショートカットを自分なりに纏めて覚えるときために作ったフォトショップの使い方・ショートカット集のページです。 一緒にショートカットの類似系を覚えると便利なのでわざと説明を重複させてます、たった数段下でも重複させていますｗ。 見やすい・見難い・ショートカットが足りない・こうしたら見やすくなるかも・等ありましたらツイッターでリプライでもください。 できるだけ修正いたします。 見やすいようにタグを調整しました。 MACの場合はCtrlをCommandに読み替えてください。 押したキーから何のショートカットかわかるコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DTP Transit （IllustratorやInDesignをはじめとするDTPアプリケーションの操作に関するTipsやお役立ち情報）
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker
