TOP  >  エフェクト

Tag : エフェクト

2018年05月21日

写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」

デザイナーにとってPhotoshopは写真加工に限らず、様々なシーンで活用出来る優れたツールです。多くの機能が備わっていますが、なかなか使いこなせない。といった苦手意識を持っている方も多いかもしれません。そんな中今回は、写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」の紹介です。

ps_tutorial01
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop

40もの参考になるチュートリアルが紹介されたサイトです。気になった方はぜひチェックしてみてください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年04月23日

WebGLによる 歪みの効果を与えるスタイリッシュなホバーエフェクト「WebGL Distortion Hover Effects | Codrops」

WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。

DistortionHoverEffect_top

歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年03月26日

どんな写真も簡単にレトロな印象に変えることのできる光素材「Retro Light Leaks Set」

写真は色や明るさの調性を行うだけでも雰囲気をガラッと変えることができます。処理を加えることで全く違った印象を与えることができるので、いくつか手軽に加工できるアイテムをストックしておきたいものです。そんな中今回は、どんな写真も簡単にレトロな印象に変えることのできる光素材「Retro Light Leaks Set」を紹介したいと思います。

RetroLight_01

色や表現の異なる光の素材がセットになったアイテムです。気になった方はチェックしてみてください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年03月22日

エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」

Webサイト閲覧時やゲーム画面などでエラー表示を目にしたことがある人は多くいるかと思います。最近では様々な表現があるかと思いますが、今回紹介するのは、エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」です。

CrashedGlitch_01

テキストにノイズや歪みなどを加えて表現されるエラー表示のエフェクトのセットです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年03月19日

デベロッパーなら知っておきたい30秒でできるCSSスニペット集「30 Seconds of CSS」

毎日コーディングでさまざまなコードを書くデベロッパーにとって非常に便利なスニペット。知っているだけで作業効率が格段にアップするもの。そんな方におすすめできる「30 Seconds of CSS」をご紹介していきたいと思います。

30SecondsofCSS_top

先進的な知識を多く取り込むためにも、基礎的な業務内容をいかに短縮して行っていけるかは非常に重要なポイント。デベロッパーの方はぜひ下記よりチェックしてみてください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: javascript   
このエントリーをはてなブックマークに追加
2018年03月13日

知っていると便利なCSSで創るハーフトーンエフェクト「Pure CSS Halftone Effect」

モダンな雰囲気からスタイリッシュな雰囲気まで、幅広い演出をしてくれるハーフトーン。今まで画像としてWebサイトに取り込むことが多かったのではないでしょうか。今回ご紹介する「Pure CSS Halftone Effect」ではWebならではの動きを楽しむことができるエフェクトを通したハーフトーンになります。

PureCSSHalftoneEffect

美しい動きで視線を惹き付ける、ぜひ取り入れてみたいエフェクトとなっています。

詳しくは以下

(続きを読む…)

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

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

2010年10月21日

ケチャップ・マスタード・ドレッシングで型どられたフリーフォント「Type Dips」

シンプルなものから洗練されたもの、また個性あふれるものまで、デザインフォントにもさまざまな種類が存在していますが、今回紹介するのはケチャップ・マスタード・ドレッシングで型どられたフリーフォント「Type Dips」です。

食卓や飲食店で主に見かけることが多いケチャップ・マスタード・ランチドレッシングを使い描き出したアルファベットがフォントになった、とてもユニークな発想のフリーフォントとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:26  |  
Category: Design , Font   
2011年05月20日

クリエイティブ性の高いプロフィールサイトまとめ「40 Most Creative Resume Design Ever Seen」

特にクリエイティブ業界ではフリーで仕事をしているという方も多く、仕事の受注前にプロフィールを提出するということも多いのではないでしょうか?プロフィールは、紙一枚で自分の今までの仕事が評価される重要なもの。そこで今回紹介するのは、クリエイティブ性が高く、相手に伝わりやすいプロフィールデザインをまとめたwebデザイン集「40 Most Creative Resume Design Ever Seen」です。


Server Resume by ~rkaponm on deviantART

多くの情報を見やすくレイアウトした作品が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2014年04月07日

ヴィンテージテイストのロゴデザインテンプレートまとめ「30 Free Vintage Logo Templates」

デザイナーなら一度はデザインを手がけたことがあるであろうロゴデザイン。実に奥が深く、難しいデザインジャンルとしても認識されているのではないでしょうか?今回はそんなロゴデザインのビンテージテイストなテンプレートをまとめた「30 Free Vintage Logo Templates」を紹介したいと思います。

