webサイト制作の勉強|2018月2月クラスブログ

webサイト制作の勉強に関する解説ブログです。

Illustrator

illustratorのアピアランス機能を使ったPOP作成

文字の加工 素材 http://yachin29.com/school/pop-ai.zip Illustratorチュートリアル helpx.adobe.com

PDFをIllustratorから書き出す

ポートフォリオをPDF形式で面接先の会社にメールで送りたいのにPDFのデータが非常に大きく、困ってしまう。就職活動中によくある事です。 IllustratorからデータをPDFで書き出す場合、書き出す形式に気をつけないと、必要以上にデータ量が大きくなってしまう…

Illustratorでロゴを作る

Illustratorのアートブラシとアピアランス機能を使ってブラシで描いたイメージのクールなロゴを制作してみましょう。Illustratorのブラシライブラリーにはアーティスティックなものから幾何学模様まで、さまざまな種類のブラシが用意されています。これらを…

モバイルレイアウトのカンプを作成

スマートフォンのデザインカンプ、アートボードの全体幅は例外を除き、640pxで作ります。 この640pxというサイズはiPhoneのレティナディスプレイの横幅の最小サイズに合わしているもので、実際に表示されるviewport(device-width)は320pxです。文字の大き…

IllustratorでWebサイトのカンプを作る

今回はillustratorでカンプを作ります。 作例 http://yachin29.webcrow.jp/Cotorier/ まずはおおまかなレイアウトを決め、ワイヤーフレームを完成させます。ワイヤーフレームとは、Webページのおおまかなコンテンツ要素やレイアウトを示すものです。 作成す…

Illustratorで放射状のオブジェクトを作る

よくバナーなんかで見る、放射状の背景。こんなやつです。 http://retrobanner.net/archives/6923 http://retrobanner.net/archives/6895 作り方は色々なやり方がありますが、1番簡単なのは楕円を線のみにして、「線幅」と破線の「線分」と「間隔」で調整す…

作業効率が劇的に上がる! ショートカットキー早見表

作業効率を上げる為にはショートカットキーを覚える事が非常に大事です。 ただ、よく使うショートカットキーは自然と覚えるものの、普段余り使わない物は忘れがちです。その都度調べていてはそれこそ時間のムダになってしまうので、こういった早見表をPCの隣…

文字にアピアランスを使って修飾する

文字をアウトライン化せずにグラデーションをかける方法 通常、文字はアウトライン化しパスにしてからグラデーションをかけますが、今回はテキストオブジェクトのままグラデーションをかける方法です。まずはテキストツールで文字を書き、「塗り:無し」「線…