Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
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: 歯を自然な白さに美しくレタッチす
Language Navigation Language Navigation
便利すぎ！Bootstrapベースのデザインカンプ作成がびっくりするほど簡単にできてしまうPhotoshopの機能拡張 -Bootcomp
Bootstrapベースのデザインカンプを作成する時にめちゃくちゃ便利で、大幅な時短にもなるPhotoshop CC2015対応の機能拡張を紹介します。 OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました！ 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
現役プロが比較 ｢WEBデザインスクール12校｣おすすめランキング！ WEBデザインスクール選びで絶対失敗したくない！プロの目線でおすすめを教えて！ WEBデザイナーがデザインする際に使うツールはPhotoshopがベスト？ 最近ではSketchやIllustratorでWEBデザインをされる方も増えているが（Fireworksの人口は減る一方）、Photoshopでデザインされている方がまだ大半を占めている。 以前Webクリエイターボックスさんが実施したアンケートでもこのような結果だった。 やっぱりまだまだPhotoshop強し！みなさん、ご協力ありがとうございました！ぐっない? pic.twitter.com/ajGy0wb46g — Webクリエイター ボックス (@webcreatorbox) 2016年2月19日 さらにPhotoshopは古くなっているわけではなく、Photos
2016年は5月にPhotoshop CC 2015.5がメジャーアップデート並に機能が追加され、11月にCC 2017が新しく使う人やしばらく使っていなかった人向けにアップデートされ、この一年でPhotoshopは大きく変わりました。 Photoshopでの作業を快適にさせたい、もっとパフォーマンスを向上させたい時に見直したいPhotoshopの環境設定の項目を紹介します。 Photoshopの最近のバージョンの機能説明は、下記をご覧ください。 Photoshop CC 2017の新機能のまとめ Photoshop CC 2015.5の新機能のまとめ CC 2015.5で進化した選択範囲とマスクの作成、Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！ 環境設定のバックアップと初期化 環境設定: 一般 環境設定: ツール 環境設定: パフォーマンス 環境設定: グラフィックプ
切り抜きも楽勝！Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP
切り抜きも楽勝！Photoshop CC 2015.5で注目したい使い方や最新機能まとめ チュートリアル 2016.07.12 先日、公式にリリースされた Photoshop CC の最新版 2015.5。より「使える機能」や「誰もが喜ぶ」機能を強化したアップデートで、デザイン制作をよりスピーディーに行うことができるようになりました。 今回は、注目したい Photoshop CC の新しい使い方や機能をまとめてご紹介します。各機能を実際に利用してみたことで見えてきた、より実践的な使い方が中心に揃っています。これらの機能をうまく活用することで、今後のプロジェクトを悩むことなく、よりスムーズに進めることができるでしょう。
Adobeが超絶役立つPhotoshop初心者向けのチュートリアル動画集「3, 2, 1… Photoshop!」を公開
Photoshopはウェブデザインにおいてトップクラスの画像加工ソフトウェアであり、初心者から多くのプロフェッショナルにまで愛用されています。その機能が多岐にわたるため、専門家でも全機能を自在に使いこなすのは難しいほどなのですが、Photoshopの提供元であるAdobeが初心者向けにPhotoshopの使い方を説明するチュートリアル動画の再生リスト「3, 2, 1... Photoshop!」をYouTubeで公開しています。 3, 2, 1... Photoshop! - YouTube 「3, 2, 1... Photoshop!」にはPhotoshopの写真加工ツールや特定の機能の使い方を説明する以下の7つのムービーがまとめられており、2分30秒～5分程度でサクっと視聴できる内容になっています。英語での説明となりますが、実際にPhotoshopを動かしながら説明してくれるので、英語
PhotoshopにもSketchにも対応の優れもの！UIデザインの面倒な作業を自動化する無料プラグイン -Craft | コリス
Photoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応のUIデザインの面倒な作業を自動化する無料プラグインを紹介します。 Craft Craftの特徴 Craftの3つのパネル Craftのダウンロードとインストール Craftの特徴 CraftはUIデザインでの退屈で面倒な作業を自動化し、デザインワークフローを時短化するPhotoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応の無料のプラグインです。 リアルなデータでデザイン作業 さまざまなタイプのテキストデータや画像を簡単に利用できます。 ワークフローの効率化 データのインポート、デザイン要素の複製など、今までより素早くできます。 シームレスなインテグレーション CraftはPhotoshopとSketchの両方で同じように利用できます。 かなり急ぎ足のアニメーション
Photoshopで一番多くおこなう操作といえば、レイヤー操作という人も多いでしょう。 そんな時に、レイヤーやフォルダのコピペが簡単にできたらいいな、と思ったことはないですか？ レイヤーやフォルダのコピペが同じドキュメント内、異なるドキュメントにもできる無料の機能拡張を紹介します。 レイヤーは一つでも、複数でも簡単にコピペできるようになります。 Copio Copioのインストール Copioの使い方 Copioのインストール CopioはWinとMac対応、Photoshop CCにインストールできます。 ますは、下記ページのちょい下「Free Download」からファイルをダウンロードします。 Copio インストール インストールはちょっと面倒かもしれません。 ダウンロードした「Copio 1.0.zip」を解凍。 「Copio 1.0」内にある「Copio」をフォルダごと下記に移
Photoshop, Illustrator, Adobe XDをはじめ、Creative Cloudのアプリが2017年10月19日にアップデートされました。全体的にもパフォーマンスの向上に重きがおかれているので、現在使用している人は注目でしょう。Web制作者、デザイナー、イラストレーターなどに便利な新機能が盛りだくさんとなっています。 『新しい方法で、アイデアをすばやくカタチに』 上記のAdobe様の広告画像もCreative Cloudの最新画像です。 Photoshop CC 2018のスプラッシュスクリーン Photoshopの新機能が分かる1分動画 Illustratorの新機能が分かる1分動画 Adobe XDの新機能が分かる1分動画 撮影した画像から、好みのフォントが見つけられる Creative Cloudの新機能が分かる2分動画 Photoshopの新機能が分かる1分動
PNGやJPGを超高速書き出し Photoshopは年々進化していてPhotoshop CC 2014からはアセットを抽出という機能が追加されてレイヤーを個別のファイルまたはレイヤーグループ全体をまとめて書き出すことが可能になった。 そしてPhotoshop CC 2015からはさらに便利な機能が追加された。それはクイック書き出しだ。 クイック書き出しとは その名の通り画像を即座に書き出すことができる機能。 しかし、この機能はデフォルトの設定だと画像を保存する場所を選択する画面が表示されてしまうし、ファイル形式も環境設定の書き出しから形式を1種類選択するようになっているため使い勝手が悪い。 そのため、より使いやすくするために環境設定の変更とアクションの追加が必要になる。 超高速書き出しの環境設定方法 まず環境設定の書き出しで「クイック書き出し形式」をPNGにして透明部分にチェックを入れる。
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
フォトショップを本格的にはじめてみたいけど、なかなか最初の一歩が踏み出せない。豊富すぎる機能の揃ったツールのため、なにから覚えていいか分からないというひとも多いでしょう。 今回ご紹介するPhotoshopチュートリアルは、基本操作から各ツールの実践的な使い方まで、入門ユーザー必修の機能を効果的に学ぶことができます。手順ごとに詳しく解説されているので、これからフォトショップをはじめる人にオススメしたいテクニックが揃います。 フォトショップ初心者のためのやさしい使い方・基本設定ガイド Photoshopをしっかり学ぶ、入門デザインテクニック集めました。 Photoshop をしっかり学ぼう！参考にしたいテクニックや作り方まとめ Photoshop CCの基本 第2回：「選択とマスク」で素早く合成！ Adobe 公式によるデザインチュートリアルで、“イマドキ”のWebデザインに欠かせない、Pho
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
先日、CustomizableActionSheetというライブラリのスクリーンショットをPNG画像からGIFアニメに差し替えました。 GIFアニメ書き出しに使うツールとして「ffmpeg」と「Photoshop」を試したんですが、Photoshopの方が圧倒的に綺麗・かつ軽く仕上がったのでメモっておきます。 元動画はQuickTimeの画面録画機能でiPhone Simulatorのウィンドウを録画したmovファイルです。 Photoshop CC 2015 Photoshop CC 2015でmovファイルを読み込んだ後、[ファイル] -> [書き出し] -> [WEB 用に保存] -> [GIF 128 ディザ]で書きだしたもの。 色の再現度は申し分なく、動きも滑らかです。 ファイル容量は918KB。 ffmpeg コマンドラインで ffmpeg -i {movファイルのパス} -v
Photoshopの新機能を見る - Adobe
Adobe Photoshopの新機能 洗練された画像、魅力的なグラフィック、目を見張るアートを生み出すために使用できるあらゆるツールとテクニックを紹介します。
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
Photoshop の新機能
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版（中国本土ではご利用いただけません） Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iPad 版 ドキュメントの作成、表示、書き
PSDをiPhoneでリアルタイムに確認! Photoshopのデバイスプレビュー機能が便利 Adobe Photoshop CCでモバイルアプリやWebサイト等のスマートフォン端末向けのデザインをした時、実機でどう見えるかを確認するのは重要です。しかし、画像の書き出しや実機への転送等、確認するまでには手間がかかります。2015年にアップデートされたPhotoshop CC 2015ではこの手間がなくなって、簡単に実機確認ができるようになりました。 ※2017年10月追記 「デバイスプレビュー」機能は2017年10月18日にリリースされたPhotoshop CC 2018で廃止されました（参照）。この記事で紹介している内容はPhotoshop CC 2017までの機能となります。 実機確認までの画像書き出しと転送が不要に 従来、Photoshop CCで作成した画像をiPhoneの実機で確
サンディエゴで開催中のAdobe MAXに合わせて、CC 2017がリリースされました。 Adobe Photoshopをはじめ、Adobe Illustrator, Adobe XDなど、Web制作者が愛用しているソフトウェアもすべて新しいバージョンが利用できます。 中でも特に多くの人が使用している、Photoshop CC 2017の新機能を紹介します。 Adobe Photoshop 実はサンディエゴに招待されたのですが、諸事情でキャンセルしてしまいました。 教訓: 健康管理には気をつけよう！ 今回のバージョンアップは、Photoshopをこれから新しく使う人やしばらく使っていなかった人向けとなっていますが、今まで使っていた人にも便利な機能が用意されています。 新機能だけでなく、パフォーマンスが強化されたのも嬉しいポイントです。 Photoshop CC 2017のインストール Ph
Photoshop CC 2017リリースの新機能 | Photoshop CC の新機能 | Shuffle by COMMERCIAL PHOTO
Photoshop CC 2017にメジャーアップデートされてから約2ヵ月。今回も多くの新機能が登場したが、その中からフォトグラファーに便利な機能を前回分の新機能も含めてピックアップ。実際の使用感と合わせて解説する。 2016年もあと少しという11月にPhotoshop CCのアップデートがあり、2017年リリースのバージョンとなった。2015年リリースの後、あいだに2015.5というバージョンをはさみ、ひと足先に2017年バージョンになった。 毎回フォトグラファー向けの新機能を紹介する本稿だが、新しいバージョンの（ひとつ前の2015.5も含め）特徴や新機能を紹介していこう。 Photoshop CC 2017 概要 2017年リリースのPhotoshop CCは「これから新しくPhotoshopを使う人」や「しばらくPhotoshopを使っていなかった人」向けに、使い始めのハードルを低く
▲ 設定できる項目数の比較 「設定できる項目が少なくてデザインができないのではないか」と思われるかもしれませんが、その点は心配ありません。デザインスペースから標準のワークスペースへは、[ウィンドウ]→[標準のPhotoshopに戻る]により切り替えることができます。Web・アプリケーションのデザインはデザインスペースを使って素早くデザインし、どうしても標準のデザイン機能でないと実現できないデザインがあれば標準版へ切り替えながらデザインする、というワークフローとなります。 デザインスペースは未来のワークフロー 筆者は何度かこのデザインスペースを使用してデザイン作業をしていますが、標準版より目的の機能に素早くアクセスできるようになって非常に便利です。また、Adobeのグラフィック作成ソフト「Adobe Fireworks CS6」に近いようにも見えますが、必要な場合はすぐにPhotoshopの
Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.
幻想風景の作り方。Photoshop CC2017のキービジュアルメイキングのチュートリアル動画2016.11.21 15:056,396 勝山ケイ素 これならできそう！ 先日Adobe Creative Cloudのバージョンアップが行なわれ、それに伴い各アプリケーションのスプラッシュスクリーン（起動画面）も新たなものに生まれ変わりました。そんな中、Adobe Photoshop CC2017のスプラッシュスクリーンを制作したアーティストAmr Elshamyさんによるチュートリアルが、Behanceで公開されています。 こちらが、Amrさんによる幻想的なスプラッシュスクリーン。この山々に囲まれた不思議な空間『Round Things』は、1枚の風景写真から簡単に作ることが可能とのこと。以下がそのステップです。 １、Photoshopで山などの風景写真を開く。 ２、イメージ＞画像解像度か
イトウ先生のTips note【Photoshop CC 2017】OpentypeSVGフォント – デザログ
こんにちは、イマジカデジタルスケープの伊藤和博です。 今回のブログは2016年最後のブログとなりましたが、Photoshop CC 2017から新機能で、「OpentypeSVGフォント」をご紹介します。 OpentypeSVGフォントとはSVGアートワークを含んだOpentypeフォントで、フォントとして入力した後、レンダリングして画像として使用してもいいですが、SVG書き出しすることでHTMLの中に取り込むことが可能です。今回のPhotoshop CC 2017では、通常のテキストのように使用できるものと、絵文字の各1書体づつ搭載しています。 ちなみに以下が今回のPhotoshop CC 2017スタートアップになります。 ●さっそくやってみよう！ 文字ツールを選択し、オプションバーからフォントを選択すると、フォント名の横にOpentypeの「O」に「SVG」が合体しているフォントがあ
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
今更聞けない！初心者のためのSVG作成入門 | コラム | ホームページ制作 大阪 インフォメーションメディアデザイン株式会社
レスポンシブサイトを作る時には欠かせないSVG。 IMDでも最近使用する機会が増えてきました。 そこで今回は【SVG入門編】Photoshopでの書き出しから、【SVG中級編】Illustratorでの書き出しまでをまとめてみました。 1.【SVG入門編】まずは簡単な単色アイコンから まずは単色アイコンをSVGで書き出します。 すでに色々なサイトで作成方法が紹介されていますので、その中からStocker.jpさんの記事を参考に作成していきます。 今回ご紹介するPhotoshopを使用したSVGの作成については、Photoshop CC 2014のみの対応となります。 それ以前のPhotoshop CCの場合「generator.json」が必要になります。「generator.json」については上記Stocker.jpさんの記事をご確認ください。 また、Photoshop CS6以下はこ
フォトショップ（Photoshop）は、ピクセルベースのイメージ画像を編集するのに、よく利用されているアプリケーションですが、文字テキストの編集作業に便利な、ツールがたくさんあるのを御存知ですか。 海外デザインブログPsdtuts+で、文字ツールを利用するときに、活用したい便利な機能10個をまとめたエントリー「10 Type Tools You Probbaly Aren’t Using in Photoshop」が公開されていたので、今回はご紹介します。 ダミーテキストを入力したり、パスに沿ってテキストを配置する、ちょっとしたデザインの小技に加え、Photoshop CCで採用された、CSSスタイルの書き出しなど、新しい機能についても、一緒にまとめています。 詳細は以下から。 Photoshop文字ツールで知っておきたい機能10個まとめ ポイント1 ダミーテキストの入力 デザイン作業をし
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopを使う時に欠かせない、絶対オススメのプラグイン・機能拡張のまとめ
Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ
Adobe Creative Cloud 個人版の価格変更
これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
Photoshop CC 2015.5の新機能は便利なのがいっぱい！正確な切り抜きや選択範囲を作成するのが簡単ですごい！
The Blog | Welcome to Adobe Blog
進化したPhotoshopでWEBデザイン効率アップの１０の奥義！ - STAND-4U
Photoshopの作業が快適になるオススメの環境設定 -Photoshop CC 2017対応
Photoshopのレイヤー操作が快適になった！レイヤーやフォルダのコピペがショートカットでできる機能拡張 -Copio
動画だとすごい分かりやすい！新しくなったPhotoshop, Illustrator, Adobe XDの新機能
Photoshop CC 2015で使えるPNGやJPGの超高速書き出し方法
The Blog | Welcome to Adobe Blog
Photoshop をしっかり学ぶ！参考にしたいテクニックや作り方30個まとめ 2017年4月度
The Blog | Welcome to Adobe Blog
GIFアニメはPhotoshopで書き出すと綺麗で軽い - beryulog
The Blog | Welcome to Adobe Blog
PSDをiPhoneでリアルタイムに確認できるPhotoshop CC 2015のデバイスプレビュー機能が超便利！ – ICS LAB
Photoshop CC 2017の気になる新機能のまとめ、Web制作者は要チェック！
Web・アプリデザイナー必見！ Adobe Photoshop CCの「デザインスペース」を使った新しいワークフロー - ICS MEDIA
Learn | Adobe Creative Cloud
幻想風景の作り方。Photoshop CC2017のキービジュアルメイキングのチュートリアル動画
The Blog | Welcome to Adobe Blog
Photoshop文字ツールの知っておきたい機能10個 - PhotoshopVIP
http://twitter.com/i/moments/920675616390709248