Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: LogoDesign

[Typography] 30 Photoshop Text Effect Tutorials – フォトショップでできるテキストエフェクトの作例まとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップでできるテキストエフェクトの作例が30例まとめられた記事。見た感じわりと立体的な処理をしている作例が多い印象。最近じゃPhotoshopにも3D機能ありますしね。ロゴとか見出し作る時の参考になりそうです。昔こういうのよく作ってたけど、最近凝ったやつあんまし作らなくなったなぁ。

[Typography] Desert Chrome – 昔懐かしいクロムエフェクトのロゴタイプを集めたブログ

  • Pocket
  • このエントリーをはてなブックマークに追加

昔懐かしいクロムエフェクトのロゴタイプ作品ばかりを集めたTumblrブログ。イイですねこれ。実際の製品ばかりを集めてて(時代が時代だけにどれも印刷ものの作例です)、80年代趣味丸出し全開な感じです。ブログ内ではこうしたテキストエフェクトを「デザート・クロム」と呼んでいて、テカりの下部は砂漠色、上部は空色である事が多いです。クロームメッキの物が砂漠にあったら見えるであろうグラデーションをそう呼んでるみたいです。作例がどれも年代を感じるものだけに、80年代や90年代頭に子供時代を過ごした人にとってはホットな作例ばかり。いやーなんかイイ時代だったんだなーとかしみじみ思っちゃいます。

[Text Effect] 100 Creative Photoshop Text Effects Tutorials – フォトショップで行うテキストエフェクト作例100選

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップで行うテキストエフェクトを100作例まとめた記事。数が多いのでなかなか見応えがあります。ものによっては3Dモデリングソフトを組み合わせてるものもあります。タイポ組む時やロゴデザインする際のネタ帳としてひとつ。こういうのレイヤースタイルでサクっとできるように作っておくと色々便利っすよね。

[Typography] 20+ New Photoshop Text Effect Tutorials – フォトショップで行うテキストエフェクト作例まとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshopを使って行うテキストエフェクト作例のまとめ記事。20+ Newとありますが、わりと他のまとめ記事で見た事のある作例がチラホラありました。けど紹介されている作例の質が高く、「これ今度マネしよ」みたいなのがいくつかあったので備忘録も兼ねて紹介。印象的なテキストエフェクトのネタ帳として是非これひとつ。

[CSS3] CSS3 Logos – 有名ロゴをCSS3だけで描画したギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

よく知られている有名ロゴをCSS3だけで描いてみたYO!というロゴギャラリー。というかCSSギャラリーでしょうか。AppleやAdobe、Twitter、MicrosoftなどのIT企業が多いけど、マクドナルドやNIKE、アディダスなどの企業ロゴなんかもあります。Adobeあたりは簡単そうだけど、Twitterとか大変そう。サイト内でレンダーしてるのでCSS準拠率の低いブラウザだと崩れる可能性大です。これが役に立つ技術なのかどうかは別として、単純にスゲーなぁと思いました。

[Design] Redsgned – ロゴやWebサイト、MobileAppなどを勝手にリデザインするプロジェクト

  • Pocket
  • このエントリーをはてなブックマークに追加

ロゴやWebサイト、MobileAppのUIなどを勝手にリデザインして「この方が良くね?!」的な感じで紹介するサイト。いやこれなかなか見てて楽しいです。Facebookとか勝手にリデザインしちゃってます。しかもその作例がわりとクオリティ高くて、多分ノリでやってるんだろうけどよく出来てんなーとか思います。デザイナー各々の解釈の結果というか、そういうものをダラダラ見るのにナイスな試みかと。

[Tutrial] 25 tutorials to build up your design skills – デザインスキル向上のための25のチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

デザインスキル向上のための25のチュートリアルをまとめた記事。デザインスキルと言っても実際対象物って色々あると思うんだけど、ここではWeb、ロゴ、MobileApp、アイコン、印刷物など様々なジャンルのデザイン物に関するチュートリアルが紹介されてます。使うツールは制作物によってPhotoshopだったりIllustratorだったりIn Designだったりします。アレもコレもデザインしなきゃいけない、というタイプのデザイナーさんにオススメの内容。

[Photoshop] 3D Text Effects: Ultimate Collection of Photoshop Tutorials – フォトショップで作る3Dテキストエフェクトのチュートリアルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップで作る3Dエフェクトチュートリアルのまとめ記事。かなりの数のテキストエフェクト作例がまとめられてます。立体的な表現の作例だけに、3Dモデリングツールと併用した作例もいくつかあるようです。自分の場合フォトショップで最初にやったのがテキストいじりだったので(バンドのロゴ作ってました)、こういうチュートリアルってフォトショップを学習する上でいい教材だなーとか思います。タイポやグラフィックデザインのネタ帳にもいいですね。