Upload 13 files

app.py

@@ -1,92 +1,95 @@
-import gradio as gr
-from gen_tab import create_gen_tab
-from train_tab import create_train_tab
-from virtualtryon_tab import create_virtualtryon_tab
-from faceswap_tab import create_faceswap_tab
-from ipadapter_tab import create_ipadaptor_tab
-from controlnetmockup_tab import create_cnmu_tab
-#from mail_tab import create_mail_tab
-
-from pattern_ip_adapter import sam_zest_tab
-from dotenv import load_dotenv, find_dotenv
-import os 
-
-from src.utils import convert_to_pil
-gallery_list=[]
-
-def update_gallery(img):
-    img=convert_to_pil(img)
-    
-    gallery_list.append(img)
-    return gallery_list
-
-
-theme= gr.themes.Soft(
-    
-    primary_hue=gr.themes.colors.emerald, 
-    secondary_hue=gr.themes.colors.green)
-css  = """
-    .gradio-container img {
-        display: block;
-        width: 100%;
-        height: auto;
-        max-height: 200px;
-        object-fit: cover;
-        border-radius: 10px;
-    }
-
-    .gradio-container p {
-        margin: 0;
-        font-size: 16px;
-        font-weight: bold;
-    }
-
-    .gradio-container .gr-button {
-        width: 100%;
-        background-color: #fff;
-        border: 1px solid #ddd;
-        padding: 10px;
-        border-radius: 10px;
-    }
-    .output_image {
-       display: block;
-       width: 100%;
-       height: auto;
-     
-    }
-    .gradio-container .gr-button:hover {
-        background-color: #f0f0f0;
-    }
-"""
-
-_ = load_dotenv(find_dotenv())
-with gr.Blocks(theme=theme,css=css) as demo:
-
-
-    with gr.Tabs() as tabs:
-        gen_out,move_to_vto,move_to_fs,move_to_ip= create_gen_tab()
-        input_ip,output_ip=create_ipadaptor_tab()
-        input_vto,output_vto=create_virtualtryon_tab()
-        #input_zest,output_zest=sam_zest_tab()
-        input_fs,output_fs=create_faceswap_tab()
-        input_cnmu,output_cnmu=create_cnmu_tab()
-        #create_train_tab()
-     
-
-    # Move to Buttons 
-    move_to_vto.click(lambda x:x, inputs=gen_out,outputs=input_vto)      
-    move_to_fs.click(lambda x:x, inputs=gen_out,outputs=input_fs)
-    move_to_ip.click(lambda x:x, inputs=gen_out,outputs=input_ip)
-   # move_to_zest.click(lambda x:x, inputs=gen_out,outputs=input_zest)
-    #Gallery 
-    image_gallery = gr.Gallery(label="Generated Images Gallery",type="pil",elem_id="output_image")
-    #Gallery updates  get all outputs 
-    gen_out.change(update_gallery,inputs=gen_out,outputs=image_gallery)
-    output_vto.change(update_gallery,inputs=output_vto,outputs=image_gallery)
-    output_fs.change(update_gallery,inputs=output_fs,outputs=image_gallery)
-    output_ip.change(update_gallery,inputs=output_ip,outputs=image_gallery)
-    output_cnmu.change(update_gallery,inputs=output_cnmu,outputs=image_gallery)
-    #output_zest.change(update_gallery,inputs=output_zest,outputs=image_gallery)
-    
-
-demo.launch(share=True,show_error=True,debug=True) #,auth=[("username", "password"),(os.getenv("APP_USER"),os.getenv("APP_PW"))])
+import gradio as gr
+from gen_tab import create_gen_tab
+from train_tab import create_train_tab
+from virtualtryon_tab import create_virtualtryon_tab
+from faceswap_tab import create_faceswap_tab
+from ipadapter_tab import create_ipadaptor_tab
+from controlnetmockup_tab import create_cnmu_tab
+#from mail_tab import create_mail_tab
+
+from pattern_ip_adapter import sam_zest_tab
+from dotenv import load_dotenv, find_dotenv
+import os 
+
+from src.utils import convert_to_pil
+gallery_list=[]
+
+def update_gallery(img):
+    img=convert_to_pil(img)
+    
+    gallery_list.append(img)
+    return gallery_list
+
+
+theme= gr.themes.Soft(
+    
+    primary_hue=gr.themes.colors.emerald, 
+    secondary_hue=gr.themes.colors.green)
+css  = """
+    .gradio-container img {
+        display: block;
+        width: 100%;
+        height: auto;
+    
+        object-fit: cover;
+        border-radius: 10px;
+    }
+
+    .gradio-container p {
+        margin: 0;
+        font-size: 16px;
+        font-weight: bold;
+    }
+
+    .gradio-container .gr-button {
+        width: 100%;
+        background-color: #fff;
+        border: 1px solid #ddd;
+        padding: 10px;
+        border-radius: 10px;
+    }
+    .output_image {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+      width: 100%;
+      height: auto;
+     
+    }
+    .gradio-container .gr-button:hover {
+        background-color: #f0f0f0;
+    }
+"""
+
+_ = load_dotenv(find_dotenv())
+with gr.Blocks(theme=theme,css=css) as demo:
+
+
+    with gr.Tabs() as tabs:
+        gen_out,move_to_vto,move_to_ip,move_to_cnmk= create_gen_tab()
+        input_ip,output_ip=create_ipadaptor_tab()
+        input_vto,output_vto=create_virtualtryon_tab()
+        #input_zest,output_zest=sam_zest_tab()
+        #input_fs,output_fs=create_faceswap_tab()
+        input_cnmu,output_cnmu=create_cnmu_tab()
+        #create_train_tab()
+     
+
+    # Move to Buttons 
+    move_to_vto.click(lambda x:x, inputs=gen_out,outputs=input_vto)   
+    move_to_cnmk.click(lambda x:x,input=gen_out,outputs=input_cnmu)   
+   # move_to_fs.click(lambda x:x, inputs=gen_out,outputs=input_fs)
+    move_to_ip.click(lambda x:x, inputs=gen_out,outputs=input_ip)
+   # move_to_zest.click(lambda x:x, inputs=gen_out,outputs=input_zest)
+    #Gallery 
+    image_gallery = gr.Gallery(label="Generated Images Gallery",type="pil",elem_id="output_image")
+    #Gallery updates  get all outputs 
+    gen_out.change(update_gallery,inputs=gen_out,outputs=image_gallery)
+    output_vto.change(update_gallery,inputs=output_vto,outputs=image_gallery)
+    #output_fs.change(update_gallery,inputs=output_fs,outputs=image_gallery)
+    output_ip.change(update_gallery,inputs=output_ip,outputs=image_gallery)
+    output_cnmu.change(update_gallery,inputs=output_cnmu,outputs=image_gallery)
+    #output_zest.change(update_gallery,inputs=output_zest,outputs=image_gallery)
+    
+
+demo.launch(share=True,show_error=True,debug=True) #,auth=[("username", "password"),(os.getenv("APP_USER"),os.getenv("APP_PW"))])

