過去の記事一覧

1. 

   Photoshop

   ネオン管のススメ(Ps)

   夜にキラキラして、洋画のお洒落なシーンに高確率でてきたり、シーンを飾るエモいやつ。今日はそんな、エモいネオンをPhotoshopで制作す…

2. 

   Photoshop

   Photoshop で写真の一部を簡単に消す方法

   Photoshopで写真の一部を消す簡単な方法を紹介します。1.写真を用意します。2.削除したい部分を選択ツールで囲みます。…

3. 

   Others

   商用利用可なフリーフォントを簡単に探せるサイト

   デザイン制作をする時に、フォント選びに悩んだことはありませんか？「標準フォントでは雰囲気に合うものがない…」「良いフォントはそれなりのお値段がして手が出…

4. 

   Others

   レタッチとは？その意味と役割、使用するソフトとレタッチを行う為の3つのポイントについて

   このページでは、「レタッチ」という画像編集ソフトを使用した画像調整作業について紹介します。初めてレタッチについて知りたい方や、以前からレタッチに…

5. 

   Others

   Adobe Acrobat Proの便利なショートカットキーについて（プレゼンテーション編）

   PDFデータをAcrobatを使用して、他の人に見せたい。でも、思ったように操作できない。そんな時に役立つショートカットキーを紹介します。ショートカット…

6. 

   Others

   水族館のホームページ紹介

   このページでは、サイト制作の参考になるような水族館のホームページを、独断と偏見で選んでご紹介していきたいと思います。うみがたりうみがたり公式サイト…

7. 

   Illustrator

   メッシュツールで混ざり合った幻想的なグラデーションを作ろう

   最近は偏光や虹をイメージした幻想的なデザインが増えてきました。流行り(?)の幻想的なグラデーションを作ってみましょう！一見難しそうですが、Illus…

8. 

   Web

   Flexboxで縦並びを簡単に！

   以前、ご紹介しました「Flexboxで横並びを簡単に！」「floatの解除が面倒」「レイアウトが崩れる」といった解決策として、投稿しました。…

9. 

   Web

   JQueryのランダム要素簡単実装

   ○はじめに難しそうですが案外簡単に使えますので、初心者の方向けにざっくり解説したいと思います。詳細は私も解らないのでググってください。今回はリロード…

10. 

    Others

    Figmaを使ってみようーアニメーション作成ー

    今回は番外編でFigmaでアニメーション作成の紹介になります。ただアニメーションを作るだけでなく動きをCSSアニメーションとして書き出せるのでWEB制作でも…

11. 

    Web

    【CSS】CSS Gradientで複雑なグラデーションを作成

    CSS Gradientというフリーサイトを使ってCSSで複雑なグラデーションを作りましょう。Webサイトを装飾したいけれど、htmlに画像を書き加える…

12. 

    Others

    商業利用可！ロイヤリティフリーの写真素材サイト5選

    パンフレットやパッケージなどのDTPおよびWeb制作において、写真素材のクオリティーはとても重要です。ですが、「フリーかつ高解像度で商業利用可の条件をすべて…

13. 

    Others

    Figmaを使ってみようーHTML・CSS作成ー

    前回はFigmaでデザインを作成しましたが、今回はHTML・CSS作成について紹介してみたいと思います。前回の記事でご紹介した内容を知っている前提になり…

14. 

    Others

    ヴィンテージなデザインが簡単に作れるツール

    ヴィンテージなデザインが簡単に作れるWebツール「Heritage Designer」をご紹介します。簡単な操作だけ高クオリティのデザインが作れるのでノンデ…

15. 

    Others

    Figmaを使ってみよう　　ーデザイン作成ー

    前回はFigmaでワイヤーフレームを作成しましたが、今回はそのワイヤーフレームを元にデザイン作成について紹介してみたいと思います。前回の記事でご紹介した…