島田陽生｜Designer/Director

744 posts

島田陽生｜Designer/Director

@shimada_haruki

現場で使えるデザイントピックを投稿します｜note記事はハイライトを確認ください！｜制作会社→広告代理店で約７年間デザイナー・ディレクターを担当。お仕事のご相談はDMよりお願いします。

note.com/shimada_designJoined January 2022

31.6K Followers

島田陽生｜Designer/Director’s posts

Pinned

島田陽生｜Designer/Director

@shimada_haruki

Udemyで8/28まで対象講座が¥1,500~購入可能な夏のビッグセール開催中

デザイン基礎とAI活用を一緒に学びたい方へおすすめの講座3選！ ※PR

おすすめ講座はリプ欄へ

The post features three promotional images for Udemy courses, recommended by 島田陽生, a designer/director, during a summer sale ending August 28, with courses priced at ¥1,500. The first image highlights a ChatGPT course, showing a surprised woman with text about AI and design, emphasizing quick learning. The second image promotes an Illustrator course, displaying croissants on a table with a 2021 opening announcement, suggesting design skills. The third image advertises Photoshop and other design courses, featuring a man sleeping and a surprised woman, with text about 90% off and big sales. Purple banners with Japanese text like 'デザイン基礎が学べる!!' (Learn design basics!!) frame each section, and arrows connect visuals to course details, indicating educational value. No platform watermarks are visible.

The post features three promotional images for Udemy courses, recommended by 島田陽生, a designer/director, during a summer sale ending August 28, with courses priced at ¥1,500. The first image highlights a ChatGPT course, showing a surprised woman with text about AI and design, emphasizing quick learning. The second image promotes an Illustrator course, displaying croissants on a table with a 2021 opening announcement, suggesting design skills. The third image advertises Photoshop and other design courses, featuring a man sleeping and a surprised woman, with text about 90% off and big sales. Purple banners with Japanese text like 'デザイン基礎が学べる!!' (Learn design basics!!) frame each section, and arrows connect visuals to course details, indicating educational value. No platform watermarks are visible.

The post features three promotional images for Udemy courses, recommended by 島田陽生, a designer/director, during a summer sale ending August 28, with courses priced at ¥1,500. The first image highlights a ChatGPT course, showing a surprised woman with text about AI and design, emphasizing quick learning. The second image promotes an Illustrator course, displaying croissants on a table with a 2021 opening announcement, suggesting design skills. The third image advertises Photoshop and other design courses, featuring a man sleeping and a surprised woman, with text about 90% off and big sales. Purple banners with Japanese text like 'デザイン基礎が学べる!!' (Learn design basics!!) frame each section, and arrows connect visuals to course details, indicating educational value. No platform watermarks are visible.

The post features three promotional images for Udemy courses, recommended by 島田陽生, a designer/director, during a summer sale ending August 28, with courses priced at ¥1,500. The first image highlights a ChatGPT course, showing a surprised woman with text about AI and design, emphasizing quick learning. The second image promotes an Illustrator course, displaying croissants on a table with a 2021 opening announcement, suggesting design skills. The third image advertises Photoshop and other design courses, featuring a man sleeping and a surprised woman, with text about 90% off and big sales. Purple banners with Japanese text like 'デザイン基礎が学べる!!' (Learn design basics!!) frame each section, and arrows connect visuals to course details, indicating educational value. No platform watermarks are visible.

島田陽生｜Designer/Director

@shimada_haruki

意外と知られていない描画モードの小ワザ紹介します・夜景を魅せるなら「覆い焼きカラー」・正反対の色味にするなら「除算」・エモく魅せるなら「覆い焼き(リニア)-加算」・レトロに魅せるなら「除外」 #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

有名ロゴが使ってる定番フォント12選

島田陽生｜Designer/Director

@shimada_haruki

知っておくと便利な描画モードの使い方紹介

This social media post by 島田陽生 (Shimada Haruki), a designer/director, showcases various examples of how to use different blending modes in graphic design software like Photoshop. The post includes four sets of images demonstrating the effects of different blending modes: 'Overlay', 'Hard Light', 'Screen', and 'Multiply'. Each set shows a before and after comparison, illustrating how the blending mode changes the appearance of the image. The first set features a person in a crowd with a blue and orange color scheme, the second shows a child running in a field, the third displays an anime character, and the fourth depicts a person in a serene outdoor setting. The text in the post is in Japanese, explaining the utility of these blending modes in design work.

This social media post by 島田陽生 (Shimada Haruki), a designer/director, showcases various examples of how to use different blending modes in graphic design software like Photoshop. The post includes four sets of images demonstrating the effects of different blending modes: 'Overlay', 'Hard Light', 'Screen', and 'Multiply'. Each set shows a before and after comparison, illustrating how the blending mode changes the appearance of the image. The first set features a person in a crowd with a blue and orange color scheme, the second shows a child running in a field, the third displays an anime character, and the fourth depicts a person in a serene outdoor setting. The text in the post is in Japanese, explaining the utility of these blending modes in design work.

