Megaset」80年代を思わせる、どこかレトロな幾何学的デザイン。今期も引き続き人気で、多くのデザインシーンで使用されています。Megaset」です。92種のベクターパーツとオリジナルの34種のポスターがセットになった、ネオンなビビットカラーもとても印象的な素材となっています。Patterns」80年代のデザイン界に革新をもたらしたメンフィスデザイン個性の強いデザインなので最先端のトレンドを取り込みたい方にはとてもおすすめ。Patterns」を今回はご紹介していきたいと思います。ビビットなカラーでデザインにインパクトを与えてくれる特徴的な10種類のパターンが収録されています。Icons」WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。Design」は水彩で描かれた背景画像で、アナログの魅力をデザインに盛り込めるフリーテクスチャです。水彩絵の具で描かれているみたいで、全部で11の水彩によるテクスチャがしょうかいされていますが、フリーで公開されているのは上記を含む残念ながら2種類のみみたいです。ライセンスは商用、非商用を問わず自由に利用できるようになっていて、再販などを除きますが、使用については制限無しで使えるようです。photoshopツイート2017年07月18日プログラマーのためのWEBサービスや開発系のアイコンセット「devicon」Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。textures」デザインの幅を広げるにあたって、新たな素材が効果的に働いたり、アイデアをもたらしてくれることもあるもの。textures」を紹介したいと思います。Textures油やインクの飛び散りによる汚れや、素材感がまばらなコンクリート、ブリキの様な金属板など、独自のグランジ感が特徴的な壁面の7枚セットになっています。Flare」を試してみた。Flare」を実際に試してみました。ネタ元は英語だったので手順を実際に試した結果をお見せしながら日本語で紹介したいと思います。1)カンパスを作るphotoshopで新規カンバスを作ることから始まります。サイズはW1600×H800pxが好ましいとしています。新しく出来上がったカンパスを黒く塗りつぶします。作ったカンバスのセンターにロゴマークを配置します。ロゴは小さすぎても大きすぎてもダメで、大体下記の画像ぐらいの割合でロゴを配置します。3)ロゴの光を作るまずロゴをコピーしてレイヤーを重ねます。片方のロゴは背景の黒と統合してください。Primeを70-100%の間でかけます。4)レンズフレアに色を入れるレンズのフィルタをかけたレイヤーをコピーして、透明モードをカラーに設定。光らせた色でレイヤーをすべて塗りつぶします。「D」が飽いているから微妙な感じになってしまいましたが、こうする事で下記のように色を入れて光らせる事ができます。大元のロゴをコピーして、明るさを調整後ぼかしをかけます。チュートリアルでは30pxでかけています。6)ぼかしをかけて光を調整2先ほどぼかしをかけたロゴを複製透明モードをオーバーレイへこれでロゴの周りが光ったようになるはずです。7)続きは公式ページでチュートリアルにはさらに続きがあり、もっとアーティスティックにする方法が書かれていますが今回は割愛したいと思います。Photoshop」をご覧下さい。ちなみに最後までやり遂げると一番上の画像のようになります。普通ではつまらないと思い「DesigDevelop」のロゴでも試みたのですが、同じ方法をとってみましたが、下記のようになり、残念な結果になりました。ロゴによりけりなチュートリアルなので試すならWordPressもしくはそれらしいロゴで試した方が良いかと思います。jQuery」サムネイル一覧と詳細に説明を付けた一覧をページの遷移無しでスムーズに切り換えたいそんな人ともいるかと思います。jQuery」を紹介したいと思います。上記のような二種類のリストの見せ方をボタン一つで切り換え縷々用になります。ギャラリーページや情報が多いサイトではかなり便利そうです。Designers」です。ZippyPixelsアイコンからUI・モックアップまで、いろいろなタイプの素材がまとめられています。気に入ったものをピックアップしましたので、下記よりご覧ください。制作には非常に便利なベクターデータ。Graphics」を紹介したいと思います。VectorVault有名どころから珍しい所まで多々公開されています。今日はその中から今までDesigndevelopで紹介した事が無いサイトを中心にいくつか紹介したいと思います。長かったアメリカ大統領選挙もついに終わりオバマ氏が歴史的な当選を果たしましたが、それを記念して、オバマ氏をテーマにしたフリーフォント「ObamaBats」が公開されています。こちらは上記の24種類のフォントが収録されていて、笑顔から、真顔、演説風景まで様々なオバマ氏が収録されています。上記のポスターは全て「OBAMABATS」で制作され、およそ6分で仕上げたとのことです。シンプルながらも多種多様なアイコンが収録されています。ピクセルと言うだけあって上記のようにアイコンは全てドット絵で展開されます。28×28となっていて、ファイルはpng形式とgif形式となっています。icons」このブログを購読するDesigndevelopについてデザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。※本ブログの「プライバシーポリシー」です。関連サイトDesigndevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。MEDIAは拡張する現実から未来を探るBLOGです。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。DesignDevelop.。