TOP  >  チュートリアル

Tag : チュートリアル

2018年08月01日

Adobe Illustratorで作るベクターグラフィックスのチュートリアル31種「Illustrator Tutorials: 31 New Illustration, Drawing Vector Tutorials」

Adobe Illustratorは、デザインのみならず、ベクトルアートやイラストなどのグラフィック作成にも幅広く利用されます。今回紹介するのは、そんなIllustratorで作成されるグラフィックの作り方を解説したチュートリアル集「Illustrator Tutorials: 31 New Illustration, Drawing Vector Tutorials」です。

ai_tutorial_01
How to Create a Beach Guard Tower Illustration in Adobe Illustrator

どうやって作ったかわからないようなプロフェッショナルのベクターグラフィックを、チュートリアルから学ぶことができます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

80年代風デザインを手軽に表現できるレトロなテキストエフェクトのチュートリアル「Best 80’s Retro Text Effect Photoshop Tutorials」

華やかな80年代風のデザインは、根強い人気のあるデザイントレンドのひとつ。近年になっては逆に新鮮に感じるとまで評されています。今回ご紹介するのは、そんな80年代風のデザインに使えるレトロなテキストエフェクトのチュートリアル「Best 80’s Retro Text Effect Photoshop Tutorials」です。

80s-retro-text-effect1
Best 80's Retro Text Effect Photoshop Tutorials | Tutorials | Graphic Design Junction

ネオンやメタリックなど華やかで少し懐かしいテキストを作る、Photoshopでのチュートリアルが全部で24市種類紹介されています。その中から気になったものを幾つか集めてみましたので、ご覧ください。

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

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

加工や編集など多様なPhotoshopのテクニックを学べるチュートリアルまとめ「31 Fresh New Photoshop Tutorials – Learn Basic & Advance Manipulation Tips & Tricks」

画像の編集や加工、デザインの制作など、幅広い用途で利用できるPhotoshop。機能が多彩な為、さまざまな技法やテクニックが存在します。今回ご紹介するのは、そんなPhotoshopのテクニックを学べるチュートリアルがまとめられた「31 Fresh New Photoshop Tutorials – Learn Basic & Advance Manipulation Tips & Tricks」です。

31 Fresh New Photoshop Tutorials1
New Photoshop Tutorials – Photo Editing | Tutorials | Graphic Design Junction

合成写真の作り方や画層加工の方法など様々なテクニックが31種類まとめられています。さらにその中から、これはと思ったチュートリアルを幾つか選んでみましたのでご覧ください。

詳しくは以下

(続きを読む…)

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

動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」

Illustratorは様々な機能を備えた、デザイナーにとって必要不可欠な万能ツールです。イラストからWebサイトの制作まで幅広く活用できるので、卒なく使いこなしたいもの。そんな中今回は、動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」の紹介です。

illustrator_tutorial01
[Web Design] Site Flat UI Design – Food/Cafeteria Website UI Illustrator Walkthrough/Tutorial – YouTube

様々な操作方法が動画で紹介されているので、初心者の方も安心して参考にできます。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
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年05月01日

Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」

写真の加工などグラフィックデザインに欠かせないPhotoshop。様々な機能を卒なく使いこなせたら、更にデザインの幅も広がるのではないでしょうか。そんな中今回は、Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」の紹介です。

ph_tutorial01
Create a Pop Art Inspired by Roy Lichtenstein – PSD Stack

Photoshopの様々な機能を使って写真に処理を加える方法をチュートリアルしてくれる便利なサイトです。その中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2010年10月02日

ジャンル別にフリーテクスチャ素材を集めた「100 Useful Free Textures」

いろいろな種類が公開されているテクスチャ。デザインのクオリティを高めたい時にも役に立つ、デザイン制作に欠かせない素材ですが、今回はさまざまなジャンルのフリーテクスチャ素材を集めた「100 Useful Free Textures」を紹介したいと思います。


Free High Resolution Textures – Lost and Taken – 8 Colorful Grunge Textures + L&T News!

グランジやメタル、ウッド、布、レンガ、ペーパーなど、使い勝手の良い素材がジャンル別に分類され公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

(続きを読む…)

続きを読む
posted 07:30  |  
Category: Design   
tag: 
2010年04月15日

様々なUIのギャラリーが簡単に実装できるギャラリーフレーム「jbgallery 2.0 BETA」

