The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
(2019.02.23に書いたブリコルールのブログ記事の引越しです) 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない?? 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】>【色調補正】>【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ?っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
「フォトショップ ティップス & マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス & マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス & マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 (コーナー概要を読む)
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね! 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP(無料:Windows、MacOS、Linux) これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program(略してGIMP)」がぴったりです。機能が豊富で、パワフルで(「GIMPShop」プラグインも使うと)、手間もほとんどかからず、Photoshopとほとんど同じように使えます。 最初は少し面倒かもしれませ
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.
Photoshopの一連の手順(画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど)を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR(ハイダイナミックレンジ)風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/photoshop-64.svg | Photoshop {{photoshop}} Next-generation AI. Now in Photoshop. Create stunning, lifelike images with the latest generative AI features and the most advanced Generative Fill yet, powered by the new Adobe Firefly Image 3 Model. Now in the Photoshop (beta) app. {{plans-starting-at}} PRICE - ABM - Photoshop{{s
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1:全速力で走っているモーションを効果的に加える方法 ◆2:バットマンのシンボルマークがよく見ると浮かび上がっている ◆3:SF映画のようなポスターに仕上げる ◆4:左右対称のライトニングエフェクト ◆5:マンガ風・カートゥーン風に塗る方法 ◆6:ファ
chot.design上のコンテンツは、実際にWeb/IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください!」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler(東京都渋谷区)が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re
Photoshopは便利なソフトウェアである反面、あまりにも便利なので思わずやってしまいがちな間違い、誤用、乱用といったものもあります。これらのことをしてしまっているからといって嘲笑の対象になるというのではなく、こういうミスを犯しがちなのでPhotoshop初心者・初級者は気をつけましょうというポイントのリストになっています。 どれもこれもPhotoshopをマスターしている人から見れば当然のことばかりなのかもしれませんが、誰でも一番最初には「初めて」のときがあったことも事実なので、これらの間違いを犯しているユーザーを見かけたら、相手の心を傷つけないように注意しながら、上達を促してあげると良いのかもしれません。 Photoshopでやってしまいがちな12個の間違った使い方は以下から。 12 Common Photoshop Mistakes, Misuses and Abuses | Th
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日本の伝統色グラデーションファイル | DesignWalker Download Source
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める(私の場合)ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く