controlnetmockup_tab.py

@@ -8,7 +8,15 @@ import os
 def create_cnmu_tab():
     with gr.TabItem("Control net mockup Generator"):
         with gr.Accordion("HowTo",open=False):
-            gr.Markdown("How to Goes Here")
+            gr.Markdown("""
+                        
+            # Mockup Generator  \n
+            ・1 Select base image  ベース画像を選択します。 \n
+            ・2 Update and check image object prompt 物体のプロンプトを確認と更新\n 
+            ・3 Add in background prompt   背景のプロンプトを記入 \n
+            ・4 Click 'Generate' to create the image. Generateをクリックして画像を生成します。\n
+
+            """)
         with gr.Row():
             with gr.Column():
                 in_img = gr.Image(label="Input Image")
@@ -19,6 +27,7 @@ def create_cnmu_tab():
                 with gr.Accordion("Examples",open=False):
                     gr.Examples(examples=[
                         ["Test_images/backgrounds/Output1.png"," in the stress of japan, 8k uhd, dslr, soft lighting, high quality, film grain , colorful decorative signs in"],
+                         
                     ],
                         inputs=[style_image,background_prompt]
                     )
@@ -30,6 +39,10 @@ def create_cnmu_tab():
         in_img.change(replicate_caption_api,
                         inputs=[in_img,gr.Textbox("blip",visible=False),gr.Textbox("What item is in this image reply with a one word if u can, i.e Shoe, person, car ....",visible=False)],
                         outputs=[object_prompt])
+        
+        gr.Examples(examples=[
+            ["Test_images/example_outputs/cnmu_input_1.webp","Test_images/example_outputs/cnmu_output_1.png","a  bowl of soup","on a table in a Chinese restraint, 8k, table, flowers in background "]
+        ])
     return in_img,out_img
 
 

gen_tab.py

@@ -43,23 +43,13 @@ def create_gen_tab():
              
              with gr.Accordion("HowTo",open=False):
                 with gr.Column():
