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年01月17日

イラストレーターで使えるフリーパターン集「225+ Free Adobe Illustrator Patterns」

背景の制作にとても便利な敷き詰めて使えるイラストレーターのパターン。今回紹介するのはイラストレーターで使えるフリーパターンを集めたエントリー「225+ Free Adobe Illustrator Patterns」です。

illpt_01
Organic Patterns (3 patterns)

ドットやラインといったシンプルで汎用性があるものから、葉っぱなどの個性的なものまで、様々なパターンが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:51  |  
Category: Design , vector   
2010年05月03日

ロゴデザインのためのデザインチュートリアル&インスピレーション「45+ Beautiful Logo Design Tutorials and Resources for Designers」

デザインの中でも難しい物の一つロゴデザイン。企業や団体のアイデンティティを持たせながらデザインをするという見た目の割に非常に複雑なデザイン。今日紹介するのはロゴデザインをするときに役立つチュートリアルやインスピレーションを得られるサイトをまとめたエントリー「45+ Beautiful Logo Design Tutorials and Resources for Designers」を紹介したいと思います。

mynitelife
Logo Design Project Step By Step Walkthrough

表現から発想の部分まで様々な領域のデザインに役立つ事がまとめられえていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:35  |  
Category: Design   
2010年03月07日

2010年2月のwordpressフリーテーマベスト10「10 Best Free WordPress Themes Of February 2010」

世界中で使われているwordpress。その魅力の一つに豊富なフリーテーマがあります。テーマは世界中で毎日新しいものが生み出されていて、非常に質の高いものもフリーで配布されています。今日紹介するのはそんなwordpressのフリーテーマの中から2月に発表されたものなかから、よりすぐられたベスト10をまとめたエントリー「10 Best Free WordPress Themes Of February 2010」を紹介したいと思います。

themestema01
SmashingMagazine

様々なクオリティの高いテーマが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:11  |  
Category: WebDesign , WordPress   
2014年09月04日

リアルな質感を表現するためのイラストレーターチュートリアル「25 New Illustrator Tutorials to Learn Design & Illustration Techniques」

さまざまな描写表現が可能なイラストレーターは非常に重宝するソフトの一つ。しかし、思い描いたグラフィックを作り出すのになかなか機能を使いこなせず苦戦することもあると思います。今回はそんなシーンで是非参考にしたい、リアルな質感を表現するためのイラストレーターチュートリアル「25 New Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。

tutorials0904_1
Create Yummy Donut Text Effect in Adobe Illustrator

いろんなデザインのグラフィックを作り出すための手順が分かりやすく紹介された記事がピックアップされています。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

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

14種のフレッシュなフリーフォントを紹介した「14 Fresh Free Fonts for Designers」

たくさんの種類が存在するフォント。テイストやデザイン性など、さまざまなタイプが存在していますが、今回紹介するのは、14種のフレッシュなフリーフォント「14 Fresh Free Fonts for Designers」です。

font140726_1
Loew™ – Webfont & Desktop font « MyFonts

デザイン性の高いフリーフォント14種がまとめられており、クオリティの高いデザインを求める際にぴったり。気っっっっっっっっっqになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:40  |  
Category: Font   
2009年11月04日

WEBで使える新しいフリーアイコンセット集「40 Fresh and Free Icon Sets for Web Designers and Bloggers」

WEB制作には欠かせないアイコン。サイトに彩りを与えてくれるだけではなく、ユーザーインターフェイスの改善なども行ってくれる心強いアイテムです。便利なものではありますが、実際作るとなるとかなり手間がかかるモノでもあります。今日紹介するのはそんな便利なアイコンセットを集めたエントリー「40 Fresh and Free Icon Sets for Web Designers and Bloggers」です。

freshicon01
178 Amazing Web Design Icons

全部で40ものハイクオリティで使えるアイコンが紹介されています。今日はその中から幾つ描きになったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:27  |  
Category: WebDesign   
tag: webdesign
2013年09月26日

種類豊富に取り揃えたPhotoshopテクスチャセットのまとめ「10 Free Photoshop Textures You Can’t Live Without」

画像加工ソフトとして有名なPhotoshop。写真の上から異なるテクスチャを被せたり一部を切り抜いて合成してみたり、色々な加工を施すことができます。今回はそんな時に是非使いたいPhotoshopのテクスチャセットをまとめた「10 Free Photoshop Textures You Can’t Live Without」を紹介したいと思います。

10fptyclw_0
30+ Free High Quality Peeling Paint Textures – Designbeep

特徴のあるテクスチャが種類豊富にまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:36  |  
Category: Photoshop   
2007年11月15日

はてブコメントをスマートに閲覧できるGreasemonkeyスクリプト「habocovi.user.js」

はてなブックマークに限らずSBMのコメントにはどういったサイトなのかブックマーカーさんが解説してくれている場合や広く客観的な意見を知れたりと色々と有益な情報が記載されていることがあります。今回紹介するGreasemonkeyスクリプト「habocovi.user.js」は、はてなブックマークのコメントをスマートに簡単に閲覧できると言うスクリプトです。

はてなブコメント閲覧スクリプト

インストールするとブラウザ右下に上記のように小さいブルーの窓が表示され、ブックマーク数が表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:23  |  
Category: Greasemonkey , Tool   
tag: 
2007年11月10日

WordPress標準で高性能なスパム対策プラグイン「Akismet」

細々と運営しているからスパムはそこまで気にしなくていいだろうと思いきや運営一ヶ月でスパムコメントとトラックバックの嵐、機械的に送りつけられているものばかりで同じような英文でコメント欄が埋まっていきます。このままではいけないと思いとりあえずWordPress標準で最強と言う声も効くスパム対策プラグイン「Akismet」を導入してみました。

「Akismet」は。WordPress 1.5.2で動作し、WordPress 2.0以降は標準に備わっており新たにダウンロードする必要はありません。WordPress 1.X系をお使いの方は「Akismet配布サイト」からダウンロードしてください。今回はWordPressが2.0以降と言う前提で導入方法を紹介していきます。

(続きを読む…)

続きを読む
posted 03:58  |  
Category: plugin , WordPress   
2009年09月20日

フリーベクターデータリソースサイトの決定版「49 Amazing Resources for Free Vector Graphics」

制作には非常に便利なベクターデータ。Designdevelopでも数多く便利なベクターデータやリソースサイトを紹介してきましたが、今日紹介するのはベクターデータを配布しているリソースサイトをまとめたエントリー「49 Amazing Resources for Free Vector Graphics」を紹介したいと思います。

vectorresource01
VectorVault

有名どころから珍しい所まで多々公開されています。今日はその中から今までDesigndevelopで紹介した事が無いサイトを中心にいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:15  |  
Category: Design , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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