Home >  まとめ > チュートリアルまとめ > ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ
 
ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ

30logotutorial

 

ロゴはブランド、ウェブサイトなどにおいて「顔」ともいえる重要なパーツのひとつですよね。

いざロゴをデザインしようと思うとなかなか難しものではありませんか。

 

 

今回はそんなときに役立つPhotoshopやIllustratorのチュートリアル&テクニックを30個まとめた「30 Excellent Logo Design Tutorials and Walkthroughs」をご紹介します。

 

 

作り方以外にも、ロゴデザインを進めるためのプロセスから紹介しているものもあり、参考になるのではないでしょうか。

 

以前「ロゴ作成のときに知っておきたい40個の作り方チュートリアルまとめ」でピックアップしていないものを中心にまとめていますので、よろしかったらこちらの記事も合わせてどうぞ。

世界中にはおどろく様なデザインスキルを持ったデザイナーさんがたくさんいらっしゃいますね。

 

 

 

詳細は以下から。

 

 

 

ロゴデザインに使えるチュートリアル&テクニックまとめ


 

イラストレーターを使ったウェーブロゴの作り方

美しいカラフルなグラデーションがきれいなロゴの作り方を紹介しています。

チュートリアル以外にも、手描きでスケッチしながらアイデアを膨らませているプロセスもたくさんのサムネイル画像とともに参考にすることができそうです。

イラストレーターを使うことで、デザインロゴを崩さずに拡大・縮小できるのはよいですね。

1

 

 

 

折り紙のようなロゴをつくる方法

こちらも手描きスケッチの段階からていねいに解説しているPhotoshop用チュートリアルのひとつ。

レイヤースタイルを使ったお手軽なチュートリアルとなっているので、初心者の方にもオススメです。

またサンプル用PSDファイルも同時に公開されています。

2

 

 

 

イラストを使ったロゴをデザインする方法

イラストレーターを使って立体的なロゴを作成する方法が紹介されています。

ブランド、ウェブサイトのマスコットキャラクターのようなデザインは参考になります。

3

 

 

 

カラフルな三角形のロゴをつくる方法

Photoshop VIPでもよく紹介させてもらっているAbduzeedoの新しいロゴをプロセスから確認することができます。

配色なども参考になるのはないでしょうか。

4

 

 

 

傘をモチーフにしたロゴをつくる方法

フォトショップを使い、少しかすれたグランジデザインのロゴを作成する方法が紹介されています。

テクスチャなどは使わずに、「フィルタ」機能を使ってデザインしています。

5

 

 

 

蜂をモチーフにしたポップなロゴをデザインする方法

手描きしたロゴデザインをステップごとにイラストレーターを使ってデザインしていく方法が紹介されています。

フォントの選び方でイメージががらりと変わってきますね。

14

 

 

 

エレガントな色合いのリゾートロゴをデザインする方法

フォトショップの便利なアイテムのひとつ「ブラシ」を使って、やしの木をデザインしています。

グランジテクスチャを使うことで、ロゴの質感を高めています。

15

 

 

 

立体的な幾何学ロゴを作成する方法

グラデーションと影をうまく使うことで、立体的なロゴを表現することができます。

カラフルなグラデーションの配色は参考になりそうです。

19

 

 

 

効果的な背景デザインを使ったロゴの作成方法

あらかじめロゴが決まっている場合は、背景にグランジデザインなどを加えることが印象が変わってきます。

簡単なステップのみですが、ウェブサイトデザインやポスターなどの作成にも使えるテクニックではないでしょうか。

20

 

 

 

ストリート系のアーバンデザインロゴをつくる方法

アパレルブランドのロゴなどによさそうなファンキーなロゴを作成する方法が紹介されています。

チュートリアルはPDFにて公開中ですので、ダウンロードしてお楽しみください。

ファイルが多少重いため開きづらくなっています、ご注意ください。

22

 

 

 

「オバマ」ロゴをそっくりにデザインする方法

選挙キャンペーンで一躍有名になったあのロゴを自分でデザインすることができます。

光沢感のある立体的なロゴを使ってパロディロゴなどにもよさそうです。

25

 

 

 

WordPressの立体的なロゴをデザインする方法