This social media post by 島田陽生 (Shimada Haruki), a designer/director, showcases various examples of how to use different blending modes in graphic design software like Photoshop. The post includes four sets of images demonstrating the effects of different blending modes: 'Overlay', 'Hard Light', 'Screen', and 'Multiply'. Each set shows a before and after comparison, illustrating how the blending mode changes the appearance of the image. The first set features a person in a crowd with a blue and orange color scheme, the second shows a child running in a field, the third displays an anime character, and the fourth depicts a person in a serene outdoor setting. The text in the post is in Japanese, explaining the utility of these blending modes in design work.

This social media post by 島田陽生 (Shimada Haruki), a designer/director, showcases various examples of how to use different blending modes in graphic design software like Photoshop. The post includes four sets of images demonstrating the effects of different blending modes: 'Overlay', 'Hard Light', 'Screen', and 'Multiply'. Each set shows a before and after comparison, illustrating how the blending mode changes the appearance of the image. The first set features a person in a crowd with a blue and orange color scheme, the second shows a child running in a field, the third displays an anime character, and the fourth depicts a person in a serene outdoor setting. The text in the post is in Japanese, explaining the utility of these blending modes in design work.

島田陽生｜Designer/Director

@shimada_haruki

簡単に雰囲気を作れるデザインの小ワザ紹介します・影をつける・水の波紋をつける・水面の波紋をつける・物の屈折光をつける寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。

島田陽生｜Designer/Director

@shimada_haruki

美容系のデザインで使えるあしらい要素の小ワザ！・水滴あしらい・水しぶきあしらい・バブルあしらい・真珠あしらいほしい素材を自作できるとデザインの自由度や幅が大きく変わることも多いので、美容系の制作案件が多い方へおすすめです。 #デザイン #webデザイン

島田陽生｜Designer/Director

@shimada_haruki

意外と知られていない描画モードの小ワザ紹介! ・夜景を魅せるなら「覆い焼きカラー」・正反対の色味にするなら「除算」・エモく魅せるなら「覆い焼き(リニア)-加算」・レトロに魅せるなら「除外」参考書籍：bit.ly/45WDcHG

島田陽生｜Designer/Director

@shimada_haruki

多摩美術大学が公開している「ゼロから学ぶはじめてのデザイン」、現役デザイナーはもちろん、ちょっとデザイン興味あるな〜って人にもめちゃくちゃおすすめです！有名デザイナーの講義がYouTubeで見放題。気になる方はぜひチェックを〜！

The image is a screenshot of a webpage from Tama Art University, showcasing a series of educational videos titled "New Value Creation Academy" and "Tama Art School". The page features thumbnails of various lectures by different designers, with titles and brief descriptions in Japanese. The context from the post by 島田陽生 (@shimada_haruki) highlights that these lectures are highly recommended for both professional designers and those with a casual interest in design, as they are available for free on YouTube. The layout is clean and organized, with a focus on educational content related to design, making it an excellent resource for learning design principles from renowned designers.

島田陽生｜Designer/Director

@shimada_haruki

知っておくと便利な描画モードの使い方紹介します・色を明るくするなら「覆い焼きカラー」・魅力的な逆光加工にするなら「スクリーン」・色を鮮やかにするなら「焼き込みカラー」・レトロな印象にするなら「除外」 #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

知っておくと便利な描画モードの使い方紹介します・パーライト風にするなら「スクリーン」・ドラマチックにするなら「覆い焼き(リニア)加算」・画像の特定の色味だけを抜くなら「減算」・グロー効果を出すなら「ハードライト」 #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

一瞬で雰囲気を作るデザインの小ワザ紹介します・影をつける・水の波紋をつける・水面の波紋をつける・物の屈折光をつける寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。 #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

インパクトをだすテキストデザインの小ワザ・文字を手前に飛び出させる・アメコミ風にする・文字に遠近感をだす・文字を重ねて立体感をだすインパクトの強いテキストデザインはCV率の改善に効果的です^^ 参考書籍：bit.ly/45WDcHG

島田陽生｜Designer/Director

@shimada_haruki

美容系のデザインで使えるあしらい要素の小ワザ！・水滴あしらい・水しぶきあしらい・バブルあしらい・真珠あしらいほしい素材を自作できるとデザインの自由度や幅が大きく変わることも多いので、美容系の制作案件が多い方へおすすめ！

島田陽生｜Designer/Director

@shimada_haruki

ちょっと迷ったときに使える定番の文字デザイン集

