はてなブックマーク

ガーリーにもエレガントにも、キュートにも。 くるくると動きのあるリボンのグラフィックをワンポイントにするだけで デザインがランクアップすること間違い無し！ 覚えておくと何かと重宝するリボンの描き方チュートリアルをまとめてみました。 【Illustrator】カリグラフィブラシでパスを描いてアウトライン化 カリグラフィブラシでパスを描いてアウトライン化、 その後手前と奥のリボンを分割して色を塗り分ける方法です。 複雑なくるくる具合にしたい場合に最適です。 このチュートリアルではプレゼントBOXの描き方の中で、リボンの作り方が紹介されています。 How to Make Festive Vector Gift Boxes | Vectortuts+　※英語 http://vector.tutsplus.com/tutorials/illustration/how-to-make-festive-

はじめに 現在、スマートフォンは大きく分けて2つのOS（iOS、Android）があります。 OSごとの仕様の違いも重要ですが、 特に問題になる端末の違いは画面の解像度で、 iOSは960×640px(iPhone4とiPhone3Gは同じサイズで表示できる) Androidは800×480px?(端末によってサイズがバラバラだが、横幅は480pxが基本) と、表示サイズが大きく異なります。 さらにスマートフォンは画面を横に回転させることもできるので、 解像度が縦横反対になることも想定しておかなければいけません。 iPhone4を基準としたデザインからコーディングをした場合の注意点とその参考サイトをまとめました。 iOSのSafariは様々な制限やバグがある ・画像のサイズ制限がある（GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル） ・Web Fonts は使えない。 ・

簡単にパスをアナログ感のあるテイストに仕上げる方法を見つけましたのでご紹介します。 １．パスをアウトライン化する。ラインの太さは3px以上にしてください。 ２．【フィルタ】→【フィルタ】→【パスの変形】→【ラフ】 を選択 ３．パスを拡大して、プレビューで確認しつつ数値を調整する。 必ず「入力値」と「丸く」にはチェックを入れてください。※サムネイルをクリックすると拡大画像が見られます。 ４．できあがり！ このサンプルイラストはパスが正円ですが、フリーハンドのパスですとさらに手描き感が増します。

破線を書く Webデザインで、囲んだり、区切ったりと、よく使われる破線。 今回は、Photoshopのブラシツールで簡単につくれる破線をご紹介します。 1)ツールパレットから鉛筆ツールを選択してから、F5を押しブラシパレットを表示 2)間隔に任意の数値を入力 ※200%なら1点置きに、300%なら2点置きの破線になります。 3) 線を描くと破線になります。 図形の境界線を破線で描く Photoshopで図形の境界線を描くときに、レイヤースタイルの"境界線"を使用する場合があります。 この境界線を使って破線で描きたい場合は、一工夫が必要です。 1) 破線のパターンを用意します。 4×4pixelのボードに2pixelのドットで図のような柄を描きます 2)これをパターンに登録 3)好きな図形を描きます。 4)レイヤースタイルの"境界線"を選ぶ 設定を ○サイズ：2pixel ○塗りつぶしタイプ

コーポレートサイトはすいすいデザインできるのに、女性向けのデザインが苦手な方はいませんか？ 色使いがよくわからない。好みがうまくつかめない。そんなお悩みを解決！ 女子のハートをきゅっとつかむWebデザインをお教えします。 記念すべき第一回は女性らしさの象徴「ピンク」についてまとめました。 ピンクを使えば女性らしいデザインになるのは周知の事実。女子がピンク好きなのも周知の事実。 まずはピンクの使い方をマスターすることから始めましょう！ [その1] まずはポイントで使おう メインカラーにピンクを使って欲しいとのご要望。 慣れない色使いに戸惑い、画面中がピンクまみれになっていたことはありませんか？ ピンクは青や緑と違い、とても存在感のある色です。 使い過ぎると要素の優劣をつけるのが難しくなり、メリハリのないデザインになりがち。 まずはポイント使いから始めましょう。 オーブクチュール | 花王 ソ

Illustratorでクリッカブルマップをつける方法を自分メモがわりに投稿します。 詳しくはつづきで。 今回はこの近畿エリアの都道府県ボタンにクリッカブルマップをつけてみます。 １．クリッカブルマップにしたいパスを選択します。 ※パスが「複合パス」になっていると、パス通りのクリッカブルマップになりません。 ２．[ウィンドウ]メニューから[属性]をクリックして、属性パレットを表示させ、「イメージマップ」を「多角形」にします。 ３．「URL」にリンク先を指定。今回はアンカーリンクにしています。 ４．[ファイル]メニューから[Webおよびデバイス用に保存]をクリック。 ５．保存時に「ファイルの種類」を「HTMLと画像」に設定しておきます。 ６．パス通りのクリッカブルマップができました。あとはHTMLファイルのソースをコピペするだけです。