グラデーションをうまく利用することで、光沢感のあるメタリック調のロゴを作成することが可能です。

ブログのフッターなどにレイアウトされているとインパクトがありそうです。

27

 

 

 

映画「トランスフォーマー」のロゴをデザインする方法

映画自体は少し古いのですが、個人的に大好きな映画のひとつなのでメモとして、、。

テキストエフェクトにはこちらと同じテクニックが使われていますね。

28

 

 

 

シンプルで親しみやすいロゴをデザインするテクニック

海外老舗デザインブログメディアenvatoでも使われているプロフェッショナルなロゴデザイン。

誰にでも受け入れやすいロゴをデザインするテクニックをステップごとに解説しています。

使われているカラーなども心理的に考えられており、大変参考になります。

29

 

 

 

プロジェクトやブランドイメージなどに合わせてロゴを作成する方法はとても勉強になりました。

参照元サイトにはこれら以外にもロゴ作成に関するチュートリアル&テクニックがまとめられています。

よろしかったら、一緒にどうぞ。

 

[参照元 : 30 Excellent Logo Design Tutorials and Walkthroughs - Spyre Studios]

BOOKMARK, MAYBE?

いかがでしたでしょうか、この記事のブックマークはこちらからどうぞ。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • http://twitter.com/geppey/status/9242675656 くじはん2.0(でもどり)

    RT @photoshopvip: ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ – http://bit.ly/dhb9ec [3/16~20寝る展]

  • http://twitter.com/stitch/status/9242893199 KT a.k.a ヶン㌧

    [B!] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544

  • http://twitter.com/adobetter/status/9243477550 adobetter

    (@stitch)[B!] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544 http://bit.ly/d0B6KO

  • tsutomura

    Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://ff.im/-g7B9h

  • http://yoshy.wordpress.com/2010/02/18/links-for-2010-02-17/ links for 2010-02-17 « 個人的な雑記

    [...] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ (tags: design) [...]

  • http://twitter.com/fool1976/status/9263675789 t_what a navi

    自分のメモ用に。 Currently Reading: http://photoshopvip.net/archives/12544

  • http://twitter.com/tsutomura/status/9265876894 tsutomura

    Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://ff.im/-g7B9h

  • http://twitter.com/bottonz/status/9274508078 ぼっとんZ

    [52 users] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル… http://photoshopvip.net/archives/12544

  • http://twitter.com/kurariin/status/9323929662 くらりん

    [商用化]ロゴ Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ
    http://photoshopvip.net/archives/12544

  • http://smkn.xsrv.jp/blog/2010/02/2010%e5%b9%b4214%ef%bd%9e221%e3%81%ae%e9%80%b1%e9%96%93%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af/ ITキヲスク | 2010年2/14~2/21の週間ブックマーク

    [...] ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ [...]

  • http://twitter.com/webdesignbkm/status/9433369645 WebDesignBookMark

    Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544

  • http://blog.infinity.vc/?p=909 INFINITY フリーランスWEBデザイナーのIT/WEBニュースブログ » Blog Archive » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ

    [...] ネタ元:ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ(photoshop Vip) [...]

  • http://puzzel.jp/blog/2010/%e3%83%aa%e3%83%b3%e3%82%af-links-for-2010211225.html [リンク] links for 2010/2/11~2/25 | Bonnie styles.

    [...] photoshop Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ [...]

  • http://twitter.com/soratomo/status/9686859533 ソラトモ – 河村知哉

    [B!] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544

  • http://twitter.com/aoiioa/status/9725541831 蒼 aoi

    RT @soratomo [B!] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544

  • http://twitter.com/aoiioa/status/9725541831 蒼 aoi

    RT @soratomo [B!] Photoshop Vip » ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ http://photoshopvip.net/archives/12544

  • http://ps.pc-ultimate.com/%e7%94%a8%e9%80%94/%e3%83%ad%e3%82%b4.html ロゴ | Photoshopの使い方リンク集

    [...] ●Photoshop Vip » ロゴをデザインするときに使えるチュートリアル …2010年2月17日 … ロゴはブランド、ウェブサイトなどにおいて「顔」ともいえる重要なパーツのひとつですよね [...]