TOP  >  Effect

Tag : Effect

2016年11月21日

文字を平面・立体的に魅力的に演出するエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」

デザインの中でさまざまな役割を持つ文字要素は、メイングラフィックのサポート的存在ではなく時にはメイン要素となる時も。そんな時に文字をより魅力的に演出できるエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」を紹介したいと思います。

2d3d2_0
How to Create Space Tiles Text Effect in Photoshop |

2D・3Dと、平面立体さまざまな種類のエフェクトが分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年04月09日

テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」

デザイン上に配置するテキスト。いろいろな入れ方や表現の仕方がありますが、絵的に配置するだけでなくそこに動きを加えることで、魅力を増すのではないでしょうか?そんな中今回紹介するのは、テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」です。

effect0409_1
Magnetype

12選という限られた数ではありますが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年02月23日

テキストに動きを取り入れより印象的なデザインに「11 Beautiful Text Effects Created With CSS」

フォント・文字・テキストを使ったデザインはとても魅力的で、いろいろな表現方法でデザインがされていますが、今回はテキストに動きを取り入れより印象的なデザインに仕上げることができるエフェクト集「11 Beautiful Text Effects Created With CSS」を紹介したいと思います。

effect0226_4
CSS3 text-shadow effects

そのままだとデザイン文字といった印象ですが、CSSで動きを加えることにより、もっと魅力が増したデザイン文字に仕上げることができます。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年01月03日

Photoshopを使った効果的なエフェクトまとめ「20 New Photoshop Addons for Premium Effects」

デザインにさまざまな加工を施すことができるPhotoshop。しかし多機能なだけに使いこなすことができないといった場合も多いのではないでしょうか?そんな中今回紹介するのは、Photoshopを使った効果的なエフェクトまとめ「20 New Photoshop Addons for Premium Effects」です。

photoshop0102_4
Trendy Fashion Photo Action | GraphicRiver

Photoshopで簡単にできる、さまざまな機能を使ったエフェクト機能がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年09月22日

テキストをもっと魅力的に表現できるエフェクト集「25 Insanely Creative Text Effects You Can Use For Free!」

デザインをより印象的に見せるための手法として、テキストにグラフィック処理をかけるといった方法を取ることもあるかと思いますが、どうやって加工したら良いのか、イメージはあるけれど表現できないといった状況に遭遇することもあるのではないでしょうか?今回はそんな時に参考にしたい、テキストをもっと魅力的に表現できるエフェクト集「25 Insanely Creative Text Effects You Can Use For Free!」を紹介したいと思います。

effect09222_2
Neon text effect with two color scheme PSD file | Free Download

テキストに加工を施すことで、デザインをより魅力的に見せてくれるエフェクトが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2010年03月08日

フリーコミックフォント集「25 free comic fonts」

書体はデザインのなかでも非常に重要な要素の一つで、書体が持つ印象や雰囲気にデザインが引っ張られます。今日紹介するのはコミカルで楽しげな雰囲気のコミックフォントを集めたエントリー「25 free comic fonts」を紹介したいと思います。

comicfont01

上記のような楽しさを感じられるフォントが多数集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:58  |  
Category: Design , Font   
tag: Design Font
2015年10月23日

ハイセンスさを感じられるフリーフォントまとめ「Freshest Free Fonts for Designers」

デザインのクオリティを高めるために、フォント選びはとても重要な工程。今回はそんなシーンで利用したい、ハイセンスさを感じられるフリーフォントまとめ「Freshest Free Fonts for Designers」を紹介したいと思います。

font1022_1
Bellico Typeface + Bonus Vectors – download free fonts by PixelBuddha

洗練かつデザイン性を感じられる最新のフォントがピックアップされ、紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2011年08月21日

ふわりとした綿を表現したフリーphotoshopブラシ「Cotton Photoshop Brushes」

多くのクリエイターが愛用しているクリエイティブツールphotoshop。様々な表現が可能ですが、今日紹介するのはふわりとした綿を表現したフリーphotoshopブラシ「Free Brushes – 19 High-Res Cotton Photoshop Brushes」。

