Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。
知っていると便利な“アイロン・スチームの小技” テカリ、しわ、染み付いた臭いを解消！ - はてなニュース
ワイシャツやスーツなどの気になるテカリは、アイロンをかける際のちょっとした工夫で対処できます。テカリだけでなく、しわや袖口の伸び、染み付いた臭いなども解消する、知っておくと便利なアイロンの小技を紹介します。 ■ テカリの原因は？ ▽ テカリ・アタリについて | 衣服を楽しむ | 東京都クリーニング生活衛生同業組合 東京都クリーニング生活衛生同業組合のサイトでは、テカリが起きるメカニズムや原因について詳しく解説しています。服のテカリは、着用によって圧力や摩擦がかかり、生地がつぶれて起きる現象。着用する限り避けることは難しいですが、「グレーやライトブルー、淡色、白などテカリが目立たない色の服を選ぶ」「毛製品の場合、こまめにブラッシングをして毛羽を起こす」といった工夫ができます。 ■ スーツのテカリはこう戻す！ アイロンの小技 ▽ 制服やスーツの"テカリ"をスチームアイロンで直す方法 | マイカ
Webアクセシビリティの勉強に役立つツールやWebサイト、書籍いろいろ
2015年4月1日 アクセシビリティ, 便利ツール, 色彩 以前からWebアクセシビリティにはちょこちょこ勉強中の私です。しかしWebアクセシビリティについて書かれたサイトや本ってあまり多くなく、リソースを探すだけで苦労してしまったり…。そんなわけで今回はWebアクセシビリティのチェックに使えるツールや役立つ本、Webサイト、ブログなどを集めてみました。 ↑私が10年以上利用している会計ソフト！ アクセシビリティとは？ 「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や身体の制約に関係なく誰でも使えるという意味で使われます。どのような状況でもWeb上のコンテンツや機能を十分に利用できるWebサイトを「アクセシブルである」と言えます。 「ユーザビリティ」と混同されがちですが、使えないものを使えるようにするのがアクセシビリティの向上、使いにくいものを使いやすくするの
【保存版】10分でわかるWebマーケティング手法の全施策まとめ【図解付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ソウルドアウト株式会社のなごと申します。 「Web上でユーザを集めるための施策をすべて答えてください！」と言われたときに、パッと答えられる方は少ないのではないでしょうか？ Webマーケティングとひと口に言っても、その全体像を具体的にイメージできる人は少ないものです。本気で成果をあげたいと思ったら、まずはWebマーケティング全体を俯瞰した上で、施策を組み立てていくことが重要です。 今回は、一目でわかるようにWebマーケティングの全体像を1枚の画像にまとめました。また、それぞれの具体施策の概要やコスト感、即効性をわかりやすくざっくりとご紹介します。 マーケティングとWebマーケティングの違い まず前提として、マーケティングの中でも「Webマーケティング」の特徴について整理します。 Webマーケティングには以下のような特徴があります。 効果測定性 ハイスピード ローコスト パーソナ
文章が苦手な人にもできる文書力を上げる10の方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと
Visual Studio 2013：スクロールバーの情報表示を活用するには？
Visual Studio 2013では、エディターのスクロールバーに新機能が搭載されている。この新機能は、Expressエディションを含む全エディションで利用できる。本稿では、新機能によるスクロールバーの表示の見方と、設定方法を解説する。 バーモードとマップモード Visual Studio 2013のエディターのスクロールバーは、二つのモードを持っている。デフォルトは「バーモード」で、もう一方は「マップモード」だ（次の画像）。 Visual Studio 2013のエディターのスクロールバー スクロールバー以外の部分の画像は暗くしてある。 既定では左側のバーモードになっている。オプション設定で右側のマップモードに切り替えられる（後述）。 バーモードは一見すると普通のスクロールバーのようだが、赤や緑などの小さな四角形が表示されている。マップモードでは、スクロールバーの幅が広くなり、ソース
[CSS]アイデアが面白い！画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック | コリス
ペロっとかぶさっているようなかわいいデザインのラベルを画像無し、CSSで実装したテクニックを紹介します。 カード状のコンテンツにも画像に使っても面白そうです。 Label Overlay 実装は、こんな感じ。 HTML ラベルは画像無し、spanを2つ使用して実装しています。 <div class="product"> <div class="product-image"> <span class="onsale-section"><span class="onsale">ラベル</span></span> </div> </div> CSS spanの:before, :afterを使用して、かわいいラベルをスタイルします。 .product { width: 300px; font-family: sans-serif; margin: 2%; } .product-image { b
![[CSS]アイデアが面白い！画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/c21b91df793bdfd952ca3527e90f163fc25cc367/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015022301.png)
ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ
サイト制作の見積もりにも大きく影響！ユーザエクスペリエンスを向上させるために必要なタスクがよく分かる -UX Recipe
UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく、必要な途中のプロセスもドキュメント化などすることで、クライアントからの正当な評価もいただけます。 UXのプロセスを洗い出して、見積もり計算 UXのプロセスは7カテゴリに分類されており、案件によって使い分けて的確に利用したいですね。 中の人に許可を頂き、各プロセスを軽く翻訳してみました。 bA時代は大きいプロジェクトのリーダーや見積もり作成もしていたので、その時の目線でひと言コメントも添えてみました。※フリーランス目線ではないです。 Planning -準備はプロジェクトの要 ここは全項目、必須と言えます。プロジェクトは小さくても大きくても準備が肝心！ Expert Rev
Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月
背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 チュートリアルはCSを想定したものも多く、CCの新しい機能の効果的な使い方なども。
青色申告を始めるなら準備は年内からがベスト！2014年から記帳が義務づけられた白色からの乗り換えも分かるオススメの本
白色で申告していたフリーランスの人で今年度分から青色に変えるという人も既に多いと思います。今までは 白の方が簡単だから、と思っていた人は気をつけてください。2014年1月から白色申告も記帳の義務化がスタートしています。 参考：平成26年1月からの記帳・帳簿等の保存制度（国税庁） 青色申告を始めるには、年末から年明けの「年度のはじめ」に準備するのがベストのタイミングです。青色申告にしようと考える人にオススメの本を紹介します。 本書の著者は普通に確定申告をしているフリーランスの方で、税に関してはわたし達と同様に素人です。税理士さんの監修の元、フリーランスの目線でさまざまな疑問や悩みを解決し、青色申告がしっかりとできるよう基礎から分かりやすく解説された本です。
Photoshopで“水しぶき”などの背景が透けた画像をカンタンに切り抜く方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか？ ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
Photoshopのハイパスフィルターを使った凄技レタッチを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの白浜です。 最近写真のレタッチすることがちょくちょくありまして、その中で個人的に「これはすごい！」と思ったPhotoshopのハイパスフィルターを使った方法について、紹介していきたいと思います。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ハイパスフィルターを使ったレタッチの手順 1. レイヤーを2枚複製する まずは元画像を2枚コピーします。レイヤー名は任意なのであとでわかりやすいように「ぼかし」と「ハイパス」と名前をつけています。 2. コピーしたレイヤーにフィルタをかける 複製したレイヤーにそれぞれフィル
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
短いプレゼンでも狙いどおりに魅力を伝えて共感を得るためのポイントとは
By NASA Goddard Space Flight Center 相手に対して商品やサービスの魅力を伝えるためにプレゼンテーション(プレゼン)を行ったことがある人も多いと思いますが、その中でも特にスタートアップ企業などが投資家に対してお金を出してもらうために行うプレゼンは「ピッチ(pitch)」と呼ばれ、こちらがどんなサービスについてどんな提案を行うのかを知らない相手に対し、魅力やメリットを一発で理解させて共感を得ることが求められます。 そんなピッチの場面で心に留めておくべきポイントについて、アメリカの著名ベンチャーキャピタルの一つであるYコンビネータでパートナーを務めるアーロン・ハリス氏が自身のブログでまとめているのですが、ピッチだけでなく日常のあらゆる場面で役に立ちそうなノウハウとなっています。 Advice on pitching - Aaron's Blog http://w
秋こそ最高のBBQシーズンである① コスパ最高で絶対失敗しない火起こしの方法 - 自然でユルイライフスタイル
収穫の秋。食欲の秋。BBQに最高な季節の秋！ 先日嫁と2人で毎秋恒例の日帰りBBQをやってきました。 せっかくですので、しばらくシリーズ物でBBQを楽しくする方法などを紹介してみようと思います。 記事概略 安く、速く、簡単にBBQで火おこしをする方法を紹介してみる。 火起こし任務を一瞬で完了させることで、男としての威厳をアピールできるようになることが狙い。 スポンサーリンク 火起こしのコツ・大まかな戦略 私がいつも採用しているのは、こちらの動画にある方法を、着火剤ありバージョンでアレンジしたもの。以前、ためしてガッテンでも紹介があったようで、ポイントを挙げると以下のとおり 細かい炭を下に敷く その上に着火剤を乗せる 着火剤を囲うようにして煙突状に炭を組む 火をつけて放置 失敗しない火起こしは、着火剤のチョイスと炭の置き方にコツがあります。 準備するもの 着火剤「文化たきつけ」or「ベスター
[CSS]チェックしておきたい、最近のスタイルシートのテクニックのまとめ -2014年秋
次のプロジェクトでちょっと使ってみたくなる実用的なものから実験的なものまで、CodePenで多くのユーザーをうならせたスタイルシートのテクニックを紹介します。 まずはアニメーションが楽しいデモから。 ※上から10個くらいはアニメーションgifです。
![[CSS]チェックしておきたい、最近のスタイルシートのテクニックのまとめ -2014年秋](https://cdn-ak-scissors.b.st-hatena.com/image/square/d68594e0182d8d63cfb96eda05e4f18be75583c9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014091401-04.gif)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
よくあるWebデザインにSVGで一手間加え、さまざまな要素がアニメーションで楽しくなる -Elastic SVG Elements
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
