Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。
![Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確!CC 2021で進化した選択範囲とマスクの作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3f4d9d75af7693b270ef3c6dcc8680d20e13287/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020111310.gif)
「Learn Git Branching」はGitの使い方をアニメーション付きで学べるサイトです。Gitを使い始めて間もない方には重宝するサイトだと思われます。Gitでいまどういったフローになっているかを視覚的に分かりやすく解説してくれます。ブラウザがあればいつでも学習できる点も助かりますね。 以下に使ってみた様子を載せておきます。まずLearn Git Branchingへアクセスしましょう。いくつかの学習項目が用意されていますので気になったものを選んで学習できますよ。 自分でコマンドを打って動作確認できます。間違えても大きな失敗にはなりませんので、安心して気軽に取り組めますね。Gitを学習し始めた方はもちろんのこと、そろそろ復習しておきたいなという方もおすすめできるサイトです。ぜひご活用ください。 Learn Git Branching (カメきち)
2015 - 12 - 03 ブクマしといたら役に立つ!WEBデザイナー向け小技チュートリアルサイト&便利ツール10 デザイン Twitter Facebook Hatena Pocket コーディングは覚えたけれど、 隙あらば少しでも楽をしようと毎日必死なdoubleMです。 今回は、コーディング関連で楽をしたい時に眺めるチートサイトをご紹介します。 1. 解説付き!超オシャレなボタン+ロールオーバーエフェクトの作り方 2. スタイリッシュなタイトル(heading)のデザインcss 3. CSSだけで作れる吹き出しの作り方 4. cssアニメーションをまとめてくださっている Animate.css 5. 世界のブランドカラーが一覧できるBrandColors 6. 世界最少のhtml5ドキュメント 7. HEX to RGB Converter 8. 画像の色を抽出してRGB値を教
Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。 2016年1月12日にIEの古いバージョンのサポートが終了し、Flexboxをそろそろ使うか、と考えている人も多いと思います。 Flexbox Patterns Flexbox Patterns -GitHub Flexboxの実装に役立つ各プロパティの説明は、下記が分かりやすいです。 CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「display: flex;」からはじめよう 01. 要素を水平に配置する 02. Flexboxで実装する「タブ」 03. Flexboxで実装す
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: 歯を自然な白さに美しくレタッチす
この記事は、2015年9月2日に公開された記事を再編集しています。 Webデザイン初心者、もしくはデザイナーではないけど画像制作をやられてるような方は、画像の一部分だけを使いたい時、どのような処理をされているでしょうか。 Adobe Photoshopを利用して切り抜きするのが一般的だと思いますが、様々な切り抜き方法が搭載されており、初心者には少しわかりづらいかもしれません。 今回は、Webデザイン初心者でも簡単に行えるPhotoshopを使った画像の切り抜き方法をご紹介します。 Photoshopで切り抜きを行いたいのであれば以下の2つの機能を活用する Photoshopでは、「切り抜きツール」と「自動選択ツール」のいずれかを使うと、簡単に切り抜きを行えます。 以下より、それぞれのツールの使い方をご紹介します。自分に合う方を選択しましょう。 切り抜きツールを使用する 1.Photosho
【2016/02/03 追記】一部、内容に誤りがありましたので訂正いたしました。ご指摘ありがとうございます。 デザインや動画制作など、あらゆるシーンで登場するのがAdobe製品です。 いつかは使ってみたいと思いつつもハードルが高いと感じている方も多いのではないでしょうか。 Adobeソフトはプロも使っているソフトのため、高機能で難易度が高いイメージがありますが、実際にはAdobe公式のチュートリアルをはじめ多くの解説サイトが存在しますので、これらを利用すれば充分に独学でも習得できます。 今回は、Adobe関連のチュートリアルを掲載しているサイトやブログをツールごとにご紹介します。 今年こそは使いこなしてみたい、と思っている方はぜひチャレンジしてみてはいかがでしょうか。 Photoshopのチュートリアルサイト 1.Learn Photoshop CC http://tv.adobe.com
Photoshopのスキルを身につけたいと思っている方のなかでも、「実際に何から勉強していくべきかわからない!」とお困りの方も多いのではないでしょうか。そこで、読むだけでPhotoshopの基礎やスキルの身につけ方がわかる優良な記事をを厳選してご紹介します。 ?.WEBデザイン全般 ? 初心者がハマりがちな3つの悪い勉強法 | Photoshop教室のサイタ Photoshopの勉強法のなかで、初心者がやってしまいがちな間違った勉強法と、正しい勉強法が解説されている記事です。 ? Photoshopは、まずはこの3つのポイントをおさえなさい。Webデザイナー、WebクリエイターのためのPhotoshopのおススメ書籍 Photoshopを使う上で押さえるべきポイントと、勉強に使えるおすすめ書籍がまとめて紹介されている記事です。 ? 初めてPhotoshopでWeb制作する前にやっておくとい
プログラムの基本的な文法や例題を解くのではなく、実際に動くWebサービスを完成させることに重点を置いたプログラミング学習サービス「CodeUpStart」のご紹介! 海外のサービスなので英語ではあるものの、すべて動画による学習構成になっているので、見ているだけでどのように制作していけば良いのか分かりやすくなっています。 また、プログラミングを最小限に抑えるために、便利なWebサービスをいろいろと連携させるテクニックも紹介されていて勉強になりますよ。 使い方! サイトのトップページから無料の「ユーザー登録」を済ませて、学習したいコースを選択すればOKです。 例えば、オリジナルの「ポートフォリオ」を制作するコースを選んでみましょう!
Photoshopチュートリアルまとめ これだけでPhotoshopをひと通り学べる!押さえておきたい基礎チュートリアル10選 PhotoshopVIPの2015年を振り返って〜 年間人気エントリー30選まとめ 歳末総まとめ!2015年すごいPhotoshopチュートリアル年間ベスト50 【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個 2011年に公開された、すごいPhotoshopチュートリアル総集編 豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」 【 Photoshop小技!】ホワイトバランスが狂っている商品写真(白背景)を一発でなおす方法 Photoshop素材 写真加工がたのしくなる、Photoshop無料アクション素材まとめ ワンクリックで画像編集が完了!Pho
歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っています。ここでは10分程度の工程でPhotoshopでネオン管が光っているような文字の作り方を解説します。 動画解説はこちら Photoshopでネオン管が光っているような文字の作り方背景を複製し、新規レイヤーに任意のテキストを入力(OPEN)。 複製した背景にレイヤーマスクを追加し、描画モードを通常から乗算に変更。 レイヤーマスク部分に不透明度や流量を調整した黒色のブラシでテキストの周辺をなぞるように塗ります。 テキストレイヤーにレイヤー⇒レイヤースタイル⇒境界線を選択しサイズを調整。(色はテキストと同色) テキストの塗りを0にして境界線だけを表示させます。 テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤースタイルをラスタライズ。 テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く