TOP  >  making

Tag : making

2017年08月04日

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

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

making-of-an-emoji1

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

詳しくは以下
(さらに…)

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

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

2016年04月17日

各要素ごとのデザインから各コードまで参照できるデザイン集「CodePen Design Patterns」

開発する上で重要なのが各種要素の動きや挙動、見た目だけではなくて、動きもクオリティに大きく関わってきます。今日紹介するのは各要素ごとのデザインサンプル・HTML・CSS・JSのコードまで参照することができるデザイン集「CodePen Design Patterns」です。

codepen

アコーディオン・メニューアイコン、タブ、ドロップメニュー、ローディングといった、WEBサイトのインターフェイスを構成する上で重要な要素ごとにまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 03:55  |  
Category: WebDesign   
2015年09月20日

世界の有名ランドマークをアイコン化した「12 Free Icons」

世界には有名なランドマークが多数存在しており、その中でもひときわ有名なものは国を象徴する存在として、多くの人に知られています。今回はそんな世界の有名ランドマークをアイコン化した「12 Free Icons」を紹介したいと思います。

landmark

おなじみのランドマーク12種が集結。アイコン化されたものがダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

appleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」

appleのデバイスには、iMacを始め、iPadやiPhone、iPad miniなどさまざまなタイプの種類が存在しています。そんなappleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」を今回は紹介したいと思います。

applemoc0
iPad Mockup v.2 on Behance

いろいろなテイストのapple製品のモックアップがまとめられており、目的に応じて使い分けることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2013年02月17日

様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」

世界中に多種多様な種類があるノリモノ。車、バイク、船、飛行機など、パッと思い浮かべるだけでも数種類でてきます。それだけに、制作の中で、ノリモノを表現する機会もあると思います。今日紹介するのは、様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」です。

上記のようにベクターデータで表現されており、シンプルなデザイン感なので、比較的利用しやすく、加工なども行いやすくなっております。

詳しくは以下

(さらに…)

続きを読む
posted 04:53  |  
Category: Design , vector   
2014年05月07日

15種のデザインフリーフォントまとめ「15 Fresh Free Fonts for Graphic Designers」

これまでにも、designdevelopではさまざまなフリーフォントを紹介してきましたが、今回も非常にクリエイティブなフリーフォントまとめ「15 Fresh Free Fonts for Graphic Designers」を紹介したいと思います。

font140507_1
MINISTRY Free Font on Behance

15種類の、デザインに個性を演出できるフリーフォントがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2017年10月30日

デベロッパーであれば知識として取り入れておきたいCSSで作るVR「CSSVR: Progressive VR experiences」

他の世界に入り込むような没頭感を味わうことができるVR。気軽にデモを作成ができたらと、デベロッパーであれば1度は感じたことがあるかもしれません。そんな中今回紹介するのは、CSSで作るVR「CSSVR: Progressive VR experiences」です。

css-vr-skybox-demo

VRの複雑な動きをどう再現していくのか、その再現率の高さはどうれくらいなのか。デベロッパーであれば気になるところ。下記にデモを載せているのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript   
2012年08月21日

アナログテキストな雰囲気を演出できる水彩ブラシまとめ「500 + High Quality Ink and Watercolor Brushes For Photoshop」

デザインに優しい質感を持たせたい時に利用することが多い、水彩などのアナログなテイストですが、実際に絵の具で描いていると制作時間がかかりすぎてしまうことも。そんな中今回紹介するのが、アナログテキストな雰囲気を演出できる水彩ブラシまとめ「500 + High Quality Ink and Watercolor Brushes For Photoshop」です。


Mateu7’s Ink Brushes by ~mateuseven on deviantART

Photoshop用のブラシとなっており、さまざまな水彩画の雰囲気を再現できるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:46  |  
Category: Design , Photoshop   
2014年01月04日

さまざまなデザインに利用したい 9つのフリーフォント「Fresh and Free Fonts for January 2014」

デザイン制作に欠かすことのできないフォント自体にも、さまざまな種類のデザイン性を持つタイプがどんどん登場しています。そんな中今回は、さまざまなデザインに利用したい 9つのフリーフォント「Fresh and Free Fonts for January 2014」です。

font201401_1
DK Fiebiger Eins font by David Kerkhoff – FontSpace

形自体に個性が感じられるタイプのフォントがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:54  |  
Category: Font   
2009年04月14日

商用可!用途に応じて選べるXHTML/CSSテンプレート集「BestFreeTemplates」

WEBサイトを制作する上でベースがあるのと無いのでは開発期間や手間は大きく違ってきます。今日紹介するのは用途に応じて選べるXHTML/CSSテンプレートを配布する「BestFreeTemplates」です。

bestfreexhtml01

テンプレートは多岐にわたり、様々な種類が配布されていて、写真サイト、ペット関係等細かな用途に別れていて探しやすくなっています。今回は公開されている中から、いくつか気になったサイトをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: WebDesign   
tag: webdesign
2015年12月14日

ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」

Photoshopを利用することで、リアルであったり、自分ではなかなか描き出せないようなグラフィック表現も実現させることができます。そんな中今回紹介するのは、ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」です。

tutorial1212_0
Create This Dark Matte Landscape Composite in Photoshop – Photoshop Tutorials

まるで映画のポスターのようにリアリティのある表現から写真加工まで、さまざまな種類のチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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