Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
今回はIllustratorの機能を使ってロゴなどのカラーバリエーションを一瞬で作る方法をご紹介します。 季節柄・・・今回は年賀状を想定してこちらの画像を用意しました。 ロゴ制作の時などにもよくありがちなのが、 「もっと違う色味のパターンがみたいんだよね～的なことを言われた場合・・・。」 ベタで単調な配色だといいんですけど、今回のようにグラデーションが使われてたりすると、一個一個設定し直すのは相当手間ですよね？ しかし、Illustratorにはものすごい強力な機能があるんです。 「オブジェクトを再配色」を使ってみよう 色を変えたいオブジェクトをグラデーションも全部含めてまるっと選択します。 「編集」→「カラーを編集」→「オブジェクトを再配色」または、下図のボタンをクリック。 次に編集をクリックします。 「ハーモニーカラーをリンク」にチェックを入れて色相の中の任意の色をクリックしてベースカ
米Adobe Systemsが「Photoshop」などクリエイティブ製品群の旧バージョン「Creative Suite 2」（CS2）を、同社サイトで公開している。昨年12月にCS2用のアクティベーションサーバを停止したための措置で、無料で取得できるAdobe IDさえあれば誰でもダウンロードして利用できる状態になっている。 公開しているのは2005年に発売したPhotoshop、Illustrator、InDesign、GoLive、InCopyのCS2と、Acrobat Standard/Proの7.0、Acrobat Standard 8.0、Photoshop Elements 4.0/5.0、Premier Pro 2.0など。 日本語版も用意されており、ダウンロードページに記載された専用シリアルナンバーを入力すればインストールして利用できる。 それぞれMac OS X版とWi
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、［合体］、［分割］、［全面オブジェクトで型抜き］だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
イラストレーターで陰毛を沢山描きたい時って良くありますよね！！ そんなときに素早くきれいに陰毛を書くことができるチュートリアルを紹介します。 とっても簡単なので、ぜひ皆さんのお仕事にも役立てていただければ幸いです！ まずは、直線でジグザグ線を描きます。 大雑把でいいです。 ポイントは1ptで書いています。 次に フィルタ＞パスの変形＞ラフ を選択し、直線をふにゃふにゃさせます。 コツはあまり細かくしすぎないこと。 今回は サイズ3ｍｍ 詳細4インチ でしています。 プレビューを見ながら調節しましょう。 次に、 パス＞パスのアウトライン で、パスにアウトラインをかけていきます。 陰毛の毛先を作ります。 直線の末端にある２つのパスのうち、ひとつをアンカーポイントの削除ツールで削除します。 多少線がクロスしても気にしなくていいです。 毛根を作ります。 毛先と同じように、パスのひとつを削除ツールで
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
前回のIllustrator備忘録を喜んでくれた方がいらっしゃったので第二弾を書いてみます。 今回は放射状ストライプ（別名サンバースト）の簡単な作り方と、作った放射状ストライプをPhotoshopのカスタムシェイプに登録する方法です。 またもやイラレ使いさんには当たり前の技かと思われます。 放射状ストライプはよく見ると三角形がまるく並んでるだけのものですので、めちゃめちゃ簡単に作ることができます。 それをカスタムシェイプに登録しておけば、使いたいときにすぐ使えるのでとても便利です♪ ①Illustratorを開き、長方形ツールを選択 ②アートボード上でクリックし、今から作る長方形の幅と高さを指定します ③ペンツールを選択します ④ペンツールで長方形の底辺の中心をクリックし、アンカーポイントを追加する ペンツールがパス上に来ると＋のマークが出るので、そのタイミングでクリックするとパス上にアン
最近 仕事でIllustratorを使う機会が増え絶賛勉強中なのですが、 こんな便利な機能があったとは知らなかったのでメモ。 世のデザイナーさんからしたら常識なのかもしれませんが、こういう場合は『エンベロープ』という機能を使うのですね。 例えばこのようなモニターの絵に、 こんな感じの図をはめこみたい状況があったとします。 （どちらもIllustrator上でパスがきってある状態です） そんな時は、オブジェクトメニューにある『エンベロープ』機能を使うとカンタンにはめこむ事ができるのです :) ①はめこみ先の四角を選択し最前面に配置する ついでに平面の図をグループ化しておきましょう。 ②はめこみ先の四角とはめこみたい平面の図を両方選択 ③オブジェクトメニューからエンベロープ→最前面のオブジェクトで作成を実行 ④おわり。 こんなにカンタンにはめこむ事ができましたっ！ たぶんコレ学生さんでも知って
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです！ ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル（後述）も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
Love Vector 登録されている素材は、オリジナルのものをはじめ、他の作者によるイラストやアイコンなど多数あります。 目的の素材は検索、タグ、カテゴリから探すことができ、下記にカテゴリの中からいくつかピックアップしました。
「seeklogo」はロゴの画像をベクター形式でダウンロードできるサイトです。 EPSやAIなどのベクター形式ですべてダウンロードできるところが特徴的。 企業名やアルファベットなどで検索し、ダウンロード数順・評価の高いもの順などのソートも行えます。 全部で20万以上のロゴがあるとのこと。 以下に使ってみた様子を載せておきます。 まず「seeklogo」にアクセスします。 検索ボックスにキーワードを入れてもいいですし、アルファベットの頭文字を指定してもOK。 「K」の検索結果です。 「Google」の検索結果です。 ダウンロードしてみましょう。 文字の認証がありますので注意。 ダウンロード前ページには、「フォーマット」が書かれています。 EPSやAIなどベクター形式のフォーマットが書かれています。
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
TOP > Design , vector > 便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」 グラフィックの制作で必須とも言えるデザインツールイラストレーター。多くの人が利用しているかと思いますが、今回紹介するのは便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」です。 幾何学的なパターンから、POPなもの、レトロなものなどなど様々なパターンが集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Halftone Madness ハーフトーンなパターンをあつめたパターンセット。写真の上から、グラフィックの上から、または背景にと様々な使い道がありそうです。 ■25 Woven Plaid Swat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く