Web制作に役立つ情報一覧

ウェブデザインにおけるline-heightについて

2021/04/26(Mon) 10:17

ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。

https://parashuto.com/rriver/development/line-height-in-web-design

【フォトショップ】より繊細なエンボス加工を作成する方法

2021/04/26(Mon) 10:16

この記事では、フォトショップを使った超リアルなエンボス加工のつくり方をご紹介します。別名浮き出し加工とも言われる「エンボス加工」は、紙面に凹凸をつけたような仕上がりが特長ですが、今回はこの質感をフォトショップで表現します。

https://photoshopvip.net/128482

このマンガを読むと、映える写真の撮り方がよく分かる！まじめな解説とマンガがほどよくミックスされた解説書

2021/04/23(Fri) 09:58

ネコをかわいく撮りたい、雰囲気のある写真が撮りたい、おいしそうな写真を撮りたい、素敵な人物写真を撮りたい、でも難しい解説書を読むのは面倒。そんな人にぴったり、映える写真の撮り方がよく分かるマンガを紹介します。

https://coliss.com/articles/book-review/isbn-9784815606589.html

知っておくと実装に役立つ！JavaScriptのテクニックのまとめ

2021/04/22(Thu) 10:11

デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/javascript-tips-by-garvitmotwani.html

【フォトショップ】輝きが違う！ライティング・グローエフェクトのつくり方

2021/04/22(Thu) 10:11

この記事では、フォトショップをつかった超リアルなライティング、グローエフェクトのつくり方をご紹介します。お好みで文字やネオンカラーの変更が可能な点もポイントで、手軽に編集を行うことができます。

https://photoshopvip.net/128434

【フォトショップ】ワンランク上のネオンサインエフェクトのつくり方

2021/04/21(Wed) 10:04

この記事では、フォトショップを使った超リアルなネオンサインエフェクトのつくり方をご紹介します。レイヤースタイルで表現できるお手軽なエフェクトで、ワンスパイス加えることで、本物そっくりなリアル感とライティングエフェクトを演出できるチュートリアルとなっています。

https://photoshopvip.net/128401

ロゴデザインをつくる PART.01 -書体篇-

2021/04/21(Wed) 10:03

自分は今まで、会社・サービス・美容室・病院などいろいろなロゴを作成してきました。いつもどのようにロゴを作っているのかを自分の整理とアップデートを兼ねて簡単な流れをまとめてみました。すこし長くなるので3つのパートに分けて説明していきたいと思います。

https://note.tsumikiinc.com/n/nea2455509427?gs=fa145d3d35e0

Web制作者は要チェック！Instagramに使用されているCSSのテクニック

2021/04/20(Tue) 10:11

Instagramに使用されているCSSのテクニックを紹介します。世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？

https://coliss.com/articles/build-websites/operation/css/css-techniques-used-for-instagram.html

魅力的でインタラクティブなウェブサイト制作で意識したい6つのポイントまとめ

2021/04/19(Mon) 10:00

この記事では、ユーザーを飽きさせないインタラクティブなウェブサイト制作で意識したい6つのポイントをまとめてご紹介します。ここでは、インタラクティブなウェブサイトとは、ユーザーと対話するような参加型サイト体験を指しており、その方法やエフェクトもさまざまです。

https://photoshopvip.net/128359

この記事では、フォトショップをつかった超リアルな黄金文字テキストエフェクトのつくり方をご紹介します。

2021/04/19(Mon) 09:59

特にむずかしいこともなく、手順通りに進めていくことで、圧倒的な光沢感とリアル感を演出できる黄金文字テキストのお手軽チュートリアルです。黄金エフェクトを適用したままフォントの変更も可能な点もポイントで、手軽に編集を行うことができます。

https://photoshopvip.net/128377