川野蕗

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

川野蕗

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

最近の記事

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

株式会社マール社様の「カラー文庫 世界装飾図」にて、かわいい柄の装飾だと思ったので作ってみました。 ついでにCSSやスウォッチで背景風に並べてみようと思います。 ※メニューバー→ウィンドウ→整列は頻繁に使うので、あらかじめ表示させておいてください。 1.土台を作る [1-1]アートボードを幅500×高さ500px、カラーモードはRGBで設定する。 長方形ツールで幅500×高さ500px、塗り#4e917dの正方形を描く。 整列ウィンドウにて「アートボードに整列」を選択し

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

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

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

        先日illustratorのグラデーション機能のみを使用して、パールを作った時にふと思いました。 「グラデのみである程度成立するならCSSでもいけるのでは?」 早速実験してみました。 イラレで作るパールの作り方についてはこちら。 「2.グラデーションを使って描く」を参考にしています。 1.作り方 結論から言うとできました。 それぞれのオブジェクトの役割については、イラレで作った時と考え方は一緒です。 重ねたオブジェクトの数も一緒。 ざっくり言うと色々なグラデーションを

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

          イラレでパールを作っていると「ブラシ適用できない問題」にぶつかることがあるので、用途別に作り方をまとめてみました。 またの名を試行錯誤の備忘録。 (分割・拡張を施せば適用できるけど見た目変わるのめんどくさい(´・ω・)人向け) ※オブジェクトの位置関係等を説明する都合上、数値を指定しています。 用途に応じて数値は調整してください。 今回はアートボード:500×500px、カラーモード:RGB、土台は楕円ツール:幅300×高さ300pxで作成します。 特に指定がない場合、不透

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

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

          角形食パンをAdobe Illustratorで作ります。 ※手動で作業することがあるので、メニューバー→表示→スマートガイドにチェックを入れておいてください。 1.パンの基本形 [1-1]アートボードを幅300×高さ220px以上であればどんなサイズでもOK。カラーモードはRGBで設定する。 長方形ツールで幅150×高さ150px、塗り#fff7d7、線の色#c67b05、太さ3ptの正方形を描く。 [1-2]アピアランス→新規効果を追加→ジグザクをクリック。 大き

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

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

          株式会社マール社様の「カラー文庫 世界装飾図」にて、イラレで作ってみたくなるデザインがあったので挑戦してみました。 まとめてみたら中々のボリュームになりました_(:3 」∠) ※メニューバー→ウィンドウ→整列は頻繁に使うので、あらかじめ表示させておいてください。 1.土台を作る [1-1]アートボードを幅1200×高さ630px、カラーモードはRGBで設定する。 長方形ツールで幅1200×高さ630px、塗り#e8032eの長方形を描く。 適当なところをクリックするとダ

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

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

          Adobe Illustratorを使用していて、便利だなと思った機能を箇条書きにする予定です。 1.スポイトツールと(Mac:command/Win:control) 絵を描いている時にとても便利。 Illustratorには色々なツールがありますが、 「ツールを使用中に(Mac:command/Win:control)を押すと直前まで使用していた選択ツールかダイレクト選択ツールが起動する」 というもの。 キーボードを押してる間だけ起動するので、いちいちツールバーまで戻ら

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