師走を乗り切れ!
超速イケてる年賀状素材作り
面白法人カヤック 意匠部林 真由美
2009/12/25
演出が大事だ! 凝った背景を作る
- - PR -
背景を抜くためには、体の内側を、先ほど説明した[なげなわツール]+[ぼかし]で囲んだ後に、[マスク]を掛けます。
![]() |
![]() |
■ 【12】効果線のような背景を作る
新しくレイヤを作ったら、グラデーションエディタを開き、[グラデーションタイプ]を「ノイズ」に、[粗さ]を100%にします。
![]() |
[円錐形グラデーション]を選択して、グラデーションを引きます。
![]() |
[イメージ]→[色調補正]→[グラデーションマップ]を選択して、赤と黒のグラデーションを作ります。すると、先ほど作ったグラデーションのレイヤが赤と黒で構成されます。
![]() |
![]() |
■ 【13】燃えたぎる熱気の表現を作る
熱気の表現の背景を作ります。まず、[描画色]が黒、[背景色]が白に設定されているか確認してから、[フィルタ]→[描画]→[雲模様1]を適応してください。
![]() |
![]() |
先ほど作ったレイヤを[スクリーン]にしてください。湯気のような表現ができました。
![]() |
体から熱気を出しているような表現にしたいので、ベクトルマスクを追加し、寅マスクのレイヤを選択して、白黒のグラデーションを縦に引きます。
![]() |
さらに熱気の調整です。レイヤを選択して、[イメージ]→[色調補正]→[トーンカーブ]で調整します。
![]() |
先ほどの熱気のレイヤの上に、赤いレイヤを作り、[焼き込み(リニア)]を適応します。
![]() |
赤いレイヤの上に、先ほど作った熱気のレイヤを複製し、[編集]→[変形]→[水平方向に反転]を適応します。
![]() |
■ 【14】これで最後! ツメろフィニッシュ!
胸の部分を背景になじませます。先ほど説明した[なげなわツール]+[ぼかし]で選択した後、寅マスクのレイヤを選択して、[フィルター]→[ぼかし]→[ぼかし(ガウス)]で[マスク]の範囲をぼかします。
![]() |
最後に、[レイヤー]→[表示レイヤーの統合]で統合した後に、[イメージ]→[色調補正]→[トーンカーブ]などで全体のバランスを整えます。
![]() |
お疲れさまでした! これで、完成です!
![]() |
来年も、面白いデザインハックを
さて、今年最後の連載となりました「一撃デザインの種明かし」。来年も面白いデザインハックを紹介していきたいと思いますので、よろしくお願いいたします!
■ @IT関連記事
| D89 デザインTips - デザインのハウツーテクニック集 デザイン初級者でも分かるデザインツール基礎/応用Tips(ハウツー・小技・テクニック)集です。[写真加工/フォトレタッチ編][イラスト/ドロー編][アニメーション編]など、随時公開していきます |
||
| デザイナだからこそ作れるUXに企業が注目している D89クリップ(14) Illustratorのプロダクトマネージャに聞く、Illustrator CS4の面白い機能やFlash Catalyst、デザインの未来。Fireworksがあれば、Illustratorは要らない? |
||
| クリエイターであるためにFlash待ち受けを出し続ける D89クリップ(9) トイレメーカーのサラリーマンはいかにしてFlashアニメ作家になったのか? クリエイターになる1つの方法を聞くとともにFlash待ち受けの簡単な作り方を教えよう |
||
| Webにおけるグラフィック表現手段としてのFlash D89クリップ(6) デザイナ川上俊氏のセッションから、FlashとAIRのツールとしての原点とプラットフォームとしての可能性を考える |
||
![]() |
著者プロフィール 林 真由美 (はやし まゆみ) Webサービスをはじめ、プロダクト、書籍、モバイルなどさまざまな同社制作物のデザインを手掛ける。これまでに手掛けたWebサービスのデザインは 100を超える。現在は、新規事業を担当するラボチームBM11(ブッコミイレブン)に所属。チームとして年間100近くのサービスリリースにトライ中。アイデアのオンラインショップ「元気玉」や、面白法人カヤックのアイデアポータルサイト「アイデアの泉」のディレクションも務める。カヤック社員全員分の漫画名刺づくりも担当する。 |
| 7/7 |
| INDEX | ||
| 一撃デザインの種明かし(9) 師走を乗り切れ! 超速イケてる年賀状素材作り |
||
| Page1 画像補正・写真加工の便利/面白テクニック14選! きれいな私を送りたい。あっという間の画像補正! 【1】速攻で! 顔を明るくする 【2】瞬時に! 赤ら顔を直す |
||
| Page2 【3】一瞬で! 滑らか肌にする 【4】ちょっとだけなら…… 簡単美容整形?! 【5】撮影後でも安心! メイク直しいらず |
||
| Page3 画質が荒いけど、写メの画像を使いたい! 【6】とにかく、一瞬で何とかしたい! 【7】ポップアートな感じで、アンディ・ウォーホル調に! |
||
| Page4 【8】一撃必笑! マンガ調に! |
||
| Page5 今年1年の集大成! 干支のマスクをしてみたい! 【9】アイツの目はトラだ! トラのように鋭いんだ |
||
| Page6 【10】タイガーマスクをかぶせる 【11】毛皮やヒゲの表現を追加する |
||
| Page7 演出が大事だ! 凝った背景を作る 【12】効果線のような背景を作る 【13】燃えたぎる熱気の表現を作る 【14】これで最後! ツメろフィニッシュ! 来年も、面白いデザインハックを |
||
一撃デザインの種明かし バックナンバー 連載インデックスへ»
- 第1回 一撃必笑!名物『漫画名刺』の作り方!
- 第2回 ケータイFlashでさくさく動くIllustratorデータの作り方
- 第3回 Google 3Dを使って、1日でゲームグラフィックを制作!
- 第4回 常識破りの携帯Flashアニメーション術
- 第5回 最旬!世界の制作会社コーポレートサイト徹底比較!
- 第6回 いまからでも遅くない! ケータイデザインの基礎固め
- 第7回 アイデア力を高める! ビジュアルブレストのススメ
- 第8回 一攫千金! デザイナのためのmixiアプリ制作のコツ
- 第9回 師走を乗り切れ! 超速イケてる年賀状素材作り
- 第10回 売れるiPad/iPhoneアプリのためのデザイン必須知識
- 第11回 新人Webデザイナに贈る!美人/タレント素材の創り方
- 第12回 誰でも作れる! “崩れない”HTMLメルマガ作成術
- 第13回 デザイナは要注目! 明日から語れるHTML5&CSS3
- 第14回 スマートフォンアプリデザインに役立つ基礎のまとめ!
- 第15回 HTML5+CSS3時代のプログレッシブ・エンハンスメント
- 第16回 いますぐ使えるCSS3テクニック集 コピペ用サンプル付
| 「デザインハック」コーナーへ |
TechTargetジャパン
- 次のモバイルアプリはどのフレームワークで作る? (2012/5/24)
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS&専用エディター」でCSSをシンプルに書こう (2012/5/23)
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら (2012/5/18)
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング (2012/5/15)
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
|
|

















