タグ

illustratorとIllustratorに関するneo16teaのブックマーク (45)

  • イラレで手描き風の線の描き方色々 | 鈴木メモ

    イラレで女の子のイラスト2・3の時に、手書き風タッチの線を色々試したまとめ。 注:重くて実用に耐えない物もあります。 イラレで女の子のイラスト(自己流) 2 イラレで女の子のイラスト(自己流) 3 パスの状態 アウトライン前のパスを、アピアランスを使うことで手書き風にしてます。 個々の解説は省略するのでサンプルデータを参照して下さい。 サンプルデータ →手書き風線のサンプル(cs5)をダウンロード →手書き風線のサンプル(cs2)をダウンロード ※cs2のデータは線幅ツールものを省いてcs5からバージョン下げ保存しました。下位バージョン持ってないのでちゃんと開くか分かりません。 中身はこれ(cs5) 左がシンプルバージョン。右は効果の組みあわせバージョン。 アピアランスのポイント ・かかっている効果を確認するには上のウインドウからアピアランスパネルを出して下さい。 ・サンプルはすべてマウス

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • イラレマスタ

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    イラレマスタ
  • illustratorやPhotoshopで紙吹雪を作ろうというtips

  • Illustratorを使うとき、私が手放せない10個のスクリプト|DTP Transit

    最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの? Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ

    Illustratorを使うとき、私が手放せない10個のスクリプト|DTP Transit
  • 「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート

    JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や()や・などは、隣り合うと何だか

    「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • DO NOT EAT.jp : 画図の手帖 : TIPS : Illustratorでスタンプ風のかすれ表現

    Tips. スタンプ風のかすれ表現で、Painterを利用したスタンプ表現を紹介しています。このTIpsは同じ技法をIllustratorを使って再現したものです。 マスク処理の仕組みを理解していれば、とくに説明を読むことなく再現することができるでしょう。

  • こんなに違う!Illustratorの「ラフ」であたたかみのある手書き風イラストに大変身!! | ゆうこのブログ

    つるんとした輪郭線も好きですが、モコモコにするとさらに温もりがプラスされます◎ イラレの「効果」→「パスの変形」の「ラフ」機能、捗りすぎ~!!(*´ω`*) 今回はその機能でちょっと遊んでみました。(前回の記事で使用したイラストで失礼しますm(_ _)m) before→after 拡大図 拡大してみるとこーんな感じ。細かくぶるぶるしてます! こんな風にペンがにじんだような効果も出せますし、もっと目が粗くてガクガクしたものも作れます(*´ω`*) ラフ機能の詳細 サイズ どれだけ「ラフ」を深くするかが指定できます。 数値が大きくなるほどぶるぶるが深くなってダイナミックになるよ! %かpxなどで指定できる入力値のどちらかが選べますが、わたしは入力値の方がわかりやすくておすすめ! 詳細 ぶるぶるの細かさ(間隔)を指定します。 数字が大きくなるほど小刻みになるよ! ポイント 丸くするかギザギザに

    こんなに違う!Illustratorの「ラフ」であたたかみのある手書き風イラストに大変身!! | ゆうこのブログ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • アンカーポイント(コーナー・スムーズ) 連結・切り換え | Illustratorの使い方

    Illustrator(イラストレーター)でのペンツール アンカーポイント切り換えツール・ダイレクト 選択ツールを使い アンカーポイント(コーナー ポイント・スムーズ)を連結&切り換えします。 さまざまな状態により、連結することができる オブジェクト全体を移動 アンカーポイントとセグメント移動 パスの調整(アンカーポイント) パスの調整(セグメント) アンカーポイント(連結&切り換え) Illustrator(イラストレーター) アンカーポイントを直線で連結 ペンツールで連結させたい片方の線端に 重ねてクリックして、連結先のアンカー ポイントに重ねると連結アイコンが表示 クリックすると、直線で連結されます!

  • Illustratorのベジェ曲線で効率よくトレースする俺ルール - atskimura-memo

    前回の記事(プログラマーが「Illustratorテクニックファイル アイコン&マークデザイン」を読んで、アプリアイコン作ってみた)の後、いろいろ調べたりした結果、やっぱり地道にベジェ曲線の練習をしないとだめだなと思い至り、ベジェ曲線の練習をしています。 今これくらいできたところ。全く大したことはないです。 でも、素人なりにコツがつかめてきたので、自分がやりながら悩んで時間がかかったところをルール化して機械的にできるようにしました。これでだいぶトレースが速くなったと思います。 ベジェ曲線の基 この記事では説明しません。末尾の「おすすめ記事、書籍」を読んでください。 トレースの手順の俺ルール トレースをするときの全体の流れです。 1. アンカーポイントを全部置く(ペンツール) ペンツールに切り替えて(p)、書こうとしているパスがクローズするまで、「アンカーポイントを置く場所の俺ルール(後述

    Illustratorのベジェ曲線で効率よくトレースする俺ルール - atskimura-memo
  • Illustratorでドットモザイク画像を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    今回はポップなドットモザイクの画像をIllustratorで作成する方法をメモしておきます。 01:画像を埋め込む 今回はお花の写真を配置しました。リンクは切っておいてください。(パスデータの場合はラスタライズして画像データに変換してください。) 02:画像にモザイクをかける 「オブジェクト」→「モザイクオブジェクトを作成」を選択。(CS3以前では「フィルタ」→「クリエイト」→「モザイク」) こんな感じになります~。 モザイクになったオブジェクトはグループ化されているので、グループ化を解除しておいてください。 03:モザイクタイルを丸ドットにする タイルをひとつ選択して大きさを確認します。 タイル一個の大きさを確認したら、画像全体を選択しなおして、「効果」→「形状に変換」→「楕円形」を選択します。 形状オプションで「値を指定」を選択、幅と高さをさきほど調べたひとつのタイルの幅と高さと同じぐ

    Illustratorでドットモザイク画像を作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp

    プログラマー、絵が描けないじゃないですか(偏見) こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。

    プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
  • 線路の作り方~JR応用編~

    ハイ、バラすとこんな感じです。黒い長方形に、その長さの半分で、幅も短い白い長方形が重なっています。 できましたか~?

  • 【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート

    SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか?正解はいくつもありますが、例えばこの方法。 完成!いいじゃない!と思いますか?確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか?3つの図形を組み合わせて文字の形を作っています。文字を書く

    【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
  • 簡単!Illustratorとtriangulatorを使ったクールなポリゴンイラストの作り方 | designek

    今年もありがたいことにいろんなお客さんから年賀状のデザイン依頼をいただきました。とあるお客さんのロゴがポリゴンっぽいテイストのデザインだったもので、ロゴに合わせて年賀状もポリゴン風にデザインしてみたんですが、それがけっこうかっこよく仕上がったんで短時間で簡単にポリゴン風イラストを作る方法をご紹介します。 step1.まずはポリゴンイラストのもとになる写真選び 提供元:Railstation.net 今回はこの鶴の写真をポリゴン化してみます。 使うのは左下にいるこの鶴。まずはPhotoshopで余計な部分をカットして、使いやすい大きさにリサイズします。 Photoshopで100%表示した時に、だいたいお使いのパソコンの画面サイズにすっぽり収まるぐらいがポリゴンにする時の使いやすい大きさです。 ざっくり切り抜いてた方がポリゴン作りやすいかも もし背景がごっちゃごっちゃしてたり、ポリゴンに

    簡単!Illustratorとtriangulatorを使ったクールなポリゴンイラストの作り方 | designek
  • Illustratorの「オブジェクトの再配色」を使ってカラーバリエーションを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね~的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね? しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ

    Illustratorの「オブジェクトの再配色」を使ってカラーバリエーションを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Illustratorで文字をかっこよくデザイン!タイポグラフィのチュートリアルのまとめ

    アートワークとして見るだけでもよい刺激を受ける、そんな素晴らしいタイポグラフィ・テキストエフェクトのチュートリアルをまとめてみました。 解説は英語ですが、苦手な人でも各ステップごとにキャプチャが付いているので分かりやすいと思います。

  • Think Design Blog - Free Vectors - 230 Marker Illustrator Brushes | Think Design

    Freebies November 17th, 2008 Posted by Nick Related Posts 30+ Free Scribble/Marker Brushes30 Free High-Res Floral Brushes (Clean & Grunge)30 Free Grunge Texture Brushes Tags brushes, Freebies, illustrator, markers, vectors So normally I make my weekend post on Saturday, but this freebie took a bit longer than expected to wrap up. But here it is! It is 230 free vector marker brushes. The pac