WEBデザイン

1/5ページ

Illustrator ツール

どうも中野です。 今回はイラストレーターの面白いツールを紹介します。 1.線幅ツール このツールはその名の通り、線の幅を変更するツールです。 使い方は、線の上で上下にドラッグするだけ。 片方のみ動かしたいときは、Altを押しながらドラッグすると片方のみ動かせます。 2.ワープツール このツールはパスの上でドラッグするとそのドラッグした方向にパスが押しつぶされるツールです。 3.うねりツール その名 […]

イラストレーター モザイク

どうも中野です。 今回はイラストレーターでモザイクのかけかたを説明します。 1.モザイクをかけたい画像を用意します。 モザイクをかけたい画像をよういし、その画像を埋め込みます。 2.オブジェクト → モザイクオブジェクトを作成 オブジェクト → モザイクオブジェクトを作成を選択します。 この時、タイル数を大きくするとモザイクが細かくなり、小さくするとモザイクが大きくなります。 3.完成 たったこれ […]

Illustrator プラグイン

どうも中野です。 今回はイラストレーターのプラグインを紹介したいと思います。 まだ、私はイラストレーターのプラグインは使ったことがないのですが、調べてみたら様々なプラグインがありました。これを期にプラグインを入れてみようかな、、、? 1.Xtream Path https://flashbackj.com/product/xtreampath 凄く有名なプラグインみたいです。痒い所に手が届く!そん […]

画像を網点で表現(Photoshop)

どうも中野です。 今回は画像を網点で表現する加工方法を説明します。 1.画像を用意します 網点で表現したい画像を用意します。 2.フィルター → ピクセレート → カラーハーフトーン フィルター → ピクセレート → カラーハーフトーンを選択します。 各項目を自分の好みの数値を設定してOKを押します。 3.完成 たったこれだけで完成です。   とっても簡単にPOPな加工ができますので、是 […]

動きの面白いサイト5選 2018.11

  • 2018.11.01

株式会社エスタイル https://estyle-inc.jp/ canvasをフルに使ったアニメーションが最高です!ページ移動の時のアニメーションも遊び心があります。 Parallax https://parall.ax/ アニメーションやフェイドインの感覚がいい感じに調整させています。スマートな感じでステキ   カンテレ採用2019 – 関西テレビ放送 https://w […]

Photoshop パターン素材

どうも中野です。 前にパターンの事を書いた時に、パターンの素材を紹介すると言って、別の記事を書いたことに今更気づき、今、この記事を書いています。 1.Seamless Photoshop Pixel Patterns https://deliciousthemes.com/seamless-photoshop-pixel-patterns/ すごくシンプルなパターン。背景パターンとして使用するのが […]

Photoshop パターン

どうも中野です。 先日デザインの際にパターンを作る事があって、どうやって作るのか知らなかったので、調べるととても簡単にできることを知り、感動したので、今回はPhotoshopのパターンの登録の仕方を紹介します。 1.パターンにしたい画像などを選択範囲で囲みます パターンにしたい画像やテキストなどをPhotoshopで読み込み、選択範囲で囲みます。 この時、囲った範囲がパターンになります。 2.「編 […]

Photoshop面白機能 パペットワープ

どうも中野です。 今回はPhotoshopの面白機能を紹介したいとおもいます。 その名もパペットワープ!! では、機能の使い方の説明をします。 1.写真素材を用意 動かしてみたい写真を用意します。 2.トリミングします。 私は簡単に自動選択ツールでやっちゃいました、、、 3.トリミングしたレイヤーを選択した状態で「編集」→「パペットワープ」選択 パペットワープを選択すると、写真がメッシュで覆われま […]

フォントの役割 Part.4

どうも中野です。 今回はどんなサイトにどんなフォントが使われているか見ていきたいと思います。 アイキャッチ(トップイメージ)の文字を見ていきたいと思います。 1.MORINAGA https://www.morinaga.co.jp/ モリナガのアイキャッチ(ダース)はゴシック体で作成されていました。 信頼できる商品をイメージさせるゴシック体で重要な部分には、太字で色を変え、より効果的にゴシック体 […]

フォントの役割 Part.3

どうも中野です。 今回もフォントについて書かせていただきます。 今回はフリーフォントついて書きます。 1.ためしがき https://tameshigaki.jp/ このサイトは試したい文字を入力すると、様々なフリーフォントで入力したフォントの確認ができるすぐれものです。また、配布元も表示されるので、そこからダウンロードして使用することも可能です。 どのフォントが良いのか、ダウンロードする前に確認 […]

1 5