お部屋をいい香りにしてくれるアロマディフューザー。 なかなか好みの香りに出会えなかったり、お気に入りのものが見つかったと思ったらけっこう値が張ったり……と、定番として使えるものにはずっと出会えずにいました。 そんな中、やっぱり正解を叩き出してくれるのが無印良品。 無印良品のディフューザーがリニューアル 無印良品 「インテリアフレグランスオイル 60mL」 990円（税込） 以前から販売はされていたものの、今回リニューアルした登場したのがこの「インテリアフレグランスオイル」。 香りはウッディ・フローラル・シトラス・グリーンの4種類。 手頃なのに安っぽい香りはせず、どれもいい香り。とはいえそこまで香りが強すぎず、おうちのどこにでも置きやすい印象です。 ぜんぶ嗅いでみて、私はウッディをセレクト。ユーカリやヒノキなど温かみのある香りをブレンドしているらしく、木のようなお香のような深みのある香りが心

Content Aware Sidebarsは、サイドバーに表示する内容（ウィジェット）をページ毎に管理できるプラグインです。簡単に説明すると、サイドバー管理プラグインです。 このプラグインを利用すると、ウィジェットの初期設定をテンプレートや「functions.php」に記述する手間が省け、ウィジェットの設定をプラグインで管理できます。 もし、あなたのWebサイトでサイドバーの内容をページごとに変えたい場合は、このプラグインを活用しましょう。 はじめに このプラグインが優れていること サイドバーに表示する内容（ウィジェット）をページ毎に管理できる。 ページ毎にサイドバーの内容が変えられる。 例えば、ページ毎に最適化した個別の内容をサイドバーに表示できる。 プラグインの設定は簡単。ウィジェットの初期設定をテンプレートや「functions.php」に記述する必要はありません。（※手動を除く

WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた！2014.11.09 WordPressでブログ記事を書いていると、複数の画像を横並びにして表示させたいケースがあります。当ブログでは今までCSSで調整したり、テーブルを組んでからラインを消したり、相当の労力をかけて表示を試みていました。（これが本当面倒くさい・・） しかし、WP Canvas – Shortcodes プラグインを使うようになってからは、記事内に任意のカラムを簡単に指定することができます。 このような ⇒ 理論派 vs 感情派 の8つのブログ運用談義コンテンツも短時間で作れるようになりました。 ここでは、1分程度で2枚の画像を横並びにする工程を解説します。私のようにCSSやhtmlが苦手だったり、まったく分からない方にはとても便利ですね。 WP Canvasの設定方法① カラムを選択

私も作ってみたい！！ というわけでググるとやり方説明しているページを発見！ ・・・・、日本語でＯＫ。。。全部英語でした。 というわけで、日本語に解読して説明しますよ！！ これ使うだけで、なんだか一気に今風の流行乗っちゃってる系に大変身できます！！ １：三角形モザイクする基本画像を用意 まずは、加工するための写真が必要！ってことで用意してください。 比較的色味がはっきりくっきりしてるほうが仕上がり綺麗です。 さて、用意した画像はレイヤーで２回コピーしておいてください。

LINEのやり取りにかかせないスタンプ。自分でオリジナルのスタンプを作ってみたい、家族や友人と楽しめるスタンプを作りたいと思っている人も多いのではないでしょうか。 今回はスマホでも作れるLINEスタンプの作り方や12万個売れたLINEスタンプを作ったコツを紹介します！ デザインの世界に飛び込んでみませんか？ Illustratorが使えるようになりたい、クリエイティブな仕事がしたい……という方は「スクールでの勉強」もおすすめです。弊社のスクールでは、未経験から6ヶ月でWebデザイナーを目指せます。スクールでどんな内容が学べるのか、ぜひ一度詳細をチェックしてみてください！ 👉「デジタルハリウッドSTUDIO by LIG」詳細へ ※この記事は2022年8月に編集部が情報を更新しました LINEでオリジナルスタンプを作成する方法 さっそくLINEスタンプ作成の流れを紹介します。 オリジナルス

動画を準備する シネマグラフの完成度は動画のできにかかっています。主な条件は以下の3つです。 ネマグラフがうまくできる条件 1. カメラが固定されていること シャッターを押すちょっとしたブレでもつなげると気になったりするので、三脚＆リモートシャッターなんかがあるといいと思います。 2. ループの繋ぎ目が気になりにくい動きであること 髪の毛のふわふわとか水がチョロチョロ流れる動きなど、動きが単純で短い時間でも成立するものが向いています。しかしこういった動きはすでによく使われていて、マンネリなのも事実ですね……。アイデアをひねり出すのが一番大変な作業かもしれません。 3. 動いてる部分の背景に動きがないこと 後で詳しく説明しますが、動画の上に静止画を置いて、動かしたい部分に穴を空けるというのがおおまかな手法なので、動かしたい部分以外にちょっとでも変化があると違和感が生まれます。 以上の点を踏ま

