超初心者のための文字組入門（追記あり） #moji_for_webya - Suikolog
このエントリは#LOVEFONT Advent Calendar 2014 への参加エントリです。好きなフォントについて語るブログ・アドベントカレンダーではあるのですが、失礼して「フォントの使い方」に解釈を広げてお送りいたします。 このエントリを書く理由 JUSO Coworkingで9月から11月にかけて、私が企画し開催した「ウェブ世代のデザイナーのための文字組入門 第一回・Illustrator / Photoshop 文字組一日集中入門」。「文字組みに関する知識ゼロのウェブデザイナーであっても受講でき、理解できる基礎講座を開きたい」という願いから、組版屋の大石十三夫氏（はあどわあく・なんでやねんDTP）を講師としてお迎えし、実現したものでした。 この講座を開催した理由はいろいろありますが、ひとつは文字組みを知らぬままデザイナーになってしまった私が勉強してみたいから、ということでした。
Illustratorでのメンテナンスしやすい袋文字の作り方（PsとFwも） ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
早いもので今年もあと1ヶ月で終わりですね。どうもこんにちはかわさきです。来月の諸々の忘年会が楽しみすぎて震えてます。正々堂々と美味しいものを飲み食いできるって最高ですね！ さてさて、今回は「袋文字のつくり方」です。 袋文字ご存じですか？周りにフチをつけて装飾されたテキストのことですね。スポーツ新聞の見出しを想像して頂くとわかりやすいでしょうか？ チラシ等で派手に見せたいとき、可読性を上げたいとき等に主に利用されます。 袋文字のつくり方というと… 「太古の昔、袋文字は同じテキストをピッタリ重ねて、下のテキストに線でフチを、上のテキストに塗りを設定して作られておったんじゃぁ…」 …という古参の皆さんの声が聞こえてきそうですが、実際私がDTPの仕事を始めたばかりの頃、先輩には上記の方法を教えてもらいました。（年がバレそう…） こういうやり方ですね。 この方法最大のデメリットはテキストに変更が発生
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
Illustratorの保存オプション「PDF互換ファイルを作成」にチェックを入れてほしい理由 - ちくちく日記
前回のエントリ「「制作者のための『正しく刷れる』データ制作のポイント」を受ける前に知っておくべき基本の話」の中で、EPSを使わずにIllustratorネイティブ形式を使おうっていう話で Illustratorの入稿データはPDF互換のチェックをいれて保存してくださいね。 ▲Illustratorの保存オプション。PDF互換にチェックが入ってないと、InDesignに貼れなくて後行程が泣きます。ここはお約束としてチェックを！ とお願いをしたところ 「えっっ、あのチェック入れた事無い…！」 「いままで、入れなかったけど問題なかったよ…！」 「入れろとか言われた事無いし…！」 「何で入れなきゃいけないの？」 と、思いも寄らぬ反発反響をいただきまして。 なので、もう少し詳しく、あのチェックを入れて欲しい理由を説明しようかなと。 チェックが入ってないとInDesignに配置できません 多分、あのチ
[O][Webデザイン]IllustratorをWebデザインに使う時に気をつけたい設定 | Olein | 岐阜県岐阜市のデザイン屋ブログ
はじめに Webデザインを行う上で一番使われているソフトといったら、やはりAdobe Photoshopでしょうかね。僕も仕事で使うことはよくあるんですが、やはり画像の補正やら修正・レタッチ、合成などがほとんどで、オブジェクトを作って配置していくということをPhotoshop上で行うことに慣れていません。 そして、僕自身仕事で一番使うのはやはりAdobe Illustratorです。印刷物のデザインをメインにやってきましたので、自ずとそうなってしまいます。しかし、IllustratorはWebデザインには向いていないとよく言われます。そう言われるにはたくさんの理由があるのだと思うのですが、線にアンチエイリアスがかかるときがあることや、そもそもIllustratorの操作に慣れていないという声もよく聞きました。 ですので、今回こちらの記事では、僕のようなスタイルの人がWebデザインをIllu
建築再構企画 ロゴマークデザイン
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 こけむさズの内装をお手伝いしてくれた方々のひとり、建築士の佐久間さんが嬉しいことにブランディングのお手伝いをして欲しいと仰ってくださいました。 個人としてお付き合いした上で成果物をお作りするのは、ハダカを見られるような見通される感じがしてすごく恥ずかしいです。顔洗ってないの指摘されるような自分の根っこの部分が見えてしまうカンジがするのです。 でもグラフィックデザインに依存しないデザインの仕事として、デザインのコンサルティングやブランディングというのはずっとやってみたい、雲の上の憧れでした。 佐久間さんも「二人三脚でできれば」と仰って下さったので胸を借りるつもりでお手伝いさせていただいております。 建築再構企画
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
IllustratorでWebデザインをするためのポイント | WebScripter.jp
もともと印刷物のデザイナーの方がwebデザインをする場合、使い慣れているからIllustratorで、という人も多いと思います。でもIllustratorでWebデザインをするとボケた線やエッジに悩まされ、訳が分からず放置…なんてことも。そんなわけでIllustratorでも、web制作標準のPhotoshopやFireworksに負けない？Webデザインの方法をまとめてみました。 ※説明に使用しているIllustratorのバージョンはCS3です。記事投稿時点ではCS5まで出ているのでWeb制作に関しては便利な機能が実装されているかもしれません。それでもいくつかは使えると思います。 ドキュメントの設定 オブジェクトの作成と配置について 画像の書き出し・まとめ ドキュメントの設定 印刷物と違いWebの場合は色はRGB、単位はピクセルが基本です。それをふまえていくつか設定します。 ドキュメン
illustratorでアイコンを作るチュートリアル25 – creamu
98075468/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『25 Fresh Illustrator Tutorials to Help You Make Icons』。illustratorでアイコンを作るチュートリアル集です。 かっこいいものが揃っています。 Create A Simple Paint Brush Icon ペイントブラシを描くチュートリアル Create A Briefcase Icon ブリーフケースのアイコンを作るチュートリアル How to Draw the Vector Style Icons Used in the “Station Fixes” Template クールなびっくりマークアイコン How to Make a Realistic News / Newspaper
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
【ロゴ＆マーク大辞典！】