gerenuk.crazyphoto.org/ » graphics http://gerenuk.crazyphoto.org genuine gene group; gerenuk Mon, 25 Jan 2010 09:42:00 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 タイポグラフィーの参考にしたいまとめサイト10個 http://gerenuk.crazyphoto.org/2009/06/19/778/ http://gerenuk.crazyphoto.org/2009/06/19/778/#comments Fri, 19 Jun 2009 12:54:13 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=778 DESIGNM.AG では、タイポグラフィーのインスピレーションを得られるサイトがまとめられています。
その中でも個人的にいいなと思った10サイトをご紹介します。

01. Typography Served

typo_01

02. Pattern Tap, Typography Tag

typo_02

03. Design You Trust, Type Category

typo_03

04. Vi.sualize.us, Typography Tag

typo_04

05. We Heart It, Typography Tag

typo_05

06. Behance Network, Typography Category

typo_06

07.We Love Typography

typo_07

08. Typesites

typo_08

09. TypeNeu

typo_09

10. Typographica

typo_10

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/19/778/feed/ 0 表現の幅を広げるフリーの Photoshop ブラシ10個 http://gerenuk.crazyphoto.org/2009/06/17/756/ http://gerenuk.crazyphoto.org/2009/06/17/756/#comments Wed, 17 Jun 2009 08:00:34 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=756 Abduzeedo では、フリーの Photoshop ブラシが紹介されています。
デフォルトのブラシで物足りなくなったらチェックしてみてはどうでしょうか？

  1. ULTIMATE BRUSH PACK NO.4
  2. 41 Grunge Brushes
  3. Real Brush Strokes Set
  4. Simply Lovely Brushes
  5. BRUSHES PACK 3
  6. Cloud Brushes
  7. Spraypaint Splatter Brushes
  8. 28 Abstract Curves
  9. Bubble brush
  10. Dreamon Shape Brushes 02

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/17/756/feed/ 0 グラデーションを巧みに使ったロゴデザイン48個 http://gerenuk.crazyphoto.org/2009/06/09/543/ http://gerenuk.crazyphoto.org/2009/06/09/543/#comments Mon, 08 Jun 2009 21:33:47 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=543 SmashingAppsでは、グラデーションを巧みに使ったロゴが50個以上紹介されています。
ではその中から特に気に入ったものを紹介……と言いたいところだったのですが、数が多いのにどれも傑作揃いでなかなか絞り込めなかったので、この記事では48個を紹介します。
ロゴマークのデザイン自体だけではなく、背景の繊細なグラデーションやタイポグラフィーとのマッチングにも注目してみてください。

01_apple

02. Aramova by grafikonline

02_aramova

03. Webics by lalohead

03_webics

04. Glocalis by Martin Gallardo

04_glocalis

05. FOLD IT by TKhoury

05_foldit

06. Veriation Music by kokonut

06_veriation

07. UPS

07_ups

08. Marrek by dena

08_marrek

09. LOOP by chek

09_loop

10. Ephfx by ephfx

10_ephfx

11. Sidewinder by Logomotive

11_sidewinder

12. Dynamics Lab

12_dynamicslab

13. ADiM by Utkin

13_adim

14. Plastic Whale by brandberry

14_plasticwhale

15. Flutterfly by OcularInk

15_flutterfly

16. NorthColour by northcolour

16_northcolour

17. Origamia by Gabber

17_origamia

18. KSS By Euan MacKenzie

18_kss

19. Backup Drive by Oronoz

19_backupdrive

20. South Pacific Imports Distribution by Stephen Petaia

20_southpacific

21. Luxable Group by kokonut

21_luxable

22. Down the Mall by Humanot

22_downall

23. Elara Systems by maximalist

23_elara

24. TGB 09 Logo by sammy

24_tgb

25. Magicthree by bartodell

25_magicthree

26. Yogo by Alan Oronoz Madriles

26_yogo

27. BananasFilms by javo_rc

27_bananasfilm

28. CocoaStuff By Denis Olenik

28_cocoastuff

29. L-Evate Studios by Jean-Olivier Bouchard

29_l-evate

30. Sushi by smartinup

30_sushi

31. Eem by Huseyin Cetin

31_eem

32. Emono Studios by VR

32_emono

33. Coffee CUP v.2 by janzabransky

33_coffee

34. Premio Vida by leoramires

34_premiovida

35. Cia do Suco by Rodrigo Maia

35_ciadosuco

36. Mad Compass by Impulse Design

36_madcompass

37. Jar Creative by Felix Espinoza

37_jarcreative

38. 2FX Entertaiment S.A.

39_2fx

39. Multimediums by Bart ODell

40_multimediums

40. Nucleus Creations by David Pache

41_nucleuscreations

41. Fenix by fenix

42_fenix

42. Anturius by Rodrigo Maia

43_anturius

43. Life Source by Humanot

44_lifesource

44. Samarras by Joan Pons Moll

45_samarras

45. Science House by Aleksandrs Kirhensteins

