Learn | Adobe Creative CloudSign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.
【カラーの適用】ワンクリックで画像の色調を合わせる
複数の画像を使う時に、各画像の色合いを合わせたいことがあるかと思います。 そういう時に活用できる補正機能のご紹介です。 [カラーの適用]を使用 次の２枚の画像はフリー素材サイトからDLしたものです。 かなり色合いが違うので、そのまま並べると違和感があります。 そこで、２つの色合いを合わせるためphotoshopの[カラーの適用]機能を使用します。 今回はバイク画像の色調を車のタイヤの方に合わせてみます。 （バイクを青みがかった色合いにする）
photoshopで足りない背景を簡単に伸ばす方法 | WEB業界で働く人や興味がある人に役立つ情報サイト"qam（カム）"
投稿者： スーザン カテゴリー： デザイン >Photoshop 背景が足りない・・・ デザインをしている時、背景に使っている写真の幅が若干足りない！！ というようなこと、よくありませんか？ 別の写真をまた探し直したり、切り貼りを駆使して伸ばしたり、写真のサイズを拡大したり。 上記のような手間を省いて、photoshopの機能を使用した簡単に背景を伸ばす（追加する）方法ご紹介します。 （※CS5からの機能です。） 背景が足りない部分を選択する まずは、背景が足りていない市松模様になっている部分を選択します。 塗りつぶし効果をつかう 背景を選択をしたまま、塗りつぶし効果を使用します。 【メニューバー】 編集→塗りつぶしを選択。 【ショートカットキー】 shift+F5 【選択】 使用・・・コンテンツに応じる 描画モード・・・通常 不透明度・・・100％ 上記を選択し「OK」をクリック。 なん
Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術 - 神戸ホームページ制作センター
今回は建物や家の写真から邪魔な電線や木を排除して綺麗な写真に変身させるフォトレタッチのチュートリアルです。 ※こういったチュートリアルは目的に都合のよい写真が使われていることが多いですが、Photoshopの機能に頼り過ぎない様、多少手間のかかる写真を選んでいます。 ※Macの場合はCtrlをcmdに置き換えてください。 使用した写真は「写真素材 足成」より 建物の写真 空の写真 建物と空を分ける ※失敗しても元に戻せるように作業ごとにレイヤーを複製しながら進めています。 電線を消すついでに空の色が鮮やかではなかったので空ごと変更することにします。 建物写真から選択ツールWで空の部分を選択。 空の写真のレイヤーに移動して右下のマスクボタンでレイヤーマスクを追加 マスクを追加するとこんな感じに。 空が鮮やかになりました。 屋根に被る電線を消す 塗りつぶしの“コンテンツに応じる“を使って電線を
Photoshop:: 写真のテカリ(反射)を修正する
Active Directory (4) android (40) ASP.NET (1) AWS (1) Azure (16) Backup (3) blogger (42) Browser (12) C# (1) CommandPrompt (1) community (1) Group Policy (5) Hyper-V (17) ipv6 (1) Linux全般 (12) Microsoft (3) MSMVP (18) Network (1) Office (87) Office 2016 (2) Office365 (26) PowerApps (1) PowerShell (106) Security (74) Slack (2) SQL Server (52) Surface (15) ThinkPad (116) Troubleshooting (154) VBA (8
Photoshop のバッチ処理で大量の画像を一気に加工する | 簡単にわかるPhotoshop（フォトショップ）の使い方
はじめに Photoshop を使ったクリエイティブな作業の途中、うんざりするような短調作業が発生することはありませんか。たとえば、「大量の写真をすべて縮小する」とか、「画像をすべて同じように加工してバナーを量産する」とか。 そんな作業で貴重な時間を使うのはもったいない! バッチ処理で一気にやってしまいましょう! やり方 STEP1 準備 処理する対象となる画像ファイルを、どこかひとつのディレクトリにまとめます。 大量に処理したい画像の中から1枚を開きます。そして、メニューバーから「ウィンドウ > アクション」を開きます。 STEP2 「アクション」を記録 心の準備ができたら、「アクション」ウィンドウの下の、紙ペラのようなアイコンを押します。 新しい「アクション」(一連の作業)を作成するためのダイアログが立ち上がります。ここでわかりやすい名前をつけて、「記録」開始! すると、録画中の赤丸ア
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風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
【Photoshop初心者向け】知っていると便利な技9つ
Photoshopをさわりはじめて半年未満くらいの初心者の方向けです。それ以上の方はほとんど知っていることだと思いますので、確認程度にざっと見ていただければと思います。 1. レイヤースタイルのグラデーション効果は、描画モードを「オーバーレイ」に グラデーションの部分で色をつくるのではなく、白黒でグラデーションの幅を決めて、描画モードを「オーバーレイ」に。その後、レイヤーの部分で色を変更すると楽です。 2. アンシャープマスクなどのフィルタは、スマートオブジェクトにしてからかける スマートオブジェクトにすると、あとからやり直しがきくので安心です。 3. 単調作業はアクションに登録しておく 例えば写真を決まったサイズに縮小し、軽く色調補正をして保存、という動作があったとき、アクションに登録しておくと便利です。 あとで色調補正を微調整するにしても、最初から作業するより負担が減るはず。 4. 色
Photoshopでガイドだけを別のファイルにコピペできる機能拡張 -CopyGuides
Photoshopでせっかく引いたガイドを別のファイルにコピペしたいと思ったことはありませんか？ そんな願いを叶えるPhotoshopの機能拡張スクリプトを紹介します。 Copy Guides ページのちょい下にある「Download the .JSX file」をクリックし、ファイルを保存してください。 ダウンロードした「CopyGuides.jsx」を使用するPhotoshopのフォルダ内に移動します。 移動先：Photoshop\Presets\Scripts\ Photoshopを再起動します。 メニューの[ファイル]-[スクリプト]内に「CopyGuides」があれば、インストール完了です。 CopyGuidesの使い方 CopyGuidesの使い方はシンプルです。 ガイドをコピーしたいファイルをPhotoshopで開きます。 [Shift]キーを押しながら、[ファイル]-[スク
PhotoshopCS4講座:シェイプの作成と変形
シェイプツールを使うと、ざまざまな図形を簡単に描画できます。 描画された図形はベクトル図形となり、あとで変形させてもその画像が劣化することはありません。 ツールボックスから角丸長方形ツールを選択します。 メニューバーのすぐ下にある、オプションバーに注目してみましょう。 シェイプツールでは、描画の際に、（１）シェイプレイヤーを作成するか、（２）パスを作成するか、（３）塗りつぶした領域を作成するだけかを選択できます。 ここでは「シェイプレイヤー」を選択しておきます。 シェイプツールでは、下図の三角マークをクリックすることで選択したシェイプに応じた「幾何学オプション」が設定できます。 ここでは、「制約なし」と角丸の半径に「８」を指定してください。 画像の任意の位置をドラッグして、角丸長方形を描きます。 レイヤーパネルを観察します。 「シェイプ1」が作成されています。これは実際には、シェイプによっ
隠れた便利機能ベスト3
こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point
アナログな手描き描写を簡単に表現できる Photoshopブラシまとめ「15 Free Photoshop Drawing & Painting Brush Sets」
アナログな手描き描写を簡単に表現できる Photoshopブラシまとめ「15 Free Photoshop Drawing & Painting Brush Sets」 Photoshopの機能の中でも比較的使用頻度の高いブラシツール。手軽にさまざまなグラフィック表現が可能で、重宝されている方も多いのではないでしょうか？そんな中今回紹介するのは、アナログな手描き描写を簡単に表現できる、Photoshopブラシまとめ「15 Free Photoshop Drawing & Painting Brush Sets」です。 （Jess's Acrylic Texture Brushes – Free Photoshop Brushes | BrushKing ♛） 手描きの雰囲気をPhotoshop上で瞬時に表現できるブラシセットが15種まとめられています。気になったものをピックアップしましたの
ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision
思わず、これ無料なの？！というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック（Amazonで見る）のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ
アドビ、Webデザイナーを助けるPhotoshopの新機能を解説する番組を配信
アドビ システムズは、Photoshopを使用したWeb制作およびモバイルデザインのワークフローを合理化する新技術「Adobe Generator」を解説する番組「Creative Cloud 道場 on USTREAM 第25回」のアーカイブをUstreamにて配信している。 「Adobe Generator」は、Photoshopをデザインプロセスの中心に据え、Adobe Photoshop CC、Adobe Creative Cloud、およびサードパーティー製アプリケーションの相互運用性を高めるプラットフォーム。この技術を利用することで、Photoshop CCでは画像アセットをリアルタイムに作成可能となり、これまでWeb用の画像書き出しに必要だった抽出・トリミング・サイズ変更・書き出しといった作業を省くことができる。なお、同番組では、この新たな技術について、実際の操作画面を表示し
クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」
TOP > Design > クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」 webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。 （Dribbble – Sevent WordPress + free psd by trendythemes） クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。 詳しくは以下 ■Responsive PSD Template レスポンシブデザインのテンプレートpsdです。ベースがシンプルなので、希望のテイストのデザインにア
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新着記事
新着記事
