TOP  >  Tutorial

Tag : Tutorial

2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:33  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年07月12日

テキストをグラフィカルかつより魅力的に見せるチュートリアルまとめ「50 Best Text Effect Tutorials」

デザイン上で非常に重要な役割を持つテキスト。内容やフォント選びも重要ですが、イメージに合った加工が必要な場合もでてくると思います。しかしなかなかイメージどおりの表現をどうやって作ったらよいか?技術的な面で苦労してしまうことも多いもの。今回はそんな時参考にしたいチュートリアルまとめ「50 Best Text Effect Tutorials」を紹介したいと思います。

texteffect0713_1
Create a Glowing Liquid Text with Water Splash Effect in Photoshop – PSD Vault

テキストをグラフィカルかつより魅力的に見せてくれる、ハイセンスなチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:03  |  
Category: Design   
このエントリーをはてなブックマークに追加
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

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

詳しくは以下

(続きを読む…)

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

ハイクオリティでグラフィカルなテキストデザイン作成を可能にするチュートリアル集「Collection of Fresh Text Effect Tutorials」

デザインをする上で欠かすことのできないテキスト。時にはテキスト自体にデザインを加えることで、より印象的なグラフィックに仕上げることができます。今回はそんな時に参考にしたいチュートリアル集「Collection of Fresh Text Effect Tutorials」を紹介したいと思います。

texteffect1208_1
Create a Vintage Bloody Text Effect Wallpaper Design in Adobe Photoshop – Tuts+ Design & Illustration Tutorial

非常にハイクオリティでグラフィカルなテキストデザインを作成する手順を学ぶことができるチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年11月17日

美しいグラフィックパターンを作成できるチュートリアル集「20 Pattern Tutorials For Your Future Designs」

背景イメージや、時にはメインのグラフィックとしても使用できるパターンは非常に重宝する素材。完成されたパターンもたくさん配布されていますが、今回は自分で制作するためのチュートリアル集「20 Pattern Tutorials For Your Future Designs」を紹介したいと思います。

patten1
Geometric Pattern in Illustrator | Abduzeedo Design Inspiration

美しいグラフィックパターンを作成できるチュートリアルが20種類紹介されています。

詳しくは以下

(続きを読む…)

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

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

2010年06月10日

アナログ感が演出できる手書き&スクリプトフォント60「60 Free Handwritten & Script Fonts」

フォント選びはデザインの中でも、もっとも重要な作業の一つで、表現したいイメージに合うフォントを探しだせれば、デザインのクオリティも非常にあがります。今回紹介するのはアナログ感が演出できる手書き&スクリプトフォントを集めたエントリー「60 Free Handwritten & Script Fonts」です。

akadora
akaDora フォント

全部で60ものフォントが集められています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:57  |  
Category: Design , Font   
2008年10月22日

Ajaxによるフリーのコンタクトフォーム集「16 Free Ajax Contact Forms」

コンタクトフォームはサイトとユーザーを繋ぐための大切なもの、こだわりを持ってWEBを作るのであれば、コンタクトフォームにもこだわっていきたいところです。そこで今回紹介するのはAjaxで動作する小粋なフリーのコンタクトフォームを集めた「16 Free Ajax Contact Forms – For A Better User Experience」と言うエントリー。


LightForm/Demo

シンプル目な物から字数カウント、アニメーションなどAjaxを活かしたフォームが全部で16個紹介されています。今日はその中から個人的に気にあったコンタクトフォームをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:55  |  
Category: WebDesign   
2008年11月17日

コンテナをテーマにしたフリーデスクトップアイコン「Container Icons 」

電車だったり街中だったりさま様々ですが、日本でもたまに見かけるコンテナ。今日紹介するのはコンテナをテーマにしたフリーデスクトップアイコン「 Container Icons 」です。アイコンは全部で40種類収録されており、カラフルに表現されています。

デスクトップで使用することを前提として作成されていますので、各々のコンテナにはAdobe製品をはじめとする様々なアイコンが用意されています。

詳しくは以下

(続きを読む…)

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

デザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」