WEBで写真をみせるというのは個人的なWEBから商業用のWEBまで幅広く目的としてありますが、今回紹介するのは様々なユーザーインターフェースのギャラリーが簡単に設置できるフレームワーク「jbgallery 2.0 BETA」です。

jqgellery01

こちらは jQueryを利用して制作されており、単純な静的なものではなく、フェードインアウト、ローディングバーなどなど様々処理が制御できるようになっています。いくつかユーザーインターフェイスがオプションとして予め設定されていますのでいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: WebDesign   
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   
2007年11月12日

あなたはどんなインターフェイスが好き?を調査する「Interface Research」

現在かなりの数のWEBページが存在し、様々なインターフェイスが派生しています。今日紹介するのはそんなインターフェイスのデザインを調査しているサイト「Interface Research」です。

interfaceresearch

こちらのサイトでは上記のように二者択一形式でサイトのインターフェイス デザインのアンケート調査しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:26  |  
Category: WebService   
2014年08月27日

ノイズ感のある質感を手軽に表現できるテクスチャ「Dust & Noise Overlay Textures」

インターネット上では非常にさまざまな種類の素材が配布されており、中でもテクスチャは非常に重宝される素材の一つ。手軽に素材の質感を表現することができます。そんな中今回紹介するのは、ノイズ感のあるテクスチャ「Dust & Noise Overlay Textures」です。

dustnoise1

がさがさとしたアンティークな雰囲気を、このテクスチャを利用することでデザインに取り入れることができます。

詳しくは以下

(続きを読む…)

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

美しさを感じるクオリティの高いフリーフォントまとめ「Super Clean, High-Quality & Free Fonts」

多数配布されているフリーフォントの中から、クオリティの高い理想的なものを探しだすのは、以外に時間と手間がかかるもの。そんな時是非参考にしたい、美しさを感じるクオリティの高いフリーフォントをまとめた「Super Clean, High-Quality & Free Fonts」です。


Piximisa Font | dafont.com

シンプルテイストから個性の強いテイストまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:21  |  
Category: Design , Font   
2017年03月21日

WEBデザインに最適!WordPress用アニメーションプラグインまとめ「10 Free Plugins for Adding Animation Effects to WordPress」

WEBデザインの仕上げに欠かせないのがアニメーション。ポイントやユーザーの誘導まで幅広い役割をこなす重要な工程です。今回ご紹介するのはWEBデザインに使えるWordPress用のアニメーションプラグインを集めたまとめ「10 Free Plugins for Adding Animation Effects to WordPress」です。

wp-special-effects-01

シンプルなものからアクセントにぴったりな凝ったエフェクトまで、多数のWordPressプラグインが揃います。以下ではまとめの中からおすすめのアニメーションプラグインを3つご紹介します。

詳しくは以下

(続きを読む…)

続きを読む
2015年05月31日

13種のモダンテイストなデザインフォント集「13 New Modern Free Fonts for Designers」

シンプル、ヴィンテージ、ポップなど、デザインと同様にフォントにもさまざまなテイストのものが存在しています。そんな中今回紹介するのは、13種のモダンテイストなデザインフォント集「13 New Modern Free Fonts for Designers」です。

modanfont1
Ardeco Font | dafont.com

モダンデザインに合う、13種という厳選された種類の中にいろいろなタイプのフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2009年02月12日

商用利用可能なフリーアイコンセット「100 Free Icons – Weby Icon Set」

ユーザービリティの向上や、デザインアクセントなど幅広い用途で便利に使えるアイコン。今日紹介する「100 Free Icons」は立体的でディテールの高いアイコン100個をフリーで公開しているアイコンセットです。

WEBサイト制作や、アプリケーションでの使用を前提に作られているみたいで、収録されているアイコンも実用的な物が多いです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:53  |  
Category: WebDesign   
tag: webdesign
2012年05月02日

芝のさまざまな表情が楽しめる高解像度テクスチャまとめ「50 Free High Resolution Grass Textures for Designers」

デザイン制作の多くの場面で利用される芝生などの自然の素材。より良い雰囲気を作り上げるためには、イメージにぴったりなテクスチャを探したいもの。そこで今回紹介するのが、芝のさまざまな表情を楽しめる高解像度テクスチャばかりをまとめた「50 Free High Resolution Grass Textures for Designers」です。


free_high_res_texture_366 | Flickr – Photo Sharing!

グリーンの美しい素材はもちろん、枯れ草や自然の雰囲気を楽しめる素材が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:46  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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