最近のアニメで面白い作品、、、いくつかありますがジョジョは外せないでしょう。仙台といえばジョジョ、ジョジョといえば仙台！ ジョジョ立ちしている面白い写真を見つけたので、これを白黒漫画風にしてみたいと思います。Photoshopのフィルタ機能で写真を漫画風に変えることが出来ます。 エッジのポスタリゼーションで輪郭を調節ゥ！ フィルタ→アーティスティック→エッジのポスタリゼーションを選択 画像を見ながら輪郭を調節しましょう。 今回はエッジの太さ：10、エッジの強さ：10、エッジのポスタリゼーション:0に指定しています。 カットアウトで漫画風にィ！ フィルタ→アーティスティック→カットアウトを選択 こちらも画像を見ながら調節しましょう。 今回はレベル数：8、エッジの単純さ:4、エッジの正確さ:1に指定しています。 白黒化して細かなところを修正ェ！ レイヤーパレットの「塗りつぶしまたは調整レイヤー

Photoshopできれいな水彩画風デザインに挑戦！水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら 30 秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし画像を開いて、そのレイヤーを複製します（コマンド＋ J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を 10、「しきい値」を 25〜30 に設定します。 2. エッジの光彩元の画像レイヤーを複製し、「blur」レイヤーの上に置きます。レイヤー名を「line」に

マウスやペンタブレットでプルダウンメニューやツールバーをクリックする代わりに、キーボードのキー入力によって一瞬でコマンド選択ができる「ショートカットキー」。そんな便利なショートカットキーが画像編集ソフト「Photoshop」にも多数設定されています。 しかし、「(ショートカットキーの)存在は知っているけどあまり使ったことがない……」、「数が多すぎてどれから覚えればいいのか分からない……」、「メールのコピーペーストくらいなら使うけど、Photoshopでは使っていない……」という方もいらっしゃるのではないでしょうか? 何を隠そう、私もそのひとり。日頃Photoshopを使ってイラストを描いていますが、ショートカットキーは全く使っていませんでした。しかしショートカットキーを使うのと使わないのでは、作業効率が大きく変わってきます。一度覚えてしまえば、グッと作業時間を短縮することができ、利き手にか

フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ

今日も我が家は慌ただしい。 朝から奥さんが家中を行ったり来たり、言うことを聞かない子どもたちとの終わりのないやりとりが響き渡ります(汗) 私はというと、そんな日常を横目に我関せずとまではいきませんが我が家の良質生活への改善策について目を細めながら考える毎日です。 仕事柄、ニュースや時事ネタにはわりとアンテナを張っている方で、それなりの時世感は養っているつもりなんですが ここ数年で一番気になっているニュースのひとつに「海のプラスチックごみ」問題があります。 プラスチックごみは食物連鎖で人に戻ってくる⁉ 【参考記事】 日刊スポーツ(WEB版) 回収できないマイクロプラスチック食物連鎖で人にも “プラスチックごみ”のわかりやすい問題としては、 焼却処理をスルーしたPP袋が海へ流れ出て、流れ出たPP袋をエサと間違えてウミガメやクジラが食べてしまうというもの。食べた動物たちはPP袋を分解できずに無残

フォトショでキラキラシール風の背景テクスチャを作る方法です。 パターンの元になるjpgファイル(100x100px)も配布してるんで、よかったら適当に使ってください。みんなでビックリマンシール風イラスト描いて遊ぼうず！ 新規ファイルを作成する 100×100ピクセルの新規ファイルを作成します。が、ファイルの大きさに特に決まりはないので、好きな大きさでやってもらえればと。 カンバスの中心が一発でわかるように、ガイドを引いておきましょう。 表示＞新規ガイドを[位置:50%]で適用。これを水平と垂直の2回繰り返します。 グラデーションを引く グラデーションツールの[円錐形グラデーション]を選択したら、カラーを上の図のように設定。白色(#ffffff)と灰色(#929292くらい)の2色を使用します。カラー分岐点とカラー中間点が等間隔になるように配置してもらえれば。 真ん中から、斜め上に向かってグ

Illustratorでだって、美しい星空描けるんです！ というわけで、今回はIllustratorで美しい天の川を描いちゃいます！ 大好きな宇宙を大好きなIllustratorで描くというコンセプトのもとつくった、久しぶりの誰得チュートリアルとなっております。 力技なので実用的ではありませんが、「Illustratorでもこんな風にできるんだなー」と思っていただければ幸いです。 完成予定図 使用ソフト：Adobe Illustrator CC （シンボル機能があれば、前バージョンでもできると思います） Step 1　準備 アートボードサイズ　500×500px このチュートリアルでは 【アピアランスパネル】（Shift + F6） 【シンボルパネル】（Shift + Ctrl + F11/Shift + Command + F11） 【ブラシパネル】（F5） 【グラデーションパネル】（C

テキストに対してかすれたような表現（グランジ）を行いたい場合、「前面オブジェクトで型抜き」や「不透明マスク」を使うと効率的です。 テキストをアウトライン化しなくていいので、テキストの修正があった場合でも簡単に対応することができます。 「前面オブジェクトで型抜き」を“複合シェイプ”として使う テキストを入力して、その上にかすれさせたいオブジェクトを配置します。 両方のオブジェクトを選択して、［パスファインダー］パネルの［前面オブジェクトで型抜き］ボタンをoptionキーを押しながらクリックします（Illustrator CS3ではoptionキーは不要）。 「不透明マスク」を使う テキストを入力して、その上にかすれさせたいオブジェクトを配置します。 両方のオブジェクトを選択して［透明］パネルのパネルメニューから［不透明マスクを作成］をクリックします。 ［透明］パネルの［クリップ］をOFFにし