46_sciencehouse

46. Fritz Industries by Aleksandrs Kirhensteins

47_fritz

47. Beyond Media Inc. by Van Bui

48_beyond

48. moxlo by Diego Pampillo

49_moxlo

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/09/543/feed/ 1 Illustrator を究めるための動画チュートリアルまとめ http://gerenuk.crazyphoto.org/2009/06/08/514/ http://gerenuk.crazyphoto.org/2009/06/08/514/#comments Mon, 08 Jun 2009 08:24:06 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=514 Creative Nerds では、Illustrator を究めるための動画チュートリアルが30本紹介されています。
静止画と文章だけのチュートリアルでは、「え、ここからここまでどうやったの？」という箇所があったりしてつまづきがちですが、実況動画になることで理解しやすくなっていると思います（ただしその反面、最初から最後まで見ないといけなかったり、全編英語のボソボソ実況だったりというデメリットもありますが……）
以下、特に気に入ったものをご紹介。

1. Create iPhone Icons w/ Illustrator CS4!

http://www.youtube.com/v/UJh9euFcufo

iPhoneアイコンの作り方。
「ベクター＝ベタ塗り」というのはすでに過去の話で、数分で簡単に立体感・透明感のあるボタンを作ることが出来ます。

2. Web 2.0 Style Box / Icon: Adobe Illustrator Tutorial

http://www.youtube.com/v/BCAbZBDwMPc

Web 2.0 スタイルの箱アイコンの作り方。
Illustrator での3次元的表現（影・反射とハイライトの入れ方）と、グラデーションの使い方が参考になります。

3. Vector Metal Icon Buttons: Illustrator Tutorial!

http://www.youtube.com/v/7_ypLrr9fDw

金属質感のボタンアイコンの作り方。
これもグラデーションが肝要。
細かいグラデーションの付け方で銀色を表現します。

4. Create a Windows Vista Icon all Vector! Illustrator Tutorial

http://www.youtube.com/v/zqvQvGyx5HU

Windows Vista のマイコンピューター・アイコンの作り方。
まるでお料理番組のように、「パスはすでに出来ています」状態から始まるのが少し残念ですが、グラデーションとハイライトの入れ方が参考になります。

5. Metal Lightning Bolt & Vector Leather! Illustrator Tutorial

http://www.youtube.com/v/3QaOqoht7fQ

注目すべきは革素材をベクターで表現する手法です。
CS2 から搭載された「ライブトレース」機能は便利であるものの、その場その場で細かい設定が必要となるので、使いこなせてない人にはこの辺が参考になると思います。

6. Adobe Illustrator Tutorial! ::The Pen Tool::

http://www.youtube.com/v/5DzpT8POAME

7. Create Intricate Patterns in Illustrator

http://www.youtube.com/v/BI90SIEiiWs

8. Illustrator & Photoshop CS4 Tutorial: Create 3D Shapes and Backgrounds

http://www.youtube.com/v/IfUgTM7hAP8

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/08/514/feed/ 1 高品質で美しいアイコン32セット http://gerenuk.crazyphoto.org/2009/06/05/437/ http://gerenuk.crazyphoto.org/2009/06/05/437/#comments Fri, 05 Jun 2009 13:56:38 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=437 The Design Magazineで、高品質で美しいアイコンセットが紹介されています。

  1. 3D Cartoon Icon Pack
    icon_01
  2. Classic Blue Color 25 Icons
    icon_02
  3. Heavy Red color Icons from Prostor_icons
  4. Nimble Folders
  5. Twitter Land
    icon_05
  6. Litho Extras
  7. Origami Icons
  8. Blockie Icons
  9. Set of unique twitter graphics
  10. Luna Grey
    icon_10
  11. Coquette Part 5 Icons
    icon_11
  12. Twitter Block Icon
  13. Leopard iPhone Icons
    icon_13
  14. Free Icon Pack: Web Injection
    icon_14
  15. Cute Critters Icon Pack
  16. Page Peel
  17. Black & Blue Icons
    icon_17
  18. Free Social Media Icon Set
    icon_18
  19. Onebit free icon set
  20. Onebit free icon set
  21. Business & Finance Icons set
  22. Office Space Icons
  23. From Russia with Love
  24. Project Icon Set
  25. Free Vector Icon Set
    icon_25
  26. OldSchool Icon Set Released
  27. 59 fresh and lively icons
  28. Milky – A free stock vector iconset
  29. Archigraphs Cars II Icons
  30. Antique Social Media Icons
  31. Fudge Icons
  32. Ethereal Icons
    icon_32
  33. Lockers

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/05/437/feed/ 2 思わず「なるほど！」と言いたくなるシンプルなロゴデザインまとめ http://gerenuk.crazyphoto.org/2009/06/04/416/ http://gerenuk.crazyphoto.org/2009/06/04/416/#comments Thu, 04 Jun 2009 12:42:44 +0000 ルモイ http://gerenuk.crazyphoto.org/?p=416 Abduzeedoで、人名や商品名・サービス名のようにタイポグラフィーを土台にしたロゴデザインがまとめられています。
読みづらくなく、それでいて面白味があるという、一見相反する命題の答えとも言うべき、シンプルなロゴをお楽しみください。

