あわゆき

フリーランス/フロントねんどエンジニャー / 東京でのWeb制作会社への勤務を経て、2009年から関西でフリーランスとして活動中。HTML/CSS/JavaScriptのコーディングやCMS実装をメインに、デザインやイラストも手がける。Twitterのプロフィール画像を気分や時事ネタに合わせて次々と変える「アイコン芸」をきっかけにIllustratorへの愛に目覚め、デザインツールも宗旨替えした発展途上イラレラヴァー。LINE Creators Marketで「寿司ゆき」スタンプが大好評発売中(もちろんIllustratorで制作)。

あわゆき

Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう

前回までで、Illustratorを使ってWebサイトのデザインカンプを完成させました。今回は、完成したデザインからそれぞれのパーツを画像として書き出します。スライスを使った基本的なWeb用の書き出しとあわせて、アートボードを利用した書き出...

あわゆき

Illustrator入門 | Webデザイン編 第5回 パーツを装飾してデザインを作り込もう

前回は、全体の色味の調整、ロゴや写真の配置、テキストの調整、といった基本的な装飾作業を行いました。今回は、Illustratorの[アピアランス]パネルやグラフィックスタイル、シンボルを活用したパーツの装飾の一例を紹介しながらデザインを仕上...

あわゆき

Illustrator入門 | Webデザイン編 第4回 画像・配色・テキストを調整してデザインを作り込もう

ここからは、前回までに作成したワイヤーフレーム(基本のレイアウト)に装飾を加えて、デザインを作り上げていきます。今回は、Illustratorを使って、全体の色味の調整、ロゴや写真の配置、テキストの調整を行います。 Illustrator ...

あわゆき

Illustrator入門 | Webデザイン編 第3回 要素を配置してワイヤーフレームを作ろう

本記事では、前回作成したアートボードに、Webページのワイヤーフレームを作成する方法を解説します。Illustratorを使ってWebページに必要なコンテンツを配置して、基本のレイアウトを行います。 Illustrator CC 体験版ダウ...

あわゆき

Illustrator入門 | Webデザイン編 第2回 新規ドキュメントを設定しよう

前回、Illustratorの作業環境をWebデザイン用に設定しました。本記事では、Webデザイン向けに新規ドキュメントを作成し、[ピクセルプレビュー]、定規、グリッドといった表示設定を行う方法、さらに、Webサイト用にアートボードを追加す...

あわゆき

Illustrator入門 | Webデザイン編 第1回 デザイン前に行う環境設定と覚えておきたい基礎知識

この連載では、Illustratorの初心者を対象とし、Webページをデザインする方法を解説していきます。初回は、Illustratorの環境をWebデザインの基本となる単位「ピクセル」に設定する方法、そして、Illustratorの基礎知...