タグ

ブックマーク / vanidesign.blog.fc2.com (7)

  • Sketch3でこれからデザインする人に使い方のヒントになりそうな操作をまとめてみる | バニデザノート

    Sketch3は、ウェブサイトや、アイコンや、スマホデザインや、レスポンシブデザインなどのデジタルデザインに特化したデザインアプリです。 直感的で、定義をすればするほど速くデザインができるんですが、PsやFwと比べると、シンプルになりすぎてて「あの機能はどこなの?っていうかあるの?」って思うものがいくつかあったので、まとめてみたいとおもいます。

    Sketch3でこれからデザインする人に使い方のヒントになりそうな操作をまとめてみる | バニデザノート
  • [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ | バニデザノート

    photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う(1)- 間隔設定を使う ブラシ設定の「間隔」という設定を100%以上にすると破線になります。 %設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。 参考:http://www.dougamanual.com/blog/247/1430/e6849.html ブラシを使う(2)- 登録されたブラシ 小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し 上記と同様

    [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ | バニデザノート
  • Fireworksの微妙な色の調節に、「ブレンダー」が便利です。 | バニデザノート

    Fireworksで、微妙な色の調整をするときに 毎回パレットをぐりぐりするのが面倒で、なにかいい方法はないかと調べたら 「ブレンダー」というパネルがあるようです。 今回はこの「ブレンダー」を紹介いたします。 Fireworksでは、ツールの色ボタンを選択するとwebカラーのパレットが開いて そこからもう少しくわしい「カラー」パネルにすすむことができます。 だいたいはwebカラーのパレットであたりをつけたあと、 この「カラー」パネルの横のバーで 明度を上げ下げすれば「すこしあかるく」「すこし暗く」みたいな 色調整が可能なのですが オレンジ系統の色など、中間色に関しては、 上記のように明度を上げられず、「もっと明るく」ができない場合があります。 こういった場合は直接真ん中の丸いグラデーションのポインタを 黄色側か、白側に動かすのですが、なかなかうまく色がでない。 赤によりすぎたり、黄色になり

    Fireworksの微妙な色の調節に、「ブレンダー」が便利です。 | バニデザノート
  • フリーで使える!企業サイトでよく見かける、新しいウィンドウを示す「新窓」アイコン | バニデザノート

    フリーで使える、企業サイトでもよく見かける「新窓」アイコンをご紹介します。 Sheps4Freeさんでは、100のアイコンがDLできますよー! お気に入りの新窓アイコンを、Fireworksの共有ライブラリに登録しておけば 効率化が図れそうですね♪ 100 External Link Icons (PNG, PSD) http://www.shapes4free.com/vector-icons/external-link-icons/ 関連記事 jqueryなどのgoogleライブラリを参照するscriptタグをコピペできるScriptSrc.net 2011/12/08 タグの閉じ忘れをチェックするブックマークレットが便利。 2011/12/04 センスのよいインフォグラフィックが集まるコミュニティ「visual.ly」 2011/11/25 フリーで使える!企業サイトでよく見かける、

    フリーで使える!企業サイトでよく見かける、新しいウィンドウを示す「新窓」アイコン | バニデザノート
  • JPEG画像を圧縮できるJPEGminiを試してみた。 | バニデザノート

    JPEG画像を高画質のまま圧縮できるJPEGminiというウェブサービスを試してみました。 操作は簡単で、「Try it now」のボタンからアップロードページにすすみ、 画像をアップロードしてコンバートを待つだけです。 わたしが試したのは、文鳥のさくらいくんの小さい頃の写真。 たしかCanonのEOS KISSで撮ってそのままのデータです。 左がオリジナル、右がJPEGminiで圧縮したもの。 今回は、サイズが1/5になりました! 5Mが1Mに・・・! お仕事でも使わせていただいたのですがJPEG画像によっては 低圧縮でシンプルなJPEGなら最大1/8まで圧縮できたものもありました。 Jqueryのスライドとか、背景に使う大きな画像などを これで圧縮するとすこしはパフォーマンスが改善するかもです。 是非、お試しくださいませ。 JPEGmini http://www.jpegmini.co

    JPEG画像を圧縮できるJPEGminiを試してみた。 | バニデザノート
    wozozo
    wozozo 2011/10/02
  • Instagramやポラロイドのようにかわいい写真を加工できるフリーのPhotoshopアクション | バニデザノート

    Instagramやポラロイドカメラのような写真を iphoneなどのスマートフォンからだけでなく フォトショップで加工できるアクション集です。 古い写真感をだすためのブラシセットも一緒に紹介します。 かわいらしいレトロな写真を楽しみましょう! photoshopアクション Polaroid GENERATOR V2 ポラロイドカメラ風の色あせた写真を作ることが出来ます。 ※枠は付いていません。 Old Photo Action 古いフィルムカメラのような色合いを表現。 sa-cool actions 2.06 オールドカメラ風のエフェクトが7種類入っています。 これひとつでも、充分写真加工が楽しめそう。 Photoshop Action 15 肌色などがキレイに出て、陰影が付き、赤色がビビットになるアクション。 個人的には一番好み。 JJ's PSD+ATN 7 小物や、動物、植物を撮る

    Instagramやポラロイドのようにかわいい写真を加工できるフリーのPhotoshopアクション | バニデザノート
  • フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート

    関連記事 [update!] 基最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム(モックアップ)作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:

    フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
    wozozo
    wozozo 2011/08/22
  • 1