川野蕗

Adobe Photoshop&Illustrator勉強し直し中。HTMLとCSSを…

川野蕗

Adobe Photoshop&Illustrator勉強し直し中。HTMLとCSSを勉強中。 主にイラレの基本操作で作れるハウツー系の記事を作成していく予定です。 他は覚え書きやら使い方やら。アイコンは高野豆腐のつもり。

記事一覧

16世紀:インド・ペルシャの装飾をイラレで作ってみた

株式会社マール社様の「カラー文庫 世界装飾図」にて、かわいい柄の装飾だと思ったので作ってみました。 ついでにCSSやスウォッチで背景風に並べてみようと思います。 ※…

川野蕗
2年前
2

CSSで作った三角形に影をつけるのは沼だった

某商業施設でこんな感じの装飾がついた看板(というかPOP)を見たので、どれCSSでやってみよう。 と思ったら沼でした。 まぁ備忘録ですね。 HTML <div class="banner01">…

川野蕗
2年前
4

CSSのみでパールが作れるのか実験してみた

先日illustratorのグラデーション機能のみを使用して、パールを作った時にふと思いました。 「グラデのみである程度成立するならCSSでもいけるのでは?」 早速実験してみ…

川野蕗
2年前
1

【用途別】イラレで作るパールの作り方〜3パターン〜

イラレでパールを作っていると「ブラシ適用できない問題」にぶつかることがあるので、用途別に作り方をまとめてみました。 またの名を試行錯誤の備忘録。 (分割・拡張を施…

川野蕗
2年前
7

イラレで作る食パンの作り方

角形食パンをAdobe Illustratorで作ります。 ※手動で作業することがあるので、メニューバー→表示→スマートガイドにチェックを入れておいてください。 1.パンの基本形 …

川野蕗
2年前
3

【やってみた】8世紀の写本装飾をイラレで真似してみた

株式会社マール社様の「カラー文庫 世界装飾図」にて、イラレで作ってみたくなるデザインがあったので挑戦してみました。 まとめてみたら中々のボリュームになりました_(:3…

川野蕗
2年前
1

便利だなと思ったイラレの機能

Adobe Illustratorを使用していて、便利だなと思った機能を箇条書きにする予定です。 1.スポイトツールと(Mac:command/Win:control) 絵を描いている時にとても便利。 Il…

川野蕗
2年前
16世紀:インド・ペルシャの装飾をイラレで作ってみた

16世紀:インド・ペルシャの装飾をイラレで作ってみた

株式会社マール社様の「カラー文庫 世界装飾図」にて、かわいい柄の装飾だと思ったので作ってみました。
ついでにCSSやスウォッチで背景風に並べてみようと思います。

※メニューバー→ウィンドウ→整列は頻繁に使うので、あらかじめ表示させておいてください。

1.土台を作る

[1-1]アートボードを幅500×高さ500px、カラーモードはRGBで設定する。
長方形ツールで幅500×高さ500px、塗り

もっとみる
CSSで作った三角形に影をつけるのは沼だった

CSSで作った三角形に影をつけるのは沼だった

某商業施設でこんな感じの装飾がついた看板(というかPOP)を見たので、どれCSSでやってみよう。
と思ったら沼でした。
まぁ備忘録ですね。

HTML

<div class="banner01"> <div class="sample01"> <img class="bg_img" src="img/test.png">

もっとみる
CSSのみでパールが作れるのか実験してみた

CSSのみでパールが作れるのか実験してみた

先日illustratorのグラデーション機能のみを使用して、パールを作った時にふと思いました。
「グラデのみである程度成立するならCSSでもいけるのでは?」

早速実験してみました。

イラレで作るパールの作り方についてはこちら。
「2.グラデーションを使って描く」を参考にしています。

1.作り方

結論から言うとできました。
それぞれのオブジェクトの役割については、イラレで作った時と考え方は

もっとみる
【用途別】イラレで作るパールの作り方〜3パターン〜

【用途別】イラレで作るパールの作り方〜3パターン〜

イラレでパールを作っていると「ブラシ適用できない問題」にぶつかることがあるので、用途別に作り方をまとめてみました。
またの名を試行錯誤の備忘録。
(分割・拡張を施せば適用できるけど見た目変わるのめんどくさい(´・ω・)人向け)

※オブジェクトの位置関係等を説明する都合上、数値を指定しています。
用途に応じて数値は調整してください。
今回はアートボード:500×500px、カラーモード:RGB、土

もっとみる
イラレで作る食パンの作り方

イラレで作る食パンの作り方

角形食パンをAdobe Illustratorで作ります。

※手動で作業することがあるので、メニューバー→表示→スマートガイドにチェックを入れておいてください。

1.パンの基本形

[1-1]アートボードを幅300×高さ220px以上であればどんなサイズでもOK。カラーモードはRGBで設定する。
長方形ツールで幅150×高さ150px、塗り#fff7d7、線の色#c67b05、太さ3ptの正方

もっとみる
【やってみた】8世紀の写本装飾をイラレで真似してみた

【やってみた】8世紀の写本装飾をイラレで真似してみた

株式会社マール社様の「カラー文庫 世界装飾図」にて、イラレで作ってみたくなるデザインがあったので挑戦してみました。
まとめてみたら中々のボリュームになりました_(:3 」∠)

※メニューバー→ウィンドウ→整列は頻繁に使うので、あらかじめ表示させておいてください。

1.土台を作る

[1-1]アートボードを幅1200×高さ630px、カラーモードはRGBで設定する。
長方形ツールで幅1200×高

もっとみる
便利だなと思ったイラレの機能

便利だなと思ったイラレの機能

Adobe Illustratorを使用していて、便利だなと思った機能を箇条書きにする予定です。

1.スポイトツールと(Mac:command/Win:control)
絵を描いている時にとても便利。
Illustratorには色々なツールがありますが、
「ツールを使用中に(Mac:command/Win:control)を押すと直前まで使用していた選択ツールかダイレクト選択ツールが起動する」

もっとみる