illustratorのaiデータから画像を綺麗にスライスする方法｜Web Design KOJIKA17
illustratorのaiデータから画像を綺麗にスライスする方法 2011-01-08 illustratorのaiデータをWeb用の画像にスライスすると、画像が1pxズレが生じたり、Photoshopのスライス機能と違うので戸惑うことが多いと思います。 関西の某勉強会の懇親会でも「外注に頼んだデザインがaiデータで来て、スライスに凄い時間がかかった」という意見が多く聞いたので、illustratorのスライスの仕方をご紹介させて頂きます。 紹介するillustratorのバージョンはCS2ですが、CS以降のバージョンならほとんど機能が使えるはずです。 スライスの準備 単位 [ファイル]→[ドキュメント設定]で単位がピクセルになっているか確認します。 ここを変更すると、定規などの値も全てピクセルになるはずです。 カラーモード [ファイル]→[ドキュメントのカラーモード]がRGBカラーにな
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
Fireworksでマスクの基本的な使い方を覚えるための実例チュートリアル | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ マスクはとても便利な機能です。ただ、Fireworksでは、PhotoshopやIllustratorとはやり方が少し違う事から、初めて触る人にとっては、少々分かりづらいようです（と、Photoshop使いの人から言われました）。というわけで、Fireworksのマスク機能を使い方、及び実用方法についてご紹介します。 それでは、実際にマスク機能を使って、2つの画像を合成してみます。 鳥の飛んでいる大空と、景色の写真を元画像に使います。 マスク用の矩形オブジェクトを作成する 矩形ツールを使い、景色の写真の空の部分を覆うようにして、長方形を作成します。このあと合成する大空の写真は、この矩形オブジェクトの範囲内にトリミング
Base · Bootstrap
Body copy Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default). Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ult
inputのズレを揃えるCSSまとめ - Qiita
ブラウザ間でインプットやチェックボックスの表示がズレるのを自分なりに修正したCSSのまとめメモ。 ちなみにIE6ではinput[type="text"]や、input[type="checkbox"]の標記が無効？のようだったので、もしやんごとなき事情でIE6に適用させるためにはチェックボックスやラジオに対して別途クラスを当てる必要。 ・buttonには overflow:visible;を入れる。 ・vertical-alignを指定する ・positionをrelativeにして、高さを相対的に揃える（topは各フォントサイズにより変更する） ・font-familyに日本語フォントを指定する こんな感じで書くと書くブラウザでズレが軽減されます。 body, form { margin:0; padding:0; border:0; outline:0; font-size:100%;
CSSでinputやbuttonタグを画像化してボタン表示を消す
画像化すると変になる inputやbuttonタグを画像にすることはよくありますよね？ 送信ボタンってやつですね。 ボタンを画像化すると、まわりに枠が出ていますよね？ 気持ち悪いです。とても気持ち悪いです。 そのままでも普通に動くので問題ないといえば問題ないのですが 以外に簡単な方法で枠を無くすことが出来ました！ 気持ち悪い枠を無くすCSSはこれ 下記のCSSを適用するだけで枠を無くすことが可能です。 下記をCSSファイルに追加して下さい。 button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; } 「border:0」と「background:none」はボタンの表示を消すおまじまい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog