フォトショップで写真の色を置き換える７つの定番テクニックまとめ
フォトショップでの写真の色の置き換え、変更は特に要望の多い重要なテクニックのひとつです。 しかし、用途に応じてツールを使い分け、色の置き換えを行っているひとは、どれだけいるでしょう。 今回は、どんな写真にも応用できる、色の置き換え・変換のお手軽Photoshopテクニックを、実践のデザインサンプル例と一緒にまとめてご紹介します。 これらの方法を試してみることで、どんなデザインでもお手軽に色の置き換えを行うことができるようになります。 コンテンツ目次 色を変換・調整する方法 特定の色だけを置き換える方法 「モデルが着用しているドレスの色を変更したい。」 「車の色を背景に合わせて変更したい。」 「白色のドレスの色を変更したい。」 「背景の壁の色を変更したい。」 「ブランドカラーに合わせてソファーの色を変更したい。」 さいごに、 どんな写真にも応用できる、色の置き換え・変換のお手軽Photosh
Google Chromeの背景（テーマ）がグレーに変わったときの対処
Google Chromeの背景（テーマ）がグレーに変わったときの対処方法を紹介します。 問題が発生した環境は、Windows7+Chrome 53.0.2785.116mです。 １．問題点 いつものようにGoogle Chromeを起動すると背景（テーマ）がグレーに変わっていました。 ということで、背景（テーマ）を元に戻す方法を紹介します。 ２．背景（テーマ）を元に戻す 背景（テーマ）を元に戻すには、アドレスバーに「chrome://flags」を入力。 試験運用のページが表示されます。 スクロールして、「ブラウザのトップ chrome 部分でマテリアル デザインを使用する」の項目を「マテリアルを使用しない」を選択。 ページ一番下にある「再起動」をクリック。 これで元の背景に戻ります。
WordPressのサイトアドレスを別ドメインにする方法
WordPressのサイトアドレスを別ドメインにする方法を紹介します。 １．はじめに さくらインターネットで運用している既存のウェブサイトを、WordPressでリニューアルすることにしました。 で、既存のウェブサイトとは別のディレクトリにWordPressをインストールし、そこでウェブサイトを構築して、さくらインターネットの「ドメイン設定」の「指定のフォルダ」を変更することで元のURLをWordPressのサイトに振り替える作戦にしました。 さくらインターネットの「ドメイン設定」の「指定のフォルダ」 ウェブサイトのURLと新旧ディレクトリは次のとおりです。 ウェブサイトのURL：http://hoghoge.com ウェブサイトのディレクトリ：/home/hoghoge/www/info WordPressのURL：http://hogehoge.sakura.ne.jp/wordpre
PowerPointやExcelの図形を別の図形に変更する方法
PowerPointやExcelの図形を別の図形に変更する方法を紹介します。 １．問題点 PowerPointやExcelで図形オブジェクトを置き、その中にテキストを書くことがあります。 が、途中でこの図形を変更したいこともあると思います。 図形を変更するには下記のような手順で変更しています。 図形の中のテキストをコピー。 図形を削除。 新しい図形を配置。 図形にテキストをペースト。 実際にはこれだけではなく、テキストの配置位置やフォントサイズも修正する必要があります。 図形の形を直接変更できれば手間が省ける気がするのですが、方法が分かりません。 ということで、PowerPointやExcelで図形を変更する方法を紹介します。 ここではExcelを利用していますが、PowerPointでも同じ操作で行えます。 ２．図形を変更する 図形を変更するには、まずオブジェクトを選択。 「描画ツール」
Google Analyticsの「カスタムディメンション」の機能と設定方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 突然ですが、この記事のURLを見ていただけますか？ https://liginc.co.jp/187767 リニューアル前までは、https://liginc.co.jp/カテゴリー/記事IDのような形だったのですが、リニューアルを機にURLがシンプルになりました。 URLが長かった頃は、記事公開後にカテゴリーを変更すると記事のURLが変わり、LIGブログの指標であるSNSの拡散数「ソーシャルカウント」が変わってしまうという問題が起きていました。それを回避すべく、現在のシンプルなURLにしたのですが、今度はアクセス解析時に、記事URLから「それがどのカテゴリーの記事か」を判別ができなくなりました。 ですが、GoogleAnalyticsには「カスタムディメンション」という機能があり、その機能を使えば、URLとは別にカテゴリーなど任意の情報を計測できる
Premiere Pro CCのLumetriカラーで動画素材をさくさくカラーグレーディング | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあゆみです。 ありがたいことに、日々いろいろなWeb制作のお仕事の相談をいただいているのですが、傾向としては「メディアサイト」「コーポレートサイト（採用サイト含む）」が多いかな〜という印象です。（実際、現在わたしが担当しているのって採用サイトばかりですし） 一概には言えませんが、コーポレートサイトあるあるとして「会社・社員のビジュアルをメインにもってくる」が、思い当たる方多いんじゃないでしょうか。 下記の記事でまとまっているようなサイトも、ここ1〜2年でたくさん見かけるようになりました。 技術の進歩を感じます……。もはやCSSだけで背景実装できるとかもう……。 もちろん、流行りにのってとりあえずメインビジュアルは動画でしょ！とするのではなく、会社としてのブランディングや伝えたいメッセージなどによって構成するべきです。そして、雰囲気やフローを伝えるのに動画はとても効
Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
CSS3アニメーションに挑戦！色が移り変わる背景を実装しよう | Webクリエイターボックス
2021年12月6日 CSS フラットデザインが流行ってからは、背景を一色で塗りつぶしたデザインのサイトが多くなりました。しかしそれだけではなんだか味気ない！という事で、CSS3のアニメーションを使って、徐々に色を変化させてみましょう！色の組み合わせや順番を調整して、パッと目を引くデザインに！ ↑私が10年以上利用している会計ソフト！ Themifyではホームのファーストビューでビビッドな色を少しずつ変えながら表示しています。今回目指すのはこんな感じの背景です。このサイトではJavaScriptにより色の移り変わりを実装しているようですが、CSS3のキーフレームアニメーションだけでも表現できます！ CSS3 キーフレームアニメーションの基本 まずは要素を徐々に変化させるアニメーションについて覚えていきましょう！CSS3の animation プロパティでは、キーフレームを設定して細かい動き
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法を紹介します。 １．はじめに これまでのChrome拡張の開発に関するエントリーでは新規開発の方法を紹介しましたが、Chromeの公式サイトからインストールした拡張を修正したいケースについて紹介します。 ２．Chrome拡張の格納先フォルダを探す まず、拡張一覧画面でインストールした拡張のIDを調べます。 「ツール」→「拡張機能」をクリック。 修正したい拡張のIDとバージョンを確認。「1」の部分がバージョンです。 次に、拡張本体のディレクトリを探します。 Windowsの場合、拡張は下記のフォルダにインストールされます。 C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Extensions\拡張ID\バージョン番号 今回の例では、 C:\Users\ユ
ブログのソーシャルボタンをオリジナル画像にしてみた！ - みずかるちゃー
ブログのソーシャルボタンをオリジナル画像にしてみた！どうも！記事を書くよりブログ整備のほうが楽しい瑞佳(@mizuka123)ですｗ いったいなんのためのブログなのやら･･･ｗ そんなことよりソーシャルボタンのオリジナル化ですよ！ ありきたりなソーシャルボタンから変えてみるとブログの印象が変わって見えますよね． ソーシャルボタン？ まずはソーシャルボタンとはなんぞや？ ソーシャルボタンとは、ブログやニュースサイトなどのウェブサイトからSNSやソーシャルブックマークなどのソーシャルメディアに情報を入出力するために設置される、ボタン型のインターフェースのことである(Wikipedia) はいそこっ！「うわっ，少ねっ！」とか言わないｗ ソーシャルメディアを使う人が増え，影響力が増したことから最近のブログやニュースサイトには当然のようについていますね． このブログは見る人がまだ少ないのでこんなもん
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
Windows8.1 パーティション結合（拡張）方法
Windows8やWindows8.1のパーティション結合（拡張）の方法を説明します。 パーティションを分割したけど容量を変更したりする場合は 作成したパーティションを削除してからやり直す必要があります。 パーティションを削除すると「未割り当て領域」となり、 前後のパーティションと結合する事が出来ます。 すでにパーティションが作成してある領域を結合するには パーティションを削除する必要があります。 「コントロールパネル」→「システムとセキュリティ」とクリックします。 「システムとセキュリティ」内の「管理ツール」の 「ハードディスク パーティションの作成とフォーマット」をクリックします。 削除したいパーティションで右クリックして「ボリュームの削除」をクリックします。 パーティションが削除されると未割り当て領域になります。 未割り当て領域は前後のパーティションと結合する事ができます。 拡張した
第6回 機種変更や解約、番号ポータビリティ利用時の節約術
第6回 機種変更や解約、番号ポータビリティ利用時の節約術：誰でも簡単！ LTE対応スマホ初心者の料金節約術（1/3 ページ） LTEスマホに機種変更してから毎月の支払料金が上がった――。こんな悩みを持つ人向けに開始した本連載。最終回は、節約を考えたスマホ新機種への移行法を紹介します。 これまで本連載では、LTEスマートフォン（スマホ）向けの料金プランと、それを少しでも節約するための方法を紹介してきました。最後に紹介するのは機種変更時や解約時、MNP（番号ポータビリティ：通信キャリアを変更しても同じ番号を使えるようにする制度）利用時の節約方法です。 新機種が次々と登場し、そのたびにスペックが大幅に強化されるスマホは、機種変更のタイミングが難しいもの。しかも最近では、ケータイ会社がMNPを利用するユーザーに対する優遇策を強化するなど、新たな節約方法がいろいろと出てきてさらに迷ってしまいます。本
WordPressでさくらインターネットドメインから独自ドメインへ取得・移行してみたら案外簡単だった
今頃だけど… 以前Blogにも書いた気がするんだけど、このBlogを近いうちに独自ドメイン取得してVPS辺りで運営したいと考えていた。 とはいえ後者はサーバー構築及び運営知識が必要で敷居が高いんで、とりあえず前者だけやってみた。 前々からやろうやろうと思ってたんだけど、実際にドメインを取得して設定する辺りの知識が無くてなかなか動けなかった。 なんだけどつい先日夜中に酔っ払った拍子にとりあえずドメイン取得しちゃったんで、その流れで設定してたらなんとかまともに動くようになった。 手順を簡単に書くと ドメイン取得と設定(約30分 ＋ 反映まで数時間〜2日間) WP側のちょっとした設定(3分) .htaccessに一行追加(1分) ね、簡単でしょ（ボブ風に） まぁ完全に素人が適当にやって適当にできた結果を書いただけなんでなんか間違ってたらごめんなさい、責任とか取れません。 前提条件 さくらのレンタ
PDFのサイズを変更する方法
PDFのサイズを変更する方法を紹介します。 このエントリーでは、以下の「てすと」とだけ書かれたA4サイズのファイルをB4サイズに変更してみます。 プリンタの設定でB4に拡大すれば問題ない場合もありますが、たとえば近頃流行のネットプリントなどではファイルサイズと異なる設定ができないケースもあるかもしれないので、そういう場合に役立つかもしれません。 このテクニックにはAdobe AcrobatまたはPrimo PDFが必要です。 １．ファイルサイズを確認する サイズを変更する前にファイルのサイズを確認するには、Adpbe ReaderなどでPDFファイルを開き、「ファイル」→「プロパティ」を選択。 開いた「文書のプロパティ」画面の「概要」タブに「ページサイズ」が表示されます。 （クリックで拡大） 210 x 297mmでA4サイズであることが分かります。 ２．Windows10 + Acrob
新しいFacebookインサイトの変更点まとめ | アユダンテ株式会社
※10月10日、Facebookから、全Facebookページ管理者に新しいページインサイト表示が公開されたとの報告がありました。前回こちらでご紹介した後、テスト画面利用者からの意見を反映し、仕様が変更になった部分がありますので、追記しています。ご参考にしてください。 7月19日にFacebook studioのブログにも記事掲載されていたFacebookインサイトの新画面のお試しをする機会を得られたので、その内容について、ご紹介します。 新インサイトは、 わかりやすくなった （投稿時間の日本時間表示、画像アイコンなど） 比較グラフが増えた （指定期間とその前の期間のグラフを同時表示、ページとFacebook全体との比較、ベンチマーク表示など） クチコミ度、話題にしている人などの名称がなくなり、新しく交流度、アクション率、純いいね！などが登場しているが、それぞれの数字はわかりやすい ファン
新しいデザインのFacebookページでカスタムタブ画像を変更する方法
新しいデザインのFacebookページでカスタムタブ画像を変更する方法です。「カスタムタブ画像」とはカスタムタブ（下）に表示する画像を指します。 １．サンプル 下のスクリーンショットで変更前後のサンプルを示すます。 変更前のカスタムタブ画像はアプリの編集画面で登録したものがそのまま利用されており、正方形でかつ左右に隙間が残っています。 変更前 変更後はカスタムタブ画像のエリアにぴったりおさまっています。サイズは幅111px、高さ74pxです。 変更後 以下、新しいデザインのFacebookページでのカスタムタブ画像の変更方法を紹介します。2011年3月時点の情報なので今後変更になるかもしれませんがとりあえず。 ２．カスタムタブ画像の変更 Facebookページの「管理者用パネル」をクリック。 「管理」→「Facebookページを編集」をクリック。 「アプリ」をクリック。 該当アプリの「設定
WordPress管理画面にオリジナルメニューを追加した時の手順メモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
特定のカテゴリだけテンプレートとアーカイブマッピングを変える
2-1.テンプレートの作り方 「ケータイ」の1つのカテゴリだけ出力を分けるなら、ブログ記事アーカイブテンプレートや、カテゴリ別ブログ記事アーカイブテンプレートを、以下のように組みます。 MTIfCategoryタグを使って、「ケータイ」カテゴリだけ出力を分けるようにしています。 <mt:IfCategory name="ケータイ"> 「ケータイ」カテゴリの時の出力 <mt:Else> それ以外のカテゴリの時の出力 </mt:IfCategory> 2-2.ブログ記事アーカイブテンプレートのアーカイブマッピングの設定 次に、ブログ記事アーカイブテンプレートで、アーカイブマッピングの設定を変えて、「ケータイ」カテゴリだけアーカイブマッピングが別になるようにします。 ブログ記事アーカイブテンプレートを編集する状態にし、「テンプレートの設定」の部分を開いて、「パス」の欄の選択肢の最後にある「カスタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
imamura.biz