TOP  >  making

Tag : making

2017年08月04日

絵文字風のオリジナルベクターアートの作り方をタイムラプスで学ぶ「Making Of An Emoji」

今や世界共通のコミュニケーションツールとして広まった絵文字。そんな見慣れた絵文字がどうやって作られているのか、興味はありませんか?今回ご紹介するのは、絵文字風のアートワークの制作風景を撮影したタイムラプス動画つきの講座「Making Of An Emoji」です。

making-of-an-emoji1

作業の全行程をたっぷり5分もの間、ノンカットで解説とともに確認できるメイキング講座です。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2009年03月16日

ハイクオリティーなフリーアイコンセット「43 Creative Examples Of High Quality Free Icon Sets」

様々なものやサービスを分かりやすく表現してくれるアイコン。制作をしていると作ったり使ったりする機会も多いかと思います。今日紹介するのは非常にクオリティの高いアイコンセットをまとめたエントリー「43 Creative Examples Of High Quality Free Icon Sets」を紹介したいと思います。

free43icons01
Massive Media Icons

全部で43個のアイコンが紹介されていますが、今日はその中から特に気になったアイコンセットをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:04  |  
Category: WebDesign   
2007年11月09日

YouTubeをもっと楽しむためのFirefox拡張機能「Better YouTube」

YouTube関連のスクリプトを今まで「YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」」や「YouTube 動画ページで「詳細」を省略せずに表示するGreasemonkeyスクリプト」と紹介してきましたが、今回紹介するものはさらに踏み込んだもので、YouTubeをもっと便利に使う為のFirefox拡張機能「Better YouTube」です。

Better YouTube

この「Better YouTube」を導入すればYouTubeの動作をかなり細かい所まで設定する事ができます。

(続きを読む…)

続きを読む
posted 11:37  |  
Category: firefox , Tool   
2013年02月18日

PSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」

WEBを制作する際、photoshopを利用して制作しているという方も多いと思います。今日紹介するのはphotoshopで利用できるPSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」です。


Transparent UI Kit

ある程度ユーザーインターフェイスの基本となるものがセットになっており、同じテイストで様々な素材を利用する事が可能です。全部で15の素材セットがまとめられていますが、今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:02  |  
Category: Design , Photoshop   
2010年08月21日

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: WebDesign , WebService   
2015年10月02日

いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」

日々、さまざまな種類の素材がフリーでダウンロードできるよう配布されており、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」です。

free1102_4
10 Free and Gritty Photoshop Brushes Made With Tea

フォントやアイコン、UIといった種類のフリー素材が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2018年06月02日

細部にまでこだわったクオリティの高いイラスト素材セット「117 Essential Tokens Set」

ちょっとした空間やスペースをおしゃれに飾りたいとき、手軽に使えるイラスト素材はとても便利です。そんな中今回紹介するのは、さまざまな種類のイラスト素材がセットになった「117 Essential Tokens Set」の紹介です。

Essentia01

植物から幾何学模様まで、様々なイラストがまとまった素材セットです。

詳しくは以下

(続きを読む…)

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

デザイナーのためのフレッシュなアイコンセットまとめ「20+ Fresh and Free Icon Sets for Web Designers」

特にwebサイトを制作する際に欠かせない存在といっても過言ではないアイコン。種類やテイストにもさまざまなものが存在しています。そんな中今回は、デザイナーのためのフレッシュなアイコンセットまとめ「20+ Fresh and Free Icon Sets for Web Designers」を紹介したいと思います。

icon140717_1
30 Free PSD Weather Icons

いろんなテイストやテーマのアイコンが多数まとめられており、状況に応じて使い分けることができるようになっています。

詳しくは以下

(続きを読む…)

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

フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」

今や、多くのwebサイトやグラフィック、アプリケーションのUIはフラットなデザインがメイン。無駄を省いたシンプルな見た目が、使いやすさや見やすさにも大きく影響しているようです。そんな中今回は、フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」を紹介したいと思います。

Flatgraphics01
Flat Workspace Illustrations by GraphBerry – Dribbble

フラットな質感であり、さらに高いクオリティやデザイン性を感じさせてくれる素材が揃っています。幾つか気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年11月08日

様々なタイプのWEBデザインのチュートリアル集「35 Tutorials for Creating Website Layouts in Photoshop」

WEBデザインと一口にいっても、WEBサイトにも様々な目的があり、それに合わせたWEBデザインが存在しますが、今回紹介する「35 Tutorials for Creating Website Layouts in Photoshop」では様々なタイプのWEBデザインのチュートリアルが紹介されています。


Create a Sleek, High-End Web Design from Scratch

基本的にはphotoshopを利用してのWEBデザインチュートリアルが紹介されています。様々なチュートリアルが紹介されていますが、今回はその中から、いくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:25  |  
Category: WebDesign   
2009年05月14日

photoshopで光の表現を極めるチュートリアル集「30 Brilliant Photoshop Lighting Effects Tutorials」

強弱や軌跡など様々な表現方法があり、使い方次第で全く違う世界を見せてくれる光。今日紹介するのはphotoshopで光の表現のチュートリアルを集めたエントリー「30 Brilliant Photoshop Lighting Effects Tutorials」です。

hikariefe01
The Ocean Girl Photo Effect

光の軌跡で描く表現や爆発や衝撃を伝える光、単純なライティング等様々な表現を実現する為のチュートリアルが多数公開されています。今日はその中からいくつか気になるチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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