Illustratorのライブペイントって便利だなァ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は使ってみないと損！Illustratorのライブペイントについてご紹介します。 みなさんはイラストレーターで↓このような図を塗り分ける場合どのように作業しますか？ わたしの場合、パスファインダを使って塗りと線をバラバラにしてみたり、 Ctr+B（背面へコピー）などを使ってみたり、 線の下に塗り用のパスをちまちま描いてみたり、 とまぁたぶんものすごく効率の悪いことをしてました。 がしかし・・・今ではこんなチートツールがついているんですね！！「ライブペイント」 この機能はおおざっぱにいうと、 重なり順などは無視して、閉じられている領域に色を流し込める機能です。 使い方は、塗り分けたいオブジェクトを選択して、「オブジェクト」→「ライブペイント」→「作成」で塗り分ける領域を作ります。 次にツールの中からライブペイントを選択します。 塗り分けたいオブジェクトにカーソルを近づけると閉じられた領域
jQuery：ロールオーバー画像をクリックで固定させる
jQueryを使うとロールオーバーとかも楽に設定できるし、 先日のように、クリックで背景を変更することも可能だ。 今日はロールオーバー部分でクリックしたとき、 クリックした部分の画像は、ロールオーバー時のままにしておきたい、 そのままの状態にしておくようにするスクリプトにしてみた。 クリックで背景画像を入れ替える その２ 先日の背景画像を入れ替えるで作ったのを改良してみた。 ■スクリプト (function($) { $(function() { $.ham.bglink(); $.ham.rollover(); }); $.ham = { 画像＆背景切り替え部分 bglink: function(options) { var c = $.extend({ imgSelector: 'ul li a img', linkSelector: 'ul li a', bgSelecter: 'd
jQuery入門講座 使い方
索引 ├ 使い方 目次 └ バグノート(1) 1章：jQuery入門 ├ jQueryのメリット ├ readyイベント ├ オブジェクトについて ├ メソッドについて ├ 情報の取得 ├ イベント(1) ├ イベント(2) └ 初歩なサンプル 2章：jQuery基礎 ├ thisについて(1) ├ thisについて(2) ├ jQueryとDOM要素 ├ 簡単な演出 ├ thisから辿る ├ 汎用的なアニメ(1) ├ 汎用的なアニメ(2) ├ アニメの停止 ├ アニメを管理する仕組み └ 汎用的なアニメ(3) 3章：jQuery発展 ├ イベントフロー(1) ├ イベントフロー(2) ├ イベントフロー(3) ├ 画像のプリロード ├ jQueryの高速化 └ メソッドチェーン 番外編：研究 ├ イベントを外す ├ cssアニメとの連携(1) ├ cssアニメとの連携(2) ├ cssア
jQuery で実現する パララックス効果をヒントにしたシンプルで新しいスクロール背景 - こじょらぼ
背景画像のトップとボトムが、ページのトップとボトムと一致するように、 ページの長さに応じてスクロール量が変化する背景を設定する方法です。 ページのスクロールとは独立して(ページの縦幅に関係なく)、背景は背景画像の高さ(height)までしかスクロールしません。 ちょっと前から主流の fixed や、伝統の scroll に並ぶ、 新しい種類の背景(background-attachment)と言えるのではないでしょうか！ 特徴 繰り返さない一枚絵の美しさと、ユーザーの操作に応えるインタラクションを兼ね備えています。 パララックス効果を使った背景よりもシンプルです。 実装もシンプルで比較的 簡単です。 サンプルページ 当ブログのトップページがサンプルです。 コンテンツのスクロール量と、背景のスクロール量に注目。 スクロール バーでスクロールさせると、滑らかで分かりやすいかも知れません。 続き
PhotoshopやIllustratorを使用して、キャラクターを描くチュートリアルいろいろ：ekakou フリーフォント/Photoshop
Smashing Magazineのエントリー『40+ Cartoon Character Illustration Tutorials』から、キャラクターを描くチュートリアルをいくつか紹介します。 Photoshopチュートリアル Drawing Vector-Looking Cat Illustration Using Photoshop PAINTING TUTORIAL Illustratorチュートリアル How to Create a Cute Bunny Vector Character How to Illustrate a Cute Emo Kid 元記事は以下から、 ≫40+ Cartoon Character Illustration Tutorials 【関連記事】 高解像度のグランジ系Photoshopブラシあれこれ 木、葉っぱ、水、空などの自然がテーマのPhot
これはすごい！WordPressでGoogle+をブログ化して過去ログを検索できるようにする方法 - Chrome Life
皆さんはGoogle＋をどのように使っていますか？ Google＋を始めたばかりの時は、Google＋の情報源として利用している人も多かったのですが、最近では利用者も増えてきていろんな面白い話題がストリームに流れるようになってきました。 コメントや+1をたくさんもらえるようになってきたので、ますます楽しくなってきています。 個人的には今のところ 「Google＋が最も居心地の良いソーシャルネットワーク」 になってきています。 最近では、人気ジャーナリストの津田大介さんが 「Twitterはもう終わり感が漂い始めてきたので、これからはGoogle+で頑張っていきたいと思います！」 と脱Twitter宣言をされたぐらい、Twitter、Facebookユーザーを取り込みつつあります。 （結果的には、Twitterに戻っていったようなのですがw） まだGoogle＋も試験期間中なので一部の人しか
作成時間15秒！HTML5サイトを目的に合わせて簡単に作成出来るサイト「Initializr」
HTML5、CSS3、Javascriptを使用したサイトを簡単につくることが出来るテンプレートサイト「HTML5 Boilerplate」。このBoilerplateを利用してさらに簡単に15秒程度で目的に合わせてHTML5のテンプレートを作ることが出来るサイト「Initializr」の紹介です。Javascript、Modernizr、webサーバの設定などを簡単に組み込んだり、外したり出来ます。 使用方法は、とても簡単で必要に合わせていくつかのオプションを選択します。多くの場合、デフォルトの設定で問題ないと思います。 まずは、こちらのサイト「Initializr – Start your HTML5 project in 15 seconds!」にアクセスします。 サンプルページが必要な場合は、「Initializr sample page」を選択してください。(デフォルトで選択され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発