どんなシーンでも便利にというわけではありませんが、面白いブラシの一つだと思います。

詳しくは以下

(続きを読む…)

続きを読む
2008年01月09日

画像に使われている色を解析してくれるオンラインサービス「Whats Its Color」

画像に使われている色をアップロードした画像、もしくはURLで指定した画像から色を解析してくれるオンラインサービスが今回紹介する「Whats Its Color」です。サイトのメインの画像の色に合わせる時、画像とデザインのテイストを統一したい時なんかに使えそうです。

whatsitscolor01.jpg

画像を指定するだけで、一番多く使われているカラーとその画像に含まれている割合TOP10の色をWEBセーフカラーで表示してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:58  |  
Category: WebService   
2015年01月07日

ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」

非常に種類豊富に展開されているフリーアイコン。使い道もさまざまで、素材としてよく利用される方も多いのではないでしょうか?そんな中今回紹介するのは、ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」です。

dashel1

フラットでポップなテイストが特徴の45種のアイコンが、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年10月26日

最新のフレッシュなフリーフォント5種「Fresh Free Fonts From Last Week」

新しいフリーフォントが日々公開されており、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、最新のフレッシュなフリーフォント5種「Fresh Free Fonts From Last Week」です。

freshfont1
FRINCO // Free Font on Behance

デザイン性の高い5種類のフォントが紹介されており、どれも魅力的なものばかり。いくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2010年04月04日

様々なシーンで使えるプロユースなフリーアイコン集「40 Free Professional Useful Icon Sets for Web」

WEB制作に非常に便利なアイコン。内容の説明だったり、インターフェイスの向上だったり様々な側面で寄与してくれますが、今回紹介するのは様々なシーンで使えるプロユースなフリーアイコン集をまとめたエントリー「40 Free Professional Useful Icon Sets for Web」。

freeiconswebpro01
Free Mobile Berries Icon Set by templay-team

様々なタイプのフリーアイコンがまとめられています。今日はその中から特に気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:21  |  
Category: Design , Photoshop   
2013年11月12日

プロダクトのモックアップを手軽に再現!Photoshopのアクション集「Free download: 100 PSD mock-ups」

商品の作成やプロダクトを作る際、その完成模型となるモックアップの存在はプレゼンテーションを優位に運ぶことができ、製品化を進めていく場面においては重要なツールとなります。今回紹介するのはそんなモックアップを手軽に作れるPhotoshopアクションのまとめ「Free download: 100 PSD mock-ups」です。

fd100pmu_1

どれもとてもリアルで、まるで実製品を撮ったかのような高品質なモックアップが、カバー写真など、必要な画像を揃えるだけで簡単に作成することができます。

(続きを読む…)

続きを読む
2015年07月24日

フリーで利用できる いろいろなテーマのベクター素材まとめ「Free Vector Download: 350+ Vector Art Freebies」

フリーで使用できる素材にはいろんな種類が存在していますが、中でもベクター形式の素材は、色替えやレイアウト変更など、アレンジを効かせやすいのが特徴。今回はそんなベクター素材まとめ「Free Vector Download: 350+ Vector Art Freebies」を紹介したいと思います。

vector0724_1
Hand-Drawn Rustic Elements – download free vectors by PixelBuddha

さまざまなテーマで展開されているベクター素材のセットの数々がピックアップされています。気になったものを以下にまとめましたので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:32  |  
Category: Design   
2008年10月06日

ロゴデザインのリソースとなりうるサイトTOP10「Top 10 Sources of Logo Design Inspiration」

前回「ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」」という記事でロゴデザインのためのインスピレーションサイトを紹介しましたが、今回もロゴデザインのリソースとなりうるサイトを集めた「Top 10 Sources of Logo Design Inspiration」と言うエントリーを紹介したいと思います。


Carbonmade

以前紹介したWEBサイトと、一部被るサイトもありますが、今回は前回紹介していないものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:19  |  
Category: Design   
tag: Design

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る