WEBデザインには非常に便利な素材の一つアイコン。ユーザーインターフェース的な部分とデザイン的な部分のクオリティを上げてくれる便利な素材ですが、今回紹介するのはデザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」です。


260 Free Vectors Icons (User Interface Design Framework)

グラフィカルなものからシンプルなものまで様々なアイコンセットが紹介されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:16  |  
Category: Design , Photoshop , vector , WebDesign   
2008年04月10日

AjaxとPHPで実現するスマートなメールフォーム「AjaxMail」

お問い合わせなどで活躍するメールフォーム。古くから有り様々な形の物が作られていますが、今回紹介する「AjaxMail」はAjaxとPHPを使ったシンプルでスマートなメールフォームです。

ajaxmail01.jpg

ewebのPHPメールフォーム」、「AjaxZip2.0」「AdobeSpry」「Lightview」と様々なソースコードを複合して作り上げられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: WebDesign   
2012年03月26日

デザイン性の高いナビゲーションメニューまとめ「Unusual & Unique Examples Of Website Navigation」

WEBサイトのページ遷移のために欠かせないナビゲーションメニュー。横や縦一列に並び、誰にでも分かりやすいものが多いですが、いかに印象的なデザインができるかでデザインのクオリティが左右されるのではないでしょうか。そんな中今回は、デザイン性の高い新しいナビゲーションメニューのデザインをまとめた「Unusual & Unique Examples Of Website Navigation」です。


organic grid

レイアウトや表現方法がユニークなメニューデザインがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: Design   
2009年10月14日

ポートフォリオを作るときの助けとなるデザインリソース「60+ Helpful Resources for Portfolio Design」

WEBデザインやグラフィックデザイナーなど技術を売り物にする人達に取って自分のショーケース的な存在になるポートフォリオ。現在のWEBでポートフォリオを展開すると言うのはジャンルを問わず、クリエイターでは一般的な事になりつつあります。

protfolio01
One-Page Portfolio Template(Free)

今回紹介するのはポートフォリオサイトを作るときに役立つ、デザインリソース&テンプレートを集めたエントリー「60+ Helpful Resources for Portfolio Design」です。今回は利用できるテンプレートに絞っていくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:33  |  
Category: WebDesign   
2008年10月08日

様々なジャンルのPSDデータ集「25 Amazing Free Photoshop Graphics」

先日、「カスタマイズに最適なPSDデータ集「30 Free High Quality .PSD Files to Grab Part:1」」という記事でPSDデータ集を紹介しましたが、今回紹介する「25 Amazing Free Photoshop Graphics」もPSDデータがダウンロード先をまとめたエントリーです。


Vista_Flare_Orb

前回と似たようなPSDデータもありますが、全く違うものもありましたので、今回はその中から前回紹介したPSDデータと、被らないようなジャンルのPSDデータをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:52  |  
Category: Design , Photoshop , Tool , WordPress   
2009年12月30日

WEBデザイン−のためのジェネレーター集「55+ Extremely Useful Online Generators for Designers」

制作する際にグラフィックソフトやレイアウトソフトを使って自分で制作と言うのが普通だと思いますが、WEB上で特定の部品だけ簡単に生成してくれるジェネレーターもあり、場合によってはそちらの方が便利だったりします。

genlatare01
Pattern Cooler

今回紹介する「55+ Extremely Useful Online Generators for Designers」はそんなデザイナーが便利に使えるジェネレーターを集めたエントリーです。様々なジェネレーターが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:38  |  
Category: WebDesign   
2016年01月16日

ECサイトのデザインに最適なフリーアイコンセット集「20+ Free E-Commerce Icon Sets to Download」

説明要素の多いECサイトのデザイン。より分かりやすく使いやすくすることが、購入者を増やすための方法でもあります。今回はそんなシーンに最適なアイコンセット集「20+ Free E-Commerce Icon Sets to Download」を紹介したいと思います。

icon0117_2
Exclusive Freebie : 36 e-Commerce Icons from DryIcons.com | BytesWire

フリーで利用できる、いろいろなデザインテイスト・いろいろな種類のアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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