This image is a collection of 15 standard Japanese text designs, useful for when one is unsure about typography choices. Each design showcases different styles and layouts of Japanese text, providing a visual reference for designers. The text at the top reads "文字のデザイン15選" which translates to "15 Text Design Selections". The designs range from simple to more complex arrangements, demonstrating various typographic techniques and aesthetics. This post by 島田陽生 (Shimada Haruki), a designer and director, aims to offer practical inspiration for graphic design projects.

島田陽生｜Designer/Director

@shimada_haruki

知っておくと便利なブレンドモード(描画モード) の使い方紹介・ドラマチックにするなら「覆い焼き(リニア)加算」・画像の特定の色味だけを抜くなら「減算」・パーライト照明風にするなら「スクリーン」・グロー効果を出すなら「ハードライト」参考書籍：bit.ly/45WDcHG

島田陽生｜Designer/Director

@shimada_haruki

ちょっとした要素を魅力的にするあしらいの小ワザ紹介します・水彩画の画像をマスクする・メダルの背景をつける・輪郭をついけ光をあしらう・水滴の背景をつけるどれも簡単にできるのでおすすめです！ #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

商品の魅力を視覚的に強調する影デザインの小ワザ紹介！

The post by 島田陽生 (Haruki Shimada) showcases techniques for visually enhancing product photography through shadow design. It features a series of images demonstrating how different shadow effects can highlight the appeal of various products, including perfume bottles, a water bottle, a soap dispenser, and a cosmetic container. Each set of images shows the progression from a basic product shot to one with enhanced shadows, illustrating the impact on the product's visual appeal. The text in the post, "商品の魅力を視覚的に強調する影デザインの小ワザ紹介！", translates to "Introducing small techniques for visually emphasizing the charm of products through shadow design!" This educational content is aimed at designers and photographers looking to improve their product presentation skills.

The post by 島田陽生 (Haruki Shimada) showcases techniques for visually enhancing product photography through shadow design. It features a series of images demonstrating how different shadow effects can highlight the appeal of various products, including perfume bottles, a water bottle, a soap dispenser, and a cosmetic container. Each set of images shows the progression from a basic product shot to one with enhanced shadows, illustrating the impact on the product's visual appeal. The text in the post, "商品の魅力を視覚的に強調する影デザインの小ワザ紹介！", translates to "Introducing small techniques for visually emphasizing the charm of products through shadow design!" This educational content is aimed at designers and photographers looking to improve their product presentation skills.

The post by 島田陽生 (Haruki Shimada) showcases techniques for visually enhancing product photography through shadow design. It features a series of images demonstrating how different shadow effects can highlight the appeal of various products, including perfume bottles, a water bottle, a soap dispenser, and a cosmetic container. Each set of images shows the progression from a basic product shot to one with enhanced shadows, illustrating the impact on the product's visual appeal. The text in the post, "商品の魅力を視覚的に強調する影デザインの小ワザ紹介！", translates to "Introducing small techniques for visually emphasizing the charm of products through shadow design!" This educational content is aimed at designers and photographers looking to improve their product presentation skills.

The post by 島田陽生 (Haruki Shimada) showcases techniques for visually enhancing product photography through shadow design. It features a series of images demonstrating how different shadow effects can highlight the appeal of various products, including perfume bottles, a water bottle, a soap dispenser, and a cosmetic container. Each set of images shows the progression from a basic product shot to one with enhanced shadows, illustrating the impact on the product's visual appeal. The text in the post, "商品の魅力を視覚的に強調する影デザインの小ワザ紹介！", translates to "Introducing small techniques for visually emphasizing the charm of products through shadow design!" This educational content is aimed at designers and photographers looking to improve their product presentation skills.

島田陽生｜Designer/Director

@shimada_haruki

有料級の商用フリーイラスト素材サイトまとめ ※コメント欄にURLあります #webデザイン #web制作

shigureni and 3 others

島田陽生｜Designer/Director

@shimada_haruki

簡単に雰囲気を作れるデザインの小ワザ紹介・影をつける・水の波紋をつける・水面の波紋をつける・物の屈折光をつける寂しい画像でも雰囲気づくりをするだけで印象は大きく変わるのでおすすめです^^ 参考書籍：bit.ly/45WDcHG

島田陽生｜Designer/Director

@shimada_haruki

一瞬で魅力的な見た目になるデザインの小ワザ紹介します。影に水面画像をオーバーレイ

ポイントはドロップシャドウではなく被写体を複製してぼかすことで影を再現することです。そうすることで影に被写体の色が反映されより魅力的に

#webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

Web制作現場で使用率が高いデザインの小ワザ紹介します・モデルの姿勢をなおす・服のしわを消す・画像内の不要なテキストを消す・画像の余白を埋める細かい修正の積み重ねが最終的なクオリティへも繋がることは多いので、おすすめの小ワザです！ #webデザイン #web制作

