lynx   »   [go: up one dir, main page]

タグ

DTPに関するku_marinのブックマーク (17)

  • 【初学者向け】WEBデザイナーが紙のデザインをする時に知っておきたい7つの注意点 | WP-E (仮)

    特技:空腹を我慢する事 どうも、あなたの街のエバンジェリスト”コハダ”ことMususこと(できない方の)清野です。 9歳の頃に初めてHTMLをさわり、12歳の頃から独学でWeb制作を始めて、友達やら知り合いのサイトをつくっていました。 22歳で基礎から学び直そうと決断し、23歳からWebデザイナーになり現在に至ります。 Webデザイナーになって1年ちょいが経過した頃、 「チラシつくって〜」や「名刺つくって〜」の依頼がくるようになりました。 最初は『でっかいバナーをつくるようなもんだろ?へへん楽勝さ』 ってな具合で引き受けたのですが、過去の自分に言ってあげたいです。 『お前の考えは甘いぞ!』 紙→Webの流れが一般的だと思いますが、僕の場合は逆でした。 基礎中の基礎ではございますが僕が紙のデザインをするようになった時にハマったポイントをまとめてみました。 紙とウェブ(モニター)の違いは大きい

    【初学者向け】WEBデザイナーが紙のデザインをする時に知っておきたい7つの注意点 | WP-E (仮)
    ku_marin
    ku_marin 2014/03/10
  • 「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然

    概要 ▶ PhotoshopVIPのK=100は黒ではありません? K=100は濃いグレー? リッチブラックはC=90, M=90, Y=30, K=100?…疑問に思ったので調べてみました。ページはプロモーションが含まれている場合があります K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」(PhotoshopVIP)で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった(一部)。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か? 日に限って言うならはっきりと、「いいえ。違います」 K100%はグレー???いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。(違ったらすみま

    「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
    ku_marin
    ku_marin 2013/07/16
  • 実例で見る!Webサービスのポスターデザインの8つのポイント | ShareWis Blog(シェアウィズ ブログ)

    こんにちは。ShareWisの辻川です。 時間や費用の関係で、デザイン経験のない人がチラシやポスターをデザインしなければならない… スタートアップでは時々あることです(と僕は信じてます)。 ShareWisに関するものは、僕がざっくりデザインした後に、たまに知人のデザイナーさんに意見を求めることがあります。 今回は、10月に出展した「CEATEC JAPAN」と「ITPro EXPO 2012」のために作成したポスターを例に、デザイナーさんから教わったレイアウトのコツをまとめたいと思います! デザイナーさんが添削!ポスター作成のポイント 文字や画像のサイズを決める①タイトルは大きい文字、説明文は小さい文字、など大小の差をつけると読みやすい。 ②誰がどの距離から読むのか?読めるサイズでなければ意味がない。 整列を常に意識する③各パーツの上下左右を見渡し、パーツ同士で揃えられるものは整列させる

    実例で見る!Webサービスのポスターデザインの8つのポイント | ShareWis Blog(シェアウィズ ブログ)
    ku_marin
    ku_marin 2012/11/07
    3週間ほど前に出会いたかったぜ…
  • 寸法と解像度のチートシート

    その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 %程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く,横が数%長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm,印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書,TOEIC … 縦 4 cm × 横 3 cm TOEFL,英検 … 縦 3 cm × 横 3

  • 入稿する前に!用紙を選ぼう

    前回「入稿データの作り方」という記事を書きましたが… お久しぶりです、まよです。 入稿データが出来たら早速印刷会社に入稿しましょう。 でも、その前に…「どんな紙に印刷するか指定する」場面に遭遇します。 クライアントとの打ち合わせで紙の説明が必要になることもありますよね。 コート・マットコート・アートポスト・サテン金藤、、90kgと110kgって何が違うの? 普通チラシに使われている用紙ってなんていうの? という疑問をササッと解決! 印刷会社に「用紙サンプル」をもらいましょう! Super Print 私がいつも名刺の印刷に使っている Super Print 。 名刺専門なだけあって、手触りが良い紙、キラキラしている紙など風変わりな用紙がたくさんあります。でこぼこの型押し、キラキラホログラム等オプション加工のサンプルも一目瞭然。 グラフィック 私がはじめて用紙サンプルを請求した グラフィック

    入稿する前に!用紙を選ぼう
    ku_marin
    ku_marin 2012/10/26
  • 入稿データの作り方

    デザインが完成しました!いざ入稿!というところで注意事項がたくさんあります。 入稿する印刷所によって若干の違いはありますが、ここさえ押さえておけば大丈夫!という事を書いていきます。 トンボについて 前回のA4フライヤーの作り方でトンボの付け方は書きましたが、実はあれはCS3までのやり方です。 仕上がりサイズのオブジェクトを選択して CS3までは「フィルタ」→「クリエイト」→「トリムマーク」。 CS4以降でのトンボの付け方は「効果」→「トリムマーク」ですが、 CS4からは新規ドキュメントプロファイルで「プリント」を選択すると、アートボードのサイズを仕上がりサイズにするだけですでにトンボがすでに出来ているのでCS5ではわざわざやることではないのです…。 私はIllustrator8から使っているので古い制作手順の名残が残っていましたすいません(@YUJI_idさんにもご指摘頂きました。ありがと

    入稿データの作り方
    ku_marin
    ku_marin 2012/10/15
  • web制作者が印刷物を制作するときにチェックしたい10項目

    Webも印刷物も同じ制作物として考えられがちですが、必要な知識は全く異なります。 自分の経験も通して印刷物の制作時に気を付けたいポイントをまとめました。 Webの制作をしてると一緒に印刷物の制作も頼まれることがあります。 しかしWebも印刷物も同じ制作物として考えられがちですが、必要な知識は全く異なります。 自分の経験も通して印刷物の制作時に気を付けたいポイントをまとめました。 小規模の制作物が主な対象です。 納期の確認 用紙の選択 仕上がりサイズ 使用する色 色校正 印刷の種類 加工 使用する画像 データチェック 見積り 1.納期の確認 個人的に一番か二番目に重要視してます。 僕の仕事がたまたまそうなのか分かりませんが印刷物はタイトな納期が多いです。 直前まで自分で作業できるWebと違って、 印刷物の制作には当然ながら印刷の工程があります。 ここは外部に依頼する工程なので調整が難しい部分

    web制作者が印刷物を制作するときにチェックしたい10項目
    ku_marin
    ku_marin 2011/12/06
  • Illutratorに透過psdを配置すると印刷時に謎の色が出現する件をワンクリックで解決

    背景を透過したpsdやpngをIllustratorに配置し、 印刷をすると上記の画像のように背景に薄く色がついてしまう事がありますよね。 ググッてみて解決方法は分かったのですが、 毎回やるのも面倒なので、ワンクリックで解決できるようにphotoshopのアクションファイルを作成しました。 同じ症状で困ることがあったら使ってみてください:) 解決方法 まずはひととおりご説明を。 背景を透過させたいオブジェクトにクリッピングパスを作成してあげれば良いみたいです。 私はこれで解決しましたが、 解決しない場合もありえますので、ご了承ください。 以下が手順です。(一番下にアクションファイルのダウンロードがあります) ①Photoshopにて、対象の選択範囲をとる [レイヤーパレット]にてサムネイルをCtrl + クリックし、選択範囲をとります。 ②作業用パスを作成 ウィンドウ-パスで[パスパレット

    Illutratorに透過psdを配置すると印刷時に謎の色が出現する件をワンクリックで解決
    ku_marin
    ku_marin 2011/10/07
  • A4フライヤーの作り方 | グラフィックデザイン研究室mayolabo

    A4フライヤーの作り方! まよ的フライヤーの作り方を紹介します♪ 制作環境は Illustrator / Photoshop ともにCS5です。 私が一番やりやすい方法でやっているので、えーここはこうでしょ…等ありましたらどしどし教えてくださいね! (コメント欄はそのうちつけます!) まずはB4サイズのアートボードを作ります A4をつくるのにB4? それには理由があります。のちのちわかります。 レイヤーを4つ作ります 上から 1.マスク 2.トンボ 3.テキスト 4.画像 レイヤーの分け方は人によって全然ちがいます! この分け方については後から説明します。 2.トンボの部分にはこんな感じにトンボとガイドを書いておきます。 B4のアートボードの中に長方形ツールでA4(297×210mm)の四角を書いて塗りも線もナシにしておきます。 長方形ツールを選択した後にアードボードを一回クリックすると数

    A4フライヤーの作り方 | グラフィックデザイン研究室mayolabo
    ku_marin
    ku_marin 2011/09/14
  • Webデザイナー(私)によるタイポグラフィーレイアウトの注意書き

    私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと

  • Webデザイナーが知っておく、DTPの基礎知識

    Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン(Cyan)、マゼンタ(Magenta)、イエロー(Yellow)、キー・プレート(Key Plate)から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも当の黒には見えません。 そこで他の色も混ぜて、当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%+M20%+Y20%+K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ

    Webデザイナーが知っておく、DTPの基礎知識
    ku_marin
    ku_marin 2011/05/08
  • Webデザイナー(私)によるDTPデザイン注意書き:Webと紙の違い

    Webデザイナーのみなさん、DTP デザインってどうですか?私は DTP デザインが苦手なんですけど、Webデザイナーをしていると、たまに印刷物のデザインを頼まれることがあります ...。そんな時のことを考えながら書いた覚え書きです。 私は Webデザイナーですが、よくフライヤーや名刺、たまにポスターなんかの紙媒体のデザインを頼まれます。私は DTP について勉強した訳ではないし、教わったこともないので紙媒体は苦手です。私の周りの Webデザイナーさんたちは、「Web も紙も一緒だよー」という人もいますが、私はちょっと違う部分もあるかなと思っています。 今日は苦手を克服するために、私なりの Web と紙の違い、DTP での注意点を整理しておこうと思います。ここで言う紙、紙面は私の仕事の範疇である名刺やフライヤー、ポスターなどに限ります。また、In Design とか、Illustrator

    ku_marin
    ku_marin 2010/12/12
    いつかやる機会があったら読む!
  • higash.net

    higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    ku_marin
    ku_marin 2010/10/17
    紙とWebの違い。違いを知ってもらって勉強してもらうのが大事だよなぁ
  • Web デザイナーが知っておくと良いかもしれない DTP 脳

    2006-12-16T04:05:56+09:00 よく聞く意見として、Web デザイナーは DTP 的感覚を捨てるべきだ。といったものがありますが、僕は一概にそうは言えないと思っています。もちろん Web は紙媒体と違う点が多く、表示が環境に依存する部分があるので考え方に変化の必要な部分もありますが、それらは脱するというよりは、むしろ理解を深めていくべき点なのかもしれません。 ならば、どういった意識を持つのかというと、Web も DTP と同じように、文書に意味付け、構造化を行うという共通点があります。 HTML は文書に意味付けを行う言語 そもそも HTML とはなんぞや。という質問に『文書に意味付けを行う言語』という解答をすることがあります。例えばその文書の中で一番大きい見出しには h1 を。その一番大きい見出しの次に大きい見出しには h2 を。という風に単なるテキストに意味付けを行

    ku_marin
    ku_marin 2010/09/07
    DTPデザさんと上手に協業していくために
  • FootballPantherShops.com

    Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessen empfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges

    ku_marin
    ku_marin 2010/08/19
    あとでよむー/仰る通り、私もWebと紙はまったく別物だと思ってます
  • DTPデザインのチュートリアルまとめ – creamu

    Smashing Magazineで、DTPデザインのチュートリアルがまとまっています。 いくつかご紹介しますね。 » プリントできる名刺の作成(Photoshop) ・CMYKのドキュメントをPhotoshopで作成。裁ち落とし ・背景をかっこよくするためにテクスチャを使用 ・多角形選択ツールでカスタムシェイプを作成 » 雑誌のカバーデザイン(inDesign) ・inDesignで時間節約のため、 オブジェクトサイズの調整 / フレームに均等に流し込む を使用して写真をめいいっぱいに使う ・ペンツールでカスタムシェイプを作成 » 10のステップで超クールなレトロポスターを作成(Photoshop) ・illustratorでカスタムのファイルを作成 ・アートワークに深みを与えるためにテクスチャを使用 » メタリックを使った5色の雑誌カバーデザイン(Photoshop,illustrat

    ku_marin
    ku_marin 2009/10/04
  • 403 Error - Forbidden

    403 Error 現在、このページへのアクセスは禁止されています。 詳しくは以下のページをご確認ください。 403ERRORというエラーが発生します

  • 1
Лучший частный хостинг