Photoshop(フォトショ)で塗りつぶしをする簡単な方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webデザイナーのまっつーです。 「Photoshop(フォトショ)で塗りつぶしをする方法」について、実際の画像をお見せしながらわかりやすく紹介していきます。 「塗りつぶす対象は何か」「どのように見せたいか」によって適した方法があります。 この記事を読んでどんな塗りつぶし方法があるのか理解し、ベストな方法で塗りつぶしができるようになりましょう。 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 「とりあえずスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください！ 塗りつぶせる対象は２種類ある １つ目はレイヤーです。 レイヤーは透明なフィルムのようなもの
スプレッドシート共有時の「シート名○○の△△列の××行目を見てください」のやり取りをなくす方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
特定のシートやセルを指定して開く方法 スプレッドシートを他の人と共有するときなどに「このシート・セルを最初に表示させたい」ということがあると思います。スプレッドシートでは、基本的にはURLでシートやセルを指定して表示することができます。 そのURLにアクセスすると、初期のセル（一番左のシートのA1）ではなく、指定した箇所が表示される状態でシートを開くことができるので、その仕組みを覚えると便利です。 スプレッドシートのURLを理解 スプレッドシートのURLは基本的にはこのような要素からできています。 スプレッドシートのURL https://docs.google.com/spreadsheets/d/[スプレッドシートID]/edit#gid=[シートID] スプレッドシートIDは、スプレッドシートを特定するユニークのIDです。おそらくですがランダムの44桁の半角英数字+記号の文字列から成
Photoshopで美しいゴールドにする、黄金エフェクトが簡単に作成できる無料のアクション
Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。
フォトショップで写真などの画像を伸縮させずにリサイズする方法
この記事では、フォトショップで写真などの画像を伸縮させずにリサイズする方法をご紹介します。 「コンテンツに応じた拡大・縮小」機能を利用することで、思い通りの画像サイズに変更、リサイズすることができます。ここでは、2つの具体的なサンプル例を詳しくみていきます。 1つ目は写真を使った例、もうひとつはグラフィックデザインでのテクニックの活用方法となります。 リサイズする前の元画像がこちら 今回は、こちらの写真を参考に「横長バナーを作成」してみます。 「自由変形」の場合 メインメニューより「編集」>「自由変形」（Command/Ctrl+T）で、足りていない横幅サイズに合わせて、画像を自由変形させようとすると、写真全体が歪んでしまいます。車はもちろん、背景のヤシの木も太くなり、不自然な仕上がりに。 「コンテンツに応じた拡大・縮小」をつかった場合 次はメインメニューより「編集」>「コンテンツに応じた
無料でウェブページの文章を翻訳してくれる＆発音も教えてくれるアドオン「Mate Translate」を使ってみた
インターネットで情報収集をしていると、外国語で記されたウェブページに行き当たってしまい、文章が読めずに困ってしまうこともあります。ブラウザ向けの拡張機能である「Mate Translate」は、FirefoxやChromeで開いた外国語のウェブページを無料で翻訳できる上、外国語の発音を教えてくれたり、日本語の文章を外国語に翻訳してくれたりするとのことで、どのような拡張機能になっているのか実際に使ってみました。 Mate Translate - translator, dictionary - Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/instant-translate/ 今回は、ブラウザにデフォルトの翻訳機能が搭載されていないFirefoxでMate Translateを使ってみることにします。Fi
2ステップで完成！よりきれいなフォトショップ切り抜きテクニック【選択とマスク編】
人物などの被写体の切り抜きは、フォトショップでも人気のある使い方、テクニックのひとつです。 この記事では、「選択とマスク」機能をつかった、よりきれいな切り抜きテクニックをご紹介します。このテクニックを利用すれば、複雑な髪の毛などの人物モデルも数分で切り抜くことができます。特にむずかしい手順もないので、Photoshopがはじめてのひとにもオススメです。 2ステップで完成！よりきれいなフォトショップ切り抜きテクニック 先日行われたAdobeのアップデートで、より精度が良くなった被写体の選択。ワンクリックで完璧な切り抜きができる、というわけではなく、手作業による修正を多少行う必要があります。 フォトショップがより簡単に！注目の新機能5個まとめ【被写体の選択、Camera Rawフィルタ、マッチフォント】 今回用意した写真は以下のとおり。 背景は切り抜きやすいシンプルな背景に、ドレッドヘアーが特
Selecto.js - Web上でドラッグで選択するUXを実現 MOONGIFT
Webアプリケーションが広く使われるようになり、さもローカルアプリケーションと同じように操作できるようになっています。しかし、デスクトップの操作に近づけば近づくほど、ちょっとした操作性の違いに違和感を感じるようになります。 今回はドラッグして選択する操作をサポートするSelecto.jsを紹介します。この操作、デスクトップでは当たり前なのでWebでもできるようになると便利でしょう。 Selecto.jsの使い方 下にあるタイルが選択された状態です。 マウスでドラッグして選択できます。 キーボードとの組み合わせで複数回の選択もできます。 選択してドラッグ移動といった使い方もできます。 Selecto.jsが使われそうなのはExplorerやFinderといったファイル管理を提供する場合でしょう。同様に複数のファイルやオブジェクトをまとめて選択させたり、それを移動したりするのにSelecto.
フォトショップがより簡単に！注目の新機能5個まとめ【被写体の選択、Camera Rawフィルタ、マッチフォント】
この記事では、今週行われたAdobeアップデートでPhotoshopに新しく追加された注目の新機能や機能強化5つをまとめてご紹介します。 髪の毛など複雑な切り抜きがより正確で高速になったり、一新されたCamera Rawフィルタ機能、フォント選びに便利なマッチフォントの強化など、どれもデザイン制作が捗る便利な機能ばかりです。 1. ポートレイト人物写真の切り抜き、選択精度が大幅アップ 写真より被写体のみを切り抜き、自動で選択する「被写体の選択」機能が、人物写真用に最適化され、より複雑な髪の毛もクリックひとつで選択できるようになりました。2018年の登場からますます精度が上がり、処理速度もより高速に。 以下は実際に「被写体の選択」を試してみたところ。「オブジェクト選択ツール」または「クイック選択ツール」の使用中に、オプションバーに表示されます。 切り抜いた様子が分かりやすいように、背景をベタ
フォトショップで樹木の背景を透明に切り抜く方法3つまとめ
この記事では、フォトショップで樹木の背景を透明に切り抜く方法4つをご紹介します。 青空を背景にしたシンプルなものから、夕日が当たり複雑なものまで、葉っぱ一枚まで正確にできるだけ素早く行うことができる、はじめてのひとでも簡単なテクニックをまとめています。 髪の毛などその他の切り抜きテクニックは、以下の記事を参考にしてみると良いでしょう。 Photoshop切り抜きをマスターする、12個の鉄板テクニック 完全ガイド Photoshop切り抜き新定番！髪の毛など複雑な範囲も数分で完成するテクニック 1. レイヤースタイル「ブレンド条件」 青空をバックに、木と背景がくっきりしたときに便利な切り抜きテクニック。今回は、こちらの写真で試してみます。あらかじめレイヤーパネル上でダブルクリックで、ロックを解除しておきます。 まず、チャンネルパネルを開き（表示されていないときはメインメニューより「ウィンドウ
Photoshop新機能！オブジェクト選択ツールつかった被写体の切り抜きや選択の時短テクニック3つまとめ
Photoshopに追加された新機能の中でも、人工知能Adobe Senseiを搭載した「オブジェクト選択ツール」は、被写体の選択にかかる時間を大幅に節約する素晴らしい機能です。 この記事では、「オブジェクト選択ツール」などの新機能をつかった、被写体の選択に便利な時短テクニック３つをまとめてご紹介します。 デザイナーをこれまで苦しめてきた、髪の毛など複雑な選択範囲の切り抜きや指定もボタン一発処理など、PhotoshopがAIで使いやすく、ずいぶんラクになりそうです。 Photoshop CC 2020に追加された便利すぎる新機能10個まとめ 「被写体を選択」ボタン一発のお手軽さ！ 2018年に登場した「被写体を選択」機能が、より高速で、より詳細に向上しました。画像のクオリティを損ねることなく、Adobe Senseiの学習モデルサイズを削減したことで、今後iPadでも展開予定となっています
フォトショップ切り抜きを極める！境界線をきれいに調整する瞬速テクニック5個まとめ
フォトショップ切り抜きを極める！境界線をきれいに調整する瞬速テクニック5個まとめ よりナチュラルな写真合成を手軽に実現しよう 写真の背景から人物や髪の毛など複雑な一部を切り抜く作業は、普段のデザイン制作でもよく活用するテクニックのひとつで、できればあまり時間をかけずに行いたいものです。 これまでにもフォトショップのさまざまなツールや機能を利用した、切り抜きテクニックをご紹介してきました。 また人工知能、AIをつかって人物などのオブジェクトをほんの数秒で、しかも自動で切り抜く無料オンラインサービスも登場しています。 画像をキレイに切り抜いたと思っても、実際に他の画像の上などに重ねてみると、切り抜いた画像の境界線が目立って、不自然な仕上がりになることも。 この記事では、切り抜いた画像の境界線をきれいに調整する方法5個をまとめてご紹介します。 これらの小技テクニックをマスターすることで、よりナチ
マウスで選択した文字数を数える
Result マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません jsfunction biR() { document.addEventListener("mousedown", rOS); document.addEventListener("mouseup", rOS); document.addEventListener("onkeyup", rOS); document.addEventListener("onkeydown", rOS); document.addEventListener("onkeydown", rOS); document.onselectionchange = function() { rOS(); }; } function rOS() { var cout, rts, rt; c = window.getSelect
DOM要素をドラッグで複数選択するスクリプト・「selection.js」
selection.jsは要素の複数う選択を可能にするスクリプトです。非依存で単体で動作します。上サンプルのように、複数並べられたボックスをドラッグで選択する事が可能で、タッチデバイスにも対応させることも可能です。選択された要素にはclassが付与されます。ライセンスはMIT。 selection.js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Translate Web for Safari - Safariで翻訳を素早くする機能拡張 MOONGIFT
Photoshopの選択範囲の作成が驚くほど簡単に！CC 19.1のアップデートで、Adobe Sensei（人工知能）が使える