WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

Illustrator

svgとcssで手書き風のアニメーションを作成

1.IllustratorでSVG画像を作成 See the Pen svgで手書き風アニメーション by yachin29 (@yachin29) on CodePen. まずはIllustratorでアニメーションで動かしたい文字を書きます。この時、なるべく細い筆記体のフォントを選ぶと良いでしょう。レイヤー名はtex…

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

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

フリー素材を編集してロゴ画像を作成する

ベクター形式のロゴデータであれば、文字などを自由に編集できるので、場合によってはフリー素材などを使って編集してみましょう。 photoshopvip.net 素材のダウンロード https://yachin29.com/Vector-Vintage-Logo-Designs.zip

フリー素材を編集してロゴ画像を作成する

ベクター形式のロゴデータであれば、文字などを自由に編集できるので、場合によってはフリー素材などを使って編集してみましょう。 photoshopvip.net blog.spoongraphics.co.uk

Illustratorでロゴを作る

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

Illustratorチュートリアルまとめ

パターンの作成 helpx.adobe.com パスファインダーの使い方 uxmilk.jp design-trekker.jp バナーの作成 blog.digimerce.jp イベントポスターの作り方 helpx.adobe.com チュートリアルまとめ note.mu アイデア探し www.pinterest.com

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

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

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

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

illustratorのアピアランス機能を使ったバナー作成

素材http://yachin29.com/Illustrator/pop-ai.zip