TOP  >  making

Tag : making

2017年08月04日

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

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

making-of-an-emoji1

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

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

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

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

2010年04月15日

イラストレーターで作るハイクオリティなアイコンのチュートリアルを集めた「30 High Quality Illustrator Icon Design Tutorials」

国内でも多くのデザインの現場で利用されているイラストレーター。ベクターデータが扱え、今では細かな質感だったり表現が可能になっていますが、今日紹介するのはイラストレーターで作るハイクオリティなアイコンのチュートリアルを集めたエントリー「30 High Quality Illustrator Icon Design Tutorials」です。

vectoricon01
How to Create a Vector Sketchbook

イラストレーターを駆使して、クオリティの高いアイコンを制作をするためのノウハウが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:14  |  
Category: Design , vector   
tag: Design vector
2018年01月15日

グラフィックデザイナーのためのフリーフォント25種「25 Freshest Free Fonts for Graphic Designers」

デザイナーにとってフォントの選定は重要な作業です。しかし、フリーフォントが数え切れないほど多く存在する中からイメージにあったフォントを探し出すのは案外大変なこと。そんな時に役に立ってくれるのが今回紹介する、グラフィックデザイナーのためのフリーフォント25種「25 Freshest Free Fonts for Graphic Designers」です。

freefont0109_01
TERM – | FREE FONT | on Behance

様々なテイストのフォントが集約されたサイトは時間短縮にもつながる、便利なサイトです。気になった方は是非チェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2007年11月05日

表示中のWordPressの記事をワンクリックで編集画面に飛べるブックマークレット

編集ボタンを付けている方も多いかと思いますが、ちょっと記事下につけるのはみっともないから…と言う方にはうってつけのブックマークレットがChocolateさんで公開されている「1クリックで表示中のエントリーの編集画面を表示するブックマークレット(WordPress用)」です。

エントリーを投稿した後、間違いに気がついた時、または書き足したい時に瞬時に使え便利そうです。ただしWordPressのパーマリンクの設定がid表示になっているのが利用条件なので当ブログのように投稿スラッグを指定している方は使えないので注意が必要です。

ブログの仕様、階層によって若干コードを変更する必要があるらしいので、このブックマークレットを使ってみようかなと思う方は本家のコードを参考にカスタマイズしてみてください。

管理人もよく誤字脱字分けの分からない文章をたまに書いているので、編集画面に何度も行き来したりしています。パーマリンクの設定がID表示になっている方は導入しても損は無いブックマークレットだと思います。

1クリックで表示中のエントリーの編集画面を表示するブックマークレット(WordPress用)

続きを読む
posted 01:46  |  
Category: WordPress   
tag: WordPress
2012年07月30日

ダークな色合いでさまざまな雰囲気を表現できる グランジテクスチャまとめ「7 Dark Grange Textures」

ブラックや濃度の強いダーク系の色合いは、テクスチャ表現をはっきりと出すことが難しいだけに、すでに質感が表現されているフリーの素材が非常に役に立つと思います。そんな中今回紹介するのが、ダークな色合いでさまざまな雰囲気を表現できる グランジテクスチャまとめ「7 Dark Grange Textures」です。


LT_DarkGrunge_04.jpg (JPEG 画像, 4500×3000 px) – 表示倍率 (26%)

アンダーグラウンドなテイストを手軽に表現できるグランジテクスチャがいくつか紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:08  |  
Category: Design   
2014年06月07日

クリエイティブなグラフィック制作に利用したい フリーフォントまとめ「13 Latest Free Fonts for Graphic Designers」

デザインのクオリティを高めるためには、クリエイティブなフォントを利用することで叶うことも。今回はそんなクリエイティブなグラフィック制作に利用したいフリーフォントまとめ「13 Latest Free Fonts for Graphic Designers」を紹介したいと思います。

font140607_1
Orlando Typeface on Behance

13種の最新フリーフォントがまとめられており、どれも非常に個性溢れる魅力もったフォントとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2015年04月20日

継ぎ目なく配置できる シームレスなフリーベクターパターンまとめ「27 Seamless Free Vector Patterns」

背景などにデザイン的に配置するパターン素材。いろいろな種類がありますが、特にwebサイトなどの背景はスクリーンサイズを考慮して継ぎ目なく配置したいもの。今回はそんな時に便利な、シームレスなフリーベクターパターンまとめ「27 Seamless Free Vector Patterns」を紹介したいと思います。

pattern0420_1
Dribbble – Free Autumn Wallpaper by Carla Corrales

パターンの境目を気にすることなく使用できるベクターパターンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

【商用可】300個のアイコンをセットにしたフリーアイコンセット「Batch.」

WEBデザインに限らず、その作り込みや分かりやすさでデザインの精度を左右する要素アイコン。アイコンを作りこむにはかなりの時間を要しますが、今回紹介するのはそんなアイコン制作の手間を軽減してくれる、300個のアイコンをセットにしたフリーアイコンセット「Batch.」です。

全部で300以上のアイコンがセットになっており、スタンダードなものから少し変わったものまで、考えられるアイコンは粗方押さえられています。

詳しくは以下

(さらに…)

続きを読む
2013年02月24日

2013年にリリースされたphotoshopアクション集「55 Brand New Adobe Photoshop Actions for 2013」

様々な処理を一瞬で行なってくれるphotoshopのアクション。デザイナーなら一度はお世話になったことがある機能だと思いますが、今日紹介するのは2013年にリリースされたphotoshopアクション集めたエントリー「55 Brand New Adobe Photoshop Actions for 2013」です。

Polaroid-GENERATOR-V2-118854065
Polaroid Generator

最近リリースされたphotoshopアクションが全部で55個紹介されています。今日はその中から特に気になったアクションをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: WebService   
2009年05月27日

WEBレイアウトの問題を解決するための8つのソリューション「8 Layout Solutions To Improve Your Designs」

それはシンプルなページでも、多くの情報を配信するような場合でもデザインももちろん大切ですが、大抵の場合WEBデザインをしているとその情報をどう整理し、どう見せるかと言う事が重要になってきます。今日紹介するのはWEBをレイアウト上で役に立つ様々案ソリューションを紹介している「8 Layout Solutions To Improve Your Designs」。

solutionweb00
Examples of Mega-Drop-Down-Menus

最近よく使われているものから、定番のものまで大きく8つのジャンルに分けレイアウトに必要な技術を紹介しています。方法論だけではなく実際のスクリプトも併せてまとめられていますので、今日は併せていくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:39  |  
Category: WebDesign   
tag: webdesign
2015年06月21日

イラストレーターで作成できる ベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」

Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか?そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。

illu_tu90
How To Create a Vector Illustration from Start to Finish

イラストレーターを使って作られたハイクオリティなグラフィック作品の作成フローがわかりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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