TOP  >  スプリットスクリーン

Tag : スプリットスクリーン

2017年01月13日

一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」

WEB制作ではスプリットスクリーンなどが極端な例ですが、中央線を軸に左右を大胆に振り分けて使う手法が流行の一つになっていますが、今日紹介するのは、異なるものではなく、一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」です。

MirrorEffect_03-1
Mirror Effect | Demo 3 | Codrops

単純に全く同じものを出現させることもできますし、上記のように背景を切り分けて表示することもできます。いくつかのパターンが公開されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年08月29日

荒廃的な雰囲気がアクセント 汚れた壁面の高解像度テクスチャまとめ「7 fresh subtle grunge textures」

デザインの幅を広げるにあたって、新たな素材が効果的に働いたり、アイデアをもたらしてくれることもあるもの。現在Web上にたくさんのフリーテクスチャが公開されていますが、今回は荒廃的な雰囲気を演出できる擦れた壁面のテクスチャをまとめた「7 fresh subtle grunge textures」を紹介したいと思います。

texture_1
Free High Resolution Textures – Lost and Taken – 7 Fresh Subtle Grunge Textures

油やインクの飛び散りによる汚れや、素材感がまばらなコンクリート、ブリキの様な金属板など、独自のグランジ感が特徴的な壁面の7枚セットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 08:04  |  
Category: Design   
2009年02月02日

配色、色選びに役立つランダムカラージェネレーター「Got Color?」

デザイン上での配色と言うのはとても難しい物でセンスが問われる部分でもあります。デザイナーの中でも、配色や色の組み合わせがどうも苦手だという方もいるかと思います。今日紹介する「Got Color?」は配色や色に対してインスピレーションを得る為のカラージェネレーターです。

アクセスするとカラーブロックが表示され、アクセスするたびに出力される色が異なります。カラーブロックの中央にはコードが表示され簡単に利用できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:11  |  
Category: Design , WebDesign   
2015年03月16日

うろこのような皮膚を表現できるPhotoshopブラシを集めた「A Collection Of Free Scale Brushes For Photoshop」

架空の動物ドラゴン、また蛇やトカゲなどの爬虫類には、まるでうろこのような皮膚で体が覆われているといった特徴があります。今回はそんな皮膚を表現できるPhotoshopブラシを集めた「A Collection Of Free Scale Brushes For Photoshop」を紹介したいと思います。

skin1
Dragon Scale custom brush by KeithSeymour on DeviantArt

ボコボコと美しく並ぶ皮膚の表情を簡単に描き出すことができるブラシが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2007年10月28日

画像からベクターデータを生成できるオンラインサービス「VectorMagic」

ベクターデータとは線の起終点の座標(位置)、曲線であればその曲がり方、太さ、色、それら線に囲まれた面の色、それらの変化のしかたなどを、数値で表すことにより、コンピュータで扱うデータとしたもので、数値なので、引き延ばしたり、変化を加えてもそれに合わせて劣化無く変形できるのが特徴です。

VectorMagic

デザインする上で自由が効くため基本ベクターデータでデザインするのは当たり前ですが、仕事によっては素材のベクターデータが無く、JPGやGIF等できたりします。画像で来るととても不便で、ペンツールで下記起こしたりしていましたが、IllustratorCS2以降ライブトレースと言う画像をベクターデータ化してくれる機能が付きました。今回はそのライブトレースをオンラインで可能にしてくれるサービスVectorMagic」を紹介したいと思います。

こちらのサービスを使えばオンラインで画像から簡単にベクターデータを作成する事が可能です。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WebService   
2018年03月24日

カラフルで個性的なマーブルテクスチャセット「Paper Marbling Textures Vol.4」

テクスチャはデザインにアクセントを加えてくれる優れたアイテムです。色鮮やかなデザインにはシッックで落ち着いた雰囲気のものを合わせるなど表現は様々です。今回紹介するのは、カラフルで個性的なマーブルテクスチャセット「Paper Marbling Textures Vol.4」です。

MarblingTextures_01

色も見た目も様々なマーブルが綺麗に表現されたテクスチャのセットです。

詳しくは以下

(さらに…)

続きを読む
2013年04月02日

ニュアンスの異なるグラデーション素材まとめ「50+ Cool Photoshop Gradient Brush and Gradient Sets」

パーツ一つ一つのクオリティを左右するグラデーションのかけ方には、特にこだわりを持っているという方も多いのではないでしょうか?そんなシーンに活用できる、ニュアンスの異なるグラデーション素材をまとめた「50+ Cool Photoshop Gradient Brush and Gradient Sets」です。


Gradients 04 by ~crazykira-resources on deviantART

シンプルなグラデーションブラシから、さまざまな世界観を表現できるグラデーションブラシまで、たくさんの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年07月18日

最近リリースされた使えるjQueryプラグイン集「29 Best And Useful jQuery Plugins Of June 2010」

非常に優秀なjavascriptライブラリjQuery、様々な表現を可能にしてくれる今やWEB制作では欠かせないライブラリの一つです。ライブラリ本体も便利なのですが、その魅力は数多くリリースされている様々なプラグインにも支えられています。今日紹介するのはjQueryの機能を生かした最近リリースされた使えるプラグインを集めたエントリー「29 Best And Useful jQuery Plugins Of June 2010」を紹介したいと思います。


dualSlider

カレンダー、マウスオーバー、メニュー、スライダーなどなど、様々な種類のプラグインがまとめられていました。今日はその中から幾つか気になったプラグインを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:01  |  
Category: WebDesign   
2010年04月26日

クリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」

さまざまな種類のフォントが日々リリースされていますが、。今回紹介するのはクリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」というエントリー。

freefont40_01

全部で40のフォントがまとめられていましたが、その中からシンプルで使いやすいタイプのフォントを中心にいくつピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: Design , Font   
tag: Design Font
2008年11月09日

美しいアイコンセットを集めた「40+ Extremely Beautiful Icon Sets」

デスクトップからインターフェイス、WEBデザインまで様々な用途で使えるアイコン。そんなアイコンをまとめたエントリーが今回紹介する「40+ Extremely Beautiful Icon Sets Hand-picked from deviantART」です。このサイトはあらゆるジャンルのクリエイター達のコミュニティ「deviantART」からピックアップしてきたものだそうです。


Aeon

管理者さんが直接ピックアップしているみたいなので、好みがでていて立体的なアイコンが多いです。今日はその中から気になったアイコンをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:41  |  
Category: WebDesign   
tag: webdesign
2010年09月25日

アナログ感を演出できるフリーフォント40選「40+ Awesome Free Comic Fonts」

デザインの印象に大きく影響を与えるフォント。世界では様々な有料なフリーフォントが制作され、公開されていますが、今日紹介するのはアナログ感を演出できるフリーフォントを集めたエントリー「40+ Awesome Free Comic Fonts」です。


comics

大きく崩したもの、ある程度規則性を持たせながら、適度に柔らかくしたものなど、様々なコミックフォントが全部で40紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:09  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る