タグ

WEBデザインとチュートリアルに関するmasaxunのブックマーク (3)

  • WEB制作|デザイン会社|超簡単! 髪の毛の画像を1分で切り抜く方法まとめ

    お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお

  • わりと面倒な後光を超簡単に10秒で描く方法 for Illustrator – poyosi.com

    後光のぽよしアイコンで話題の@poyosiです、こんにちは。(そんな話題見たこと聞いたことない) 後光をイラストレーターで描くのってわりと面倒で、三角形を作ってくるくる回してる人もいるかと思いますが、そんな面倒な後光をサクっと作ってしまうテクニックをご紹介します。 ちなみに「後光」と言うとちょっとださい感じがするので合コンでは「バックフラッシュッ!」とか「サンバーストッ!」とまるで必殺技のように言うときっとモテると思いますよ。 イラレで超簡単に後光を描いてみましょう。 円を描く ここでは背景なしの線のみで、例として「200px」×「200px」の正円を描きます。 線幅を設定する 線幅を、円と同じピクセル数にします。ここでは「200px」ですね。 破線を設定する そして、破線をお好みのサイズで追加すると…もうそれっぽいのができます!やばい超簡単ですね! パスに変更する このままでは扱いづらい

  • jQuery事始めvol.2・画像にマウスオーバーして動作するアニメーションエフェクトを作ってみる

    以前に書いたjQuery事始め、という記事の 続編のような内容の記事です。基を理解 したら今度はコードを真似して体で覚えて みるのも勉強方法の有効な手の一つだと 思います。ご自分で改変して遊べる程度の 簡単なコードなのでぜひチャレンジしてみて ください。 内容はjQueryを覚えたいけどなかなか時間が無い、というWebデザイナーさん向けです。多くのプラグインやチュートリアルが存在しますが、jQueryの基中の基と少しのアイデアだけでも十分出来ることがありますので、そこまで深く追求する必要は無い気もします。 少しでもハードルが低くなればと思って、コードを真似して、そこからご自身で応用出来るような簡単な内容を記事にしてみました。今回はよくあるマウスオーバーエフェクトを作ってみます。 サンプルまずはサンプル。画像にマウスを乗せるとアニメーションエフェクトがかかります。 確認出来ましたでしょ

    jQuery事始めvol.2・画像にマウスオーバーして動作するアニメーションエフェクトを作ってみる
  • 1