vintage1
6 Free Customizable Retro/Vintage Logos & Emblems

かすれ具合などでヴィンテージな質感を演出したロゴのテンプレートデザインが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:03  |  
Category: Design   
2012年06月21日

雰囲気のある画像を手軽に作成できるPhotoshopアクションまとめ「Collection Of Very Useful Free Photoshop Actions For Vintage Effect」

スマートフォンアプリなどでも手軽に色補正ができるようになり、色味などを調整して思い通りの画像加工を楽しんでいる方も多いと思います。しかし、Photoshopなどの画像加工ソフトで微妙な色味を補正するには高度な技術が必要になります。そんな中今回紹介するのが、雰囲気のある画像を手軽に作成できるPhotoshopアクションをまとめた「Collection Of Very Useful Free Photoshop Actions For Vintage Effect」です。


Photoshop vintage actions by *lieveheersbeestje on deviantART

さまざまな雰囲気作りができるアクションが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:09  |  
Category: Design , Photoshop   
2017年09月25日

iPad用デザインアプリProcreateで使用できる粒状ブラシ素材まとめ「Procreate Grain Brushes」

イラストツールとして使い勝手のよい“Procreate”。様々なテイストを演出することができるだけではなく、自作のブラシを使用することができるカスタム性の高さも人気の理由の一つ。今回はそんなProcreateで使用できるブラシ素材まとめ「Procreate Grain Brushes」をご紹介していきたいと思います。

Procreate_Grain_Brushes_top

粒子状のブラシに特化してまとめられており、独特な雰囲気をもつ素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2016年04月13日

デザイナー必見 最新のデザインフリーフォント17選「17 New Futuristic Free Fonts for Designers」

デザイン制作に欠かすことのできない存在といっても過言ではないフォント。今はフリーで使用できるフォントも数多く配布されており、活用されている方も多いのではないでしょうか?そんな中今回紹介するのは、最新のデザインフリーフォント17選「17 New Futuristic Free Fonts for Designers」です。

font0413_2
Stereo on Behance

比較的新しくピックアップされた、デザイナーならぜひチェックしておきたい魅力的なフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年09月18日

さまざまなカーソルアイコンを集めた「30 Sets of Free Cursor Icon」

パソコンを使う上で必須アイテムとなっているマウス。その操作の軌跡を教えてくれるカーソルは、パソコン操作を行うために重要なアイコンです。今回は、そんなカーソルアイコンを集めた「30 Sets of Free Cursor Icon」を紹介したいと思います。


Radioactive Cursor Set by *kath660 on deviantART

シンプルなアイコンから、イメージ的なアイコンまで、さまざまなカーソルアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:29  |  
Category: Design   
2013年08月25日

ビジネスシーンのデザイン表現に利用したいフリーベクター素材「25 Free Business and Finance Vectors」

硬めで堅実なイメージを表現することが多いビジネス系のデザインですが、内容を分かりやすく伝えるために、イラスト等のビジュアル素材を使うこともあるのではないでしょうか?今回はそんな時に参考にしたいフリーベクター素材「25 Free Business and Finance Vectors」を紹介したいと思います。

business1
Businessmen Graphics

仕事をするシーンをイメージさせる素材から、金融関連の素材など、ビジネスシーンで目にすることが多いビジュアルのベクター素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:01  |  
Category: Design   
2010年12月22日

商用化!400種のシンプルなアイコンセット「IconSweets2」

webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。

テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。

(続きを読む…)

続きを読む
posted 10:47  |  
Category: Design   
2011年06月26日

【商用可】様々な印象を演出できるカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」

デザインの雰囲気をガラリと変えてくれるテクスチャ。今回紹介するのは、グランジ感のあるシンプルなカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」です。シンプルながらもカラーバリエーションが豊富なので、使いやすく、どんなデザインにでも活躍してくれそうです。

全部で20種類のカラーリング収録されています。いくつかのカラーをピックアップして紹介したいと思います。

詳しくは以下


Colored Vintage Paper Texture 01 (Aqua)
 
 
 
 
 

Colored Vintage Paper Texture 03 (Brown)
 
 
 
 
 

Colored Vintage Paper Texture 14 (Moss Green)
 

テクスチャは3600×3600pxと高画質なので、WEBから紙まで幅広いクリエイティブに利用できそうです。ライセンスも「Commercial and personal work under」となっており、商用デザインから、個人用途まで利用することが可能です。

Colored Vintage Paper: Texture Pack

続きを読む
posted 01:37  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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