例えばある物体に対して左方向からライティングした時、物体に当たった光は反射し、反対側の右方向に影ができます。 しかし合成画像を作る時は、複数の切り抜き画像のレイヤーを重ねあわせるので、光の入る方向も影の伸びる方向もレイヤーごとにバラバラです。別々な場所・角度から撮った被写体の合成を自然に見せるには、光源から放たれる光の入り方を統一しなくてはなりません。 ここでは、ドロップシャドウを使わないで、自然に影をつける方法をご紹介いたします。
Photoshopで合成！ドロップシャドウを使わない影の作り方
例えばある物体に対して左方向からライティングした時、物体に当たった光は反射し、反対側の右方向に影ができます。 しかし合成画像を作る時は、複数の切り抜き画像のレイヤーを重ねあわせるので、光の入る方向も影の伸びる方向もレイヤーごとにバラバラです。別々な場所・角度から撮った被写体の合成を自然に見せるには、光源から放たれる光の入り方を統一しなくてはなりません。 ここでは、ドロップシャドウを使わないで、自然に影をつける方法をご紹介いたします。
デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a
色の置き換え ピンポイントで色を変えよう！ : Photoshop テクニックス
アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説＆動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5 あまりじっと見て、気分わるくならないようにね（笑） Hey Mr. Postman / Carl Loven ▼今回はポストの色を変えます。別に範囲選択だけでもOKですが、あとで修正が効くようにレイヤーマスクを使った切り抜きという形にしておきましょう（※参照過去記事） ▼レイヤーマスクをかけたレイヤーだけを表示すると、こんなカンジですね。 ▼範囲の選択（切り抜き）さえ出来ていれば、あとはカンタンです。[イメージ]-[色調補正]から[色の置き換え]を選択します。 ▼すると色の置き換えのパネルが表示されますので、色を変えたい場所をパネル内のスポイ
Photoshopできらめきくラメの作り方
Photoshopできらきら光るラメのパターンの作り方です。 今回はキラキラのラメを作ります。後で使用する目的に合わせて、色が変えられるようにまずは基本のラメを作ります。そのあと、シンプルな単色・色々な色がまじりあったラメの色付け方法をご紹介します。
[Photoshop] 繰り返しパターンを作る–パターンの定義と塗りつぶし – プログラミング生放送
そして、メニュー「編集」-「パターンを定義」を選ぶと上図のようなダイアログが開くので、名前を付けて OK ボタン。これでパターンの登録が完了。
![[Photoshop] 繰り返しパターンを作る–パターンの定義と塗りつぶし – プログラミング生放送](https://cdn-ak-scissors.b.st-hatena.com/image/square/723ec50c57389e176e1f3d3cc2c819f180069057/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fpronama.jp%2Fwp-content%2Fuploads%2F2013%2F02%2Ftile.png%3Ffit%3D397%252C403%26ssl%3D1)
レイヤーカンプ機能を使ってボタンのon/offを素早く切り替え｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、小林です。 昨日はエイプリルフールで、いろんなサイトがジョーク・コンテンツを繰り広げていましたね！ 個人的には映画ライジング・ドラゴンとジャッキー・コーガンの公式サイトで、ジャッキー・チェンとブラッド・ピットの主役が入れ替わる！？というのが面白かったです。 下記公式サイト（ジョーク・コンテンツは終了している模様です） ライジング・ドラゴン公式サイト ジャキー・コーガン公式サイト 今回は、Photoshopのレイヤーカンプ機能について試してみました。 photoshop上でボタンのon/offを切り替えする時、どのように処理していますか？ onとoffで別々のレイヤー（フォルダ）を作成して、onのレイヤー（フォルダ）には色をつけて区別する、という方法が多いのではないかと思います。 ひとつのボタンならまだしも、何個もボタンがあって、ひとつひとつレイヤーを表示/非表示で操作してボタン
Photshopおすすめエクステンション -PNG EXPRESS- - entacl Lab.
PNG EXPRESS レイヤーのPNGへの自動書き出しとデザインの設計仕様の表示が出来る高機能エクステンション PNG EXPRESS http://www.pngexpress.com/ PNG EXPRESSは、任意のレイヤーまたはグループのpng画像への書き出しと、デザインの仕様（オブジェクトの位置、オブジェクトの幅や高さ、フォント名・スタイル・サイズ行の高さや色、レイヤー間のマージン等）の表示が出来る高機能なエクステンションです。 予め命名規則にそってレイヤーを構成しておくことによって、PSDファイル内のオブジェクトをワンクリックでエクスポート出来ます。 シェアウェアで$29で販売中です。 簡単な使い方 PNGへの書き出し まずはPNGに書き出したいレイヤーまたはグループにタグを入れ定義する必要があります。 タグは下記のような感じになっており、レイヤーまたはグループ名の頭に追加し
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshop Manual - [ パス ] を [ シェイプレイヤー ] に変更する
４．[ パス ] から [ シェイプレイヤー ] を作るには ５．[ シェイプレイヤー ] ができた
[Photoshop]マスクの方法まとめ
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。 それぞれの作成方法をご紹介します。 クリッピングマスク レイヤーマスク ベクトルマスク（CS6, CC） ベクトルマスク（CS5？以前） クリッピングマスク すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。 一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。 パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。 アイコンが写真のように変化し、マスクがかかりました。 調整レイヤーも同じようにマスクがけできます。 レイヤーマスク 選択
![[Photoshop]マスクの方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb45a436e313479c083a441149c4b60b22112d10/height=288;version=1;width=512/http%3A%2F%2Fwww.ar-ch.org%2Fwp%2Fwp-content%2Fuploads%2F05_s1.png)
グリッドデザインをする時に便利なphotoshopプラグイン2選 | Photoshop Spice
photoshopでグリッドデザインをする時に便利なプラグインを2つ紹介します。 参考サイト：Establishing Your Grid In Photoshop – Smashing Magazine GuideGuide グリッドガイドを作成するプラグインです。 photoshopCS4?対応です。 プラグインのインストール Cameron McEfee | New Media Designerより「Download GuideGuide 1.0」ボタンをクリックして ファイルをダウンロードします。 ダウンロードしたzipファイルを解凍し以下の階層にフォルダ毎入れます。 Windows (32 bit):?\Program Files (x86)\Adobe Photoshop?\Plug-Ins\Panels\ Windows (64 bit):?\Program Fi
今さら人に聞けない!! Photoshopのショートカットキー講座(22) レイヤーを一括で表示/非表示
Photoshopを使い込むほど、増えていく傾向にある使用レイヤーの枚数。レイヤーの数が増えてくると、何をどのレイヤーに描いたのか分からなくなってきませんか？ レイヤーの表示/非表示を切り替える時に「表示アイコン(目のマークのアイコン)」をひとつずつクリックしていくのもとっても面倒ですよね。 そこでこの方法をぜひお試し下さい！ 今日のショートカット 【レイヤーを一括で表示・非表示】 表示・非表示を切り替えたいレイヤーの表示アイコンをまとめてドラッグ もっと早く出会いたかった、この方法……！ このやり方を知らなかった私は表示アイコンをひとつずつ地道にクリックしていたのです。それはもう、とても地道に……。 この方法なら表示を切り替えたいレイヤーのアイコンを、連続してさらっとなぞるだけ。 今日のショートカット 【クリックしたレイヤー以外を非表示に】 Mac) option + 表示アイコンをクリ
Slicing Images for Your Website with Photoshop
2014年8月17日 Photoshop, Webサイト制作 印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス（分割）し、HTMLとCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目！私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その5 目標：コーディングしやすいパーツ画像を用意できる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 目次 誰のため？何のため？Webサイトを作り始める前に
photoshopで選択範囲を数値で指定し、位置も数値で指定する方法
photoshopを使っていて前々からできるんだろうなぁ～・・・と思いつつも選択範囲の幅や高さを情報とにらめっこしながら、大きすぎたり、小さすぎたりをいったりきたりで数値でぴたんこに合わせる方法があればなぁと本気になって調べてみたらありました。 ちなみに私が使っているのはphotoshop CS4ですので、その他のバージョンでは違う場合があるかもなのでご了承ください。 では、まず、適当な切り抜きたい写真を用意し、元写真を壊してしまわないようにレイヤーを複製して作業します。 そして適当に長方形選択ツールで範囲を選択します。あとで数値で調整するのでテケトーでかまいません。 そのままの状態で、選択範囲→選択範囲を変形をクリックします。 メニューバーの下のオプションツールに着目します。表示されていない場合はウインドウ→オプションでオプションツールを表示させてください。 ①は選択範囲をどこからの位置
Photoshop用 和風パターン
もともと自分で使うために作ったものですので、 使い方も自分のパターンになってしまっています。 面白い使い方があれば教えていただけると嬉しいです。 今後も私の必要に応じて種類は増えるんじゃないかと思います。 地模様以外にも役に立つかもしれません。 オリジナルのパターンと手書きの丸紋も追加しました。 なるべく印刷にも耐える高解像度にしたので（300dpi）結構重いです。 ダイヤル回線の方には申し訳ないです（汗） サムネイルをクリックしていただくと、新しい窓が開きます。 ダウンロードしてお持ち帰りください。 ご存知とは思いますが、選択範囲を囲んだあと、 「編集」→「パターンを定義」です。 もしかするとPhotoshop以外のソフトでも 使えるのかもしれませんが、私には不明です。 PainterやCOMIC ART CG Illustなどでも使えるというお声をいただきました♪
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Photoshop レンガ画像 作成方法』
designmap.info
http://develo.org/2010/06/10/0154.html
http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
１４．イラストレータ、フォトショップ間のデータ交換