home
Loading...

BLOG

Wordpressのもう一つの投稿タイプページです。
こちらはブログ用に使います。

SVGテスト

SVGアニメを投稿記事に貼り付けてみました。@keyframesでループ設定してます。

※IEやEdgeでは動かないようです。SVG自体相性がよくない感じ

SNS連携facebook

facebookをiframeで入れてみました。 仕事でサイトを作らせてもらう場合はjavascriptのほうで埋め込ませてもらっています。 個人的には発信したいNewsはないのですが、サイトを作らせてもらうとSNS連携をリクエストされるお客様は多いです。 そして実際サイトに埋め込む場合、自分も知っておかなければということでSNSツールとは「何ぞや」ということで使ってみることにしました。 facebookを始めtwitterやLINEも開設しました。

PhotoShopレイヤースタイル2


こちらもPhotoShopで作ったテキスト画像です。 ケーキの上にイチゴソースをのせたやつ。 でも、使いどころは全くなさそう。

PhotoShopレイヤースタイル


こちらはPhotoShopで作ったテキスト画像です。 メタリックなグラデーションはPhotoShopのほうが作りやすいです。 サイトとしての使いどころは投資関係でしょうかね。メタリック感て。 あと起業とかビジネス感が強いイメージのランディングページとか。 ただ、テキストを画像にするのはSEO的にはあまり良くないようですね。 ランディングページは画像が多くなりがちなので、SEOを意識するならテキストの量にも注意しないといけないそうで。

Illustratorグラフィックスタイル

Illustratorで作った画像テキストです。 タイトルやバナーなど使い所は様々です。 だいたいはカンプデザインの段階でこういったWEBパーツは作ってしまいます。

フリー素材も質のいいものがネット上に溢れてますが、テキストなどサイトに添ったキーワードは自作するしかないんですよね。 探すほうが時間がかかりますし。また統一感も必要だし。

WEBデザインをメインにお仕事してると毎日Illustrator開いています。あとはテキストエディターでコード書いてるとか。 逆にPhotoShopの使う頻度が減りました。イラストメインの時は毎日PhotoShop使ってたんですけど。

そういえばCLIP STUDIO PAINT(漫画描く時に使ってたソフト)は全く使わなくなっちゃったなぁ… もともとは貰ったソフトなんですけど。 ネット漫画のコンテストに応募して大賞とった時の景品でした。 何よりも、嬉しかったのは賞を取った漫画が英訳されて世界に発信されたことでした。

プロフィール

プロフィールイラスト

Name

hikari

イラストを描きながらWEBデザインを勉強してきました。折りパンフなどのDTP、ゲームのキャラデザとか、あとバナーやアイコンも作ってます。
まだまだ駆け出しでデザイン、コード共々試行錯誤状態ですが、日々精進。
初挑戦に挑みながらいろいろなサイト作りを目指しています。

使えるソフト
Photoshop
Illustrator
CLIP STUDIO PAINT
Painter
DreamWeaber
使える言語
HTML5
CSS3(レスポンシブ対応)
javaScript
(ただ今勉強中。タイマー関数使って時間設定できるようになりました。
コールバックはお気に入りです。)