タグ

*designと*tipsに関するkimthehatのブックマーク (91)

  • ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP

    なんと、ディズニースタジオの「絵の描き方」資料が公開されました。 61項目のポイントが紹介されています。インストラクターのWalt Stanchfieldさんは、クマのプーさんなどを手がけられた人ですよ。 下記に少しご紹介。 ↑ こんな感じで授業用のノートがPDFでダウンロードできます。説明つきなのがうれしいですね。 ↑ 第一回目のレッスン「エッセンスの抽出の仕方」です。 ↑ 物語の作り方まで教えてくれます。 世界で多くのファンを誇るディズニーの絵のエッセンスですから、絵に興味ない方でも、気になるところではないでしょうか。 61項目のタイトルはこんな感じ。「エッセンスの抽出の仕方」「アニメーションのための絵の描き方」「反発力を描く」「内側からの力を描く」「落書きの仕方」などなど、興味をそそるタイトルばかりですね・・・。 Abstracting the Essence Acting (dra

    ディズニーの絵の描き方がわかる61のPDFが公開されています! | POP*POP
  • Photoshopを使ったWeb2.0風ロゴの作り方ムービー

    Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30%に。 ↓ 垂

    Photoshopを使ったWeb2.0風ロゴの作り方ムービー
  • [N] Photoshopで写真を○○するテクニック

    ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック

    [N] Photoshopで写真を○○するテクニック
  • sta la sta - カッコいいロゴをデザインするためのノウハウ集

    Before & After | Email article: 0363 Design a logo of letters 魅力的なサービスや企業には魅力的なロゴがつきもの。例えばflickrなんかは一目でそれと分かるインパクトの強いロゴデザインを採用している。 あなたもただ英字を並べる以上のカッコいいロゴをデザインしたいのなら、こちらのサイトで配布しているドキュメントが参考になると思う。 この『How to design a logo of letters』というドキュメントでは、英字ロゴを作る際にどういう並べ方をするとカッコ良くなるかを実例を挙げて説明してくれている。 どれもこれもちょっとした工夫なのだけど、その工夫があるのと無いのとでは、見る人に結構違う印象を与えると思う。ぜひとも全部覚えておきたい。 これから新規にサービスや製品をリリースすることを考え中の方は、ロゴを考える前にぜひ

    sta la sta - カッコいいロゴをデザインするためのノウハウ集
  • Creating Windows XP Icons

    This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

    Creating Windows XP Icons
  • Sensitive... Google風ロゴの作り方

    Googleのロゴで使われているフォントは「Catull」という名前らしいです。書体のサンプルは IdentiFont にあります。(この書体自体は残念ながら有料です。)書体が手に入らなければ、別の書体で試してみてください。 次にGoogle風ロゴの作成ですが、想像していたよりも作り方は簡単です。慣れてしまえば5分で出来上がるはずです。どのように作っているかは下のPSDファイルを開いてみてください。今回はPhotoshopを用いて作りましたが、使っているフィルタは「ドロップシャドウ」と「ベベルとエンボス」の二つだけなので、フリーのソフトでもこの機能があれば十分作れると思います。上下のロゴはPhotoshopを使って実際に作成したものです。 → Google風SensitiveとGoogleロゴのPSDファイル ※フォント情報はラスタライズしてあります。 上のSensitiveのサンプルがト

    Sensitive... Google風ロゴの作り方
  • iTune Icon

    The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss

  • ドット絵ができるまで - tikeda's blog

    アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの?みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。(実際の物はもっとディテールに手をいれてますが。)意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き:http://d.hatena.ne.jp/tikeda/20050715/1121441586

  • Photoshop でつややかな表現をわりと簡単に実現する

    2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー

  • フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics

    「フォトショップ ティップス & マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス & マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス & マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 (コーナー概要を読む)

    フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics
  • Planet Tutorial