designerlogのブックマーク (29)

  • 無印良品のディフューザーは、シンプルで高級感ある香りなのにお手頃価格! | ROOMIE(ルーミー)

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

    無印良品のディフューザーは、シンプルで高級感ある香りなのにお手頃価格! | ROOMIE(ルーミー)
    designerlog
    designerlog 2021/11/08
    このシリーズは前シリーズから買ってるお気に入り♪ほんとにいい香りです。
  • 旧式メーカー製スリムデスクトップPCが4K対応で別物に

    旧式メーカー製スリムデスクトップPCが4K対応で別物に
    designerlog
    designerlog 2021/11/08
    勉強になる♪まだまだ使えるoptiplex7010。
  • Content Aware Sidebars: ウィジェットをページごとに管理できるWordPressプラグイン

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

    Content Aware Sidebars: ウィジェットをページごとに管理できるWordPressプラグイン
  • WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!

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

    WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!
  • フォトショップショートカットリスト PhotoshopShortcutList

    アドビフォトショップショートカットリスト AdobePhotoshopShortcutList byBSCverCS6.26(ビスク式w (ショートカットリストは書き出せるのに何故かスタンプとかないんで作って見ました・・・現在CS6のショートカットも追加中 このページはフォトショップのショートカットを自分なりに纏めて覚えるときために作ったフォトショップの使い方・ショートカット集のページです。 一緒にショートカットの類似系を覚えると便利なのでわざと説明を重複させてます、たった数段下でも重複させていますw。 見やすい・見難い・ショートカットが足りない・こうしたら見やすくなるかも・等ありましたらツイッターでリプライでもください。 できるだけ修正いたします。 見やすいようにタグを調整しました。 MACの場合はCtrlをCommandに読み替えてください。 押したキーから何のショートカットかわかるコ

    designerlog
    designerlog 2021/11/04
    テキストでまとめてくれてありがとう(^^♪
  • DTPデザイナーの寄り道 Photoshopで簡単にシャボン玉をつくる

    今回はフォトショップを使って簡単にシャボン玉をつくりましょう。 もっておけばパーツとしても活躍しますよ! 作り方は続きをどうぞ! まずは新規画面を開き、円の選択範囲をつくります。 そしてブラシで(すこし太めで)白を入れていきます。 背景は編集しやすいように黒にしてますが色を入れるのは新規のレイヤーにいれます。 今回のでは光が左上に当たってる設定として、こんな感じで白を追加します。 これで基の形はできました。 後は色をつけていきます。 選択範囲をぼかして色をつけるところを囲みます。 そして色調補正の色彩・彩度を選びます。 色の統一にチェックをいれ写真みたいに設定してみましょう。 すると 選択範囲内の色が変わります。 コレを繰り返し全体の色をかえていきましょう。色相を上手くつかえば簡単です。 これでできました。 あとはお好みでフィルターをかけて仕上げましょう。 できたものにドロップシャドーを

    designerlog
    designerlog 2021/11/04
    使える(^^♪
  • 【デザイン】photoshopを使って写真を流行の三角形モザイクに加工する方法 |Applision | iPhone / Androidアプリ情報サイト

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

    【デザイン】photoshopを使って写真を流行の三角形モザイクに加工する方法 |Applision | iPhone / Androidアプリ情報サイト
    designerlog
    designerlog 2021/11/04
    使える(^^♪
  • スマホOK!LINEスタンプの作り方と12万個売れたアイデアの出し方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

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

    スマホOK!LINEスタンプの作り方と12万個売れたアイデアの出し方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    designerlog
    designerlog 2021/11/04
    勉強になりますm(__)m
  • Photoshopを使ってシネマグラフを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

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

    Photoshopを使ってシネマグラフを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    designerlog
    designerlog 2021/11/04
    これはカッコいい印象与えますね♪使い道も多そう(^^♪
  • Photoshopで白黒漫画風に画像を加工してみたァア!|アド・エータイプ スタッフブログ

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

    Photoshopで白黒漫画風に画像を加工してみたァア!|アド・エータイプ スタッフブログ
    designerlog
    designerlog 2021/11/04
    使い道ありそうですね♪
  • Beautiful Watercolor Effect Tutorial and Photoshop Brushes

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

    Beautiful Watercolor Effect Tutorial and Photoshop Brushes
    designerlog
    designerlog 2021/11/04
    わかりやすい、読みやすい、見やすい♪
  • 今さら人に聞けない!! Photoshopのショートカットキー講座(1) ブラシ/消しゴム/塗りつぶし

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

    今さら人に聞けない!! Photoshopのショートカットキー講座(1) ブラシ/消しゴム/塗りつぶし
    designerlog
    designerlog 2021/11/04
    イラストがおもしろい♪
  • これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

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

    これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
  • ゴミを出さない暮らし | 2024 山﨑デザイン事務所

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

    ゴミを出さない暮らし | 2024 山﨑デザイン事務所
    designerlog
    designerlog 2021/11/04
    ゴミの出し方にも“品”があると思うんです。
  • Photoshopでビックリマンシール風キラキラ背景を作る方法

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

    Photoshopでビックリマンシール風キラキラ背景を作る方法
    designerlog
    designerlog 2021/11/04
    作りたい人多いでしょう♪自分のキラキラシール作りたくなっちゃいます(^^♪
  • 【Illustrator】美しい星空・夜空・天の川の描き方

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

    【Illustrator】美しい星空・夜空・天の川の描き方
    designerlog
    designerlog 2021/11/04
    こだわりだすと止まらない♪
  • Illustratorで線の幅を部分的に変更できちゃう線幅ツール|アド・エータイプ スタッフブログ

  • テキストをかすれたような表現(グランジ)にしたいときに効率的な方法|DTP Transit

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

    テキストをかすれたような表現(グランジ)にしたいときに効率的な方法|DTP Transit
    designerlog
    designerlog 2021/11/04
    結構頻繁に使う手法です♪
  • 簡単な花作り:“パンク・膨張”: イラレ・レシピ 時々フォトショ

    「パスの変形」の「パンク・膨張」でこんなにたくさんの花の種類を作ることができます。それに加えて、柄や色を変えるだけで形は同じでも、雰囲気の違う花を作れます。とても簡単で便利なツール☆前回、パスの変形:“パンク・膨張”でおしゃれでシンプルな形作り☆と同じ使い方(作り方)です。 長方形、楕円や多角形、スターツールで元の形を作成します。「フィルタ」>「パスの変形」>「パンク・膨張」で下のような入力パネルが出てきます。空欄に数値を入れるか、三角印を左右にスライドさせます。マイナスの数値が有効でスライダーは真ん中より左にいきます。「プレビュー」にチェックを入れると変化の様子を確認しながら変化させることができます。 上の絵の花をそれぞれ取り上げて、どのような形を変形させたか、リストにしてみました。 長方形、楕円や多角形、スターツールで元の形(下のリストで左端のピンクの図形)を作成します。上の「パンク・

    designerlog
    designerlog 2021/11/04
    イラスト制作の方に役立ちそうですね♪
  • Tutorial_イラレで光の表現その2 – イラレラボ illustrator-labo

    イラストレーターでがんばる光の表現その2です。オブジェクトを柔らかくふんわり光らせます。Photoshopでやれよという突っ込みには耳を塞ぎつつ。 480×360pxの長方形を配置します。0%:#002800 > 50%:#004251 > 100%:#2D0058 の線グラデーションで塗ります。 アピアランスメニュー > 新規塗りを追加、0%:#FFFFFF > 100%:#000000 (白から黒 の円グラデーションで塗ります。中心からやや左下をクリックしてグラデーションの中心位置を移動させ、不透明度40% / 描画モード:スクリーンに設定します。 480×480pxの円を配置します。0%:#005368 > 100%:#000000 の円グラデーションで塗り、描画モードをスクリーンに設定します。上のあたりに位置をずらして、青い光を入れます。 光のラインを描きます。200×2pxの円を

    designerlog
    designerlog 2021/11/04
    使い勝手のあるチュートリアルです♪