こんにちは! 整理収納アドバイザー 七尾亜紀子です。 「忙しいママ」 の毎日が もっとラクに、 もっと楽しくなるための 収納・家事・インテリアの アイデアを発信しています。 まず本日は、週末恒例になりつつある YouTube動画更新のお知らせから! 今回は自宅ルームツアー第2弾として、 我が家のリビングについて ご紹介しています! 以前、こちらの動画で ルームツアー第1弾のキッチン編を ご紹介させていただきました↓ 【ルームツアー】整理収納アドバイザーの自宅キッチン収納を公開! いろいろな事情もあって 我が家では自宅でのセミナーは 開催していないのですが、 その代わりに動画の方で 自宅探訪気分を味わっていただけたら 嬉しく思います! さて、ここからは今日の本題へ。 今回は収納用品マニアック 研究シリーズの新たな記事を 書きたいと思います! 今回ご紹介させていただくのは ダイソーで発見した新商品です。 先週末、別のアイテムを買いに ダイソーに行ったところ たまたま発見したこの商品。 これは一度検証してみたい!と 思ったのでお試し買いしてみると、 意外にも無印の定番収納用品と なかなか相性が良いことが 判明しました! また、それとは別に 「あああ! やっぱりあったか! !」 というアイテムも発見したので、 そちらも一緒にご紹介したいと思います。 ということで本日の記事では、 無印の定番品とまさかの相性抜群! ダイソー新商品ケースの検証レポ &YouTube更新 というテーマで、 ダイソーで見つけた新商品の マニアック研究レポについて ご紹介したいと思います(^^) ■ダイソー新商品・ジョイントできる収納ケース2種 今回ご紹介するダイソーの新商品は、 こちらの「ジョイントできる収納ケース」です。 サイズは下記の2種類出ていました。 (いずれも2個セットですが、表記サイズは ケース1つあたりの大きさです) ・大サイズ (30. 5×15. 2×7. ダイソー*「ジョイントできる収納ケース」で、無印PPケースを使いやすく♪ - *ゆるーくおうちのことを考えるブログ*. 5cm) ・小サイズ (30. 5×10. 5cm) パッケージから出して 実際に組み立ててみると こんな感じでした。 2サイズとも奥行と高さは同じで、 幅だけが違うというサイズ展開です。 この商品の特徴としては、 「ジョイントできる」という 商品名の通り、 側面の切れ目に差し込むと ケース同士が繋げられるという点です。 結構最近の100均ではこの 商品が増えてきていますね〜。 ちなみにこのジョイントですが、 同じサイズ同士はもちろん サイズ違いでもジョイントできました。 使いたい場所の幅に合わせて、 2サイズを組み合わせて使っても 良さそうですね!
昨日の記事で書いた、グマイナーの、EEGEBACK(テーゲベック)は、 日本橋の高島屋です! !日本橋の別のデパートを記載してしまいました。ごめんなさい。m(__)m 日本では、ここでしか買えないそうですよん。 やっと見つけましたーー! 以前、「現物がない」と記事にした、ダイソーの ジョイントできる収納ケース!! これ、絶妙なサイズ感でおすすめです。(^^)v ↓ ↓ ↓ 2個で108円。 お得です!! 気に入っている点 ①直角なケース ②色が乳白色 ③安価 ④素材 ⑤サイズ感 先月の収納グッズレッスンの受講者様が、 早速、箪笥の中の引き出しを改善してくださいました! ↓ ↓ ↓ ↓ 以前も記載しましたが、「箪笥の引き出し」にマッチするサイズ~(≧∇≦) 広い引き出しの中は、区画整理すると、 ・見やすい ・取り出しやすい ・仕舞いやすい ですよね💛 横幅10. 2センチの細身タイプもあります。 細身タイプはキッチンの引き出しに入れても〇 お玉や菜箸等のレードルも入りますよん!! 受講者様から教えていただいた情報ですが、この商品、 取り扱い店舗が決まってるそうです。 取り寄せは、大、小、各8ロット単位~受付してもらえるそうです。 私が購入したのは、 ・三宮 阪急オアシス神戸旭通店2階のダイソー ・魚崎 サンシャインワーフ内のダイソー です。 この連休、衣替えする方はチェックしてみて~ iPhone、iPadを活用したい方は必見! 渋谷・iPhone活用レッスン ios12バージョン こちら iPhone・iPadがますます好きになります! 10月14日(日)の渋谷・開運収納講座の詳細は こちら (残席僅か) 10月21日(日)の神戸・開運収納レッスン2期の詳細は こちら 渋谷・Android・Evernote・level1は こちら 渋谷・ios・Evernote・level1は こちら ※Evernote講座は新バージョンのレジュメに。リピートの方はお得に復習できます!! キラキラは、邪気除け!! 限定発売!! リボンコードホルダー 全て手作りの一品です。 ↓ 10月11月の東京講座のご案内は こちらのページから 「 さよ さんの片づけが大好きになるベストアイデア 」 ↓ 下駄箱の臭いを撃退! もうグチャグチャにならない!ダイソーの【ジョイントできる収納ケース】で引き出し内を好みに仕切ろう♡. 竹炭でエコに臭い撃退! キラキラコードホルダーは こちら (コードが落ちない工夫) ずっとキレイな収納はこちらから ↓ ↓ 「きれいが続く」収納レッスン お陰様で重版致しました。m(__)m 関連記事
2cmの大きいケースには、Tシャツやタオルなどを、幅10. 2cmの小さいケースには靴下や下着、ハンカチ、ネクタイ、子ども服などを収納するのがおすすめだ。ケースに収まるように折りたたんで、上手に立てて収納していこう。 4. ダイソーの「ジョイントできる収納ケース」にいろいろ収納!
(おしまい)
2018. 04. 29 毎日の、家事の中でも洗濯物を畳む→しまうのはなかなか大変な作業ですよね。 きちんとしまわないと次に使う時に不便ですし、何より整理整頓出来ていないことに気持ちが落ちてしまいます。 今回は、洋服をしまうのが楽しくなるような、引き出し収納をご紹介させていただきます。 ダイソーで発見♡【ジョイントできる収納ケース】 それが、ダイソーの【ジョイントできる収納ケース】です。 こちらは、サイズが2種類あり、1つに2ケース入っています。 組み立て式なので、袋から出し、組み立てます。 洋服を入れても倒れてしまわないなかなかしっかりとした素材です。 使用レビュー!Before→Afterも 恥ずかしながら7歳になる息子の衣類をしまっている引き出しがこちら。 洋服を立てて収納しているのですが、倒れてきてしまったり、息子が服を捜してグチャグチャになることも、、。 こちらの大きい方のジョイントできる収納ケースが、、 ぴったり4つ!シンデレラフィット!! ぴったり収納出来ました♡ 何がどこにあるか一目瞭然なので、息子も自分で探しやすくなりました。 仕切りとしての威力を発揮してくれるので、きっちり立てて収納出来ました♡ 使いやすくなり嬉しいです。 カラーも馴染みやすいクリアカラーなのが嬉しいですよね♡ 216円で雑然とした収納ケースが生まれ変わり、毎日のプチストレスが解決しちゃいました♡ 小さいサイズも使ってみた! 小さいサイズは、、、 2歳の娘の引き出しに。2つ、シンデレラフィット! 娘の夏物の服や肌着をしまっています。 まだまだ肌寒い日もあるので、肌着は右側は長袖、左側は半袖と分けています。 パッと取れるので使い勝手がいいです♡ 小さいサイズの使い勝手がgood! やっと見つけた!ジョイントできる収納ケース - 100円ショップおススメグッズ. 小さいサイズのジョイントできる収納ケースは、靴下や下着をいれるのにぴったり!! 細々したアイテムがスッキリするし、一目で探せるので時短にもなりますよ♡ 筆者も家族分買い足してこようと思っています。 いかがでしたでしょうか? 毎日のことなので、できるだけ使いやすく楽しく出来るような工夫が出来たらいいですよね♡ 引き出しを開けた時、一目で洋服が探せるようにしておくだけで、気分が全然違います♡ 是非お近くのダイソーでチェックしてみてくださいね♡ ※表示価格は記事執筆時点の価格です。現在の価格については各サイトでご確認ください。 著者 erika お家で過ごす時間が大好きなので、家族や友人と楽しく過ごせる家作りを目指しています。 インテリアだけでなく、収納や整理整頓、栄養士免許も持っているので身体に優しい食事のこと、毎日を健やかに穏やかに、楽しく過ごせる情報を発信していけたらと思っています。 この著者の記事をみる
サンプルをスクロールしてみてください。fixedは背景画像がスクロールせずに要素内に固定されているのが分かります。 background-origin background-originは、 背景画像の配置の基点を指定するプロパティ です。 設定できる値はグローバル値を除き、「border-box」「padding-box」「content-box」があります。 background-originを理解する前に、要素のboxモデルについて理解する必要があります。 要素のサイズは上の図のように、4つの要素から決まっています。 わかりにくいと思うのでサンプルを見てみましょう。 See the Pen background-origin by JAJAAAN Dev. 「border-box」は要素のborder範囲を含めて背景画像を配置します。 「padding-box」はborder範囲を除き、要素の padding の範囲を含めた背景画像を配置します。 「content-box」は、border範囲、padding範囲を除き、要素のコンテンツエリアを基点に背景を設置します。 これらの表現は、htmlタグを入れ子にすることでも同じような表現ができますが、その場合は無駄なDOMが増える形となってしまうため、background-originのような表現手法を覚えておくといいでしょう。 background-clip background-clipは、 背景の拡張範囲を決めるプロパティ です。 background-originと似ていますが、background-originは背景画像の開始の起点を定めるプロパティであったのに対し、background-clipは背景の描画領域を定めるプロパティです。 まずはサンプルを見てみましょう。 See the Pen background-clip by JAJAAAN Dev. さきほどのbackground-originと比較してみてほしいのですが、background-originはborderやpaddingのエリアで背景画像が途切れるといったことがありません。あくまで背景画像を描写する起点を定めるためのプロパティです。 それに対してbackground-clipは、borderやpaddingなどで背景画像がマスクされているのが分かります。 Photoshopやイラストレーターをよく使う人であればおなじみの「 クリッピングマスク 」ですね。 クリッピングマスクの作成方法 (Illustrator) このbackground-clipを使うことで、背景を前景にテキストを切り取って表示することもできます。(サンプルの4番目) 背景画像のみではなく、通常背景やグラデーションさせた背景でも可能です。 おしゃれなデザイン作成に役立つ方法ですね。 backgroundをショートハンドで書く backgroundプロパティは ショートハンド で書くこともできます。 これまで解説してきたbackgroundプロパティを単体で使うことってあまりないのではないのでしょうか?
こんにちは、デザイナー兼フォトグラファーのおまめ ( @omame_creator) です。 今回は私が業務で毎回使っている、 時短で綺麗に髪の毛を切り抜く方法 をご紹介します。色々試した結果、一番早く簡単な方法だと思っております。 また、切り抜くだけでは白いエッジが残ってしまって背景と馴染まないので、 背景との馴染ませ方についても合わせて解説 していきます! 昔は切り抜く際チャンネルマスクを複数使うなどかなり時間をかけていましたが、今はPhotoshopが進化していて、ワンクリックである程度切り抜くことができます。 「選択とマスク」を使って髪の毛を切り抜く方法 今回はデザイナーの先輩ゆうこさんにモデルをお願いしました。髪の毛を目立たせるため、強めになびかせた瞬間を撮影しました。この写真を使って解説していきます。 「選択とマスク」をツールを開く 選択範囲→「選択とマスク」ツールをクリック すると、画面が切り替わります。 「被写体と選択」をクリックする 大雑把に被写体が選択されます。 ※選択がうまくいかない場合は左上のクイック選択ツールを使って部分的に選択していきます。 「髪の毛を調整」をクリックする 髪の毛が綺麗に切り抜かれます。 ※選択がうまくいかない場合は左上から2番目の境界線調整ブラシを使って、取りこぼしてしまった髪の毛部分をなぞって調整します。 今回髪の毛はうまく選択されたのですが、肩の部分の選択がもれてしまったので、左上のクイック選択ツールを使って選択がもれてしまった部分をクリックして復活させました。 綺麗な切り抜きが完成! 一瞬で切り抜くことができました! Amazon出品用の写真をスマホで魅力的に撮影する方法!. 切り抜きはうまくできましたが、これで終わりではありません。 切り抜いた写真の下のレイヤーに、黒の塗りつぶしレイヤーを入れてみると、髪の毛のエッジが白っぽく浮いていることがわかると思います。この部分を背景と馴染ませる必要があるので、次に背景の馴染ませ方について解説していきます。 切り抜いた髪の毛を背景と馴染ませる方法 今回はこの爽やかな写真を背景に使っていきます。 はめただけでは、毛先のエッジが白く浮いていることが目立ちます。 人物レイヤーを複製し、描画モードを「乗算」にする 乗算の効果で、人物が背景に透けるような形でなじみます。この状態では髪の毛のエッジ問題は解消されていますが、全体が透けてしまっています。 ※背景が暗いときは、比較(暗)を使う方が自然に馴染みやすくなります。 複製前の写真にマスクを作成し、エッジ部分のみに乗算レイヤーを適用する 先ほど適用した乗算効果を、髪の毛のエッジ部分のみに適用させたいので、複製前のレイヤーを上に持ってきてレイヤーマスクを追加します。エッジが白く浮いている部分に、不透明度20%のブラシでレイヤーマスクを黒く塗っていきます。これでエッジが目立たなくなります!
(サンプルの画像は繰り返すのに適している画像ではありませんが、、繰り返しの説明としては逆にわかりやすいかと思います。) 要素の箇所はわかりやすくするため黄色くしています。 「 repeat 」の場合は、要素いっぱいに背景画像が繰り返されています。 「 no-repeat 」の場合は、背景画像が1つのみで繰り返されていません。 「 repeat-x 」の場合は、背景が横方向にのみ繰り返されています。 「 repeat-y 」の場合は、背景が縦方向にのみ繰り返されています。 background-position background-positionとは、 画像の配置位置を指定するプロパティ です。 top、right、bottom、left、といった指定はもちろん、%での指定や、中央に配置する場合はcenter、といった指定方法があります。 サンプルを見てみましょう。 See the Pen background-position by JAJAAAN Dev. background-positionプロパティを何も指定していない場合は、左上から背景画像が配置されます。 中央寄せや、右寄せなどの場合は、center、right、といった記述をするだけです。 上側右寄せなどにしたい場合は、top right、といった「上で右」といった指定をしてあげる必要があります。 pxや%などを使って細かく位置指定をする pxや%といっと単位でも背景位置を指定することができます。 細かく位置指定をする場合は、pxなどを使う必要があります。 サンプルを見てみましょう。 See the Pen background-position2 by JAJAAAN Dev. 細かく背景の位置を指定できているのが分かるかとおもいます。 位置を決める際に、上下左右から何px、といった指定をしたい場合は、top/right/bottom/leftと一緒に記述をしてあげる必要があります。 background-position: top 50px right 120px; この場合、上から50px、右から120pxの位置から背景画像がはじまる形になります。 background-attachment background-attachmentは、 背景を固定したい時に使うプロパティ です。 指定できる値としては、scroll、fixedがあります。 scrollは初期値であり、固定せずにしたい場合に使います。使うシーンとしては、一度fixedを指定した要素を何かしらのタイミングで初期値に戻したい場合などに使います。 fixedは、スクロールしても背景が固定されている状態になります。 サンプルを見てみましょう。 See the Pen background-attachment by JAJAAAN Dev.
全体の明るさや彩度は変えたくないというとき、この 3 つのツールを使うと非常に便利です。状況に応じて使い分けましょう。