島田陽生｜Designer/Director

@shimada_haruki

バナーで使えるデザイン小ワザ！ #adobeillustrator

The image is a social media post by 島田陽生 (Haruki Shimada), a designer/director, showcasing design tips for creating effective banners using Adobe Illustrator. The post includes three sections demonstrating different design techniques: using gold text for impact, aligning text for readability, and adding visual effects for emphasis. Each section provides a step-by-step visual guide on how to enhance the design of text elements in banners. The text in the image is in Japanese, providing instructions on how to apply these design techniques effectively.

The image is a social media post by 島田陽生 (Haruki Shimada), a designer/director, showcasing design tips for creating effective banners using Adobe Illustrator. The post includes three sections demonstrating different design techniques: using gold text for impact, aligning text for readability, and adding visual effects for emphasis. Each section provides a step-by-step visual guide on how to enhance the design of text elements in banners. The text in the image is in Japanese, providing instructions on how to apply these design techniques effectively.

The image is a social media post by 島田陽生 (Haruki Shimada), a designer/director, showcasing design tips for creating effective banners using Adobe Illustrator. The post includes three sections demonstrating different design techniques: using gold text for impact, aligning text for readability, and adding visual effects for emphasis. Each section provides a step-by-step visual guide on how to enhance the design of text elements in banners. The text in the image is in Japanese, providing instructions on how to apply these design techniques effectively.

The image is a social media post by 島田陽生 (Haruki Shimada), a designer/director, showcasing design tips for creating effective banners using Adobe Illustrator. The post includes three sections demonstrating different design techniques: using gold text for impact, aligning text for readability, and adding visual effects for emphasis. Each section provides a step-by-step visual guide on how to enhance the design of text elements in banners. The text in the image is in Japanese, providing instructions on how to apply these design techniques effectively.

島田陽生｜Designer/Director

@shimada_haruki

今回は有名なデザインリニューアル失敗で約54億円の損失をだした事例を元になぜ失敗してしまったのかをまとめて見ました。皆さんはなぜ失敗したと思いますか？？ #デザイン #webデザイン

島田陽生｜Designer/Director

@shimada_haruki

知っておくと便利な塗り＋描画モードの使い方紹介！

This post by 島田陽生 (Shimada Haruki), a designer and director, showcases useful techniques for using the 'Fill + Drawing Mode' in Photoshop. The images demonstrate various applications of these modes. The first set shows a boat on a beach at night, transitioning through different fill and drawing modes to achieve different visual effects. The second set features a cityscape at night, illustrating how different modes can alter the appearance of city lights. The third set depicts a person in a natural setting, showing how these modes can enhance or change the mood of the scene. The final set includes a person in a crowd, demonstrating the versatility of these techniques in different contexts. Each example includes a step-by-step visual guide on how to apply these modes effectively.

This post by 島田陽生 (Shimada Haruki), a designer and director, showcases useful techniques for using the 'Fill + Drawing Mode' in Photoshop. The images demonstrate various applications of these modes. The first set shows a boat on a beach at night, transitioning through different fill and drawing modes to achieve different visual effects. The second set features a cityscape at night, illustrating how different modes can alter the appearance of city lights. The third set depicts a person in a natural setting, showing how these modes can enhance or change the mood of the scene. The final set includes a person in a crowd, demonstrating the versatility of these techniques in different contexts. Each example includes a step-by-step visual guide on how to apply these modes effectively.

This post by 島田陽生 (Shimada Haruki), a designer and director, showcases useful techniques for using the 'Fill + Drawing Mode' in Photoshop. The images demonstrate various applications of these modes. The first set shows a boat on a beach at night, transitioning through different fill and drawing modes to achieve different visual effects. The second set features a cityscape at night, illustrating how different modes can alter the appearance of city lights. The third set depicts a person in a natural setting, showing how these modes can enhance or change the mood of the scene. The final set includes a person in a crowd, demonstrating the versatility of these techniques in different contexts. Each example includes a step-by-step visual guide on how to apply these modes effectively.

This post by 島田陽生 (Shimada Haruki), a designer and director, showcases useful techniques for using the 'Fill + Drawing Mode' in Photoshop. The images demonstrate various applications of these modes. The first set shows a boat on a beach at night, transitioning through different fill and drawing modes to achieve different visual effects. The second set features a cityscape at night, illustrating how different modes can alter the appearance of city lights. The third set depicts a person in a natural setting, showing how these modes can enhance or change the mood of the scene. The final set includes a person in a crowd, demonstrating the versatility of these techniques in different contexts. Each example includes a step-by-step visual guide on how to apply these modes effectively.