Illustratorでちょっと可愛いキャラクターの輪郭線 | 鈴木メモ
キャラクターの輪郭線を丸いパス+効果で作ります。 ふんわり丸い吹き出しの描き方で見つけた楕円へのワープ効果をイラストに取り入れられないかの模索です。 輪郭線を描く ●楕円ツールで50×50mmの正円と50×25mmの楕円を描きます。整列パネルで真ん中を揃えて、下揃え。 ●2つの円を選択し、パスファインダパネル右上小さい三角から複合シェイプを選択。 （Altキーを押しながらパスファインダの「合体」でも同じ結果に出来ます。） 複合シェイプになり、複数のパスが1つのオブジェクトとして見なされるようになりました。 ●線なし、塗りを0/15/22/0の肌色に。 ●2つのマルの間の谷を丸くします。 オブジェクトを選択し、効果-パス-パスのオフセット。30mmラウンド。大きくなります。 ●もう一度効果-パス-パスのオフセット。-（マイナス）30mmラウンド。元のサイズになり、間が曲線でつながれます。 （
しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方37個まとめ
Illustrator は、デザインの現場に欠かせないソフトウェアのひとつで、さまざまなツールや機能を活用することで、高品質なイラストやグラフィックスを作成できます。 ここでは Illustratorをしっかり使いこなすために必要な、基本的で実践向きな機能やツールの使い方を学ぶチュートリアル、つくり方をまとめてご紹介します。 はじめての人がまず押さえたい基本から、最新の機能まで網羅しているので、これからIllustratorを学ぼうというひとから、新しいバージョンを確認したいベテランのひとにもオススメしたい内容となっています。 Illustratorの新テクニックはこれ！参考にしたい最新チュートリアル、使い方40個まとめ しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方まとめ 水彩ペイントで描いた美しいマーメイドをデザインする方法 カラフルな色合いが特長のIll
Illustratorで木のシルエットを描いてみよう | BACKSTAGE技術部
群馬職業訓練短期大学校、ポリテクカレッジ群馬のデザイン科卒業生で行われる作品展 「BACKSTAGE」の技術的ブログです。 Adobe Illustrator、Photoshopを中心に手持ちのアプリケーション、デジモノの検証結果やTipsをお伝えしていきたいと思います。 リンクはご自由に。報告も不要です。 今回は少し派手目にIllustratorで木のシルエットを描いてみましょう。 まずは、幹と枝の部分用のアートブラシを作成します。 最初に長方形ツールで幅50mm（適当でOKです）、高さ0.3528mm（1pt）の長方形を作成します。 線はなし、塗りは黒にします。 ダイレクト選択ツールで左側の2つの頂点を選択します。 左側の頂点が選択されました。 続いて拡大・縮小ツールをダブルクリックして「タテヨコ比を変更」を選択して 水平方向に100%、垂直方向に150%を入力して「OK」 左から右へ
保存形式は「eps」と「psd」のどちらが良いか - 初心者のためのデザイン雑学
初心者のためのデザイン雑学 以前、デザインスクールで教えていた時の内容の中から、デザイン初心者の方に特に伝えたい基本中の基本情報を再編集しています。 Photoshopの切り抜き画像をIllustratorに貼り付けたいのですが、「eps保存」、「psd保存」のどちらが良いかの質問がありました。 以前にもこれからは「EPS形式はもう古い」と書きましたが、今回は画像処理の注意点も含めて書きます。 EPSは「Encapsulated Post Script」の略なので、以前は「eps保存」が標準でDTP業界では当然の了解事項でした。 イメージセッター（印刷用の製版フィルムを出力する装置）がPostScript対応であるため、それ以外の画像データではエラーを起こすことがあったためです。 また、EPS以外ではIllustratorに配置することもできませんでした。 また、「pdf」では「eps」で
和柄商用フリー素材【wagara pattern】
花模様など5点追加!!! 花模様など5点を追加致しました。 ご活用下さい。 菱模様(緑) 菱模様(黒) 花模様(朱) 花模様(緑) 花模様(黒) 鶴模様など5点追加致しました!!! 鶴と花の和柄を5点追加致しました。ご活用ください。 鶴(深緑) 鶴(生成) 花(生成) 花(黒) 花(深緑) 和柄のお話～波に兎文様～ 和柄のお話 『波に兎』 ようこそ皆様! 今回は『波に兎』文様について紐解きます。 日本では古来より『月と兎』『梅と鶯』『紅葉と鹿』『竹と虎』『波と千鳥』『雲と龍』など、組み合わせの決まった図柄が好まれて様々な面で用いられ… 続きを読む
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
超初心者のための文字組入門（追記あり） #moji_for_webya - Suikolog
このエントリは#LOVEFONT Advent Calendar 2014 への参加エントリです。好きなフォントについて語るブログ・アドベントカレンダーではあるのですが、失礼して「フォントの使い方」に解釈を広げてお送りいたします。 このエントリを書く理由 JUSO Coworkingで9月から11月にかけて、私が企画し開催した「ウェブ世代のデザイナーのための文字組入門 第一回・Illustrator / Photoshop 文字組一日集中入門」。「文字組みに関する知識ゼロのウェブデザイナーであっても受講でき、理解できる基礎講座を開きたい」という願いから、組版屋の大石十三夫氏（はあどわあく・なんでやねんDTP）を講師としてお迎えし、実現したものでした。 この講座を開催した理由はいろいろありますが、ひとつは文字組みを知らぬままデザイナーになってしまった私が勉強してみたいから、ということでした。
ピクセルグリッドちゃん気をつけて - 実験る～む
Illustrator CS5には「ピクセルグリッドに整合」という機能がつきました。 使いどころをきちんとすればメリットだけど、印刷物を作るにはたぶんというか完全にデメリットだぞ、これ。 たとえば、幅に85mmと入れます。下は入力状態で確定前。 それを確定した後がこれ。 ……すげえ中途半端な数値になってくれやがります。 変形パネルにある「ピクセルグリッドに整合」のチェックがあるので、それを外せば意図した結果に。 しかしチェックを外して安心するのはまだ早い。新しいオブジェクトを作るとこんなのに。 実はこの「ピクセルグリッドに整合」は、オブジェクトごとに情報を持っているので、個々のオブジェクトごとにこの情報を持つ、ということを忘れると正直泣きそうな有様に。 もっとも、この設定は外すことができる。変形パネルのサブメニューから。 逆を返すと、一度作ってしまったドキュメントに対しては、このサブメニュ
Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます（チートシートでは「c」がついています）。
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
自分のwebサイト作る工程 - MEMOGRAPHIX
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
NAKACO'S CRAFT'S WEBLOG: 手描き風パターンブラシを作ってみる
Adobe Illustratorの特徴はスムーズな線をスイスイと引ける所で これを用いてイラストを描けば、スッキリとした絵をスッキリと描けるわけです でも時々、何か手描き風の絵もたまには描いてみたい、なんて思う事がありますね ありませんか んじゃ、手で描けばいいじゃないのとか言わないでね そんな時にはブラシを使ってみてはいかがでしょう このブログで描いていた「勝手に挿絵」の最近の２作もブラシを使っています Illustrator default アートブラシ 木炭-太細 同じくアートブラシ 鉛筆-細 元々ソフトに付いているブラシもよいですし、ネット上にはフリーで配布されているものもたくさんあります でももっと簡単で、ちょっとガタガタした線になるだけでいいんだけど ネット上にあるのは良く出来すぎていて、何か重いし、さがすのめんどくさい というような人は、自分で作ってみる、という手も 何だそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
黒色が透ける説明 | 激安・格安のネット印刷通販ならキングプリンターズ
まきのゆみの Adobeデザインソフト マスター教室
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
マルチデバイス時代にありがたい！イラレのあれこれ
新着記事
商用フリーで使える影絵素材サイト シルエットデザイン
デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト