新着イラストはこちら LINEスタンプのお求めはこちら(有料)

【フリー素材ずーあん】の素材を使ったサンプルをご紹介

【フリー素材ずーあん】の素材を使った例を示すくせっ毛くまのイラスト exclude

Word初心者の管理人が
作ってみました

ラッピングペーパーでチラシ
フリー素材ずーあんの無料素材を使用したサンプルチラシの画像

普段Wordはほとんど使用しませんが
(いきなり言い訳で恐縮です) 無料素材を提供する管理人としては 使う人の身にならなければと思い立ち
サンプルを作ってみました。 これをご覧いただいた Wordユーザーの方々は大いに 自信がついたことと思います
【フリー素材ずーあん】の無料イラストを
使ってもっともっと素敵なものを ぜひ作ってください

このサンプルで使用した素材はこちら

熱中症対策の啓蒙チラシ
フリー素材ずーあんの無料素材を使用し熱中症対策チラシの画像

こちらは A4のチラシ ですが
ポストカードにしてもいいですね

このサンプルで使用した素材はこちら

赤ちゃんカード
フリー素材ずーあんの無料素材を使用した赤ちゃんカードの画像

右上ピンクのお花の真ん中が透過になっていて赤ちゃんの写真を入れることができます。 因みにこのサンプルの赤ちゃんは「ぱくたそ」さんから顔が映ってない写真をお借りしました
実際に赤ちゃんのご誕生をお知らせするカードとしてお使いになる時は
バッチリ正面向きの フォトジェニックな一枚をお使いになると 思いますので可愛いカードになること
間違いなしです

このサンプルで使用した素材はこちら

ダブルガーゼ生地の柄にいかがでしょうか
くせっ毛クマ模様の生地

マスク不足の昨今、仕方なく手縫いマスクを作りました。【くせっ毛くまとビスケットの模様】ってダブルガーゼのテキスタイルとして結構マッチすると思いませんか?お金はいらないので(フリー素材ずーあんのイラストは無料!)メーカーさんに使ってもらえないかなぁと妄想しております

作りたいマスクの形状にもよりますが、横幅110cm位縦50cmの生地で4枚のマスクが出来ました。本当は縦40cmで4枚出来るのですが柔らかい生地はゆがみが多く、地直しすると10cm位は減ってしまうので、余分に用意することをおすすめします。因みにマスク用ゴム紐は27cm×2本用意すると一般的な丁度良い感じになると思います
マスク用ゴム紐 丸タイプ ホワイト
スーツケースの店トラベルチュウ
¥ 120(2023/10/25 04:38時点)
アイキャッチ画像にいかがでしょうか

私も使っているWordPress
アイキャッチ画像はあった方がよしとされていますが作るのがなかなか大変
WordPress公式のロゴ(ここからDLしました)はやはりカッコイイですね 「あっ!右上に何かいますね、当サイト公式キャラクターの1人くせっ毛くまのエリックではないですか」是非つかってやってください

くせっ毛くまのイラスト付きタブ
くせっ毛くまのタブ

キャプションが入ります

初心者と書かれた判決等即報用手持幡を掲げる男性のイラスト

「素材だけ作ってもなかなか使ってもらえないんじゃないだろうか」と日々悩んでいる管理人です。くせっ毛くまはタブとかにくっつけると可愛いんじゃないかしらと思ってやってみたらまぁ大変。そこでwebデザイナーの方にお願いがあります。イラストだけ使って素敵なタブや見出しを制作していただけないでしょうか。そして出来上がったCSSをぜひ使わせてください。お願いします。「それまで待てない!」という我が同胞の初心者の皆様、一応ソースコードを公開しておきます。サンプルと同じ様に表示されると思います。レスポンシブです。

//くせっ毛くまの枠を設定するCSS
.area {
  position: relative;
  max-width: 100%;
  text-align: center;
  background: #fff;
}          
.figure img {
max-width: 100%;
padding: 8px 0 0 0;
}                        
.caption_area {
    position:  absolute;            
    color:  #333;
font-weight:bold;               
    padding: 5px;                                  
    font-size: 20px;            
    top:  20;                    
    bottom:  0;                 
    left:  0;                   
    right:  0;                              
}

@media screen and (max-width: 480px){
.caption_area {
    position:  absolute;            
    color:  #333; 
font-weight:bold;              
    padding: 2px;                                  
    font-size:16px;            
    top:  10;                    
    bottom:  0;                 
    left:  0;                   
    right:  0;                              
}
}
//くせっ毛くまの枠を設定するHTML
 <div class="area">
 <figure class="figure img">
 <img src="画像のURL" width="" height="" alt="">
 </figure>
 <div class="caption_area"><p>キャプションが入ります</p></div>
 </div> 

"画像のURL"のところに【フリー素材ずーあん】でダウンロードされたタブ画像のURLを入れてください配布している画像はサイズが大きいのでwidth="" height="" を指定してください。因みに当サイトのサンプルはwidth=469 height= 80 にしています

このサンプルで使用した素材はこちら

【フリー素材ずーあん】商用利用OKな無料イラスト
商用利用OK | 個人、商用を問わず無料でお使いいただけるイラスト素材サイト。クレジット表記やリンクは不要でご利用いただけます。サイト管理者はイラストレーターの入江めぐみです

Translate »