Webデザイン

WEBデザイン

【Illustrator】表示されるとなかなか消せないアレ(遠近グリッド)の消し方

イラレを使用中に、たまに表示されるコレ。ピンとくる方いないでしょうか。 遠近グリッドというツールで、上図の二点透視図法のような遠近表現をする際に便利なガイド機能です。結構な頻度で現れ、消そうにもなかなか消えてくれず、時間のロ...
WEBデザイン

【Illustrator】画像を文字で切り抜く方法〜クリッピングマスク〜

みなさん、イラレのクリッピングマスクは活用してますか? 個人的にはかなり使用頻度の高い機能のひとつなので、覚えておいて損はないと思います。そこで今回は、クリッピングマスクを使って画像を文字で切り抜く方法を簡単にまとめてみました。 画...
WEBデザイン

【Illustrator】画像をはめ込んで合成する「モックアップ」の作り方

最近、知人からの依頼で看板のリニューアルデザインをしています。 看板のデザインを作成するのは初めてなので、アドバイスを頂きながら進めているのですが、その中でモックアップの作成を勧められました。(モックアップとは、よりイメージを掴みやすくす...
WEBデザイン

できるかもデザイン「プロのデザイナーがバナーをライブデザイン」に参加してみた

先日、デザイン初学者向けのオンラインイベント「できるかもデザイン」に参加してきました。 今回のメインは、前回作成した集客用LPのファーストビューを使って、それぞれ大きさ・形の違う3つのバナーを作成するというもの。2人のデザイナーさんが...
WEBデザイン

ロゴ制作に役立つ参考サイトをご紹介

ただいま、業務としては初めてのロゴ制作に取り組んでいるところです。 最初はなかなか良いアイデアが思いつかず、色んなサイトを巡っていました。ひたすら手を動かしスケッチしてはサイトを巡り、またスケッチしてはサイトを巡り、を繰り返してようや...
WEBデザイン

【Illustrator】オブジェクトが正常に選択できない時の対処法

イラレでオブジェクトを編集しようと対象をクリックするも、アンカーポイントが表示されない•••(ロックをかけていないのに!)なんてことありませんか?私は文字がドラッグできなくなる度にアワアワしています。 その原因は、おそらく境界線が隠れ...
WEBデザイン

【コーディング備忘録】「display:inline-block」でリストを横並びにした時に生じる余白の対処法

グローバルナビなどリストを横並びにする時に発生してしまう余白について書き記しておこうと思います。 先日、リストタグに対して「display:inline-block」を使って要素を横並びにした時に、liとliの間に謎の余白が発生してい...
WEBデザイン

【Illustrator】色決めに迷ったときに役立つ「カラーガイド」の使い方

デザインの色決めをしていて、「色の方向性は何となく決まったけどイマイチしっくりこない...」となる事はありませんか? また、スウォッチパネルの初期カラーパレットばかり使っていると、毎回似たような色になりがちですよね。 本日は、少...
WEBデザイン

【コーディング備忘録】ヘッダーを固定させる方法と注意点

ヘッダーに何も設定していない状態だと、メニューを選択しにまたページトップまで戻る手間が生じてしまいます。 本日は、スクロールしても常にページの上部にヘッダーを固定表示させることができるCSSプロパティ「position:fixed」を...
WEBデザイン

【コーディング初心者向け講座】影をつけるCSSプロパティ「box-shadow」と「 drop-shadow」について学ぶ!〜CSS〜

先日、text-shadowという文章に影をつけるCSSプロパティをご紹介しました。 今回は画像やオブジェクトなどに影をつける「box-shadow」と「filter:drop-shadow」についてまとめたいと思います! box-...
タイトルとURLをコピーしました