みんな大好き水着美女で「影」と「光」を描いてみよう - デザイナーのイラストノート
今回は「影」と「光」のお話です。私たちが目にしている立体物には「奥行き」がありますが、平面のイラストでそれを表現するとき「影」と「光」の表現は必要不可欠です。イラストだけでなく、デザインに取り入れることで奥行きのある世界観などを表現できるようになります。 影を描く練習 まずは基本の球体を描いてみましょう。円形を描いてみてください。 …え？描かない？ 球体なんてつまらないから描かない？ わかりました。それではみなさんが大好きな球体でご説明することにしましょう。 え？全然球体じゃないじゃないかって？そうです、今はまだ貧乳…いや、スレンダーな女性ですね。これから影と光を追加して、グラマラスな女性にしていきたいと思います。 影のつき方について、ざっくり説明すると球体にはこのような形で影ができます。手前にせり出してくる部分を避けて丸く影がついていき、光が下に反射する場合は「照り返し」の光があると球体
CSS Nite in Ginza, Vol.68フォローアップ（2）松田さんのセッション｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.68フォローアップ（2）松田さんのセッション 記事公開日：2013年4月 2日（火） 2013年3月21日（木）、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.68のフォローアップとして、松田直樹さん（まぼろし）の『HiDPI時代のFireworks』のスライドを公開します。 参照リンク Design Cutting Edge iOS Apps With Adobe Fireworks バシャログ - Retina対応用にページを分けるFireworksコマンド creative tweet - 画像をRetina対応で書き出しするFireworksの拡張機能作ったよ。 iOSアプリ - LiveView Subtle Patterns（テクスチャ配布サイト） Adaptation for Retina
Mac版のFireworksで「かな」「英数」をうまく切り替える方法 | WebDesign Basic（Webデザインベーシック）
お久しぶりです Mac版のFireworksでは「かな」「英数」の切り替えボタンが何故か「手のひらツール」になってしまいます。 Macをお使いの方ならストレスを感じた事があるのではないでしょうか。 そこで、今回はMacのショートカットキーを使ってうまく入力ソース切り替える方法を書いてみようと思います。 [command]＋[space] で文字ソースの切り替え こんな感じのウィンドウが出ます。[command]キーを押しながら[space]キーを押すと入力ソースが切り替わります。 使いやすいようカスタマイズ まず、『カタカナ』は使わないので非表示にします。 「システム環境設定」から「言語とテキスト」を選んで「入力ソース」タブ内のことえり項目から「カタカナ」のチェックを外します。 『カタカナ』の項目だけなくなりました。これだけで十分使いやすくなりました。 入力ソースを選択するウィンドウを非表
（１）金色のシール－ギザギザの円を描く
Fireworks8入門・動画講座（バナーやボタン・ヘッダー画像の作り方） ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated（アドビ システムズ社）の商標です。 解説 FireworksでWEB2.0風の素材を作る方法の続編をやってみます。 チュートリアルリンクに載っていたサイトを参考にしました。 http://www.designwalker.com/2008/04/fireworks-tutorial.html リンク先のサイトで練習したんですが、よくわからなかったところは自己流にアレンジしちゃってます。 ありがたいチュートリアルを公開してくれた元サイト様には感謝です。 １回目は、ギザ
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ！ (フェンリル | デベロッパーズブログ)
こんにちは！デザイナーの長谷川（ヒロユキ）です。 僕は Fireworks 大好きっ子なのですが、残念ながらフェンリルのデザイナーは殆ど Illustrator や Photoshop でデザインしているので、今日は僕が Fireworks を手放せない理由のひとつであるページ機能を紹介したいと思います。 ●動的なコンテンツや背景などのスライス書き出しがメッチャ楽 Fireworks CS3 で実装されてしばらく使わずにいたページ機能は今では無くてはならない機能です。 こういうデザインの場合、メニューの背景の画像とボタンの画像をそれぞれスライスしたいのですが、レイヤーのみで管理しているとスライスを重ねるしかなく、必要な画像をスライスする時に他のスライスを非表示にして背景レイヤーを消して…などと非常に面倒です。 ここでページ機能が威力を発揮します。 デザインができたら、ページを複製します。複
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksのチュートリアルいろいろ - DesignWalker