UIからパンフレットまで！DTPデータもFigmaで作りきる理由と方法｜Timers Designer Team
こんにちは、Timersデザイナーチームです。 Timersでは、デザインワークではほぼFigmaしか使いません。 今回は全てをFigma中心でデザインする理由と、方法をご紹介します。 Fammは家族のアルバムアプリであり、オリジナルのカレンダーサブスクリプションサービスであり、家族関連の商材を扱うストアでもあります。 デザインはUIや広告などデジタル媒体以外にも、カレンダーやプレベビーアルバム、パンフレット、チラシや私たちの名刺などDTPデザインも行います。 Timersのデザイナーは、これらのほとんどのデザインをFigma化しています。 なぜDTPデザインまでFigmaで作るのか？実際に手に取れる物のデザインをFigmaで完結させる理由は、 コラボレーションに重きをおいているから です。 IllustratorやPhotoshop、Sketchと比べ、Figmaは簡単にデザインを共有す
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？｜やも♡脂のレタッチ鰤☀ゲコリノフ
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？ この記事は初心者向けではありません。 Illustratorの使い方を 指導する方に向けて 書いています！ ・大きめアートボードにトンボ描いてるよ、という方→印刷会社がEPSで回しているからです。 ・印刷会社が欲しいのは位置情報です。人が見て処理するための描きトンボがいいのか、データに埋め込まれ、描きトンボとして可視化もできるTrimbox等の位置情報を使うのかはワークフローによります。増えてきているPDFネイティブなワークフローでは後者が必要。 ・移行期（の終盤）にあたる今、描きトンボも必要なら、データ上の位置情報と合わせるべきです。 大きめアートボードとは大きめアートボードにトンボを描くやり方、こういうのですね。 アートボードを実寸より大きめにしてから、中に実寸のトンボを描
デジタルが全てを破壊したフォントのはなし。 | PRETTZ MAGAZINE【オリジナルプリントTシャツデザイン情報局】
美しい書体が絶滅危惧種となった理由 二大勢力のモリサワと写研 昔、デザインの業界では、写植（写真植字）という印画紙に、文字を焼き付ける仕事があった。 その中で二大勢力を持っていたのは、モリサワと、写研。 今では、新人のデザイナーさんは、写研と言っても知らないかもしれないが、実は、デジタル以前。つまり、MacintoshがDTP（デスクトップパブリッシング）という言葉を馴染ませ、それを当然のこととして、意識させなくなる時代が到来するまでは、業界トップを誇っていた。 書体も、モリサワよりも、美しく、クオリティの高いもので、書体指示をする時には、私は、ほとんど、写研の見本帳しか使用していなかった。 書体名で言えば、ゴナDBなど、通常づかいの書体に加えて、スーボ、ナール、などのタイトルに使いやすい変わった形であるけれど視認性が高い書体が多く、完成度が素晴らしい書体だった。 写研の説明によれば、美し
Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧｜DTP Transit
#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ
無料でモリサワフォント18書体やレイアウト・素材を使ってプロ並みデザインができる「Picky-Pics」 - GIGAZINE
5万点以上のこだわり素材と美しいフォントなどを、専門知識がなくても美しい配置が行える「スマートガイド」に従って配置していくことで、プロ並みのデザインのA4書類・名刺・はがき・Facebookカバー・プレゼン資料を作れるようになるネットサービスが「Picky-Pics」です。一体どんな感じでデザインができるのか、実際にサービスを使ってみました。 Picky-Pics（ピッキーピックス） https://picky-pics.com/ Picky-Picsを使って作れるデザインの作例は以下のような感じ。これらの中には、本来はデザイナーではないというフェンリルのスタッフがサクサクっと作ったものも含まれています。Picky-Picsのコンセプトとしては「自分たちの親でもできる」が掲げられており、基本的に操作はドラッグ&ドロップのみ。カンタンにレイアウトやデザインが行えるツールと、豊富な素材集とを一
IllustratorでWeb向け、ピクセルベースの作業を行う上での設定（完全版）｜DTP Transit
Illustratorをウェブ制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます（ツッコミ歓迎ですので、何かあればお気軽に）。 ドキュメントプロファイルは「Web」。［プレビューモード］を「ピクセル」に変更、［新規オブジェクトをピクセルグリッドに整合］はオフ ［線の位置］を「内側」にして作業 ［アピアランス］パネルメニューの［新規アートに基本アピアランスを適用］のチェックをはずしておく ［新規オブジェクトをピクセルグリッドに整合］はオフに ［プレビュー境界を使用］にチェックを入れる キー入力を「1ピクセル」に アートボードの座標に注意 sRGBを基準に これによって、次のような問題を回避できます。 プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。 ［新規
［形状に変換］効果の形状オプション_Illustrator - なんでやねんDTP・新館
DTP TransitさんにIllustratorでアピアランスの［形状に変換］効果で囲み罫を付けるtipsが紹介されている。（コレは自動伸縮枠） しかし、［形状に変換］効果の形状オプションの元となる数値はどのように決定されているのかは説明されていない。 それが判らない限り数値的に正確なモノは出来ないだろう。 以前の記事に記したようにフォントのバウンディングボックスサイズというのがあり、そのサイズは同じフォントでもバージョンによって差異がある。 以下はモリサワのA-OTF 中ゴシックBBBに［形状に変換］効果の［形状オプション/値を追加］で幅・高さとも「0mm」の設定で自動伸縮枠を生成した例（32Q）。 ※作例はCS4*1 画像を見ていただくと、文字列をクリックした際のサイズ（バウンディングボックスサイズ）で枠が生成されているのが判るだろう*2。 以下、当初の理解しにくい記述をより理解しや
DTP系ブログ｜DTP Transit
IllustratorやPhotoshop、InDesignを扱っているブログをまとめてみました（順番やカテゴライズには深い意味や意図はありません）。また、「DTP系」でないものもあります。 抜けているものがあれば、ぜひ教えてください（自推他推問わず）。 まとめ Planet DTP@jp Illustrator Blog | hamfactory イラレラボ illustrator-labo 派遣DTP つくる積読 デザインとイラストのTips | Factory70 Blog ADAM DTPメモログ DTP・WEBデザイン、印刷、PC講習・販売のdimension nantoh Illustrator | Handy Web Design A.I.A.A カテゴリーIllustratorの投稿一覧 | Magicalog Adobe Illustrator関連 | Blog | 06
紙の寸法 - Wikipedia
A列、B列、C列はISO 216で画定されている紙の仕上がり寸法の国際規格である。ドイツの工業規格 DIN 476が基になっており、世界各国で使われている。仕上がり寸法とはノートやコピー用紙など、製品に仕上がった紙の寸法である。 A列ならもとの大きさを「A0」、それを長辺で半分にしたものを「A1」、さらにA1を半分にしたものを「A2」という具合に呼び、サイズを下げていく際に長辺を半分にすることにより短辺と長辺の比率（白銀長方形）が同じ（つまり相似）になるように設計されている。しかし規格寸法は1mm未満の端数が出た段階でその端数値が切り捨てられるため、逆算で単純に短辺を倍にすることによりサイズを上げていくと規格寸法の数値に誤差が生じる。日本では「A1」を「A全」、「A0」を「A倍」と呼ぶことがある。 短辺と長辺の比は1:√2（≒1.414）。数字が1減るに従い面積は2倍、辺の長さは√2（≒1
簡単な画像加工ならここでOK！オンライン画像編集サイト「Pixenate」*二十歳街道まっしぐら（FC2ブログ時代）
「Pixenate」はオンラインで画像加工ができるサイトです。 なかなか豊富なメニューで加工もしやすいのが特徴。 さらに加工した画像はローカル保存以外にも、Flickrにアップしたり、Tシャツやマウスパッド（有料）にしたりできます。 以下に使ってみた様子を載せておきます。 さっそく「Pixenate」にアクセスしましょう。 加工したい画像をアップロードします。 アップロードしなくてもサンプル画像があるので、どんな機能があるかすぐに把握できます。 回転や拡大縮小はもちろん、明るさなどの調整もこの通り。 機能は左欄に集められています。 かなり豊富なので、ちょっと加工したいときにはこのサイトで十分すぎるくらいです。 出来上がった画像は、ローカル保存もできますし、Flickrにアップロードすることも可能。 ちょっと画像を加工したいときに便利なのでブックマークとかしてるとよさそうです。 （本記事で紹
画像や音楽で楽しめる無料ウェブサービスを一挙紹介 (1/3)
無料ウェブサービス特集の最終回は、画像編集、音楽編集を中心に、便利かつ遊んだり楽しんだりできるサイトをまとめて紹介していく。 画像編集をお手頃に！ おもしろ画像作成サイトも紹介 インターネットと画像は切っても切れない深い関係にある。動画の時代と言われる昨今でも事情は変わらない。ここでは、簡単で作業時間の短縮に貢献してくれそうな、それでいて楽しいサービスを紹介する。 ■Cut My Pic! http://www.cutmypic.com/ 画像の切り抜きに特化したWebサービス。アップロードした画像を3ステップで切り抜いて保存できる。四角や角丸四角、円での切り抜き、および影付けに対応。できた画像はメールで受け取るかダウンロード保存する。英語版サービスも用意されている。 ■Pixlr Express http://www.pixlr.com/express/ 写真画像の高速編集に特化したFl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dropico、ドラッグ＆ドロップで各種写真共有サイトを利用するアプリケーションを一般公開
TechCrunch | Startup and Technology News