-                    gr.Markdown("### How to use the Image Generator\n"
-                                "1. Enter a prompt in the textbox.\n"
-                                "2. Choose the aspect ratio.\n"
-                                "3. Options Select a style lore.\n"
-                                "4. Options in extra control net.\n"
-                                "5. Click 'Generate' to create the image. \n"
-                                "6. click button to move image to other tab. \n")
-                    
-                with gr.Column():
-                    
-                    gr.Markdown("### 画像生成器の使い方\n"
-                                "1. テキストボックスにプロンプトを入力します。\n"
-                                "2. アスペクト比を選択します。\n"
-                                "3. スタイルロアを選択します。\n"
-                                "4. 'Extra'でコントロールネットのオプションを選択します。\n"
-                                "5. 'Generate'をクリックして画像を生成します。\n"
-                                "6. ボタンをクリックして画像を他のタブに移動します。\n")
+                    gr.Markdown("### How to use the Image Generator 画像生成器の使い方 \n"
+                                "1. Enter a prompt in the textbox. テキストボックスにプロンプトを入力します。\n"
+                                "2. Choose the aspect ratio. アスペクト比を選択します。\n"
+                                "3. Options Select a style lore. スタイルロアを選択します。\n"
+                                "4. Options in extra control net. Extraでコントロールネットのオプションを選択します。\n"
+                                "5. Click 'Generate' to create the image. Generateをクリックして画像を生成します。\n"
+                                "6. click button to move image to other tab.ボタンをクリックして画像を他のタブに移動します。 \n")
         #Gen generatpor options 
         with gr.Row():
             with gr.Column():
@@ -113,9 +103,10 @@ def create_gen_tab():
        
 
         with gr.Row(): #Move gen out row
-            move_to_vto =gr.Button("Move to Virtual Try On")    
             move_to_ip =gr.Button("Move to Cloth IP Adapter")     
-            move_to_fs =gr.Button("Move to Face Swap")
+            move_to_vto =gr.Button("Move to Virtual Try On")    
+            move_to_cnmk =gr.Button("Move to Control net mockup ")
+           # move_to_fs =gr.Button("Move to Face Swap")
            # move_to_zest=gr.Button("Move to Zest IP Adapter")
 
 
@@ -123,4 +114,4 @@ def create_gen_tab():
                   inputs=[inp,style_mode,api_path,aspect_ratio,style_strength,use_control_net,control_net_type,control_net_img,control_net_strength], 
                   outputs=[gen_out])
         
-        return gen_out,move_to_vto,move_to_fs,move_to_ip #,move_to_zest
+        return gen_out,move_to_vto,move_to_ip,move_to_cnmk # move_to_fs,#,move_to_zest

ipadapter_tab.py

@@ -5,6 +5,20 @@ import gradio as gr
 def create_ipadaptor_tab():
     
     with gr.TabItem("Cloth IP Adapter",id="cloth_ip_adapter"):
+
+      with gr.Accordion("HowTo",open=False):
+        gr.Markdown("""
+        # Cloth IP Adapter 服のIPアタォーター \n
+        ・1 Select base image  ベース画像を選択します。 \n
+        ・2 Prompt area you want the IP to be applied IPを適用するためのプロンプトエリアを選択します。 \n
+        ・3 Select IP image   IP画像を選択します。 \n
+        ・4 Click Generate  生成をクリックします。 \n
+          
+        ![](./HowTo/Flow_IP_ClothAdapter.jpg)
+        """)
+        gr.Image(value="HowTo/Flow_IP_ClothAdapter.jpg",interactive=False)
+        
+
       with gr.Row():
         with gr.Column():
           api_inp = gr.Image(label="Base Image")
@@ -13,11 +27,10 @@ def create_ipadaptor_tab():
                     human_examples = gr.Examples(
                          examples=[
                             ["Test_images/Woman_1.png"],
-                            ["Test_images/man_1.jpg"],
+                            ["Test_images/man_1.png"],
                             ["Test_images/Woman_2.png"],
-                            ["Test_images/person_2.jpg"],
                             ["Test_images/Woman_3.png"],
-                            ["Test_images/man_1.png"],
+                            ["Test_images/man_2.png"],
                             ["Test_images/Woman_4.png"],
                              ["Test_images/Woman_5.png"],
                             ["Test_images/anime_woman_1.png"],

virtualtryon_tab.py

@@ -4,6 +4,18 @@ import gradio as gr
 
 def create_virtualtryon_tab():
     with gr.TabItem("Virtual Try-on",id="virtual_tryon"):
+        with gr.Accordion("HowTo",open=False):
+            gr.Markdown("""
+            # Virtual Try-On Workflow  バーチャル試着ワークフロー \n
+            ・1 Select base image  ベース画像を選択します。 \n
+            ・2 Select the cloth image    服の画像を選択します \n 
+            ・3 Add description    説明を追加します \n
+            ・4 Click Try-ON   トライオンをクリックします。 \n
+            
+           
+            """)
+            gr.Image(value="HowTo/Vtron_Abstract.png",interactive=False)
+        
         with gr.Row():
             with gr.Column():
                 human_img =  gr.Image(label="Human Image")