ブログBLOG

イラストレーターでのさまざまなスライス方法まとめ[Illustrator]

いきなりタイトルを裏切りますが、まずはaiファイルをPhotoshopで開くというのを試しましょう。 "ファイル" → "書き出し" → "書き出し形式" でpsdを選択して書き出しします。 書き出しオプションはWeb用（カラーモード：RGB / 解像度：スクリーン）に設定。 レイヤーを保持した ...

～2022年・2016年新旧比較～クリスマスのWebデザイン＋おまけ[雪を降らせるjQuery]

みなさんいよいよ年の瀬、いかがお過ごしでしょうか？ 今回はクリスマスのイベントやキャンペーンに向けてデザインを作成する際に参考になるサイトを探してみました。 このブログは2016年に公開したBLOGを2022年度バージョンを追加して更新いたしました！ 他にもクリスマスのWebサイトを作 ...

デザインツールから、HTMLコーディングのスピードアップを考える [Photoshop] [Illustrator] [Creative Cloud Extract]

最近Photoshopの「CSSをコピー」が結構使えるなということに気づき、他にも知らなかった便利な機能があるかもと調べていたところ、Adobeのびっくりサービスを発見。 「CSSの生成」と「スライス」について、コーディングがスピードアップしそうなデザインツールの機能をまとめました。 ※本記事内 ...

未経験からwebデザイナーとして入社してみて～4ヶ月目～

過去の記事→ 未経験からwebデザイン会社に入社してみて 未経験からwebデザイナーとして入社してみて～3ヶ月目～ 早くも4ヶ月目です。新たに知ったことや学んだことを書いていきます。 Photoshopに関して レイヤースタイルでオブジェクトにドロップシャドウを付け、角度を変更すると…他のド ...

未経験からwebデザイナーとして入社してみて～3ヶ月目～

前回「未経験からwebデザイン会社に入社してみて」という記事を書かせていただきましたが、 まさかの第二弾です！（月1更新することになりました） 今月作業した中で知ったことなど書いていきたいと思います。 コーディング 今月初めてコーディングをしました。 コーディングについては、HTMLを少々とCS ...

Androidアプリデザインを始める前に知っておきたい4つのこと

Androidアプリをデザインしよう！と思い立っても、ウェブデザイナーさんがいつものように作ろうとすると上手くいきません。 Androidアプリのための特有の知識が必要だからです。 が、ちょっと調べてみると知らないことが大量に出てきて焦りますよね。 そこで、Androidアプリデザインを始める前に、 ...