<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>midjourney on 小M平碎碎念</title>
    <link>https://www.lilmp.com/tags/midjourney/</link>
    <description>Recent content in midjourney on 小M平碎碎念</description>
    <image>
      <url>https://www.lilmp.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E</url>
      <link>https://www.lilmp.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E</link>
    </image>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <lastBuildDate>Tue, 14 Mar 2023 18:28:13 +0800</lastBuildDate><atom:link href="https://www.lilmp.com/tags/midjourney/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>AI幫我畫! logo設計不求人</title>
      <link>https://www.lilmp.com/2023-03-14/midjourney-ai-logo/</link>
      <pubDate>Tue, 14 Mar 2023 18:28:13 +0800</pubDate>
      
      <guid>https://www.lilmp.com/2023-03-14/midjourney-ai-logo/</guid>
      <description>用潮到出水的AI幫我設計LINE機器人的logo (Midjourney玩耍測試){{&amp;lt; br &amp;gt;}}(看完的是否該加一下機器人好友 哈哈哈)</description>
      <content:encoded><![CDATA[<p>最近AI繪圖蔚為風潮，那天在youtube上看到了一些用AI繪圖的影片<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>，突然想到可以用來輔助製作之前小作品的logo，實際玩了一下發現還滿有趣的，而且並沒有想像中困難。</p>
<h2 id="寫在前面">寫在前面</h2>
<p>去年五月，作了一個<strong>自動上傳圖片到imgur並取得回傳網址</strong>的line機器人<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>。</br>
當時就覺得自己亂弄的logo好醜，還在文章裡問有沒有大大願意幫忙設計icon </br>
(想當然是沒有XD)
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/screenshot.jpg"/> 
</figure>
</p>
<p>到底有多醜呢？請見以下
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/old-logo.jpg"
         alt="用小畫家做的，別懷疑，就是這麼醜" width="50%"/> <figcaption>
            <p>用小畫家做的，別懷疑，就是這麼醜</p>
        </figcaption>
</figure>
</p>
<h2 id="logo大改造">Logo大改造</h2>
<h3 id="前置作業">前置作業</h3>
<ol>
<li>先辦<a href="https://discord.com/" target="_blank" >discord</a>
帳號(免費)</li>
<li>找到<a href="https://www.midjourney.com/home/?callbackUrl=%2Fapp%2F" target="_blank" >midjourney官網</a>
、選擇<code>Join the Beta</code>然後會開啟discord畫面，選擇<code>Accept Invite</code>
<figure>
       <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/midjourney.jpg" width="50%"/> 
   </figure>
</li>
<li>隨意點選旁邊<code>newbie-</code>開頭的房間加入，後面數字不用管他，單純分流用的而已。
<figure>
       <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/midjourney-2.jpg" width="50%"/> 
   </figure>

如果不想看到其他人的生成結果，可以參考以下步驟，單獨將<code>Midjourney</code>機器人加入到自己的server裡頭。
<ol>
<li>右上角 <code>member list</code></li>
<li>點擊右邊 <code>Midjourney Bot</code></li>
<li>選擇 <code>Add to Server</code>
<figure>
       <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/midjourney-3.jpg" width="50%"/> 
   </figure>
</li>
</ol>
</li>
</ol>
<p>一切準備就緒，來開始畫圖吧~</p>
<h3 id="魔法咒語-imagine">魔法咒語: /imagine</h3>
<p>只需要記一個指令:<code>/imagine</code></br>
<code>/imagine</code> 是 midjourney 的魔法指令，只要在 /imagine 後面加上參數，就會自動出圖了。</p>
<p>規則如下:</p>
<blockquote>
<p>/imagine [<strong>主題</strong>] <strong>,</strong> [<strong>畫風</strong>] <strong>,</strong> [<strong>顏色或光線</strong>]</br></p>
</blockquote>
<p><code>[]</code> 引號內的字可以打中文也可以打英文(我是用英文)</br>
ps.記得要用<strong>逗號+空格</strong>隔開!</p>
<p>執行一次會產生四張圖，但<strong>免費版只有25張圖</strong>的quota，所以我必須在5次內選擇出喜歡的圖。</br></p>
<h3 id="過程分享">過程分享</h3>
<p>AI繪圖其實就是讓機器人根據關鍵字自動出圖，然後再逐步修正關鍵字、迭代。</br>
(這麼想就覺得這工具取名作 Midjourney 真是貼切XD)</br>
分享一下我下的關鍵字跟結果:</br></p>
<p>第一次嘗試:</p>
<blockquote>
<p>a cute mascot logo design for a imgur bot called imgur-uploader, flat, white backgrounds </br>
[一個可愛的吉祥物LOGO，設計給一個imgur的機器人叫作imgur-uploader]、[扁平]、[白色背景]</p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/result.jpg" width="60%"/> 
</figure>

<p><strong>點評：</strong> 測試了<code>mascot</code>關鍵字，會畫出卡通化的吉祥物，其實還挺可愛的。</p>
<p>第二次嘗試:</p>
<blockquote>
<p>a simple logo design for a line bot called imgur-uploader, flat, white backgrounds</br>
[一個簡單的LOGO，設計給一個叫作imgur-uploader的line機器人]、[扁平]、[白色背景]</p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/result1.jpg" width="60%"/> 
</figure>

<p><strong>點評：</strong> 測試了<code>logo</code>關鍵字，還有<code>line bot</code>，看起來AI並不知道line是甚麼</p>
<p>第三次嘗試:</p>
<blockquote>
<p>a simple vector logo for a bot called imgur-ul in the style of Paul Rand, white background</br>
[一個簡單的向量化LOGO，設計給一個叫作imgur-ul的機器人，風格參考Paul Rand]、[白色背景]</p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/result2.jpg"
         alt="測試了風格參考(Paul Rand)，縮短機器人名字(imgur-ul)" width="60%"/> <figcaption>
            <p>測試了風格參考(Paul Rand)，縮短機器人名字(imgur-ul)</p>
        </figcaption>
</figure>

<p><strong>點評：</strong> 如果給名字，AI會畫出類似的字(但畢竟對AI來說文字是一塊形狀，所以畫出來並不會完全一樣)，這部分可以透過後製處理</p>
<p>第四次嘗試:</p>
<blockquote>
<p>a simple vector logo for a bot called imgur-ul in the style of Saul Bass, white background</br>
[一個簡單的向量畫化LOGO，設計給一個叫作imgur-ul的機器人，風格參考Saul Bass]、[白色背景]</p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/result3.jpg"
         alt="測試風格參考(Saul Bass)" width="60%"/> <figcaption>
            <p>測試風格參考(Saul Bass)</p>
        </figcaption>
</figure>

<p><strong>點評：</strong> Saul Bass這個人的風格特色滿強烈的！</p>
<p>第五次嘗試: [final result]</p>
<blockquote>
<p>a robotic logo design for a line bot called imgur-ul in the style of Massimo Vignelli, green and white, vector, flat, white backgrounds</br>
[一個簡單的向量畫化LOGO，設計給一個叫作imgur-ul的機器人，風格參考Massimo Vignelli]、[綠色跟白色、向量、扁平]、[白色背景]</p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/result4.jpg"
         alt="測試關鍵字robotic、風格參考(Massimo Vignelli)、使用imgur的配色(綠&amp;amp;白)" width="60%"/> <figcaption>
            <p>測試關鍵字robotic、風格參考(Massimo Vignelli)、使用imgur的配色(綠&amp;白)</p>
        </figcaption>
</figure>

<p><strong>點評：</strong> 看來robotic是一個很強烈的關鍵字。</p>
<hr>
<p><strong>補充：</strong> </br></p>
<ol>
<li>
<p>產生出來的圖片下面會看到U1、U2&hellip;V1、V2&hellip;等數字，U代表upscale，表示滿意這次的結果；V表示variant，表示方向對了，但想再產生別張類似的圖。</br>
一旦找到喜歡的圖片，按下對應的 <strong>[U][號碼]</strong> 組合即可下載大圖。</br>
(左上:1、右上:2、左下:3、右下:4)</p>
</li>
<li>
<p>可以多參考discord裡其他人的作品，找到自己喜歡的關鍵字。</p>
</li>
<li>
<p>一旦設計出自己喜歡的圖之後，便可以丟到修圖軟體(ex: photoshop)作細部調整啦~</p>
</li>
<li>
<p>我沒有那麼厲害專業的軟體，所以是把圖丟到<a href="https://www.canva.com/" target="_blank" >canva</a>
，再作修改。</p>
</li>
</ol>
<h2 id="最終成果">最終成果</h2>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/final.jpg"
         alt="before/after"/> <figcaption>
            <p>before/after</p>
        </figcaption>
</figure>

<p><strong>不知道大家覺得如何呢？</br></strong>
我自己是覺得很不錯了啦！畢竟原本根本爛的可以(廢到笑)，沒有比較沒有傷害，哈哈哈</p>
<p>修改完之後，再打開<a href="https://manager.line.biz/" target="_blank" >line account manager</a>
更換大頭貼就大功告成啦~</p>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/line-user-profile.jpg"
         alt="更換過後如果想要再改需要等一小時喔"/> <figcaption>
            <p>更換過後如果想要再改需要等一小時喔</p>
        </figcaption>
</figure>

<h2 id="感想">感想</h2>
<ul>
<li>
<p>描述得越詳細、特徵越明顯的關鍵字越明確越好，這部分有看到有人使用<code>ChatGPT</code>來協助完成。有機會再來玩玩看~</p>
</li>
<li>
<p>藝術本來是很主觀的東西，不過經過這次的實驗，我覺得AI工具的出現讓沒有相關專業的人也可以快速製作出一些不需要太強調藝術價值、能夠趕快拿出來用的東西 </br>
(例如小弟這種沒甚麼小小小用的機器人LOGO)。</p>
</li>
</ul>
<h2 id="後記">後記</h2>
<p>不知道大家覺得這個logo如何呢？</br>
換了logo會讓你/妳更有動機想使用嗎？</br></p>
<blockquote>
<p><strong>歡迎留言告訴我!!!</strong></p>
</blockquote>
<figure>
    <img loading="lazy" src="/posts/lifehack-midjourney-ai-logo/screenshot-2.jpg"
         alt="(都要滿一年了&amp;hellip;可以早日突破50個好友嗎XD)" width="50%"/> <figcaption>
            <p>(都要滿一年了&hellip;可以早日突破50個好友嗎XD)</p>
        </figcaption>
</figure>

<h2 id="工商時間">工商時間</h2>
<p>能幫忙分享一下也是感激不盡滴~~~🙇‍♂️❤️</p>
<p><strong>imgur網址產生器</strong> </br></p>
<p>這裡提供三種加入好友方式：</br></p>
<ol>
<li>點擊下面按鈕直接加入好友</li>
</ol>


<a href="https://lin.ee/bgEEz9Z"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" alt="加入好友" height="36" border="0"></a>

<ol start="2">
<li>掃描QR code加入好友
<figure>
    <img loading="lazy" src="https://i.imgur.com/s4pXGnp.jpg" width="30%"/> 
</figure>
</li>
<li>搜尋id加入好友: <code>@941asgao</code> (記得要加@喔)</li>
</ol>
<p>功能介紹:</p>
<ul>
<li>取得imgur網址: 傳送照片給機器人，會回傳該圖片的imgur網址，手機/電腦版的line都可使用(最常用於ptt發文)</li>
<li>支援批次上傳，可一次選取多張圖片</li>
<li>縮網址功能: 串接的是 <a href="https://reurl.cc/main/" target="_blank" >reurl.cc</a>
 的縮網址服務</li>
</ul>
<p>聲明:</p>
<ul>
<li>本工具處理的圖面<strong>會以hidden模式上傳，圖片不會被網路搜索到</strong>，且只有知道網址的人才看得到圖片。</li>
<li>本工具僅單純把「上傳圖片到imgur」的流程自動化，不負圖片內容監督/保管/刪除責任。</li>
</ul>
<h2 id="附錄">附錄</h2>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="https://www.youtube.com/embed/JTFNF22TG9s" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
</div>
&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>imgur網址產生器介紹文


    
&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    
  </channel>
</rss>