TYME

「TIME」にかけて。

logo_01

B

「B」と「Bee（蜂）」をかけて。

logo_02

FOOT

「OO」の部分を足跡に。

logo_03

M1LLION

leetspeak的に「I」を「1」に。

logo_04

CROWN

「W」を王冠（CROWN）の形に。

logo_05

E2

「E」の文字の中に錯視的に「2」が。

logo_06

talkmore

「a」と「e」を引用符に。

logo_07

SODA

炭酸らしく、はじける泡を。

logo_08

RB

「R」の立体的な影が「B」に。

logo_09

TWINS

「N」を「2(TWIN)」を横倒しにしたものに。

logo_10

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2009/06/04/416/feed/ 0 faviconを立体化する「favicon2dots」をさらにdot’sで再現 http://gerenuk.crazyphoto.org/2007/03/09/75/ http://gerenuk.crazyphoto.org/2007/03/09/75/#comments Fri, 09 Mar 2007 05:19:19 +0000 ルモイ http://gerenuk.crazyphoto.org/2007/03/09/75/ 76efcd63539723b226bdebeca9a9b2fe89f

favicon2dots

川o・-・）＜2nd life – favicon を dot’s ぽく変換する – favicon2dotsで見つけた面白いサービス．　ちなみにdot’sというのは，玩具です．

faviconやサイトのアドレスを入力して，「2dots」ボタンを押すことで立体化した画像が表示されます．オプションから背景色や透過色を指定してやることで，さらにdot’sっぽくなります．
また，ページ右上の四角いアイコンをクリックすると，その色の系統ごとに投稿されたfaviconの一覧が出てきて結構面白いです．

favicon2dots2dot’s

そこで思わず，この画像を本家dot’sで再現してみました．前々から興味はあったものの買うまではしなかった「dot’s」を，これを機に買ってみました．

ウチのサイトのfaviconを再現するために使ったのは，ゼビウス2セット，台はスーパーマリオBセットの黒いものを使っています．
ゼビウスセットは白と黒，それからその中間色の灰色が4色含まれています．

製作中

amazonで注文してから届くまでに時間があったので，Photoshopで予行演習．色数が限られているため，減色は腕の見せ所，といったところでしょうか？
dot’sのキャンバス自体も，一般的なウェブサイトのfaviconサイズと同じく，16マス×16マスなので，違和感なく作業できます．

dot’sが届いてからはこの画像を元に，ピンを挿していきます．精度よく作られているので，ストレスなく進められました．

ボブを意識して濃い色から作っていったりして……．

favicon2dots2dot’s

そして完成したのがこちら．
グレースケールのfaviconだったことが功を奏し，かなり上手く再現できたと思います．

dot’s公式サイトの各商品のページには，セット内容のピンの個数も書かれていて購入の目安になります．もちろん色はかなり限られますが，これを機にご自分のサイトのfaviconを作り，手元に置いてみるのはいかがでしょうか？

]]> http://gerenuk.crazyphoto.org/2007/03/09/75/feed/ 0 画像処理ウェブサービス「Picnik」 http://gerenuk.crazyphoto.org/2007/02/07/62/ http://gerenuk.crazyphoto.org/2007/02/07/62/#comments Wed, 07 Feb 2007 07:52:43 +0000 ルモイ http://gerenuk.crazyphoto.org/2007/02/07/62/ picnik_01

Picnik – edit photos the easy way, online in your browser

Web2.0の代名詞である「prototype.js」をはじめとするAjaxライブラリによって，オンラインで画像処理を行えるようなウェブサービスが増えています．
「Picnik」はFlashベースですが，動作が軽く必要十分な機能を備えた素晴らしい画像処理ウェブサービスです．

似たようなサービスとして，Photoshopライクな操作性の「Fauxto… like photo.」がありますが，絵を描くためではなくリサイズや切り抜きがメインの作業ならばPicnikがオススメです．

機能紹介

picnik_02

picnik_03

「Picnik」の特徴のひとつは，「Flickr」から写真を引っ張ってくることができる点です（画像左）
「Flickr Photos」タブを選び，Frickr側からPicnikを認証してやることで，自分のFlickrの写真一覧がサムネイル表示されます．あとは加工したい写真をダブルクリックで選びます．加工が終わったらFlickrに送りなおすこともできます．

「crop（切り抜き）」で数値入力ができます（画像右）
切り抜き機能は他の画像処理ウェブサービスでもありますが，数値入力をできるものは少ないです．個人的には，きりのいい数字で画像を保存しておきたいのでかなり嬉しい機能です．

その他，赤目軽減（赤い小領域を黒く目立たなくさせる）や明るさ・コントラスト調整もできます．

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています．

]]> http://gerenuk.crazyphoto.org/2007/02/07/62/feed/ 0