めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
チュートリアルマニアックス｜Adobe Illustratorのチュートリアルを紹介します。
2016年5月26日 Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利
Illustratorで指定した角のみを角丸にしたい｜DTP Transit
本日のDTP Festa in Tokyo 2013 June終了後、次の質問をいただきました。 アピアランスを使って、ひとつの角だけを丸めることはできますか？ 思いつくのは次の2つです。 はさみツールで切って［角を丸くする］効果を適用、その後、パスファインダーの合体でオブジェクトを結合 Xtream Pathの［円弧面取りツール］を使う はさみツールで切って［角を丸くする］効果を適用、その後、パスファインダーの合体でオブジェクトを結合 ［はさみツール］を選択し、赤い丸の中心点でクリック（便宜上、異なるカラーにしています） ［角を丸くする］効果を適用する ［オブジェクト］メニューの［アピアランスを分割］を実行する 2つのオブジェクトを選択し、［パスファインダー］パネルの［合体］をクリック 追記（2013年）： @gladdesignさんから補足いただきました。［オブジェクト］メニューの［ア
Ai_10秒で均等な集中線を作る
均等な集中線の作り方です。とても簡単です。 １．円を描きます。 ２．線幅を円のサイズと同じにして、破線を適用します。 線幅と円サイズは表示単位が違っても変換してくれるのでそのまま入力して大丈夫です。 これで完成。 破線の線分と間隔の数値で集中線の数を編集してください。 作った集中線を拡大縮小するときは環境設定＞線幅と効果も拡大・縮小にチェックを入れておいてください。 使用例
初級FAQ：2つの円の接線を引く方法｜DTP Transit
2つの円に接する線を描画する方法についてご質問いただいたので考えてみました。もっと簡単な方法があったら、コメント下さいませ。 まずは、接線の長さは、2つの円の上部が揃っているときの、上部のアンカーポイントを結ぶ距離と同じなので、この距離を算出し、利用していきます。 そして、Point!は「スマートガイド」を利用すること。「アンカー」、「中心点」、「交差」などのガイドが出てくるので、確実にスナップさせて描画することができます。 大きさが同じ円同士の接線を引くのは簡単な手順ですが、サイズが異なる円の接線は少しやっかいです。 この場合は、中心点を結ぶ直線の距離を半径とした円を、それぞれの円の中心に合わせて配置しガイドにします。そのガイドに沿って片方の円を回転して、2つの上部をそろえることで、接線の距離を算出し描画します。 そして、接線ごと、もとに位置に回転して戻します。 詳しい手順は、PDFでダ
Bookmark by yun |パスデータのドットイラスト
イラレで作るドットイラストのメモ。 ドットの大きさで濃度を表現するので便利！ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1.モザイク化 グレースケール画像を配置（全体的に薄くない方が奇麗） フィルタ→「クリエイト」→「モザイク」 （「タイル数」は画像の辺の比率に応じて調整、「ラスタライズデータを削除」をチェック、「効果」はグレー） 2.タイル化 全選択 フィルタ→「スタイライズ」→「角を丸くする」 （半径の値はひとつのタイルのサイズより大きく） 3.背景削除 自動選択ツール（パネルの塗りをチェック、許容値0）で白い部分を削除 4.濃度確認 ひとつのタイルの濃度の値を確認 5.タイル変形 塗りの許容値を上げてタイルを自動選択 同じ濃度のタイルがすべて選択される 塗りをK100に オブジェクト→「変形」→
IllustratorやInDesignで図版の上に黒丸数字を配置する際の気遣い｜DTP Transit
図版上に黒丸数字を配置する場合、数字部分が透明になってしまいます。ベタ（単色）であれば問題になりにくいのですが、写真など配置する場所によって背景が異なる場合にはあまりうまくありません。 対策は2つです。 カーニングでなんとかする カラー：白で「●」、続けて「①」（黒丸数字）を入力。 「●」と「①」の間にカーソルをおき、［文字間のカーニングを設定］に「-1000」と入力。 Illustratorでは1文字を1000/1000emと計算しているので、-1000と入力することで、ちょうど1文字分ずれることになります。 これで数字の部分が透けなくなります。 2つの文字の位置を調整する カラー：白で「●」、別の文字オブジェクトとして「①」（黒丸数字）を入力。 2つの文字を選択して、上下、左右、それぞれ中央に配置。 2つの文字をグループ化。
細かすぎて伝わらないIllustratorの小技（1）Illustratorで塗りのカラーを線に適用するには｜DTP Transit
Illustratorのツールパネル、または、［カラー］パネルで［塗り］のカラー部分をドラッグして、［線］にドロップすると、同じカラーになります。 optionキーがいりそうな気がしますが不要です。 線から塗りも同様です。 ウエイトがないフォントで無理矢理「線」を使って太らせる、といった場合に重宝します。 たとえば、こちらに 塗りと同じ線のカラーを適用して太らせたり、 角を丸めたり、といった使い方です。
細かすぎて伝わらないIllustratorの小技（2）：項目名をcommand+クリックしてデフォルトに戻す｜DTP Transit
たとえば、上記の場合、自動カーニングやハンドカーニング（手詰め）が混じっている場合でも、command+クリックすれば「自動」に戻ります。 こちらのエントリーにて、通りすがりさんからコメントにて教えていただきました。 Illustratorで選択したテキストの変倍、トラッキング、ベースラインをデフォルトに戻す - DTP Transit 正直、知らなかった!!! とても得した気分であるのと同時に、これまでの人生でソンしてたと悔しい思いです。通りすがりさん、ありがとうございます！ 追記 InDesignでもできるかな〜と思ったところ、できませんでした。 追記（2014年7月日）： Illustrator CS6以降、この機能がなくなってしまったのですが、Illustrator CC 2014で復活しました。
細かすぎて伝わらないIllustratorの小技（3）オブジェクトをcommand+クリックすると背面のオブジェクトを選択できる｜DTP Transit
「あ〜、Illustratorでこれができたら、どんなにラクだろう！」と思っていたのに、全然使っていませんでした。 ちなみに、クリック時にのようなマウスポインタになるのですが、最前面のオブジェクト上にあるとならないのです（たぶん、バグ）。あと、矢印が白いのもおかしいですよね。 私の環境では、たまに背面のオブジェクトを選択できないことがあって、放置していました。 ちなみに、これが鬱陶しい場合には、［選択範囲・アンカー表示］環境設定で、オフにすることができます。
Finderを即起動できるショートカットキーがマジでクソ便利なので覚えておこう！ – 和洋風KAI
control + F3キー + enterでFinderを起動できる。 そのショートカットキーとは「control + F3キー + enter」です。 まず「control+F3キー」を叩くとDockの一番上（もしくは左）のアイコンが反転します。 この場所はFinderしか置くことができないので、そのまま「enter」を叩くことでFinderが起動します。 これを覚えておけば、わざわざマウスやトラックパッドに手を持って行かなくてもFinderを起動できるので至極便利です。ぜひ覚えておきましょう！うぇーい！ ▼ Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[Mac]作業効率が断然違う！大量のファイル、フォントなどの中から目的のモノを選択する際に役立つtipsでスクロール地獄からおさらば！！
My Name is Finder / FHKE どうも、整理がいつまでたっても上手くならない@OZPA です。 さて、本日は大量のファイルの中から目的のファイルを探すのに役立つtipsをご紹介。 （ただし、頭文字が英数字のファイルetcに限ります） キーボードを使うと探し物が楽になる 上は私のMacのアプリケーションフォルダ。大量のアプリケーションが並んでおります。 アルファベット順に整列しているとはいえ、画面をスクロールして目的のファイルを探すのはちょいとめんどくさい。 かといってSpotlight起動は大げさだし、はて、どうしたものか。 こんな時、目的のファイル名がわかっている場合は、キーボードを英数字モードにしてそのファイルの頭文字をタイプしましょう。 すると、入力したアルファベットが頭文字にあるファイルに自動的にカーソルが移動するのです。 地味に便利。 これを利用すれば、ごっちゃ
![[Mac]作業効率が断然違う！大量のファイル、フォントなどの中から目的のモノを選択する際に役立つtipsでスクロール地獄からおさらば！！](https://cdn-ak-scissors.b.st-hatena.com/image/square/73e2bd5cb7c6d68a1c4e2ea8377dfa6032c734cf/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F250167807_ba8f5db4261.jpg)
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
Illustrator 初級TIPS
土曜日、いつも出席させていただいているDTPの勉強会に行ってきました。 今回のテーマはIllustrator、Photoshop作業の時短TIPSです。 普段の作業では新しい発見をする事はなかなか難しいので、このような勉強会はとてもありがたいです。 勉強会が終了した後いろいろお話をしている中で、意外と知られていないものもあったので少しご紹介。 ◆グループ化されたオブジェクトに新しいオブジェクトを追加したい時、わざわざグループ化を解除して、追加した後再度グループ化しなくても良い。 例えば下図の緑の四角と青の丸はグループ化されています。そこに赤の三角を追加したい時。 三角を追加したい位置に置き、カット（command+X）した後、前面へペースト（command+F）または背面へペースト（command+B）します。 今回は青丸の後ろに置こうと、青丸をダイレクト選択ツール（白い矢印）で選択した後
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustrator CS3小ネタ紹介（1）マスク - DTP Transit（CS3, Illustrator）
Illustrator CS3小ネタ紹介（2）｜DTP Transit
Illustrator CS6で文字入力中にスペースバーで［手のひらツール］に切り替えるのに難儀する｜DTP Transit
らくがきあつめ。:重ね売価作成手順最新まとめ（イラストレーター、インデザイン）
