-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
3413 lines (3236 loc) · 183 KB
/
Copy pathindex.html
File metadata and controls
3413 lines (3236 loc) · 183 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex,nofollow">
<title>AI UGC — The Complete Guide</title>
<meta name="description" content="The ultimate guide to creating AI-generated UGC content. Learn to create realistic AI models, videos, and ads.">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎨</text></svg>">
</head>
<body>
<div class="progress-bar"></div>
<button class="mobile-menu-btn" aria-label="Toggle menu">
<span></span>
<span></span>
<span></span>
</button>
<div class="sidebar-overlay"></div>
<aside class="sidebar">
<div class="sidebar-header">
<div class="sidebar-logo" style="height:28px;"><svg viewBox="0 0 143 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6467 9.34304C14.5362 9.34304 15.4254 9.45459 16.3138 9.67717C16.7805 9.77424 17.231 9.91593 17.6651 10.1022L20.5618 9.48901L16.8932 26.8359C16.8022 27.2928 16.8054 27.6589 16.8896 27.942C16.9278 28.0555 16.9874 28.1319 17.0651 28.182C17.1451 28.2336 17.2568 28.2653 17.4103 28.2653C17.7174 28.2653 18.0976 28.1385 18.5564 27.8628C19.0212 27.5518 19.5181 27.1782 20.0471 26.7412L20.1656 26.6432L21.0831 27.9085L20.9916 27.996C20.2982 28.6599 19.5575 29.2918 18.7701 29.8922L18.7702 29.8923C18.0118 30.4946 17.2522 31.0028 16.4913 31.4161L16.4892 31.4173L16.487 31.4183C15.7208 31.8026 15.0084 31.9999 14.3523 31.9999C13.7244 31.9999 13.2362 31.7992 12.9195 31.3757L12.9171 31.3724L12.9148 31.369C12.6456 30.964 12.4996 30.449 12.4673 29.8334L12.4671 29.8296V29.8258C12.4671 29.1895 12.5147 28.5068 12.6095 27.7781C12.7025 27.0006 12.8261 26.1625 12.98 25.2638C12.3666 26.2055 11.7167 27.0963 11.0298 27.936L11.0297 27.9358C10.0501 29.1402 9.00534 30.1253 7.89473 30.8892L7.8936 30.8899L7.89233 30.8907C6.77423 31.6277 5.61795 31.9999 4.42567 31.9999C2.93455 31.9999 1.80453 31.3775 1.05585 30.1368L1.05514 30.1357L1.05444 30.1344C0.348643 28.9117 7.14927e-06 27.4065 0 25.6262C0 23.5319 0.379717 21.5163 1.13913 19.5803C1.8974 17.6472 2.92457 15.9035 4.22071 14.3498C5.51703 12.7958 6.97342 11.5726 8.5902 10.6822L8.59133 10.6817C10.2413 9.79058 11.9269 9.34304 13.6467 9.34304ZM26.8129 9.34304C27.5368 9.34304 28.0772 9.59301 28.3929 10.1175C28.6948 10.5886 28.8393 11.2007 28.8393 11.9417C28.8393 12.6771 28.7437 13.458 28.5538 14.2841L25.8252 27.1663C25.7661 27.4635 25.7515 27.7433 25.7795 28.0063C25.8032 28.0937 25.8476 28.1523 25.9125 28.1924C25.9837 28.2363 26.0915 28.2653 26.2484 28.2653C26.5894 28.2653 27.0022 28.1365 27.4914 27.8609C27.9876 27.5497 28.516 27.1759 29.0765 26.7386L29.1944 26.6467L30.1075 27.9061L30.0201 27.9937C29.2936 28.7225 28.5195 29.3879 27.698 29.99L27.6971 29.9907C26.9069 30.5614 26.1155 31.0378 25.323 31.4194L25.3229 31.4193C24.5586 31.8022 23.8625 31.9999 23.2374 31.9999C22.4866 31.9999 21.9167 31.7692 21.5673 31.2785L21.5653 31.2757L21.5633 31.2727C21.2598 30.7991 21.1319 30.1844 21.1641 29.4421C21.1958 28.7108 21.2908 27.902 21.4485 27.0162L21.449 27.0141L21.4494 27.0119L24.0839 14.46L24.0844 14.4583L24.0846 14.4568C24.2097 13.9238 24.251 13.5523 24.2231 13.3282L24.2228 13.3263C24.211 13.2197 24.1702 13.1542 24.1078 13.1109C24.0396 13.0636 23.9279 13.0305 23.7549 13.0305C23.417 13.0305 23.0051 13.1727 22.5143 13.4804L22.5115 13.4821L22.5085 13.4838C22.0154 13.762 21.5049 14.1186 20.9771 14.5546L20.8585 14.6526L19.9392 13.3846L20.0354 13.2971C20.6958 12.6978 21.403 12.0987 22.157 11.4999C22.917 10.8646 23.6947 10.3549 24.49 9.9718C25.3194 9.55588 26.0944 9.34304 26.8129 9.34304ZM13.1762 11.1431C12.0523 11.1431 10.969 11.5384 9.92371 12.3402L9.92328 12.3404C8.90513 13.1141 7.99131 14.1533 7.18358 15.4619C6.40618 16.7406 5.78381 18.1452 5.31665 19.6759L5.31637 19.6766C4.85006 21.1732 4.61722 22.6688 4.61722 24.1634C4.61722 24.8137 4.6788 25.4962 4.80256 26.2111C4.95646 26.9202 5.1859 27.5157 5.48787 28.0009C5.77467 28.4316 6.16835 28.6427 6.68389 28.6427C7.20421 28.6427 7.76906 28.4108 8.38129 27.9195L8.3827 27.9184L8.38397 27.9174C9.03038 27.4234 9.66461 26.7726 10.2859 25.9625L10.287 25.9611L10.288 25.9598C10.9431 25.1463 11.5831 24.2539 12.2079 23.2826C12.8302 22.3151 13.4058 21.3632 13.9351 20.4272L15.7352 11.805C15.725 11.8003 15.7148 11.7956 15.7046 11.791L15.7009 11.7893C14.8064 11.3561 13.9654 11.1431 13.1762 11.1431ZM28.883 0C29.608 1.83119e-06 30.2107 0.249167 30.6787 0.750235C31.1467 1.2196 31.3797 1.80782 31.3797 2.50428C31.3797 3.42607 31.0334 4.23309 30.3494 4.91907C29.6965 5.57395 28.9233 5.90517 28.0362 5.90518C27.3124 5.90518 26.696 5.67302 26.1968 5.20563L26.1931 5.20223L26.1897 5.19855C25.725 4.69915 25.4922 4.09728 25.4922 3.40091C25.4922 2.50906 25.8398 1.71822 26.5225 1.0334C27.2053 0.348572 27.9938 0 28.883 0Z" fill="#6965FF"/>
<path d="M142.674 10.8794V14.4761H140.918C137.195 14.4761 134.895 16.7345 134.895 20.6658V31.4978H130.964V11.0885H134.644L134.895 14.1833C135.732 12.0504 137.781 10.6284 140.583 10.6284C141.294 10.6284 141.88 10.7121 142.674 10.8794Z" fill="#28267F"/>
<path d="M108.67 21.2518C108.67 14.9366 113.187 10.5034 119.335 10.5034C125.441 10.5034 129.958 14.9366 129.958 21.2518C129.958 27.567 125.441 32.0002 119.335 32.0002C113.187 32.0002 108.67 27.567 108.67 21.2518ZM112.643 21.2518C112.643 25.5177 115.362 28.4871 119.335 28.4871C123.266 28.4871 126.026 25.5177 126.026 21.2518C126.026 16.9859 123.266 14.0165 119.335 14.0165C115.362 14.0165 112.643 16.9859 112.643 21.2518Z" fill="#28267F"/>
<path d="M106.016 31.498H102.084V14.3508H98.0693V11.0468H102.084V4.64795H106.016V11.0468H110.031V14.3508H106.016V31.498Z" fill="#28267F"/>
<path d="M87.5566 31.9995C83.1653 31.9995 80.5723 29.532 80.5723 25.8098C80.5723 22.0458 83.3744 19.7037 88.1839 19.3273L94.6246 18.8254V18.2399C94.6246 14.8105 92.5753 13.5976 89.815 13.5976C86.5111 13.5976 84.629 15.0614 84.629 17.5289H81.1996C81.1996 13.263 84.7127 10.4609 89.9823 10.4609C95.0428 10.4609 98.4723 13.1376 98.4723 18.6581V31.4976H95.1265L94.7083 28.1937C93.6627 30.5357 90.8606 31.9995 87.5566 31.9995ZM88.6858 28.9465C92.408 28.9465 94.6664 26.5208 94.6664 22.6731V21.5857L89.4386 22.0039C85.9674 22.3385 84.5454 23.6768 84.5454 25.6843C84.5454 27.8591 86.1347 28.9465 88.6858 28.9465Z" fill="#28267F"/>
<path d="M71.2839 31.9995C65.2615 31.9995 61.1211 27.65 61.1211 21.2929C61.1211 14.8941 65.1779 10.4609 71.1167 10.4609C76.93 10.4609 80.7358 14.4759 80.7358 20.5401V22.0039L64.9269 22.0458C65.2197 26.3535 67.4781 28.7373 71.3676 28.7373C74.4206 28.7373 76.4281 27.4827 77.0973 25.1406H80.7776C79.7739 29.532 76.3445 31.9995 71.2839 31.9995ZM71.1167 13.7649C67.6872 13.7649 65.5125 15.8142 65.0106 19.4109H76.8045C76.8045 16.0233 74.5879 13.7649 71.1167 13.7649Z" fill="#28267F"/>
<path d="M62.8519 10.8794V14.4761H61.0953C57.3731 14.4761 55.0729 16.7345 55.0729 20.6658V31.4978H51.1416V11.0885H54.822L55.0729 14.1833C55.9094 12.0504 57.9587 10.6284 60.7608 10.6284C61.4717 10.6284 62.0573 10.7121 62.8519 10.8794Z" fill="#28267F"/>
<path d="M30.8086 21.2929C30.8086 14.8941 34.8654 10.4609 40.846 10.4609C45.9901 10.4609 49.5869 13.3885 50.2979 17.9472H46.3665C45.6974 15.3542 43.6063 13.974 40.9714 13.974C37.2493 13.974 34.6981 16.8179 34.6981 21.2511C34.6981 25.6425 37.082 28.4864 40.8042 28.4864C43.6063 28.4864 45.6974 27.0226 46.4084 24.5969H50.3397C49.545 29.0301 45.7392 31.9995 40.8042 31.9995C34.7817 31.9995 30.8086 27.7336 30.8086 21.2929Z" fill="#28267F"/>
</svg></div>
<div class="sidebar-title">AI UGC<br>The Complete Guide</div>
</div>
<nav class="sidebar-nav">
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="ai-image-basics">
<span class="chevron">▶</span>
AI Image Basics
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#ai-image-basics--what-is-ai-image-generation">What Is AI Image Generation?</a></li>
<li><a class="nav-section-link" href="#ai-image-basics--how-it-actually-works">How It Actually Works</a></li>
<li><a class="nav-section-link" href="#ai-image-basics--why-your-results-keep-changing">Why Your Results Keep Changing</a></li>
<li><a class="nav-section-link" href="#ai-image-basics--the-core-workflow">The Core Workflow</a></li>
<li><a class="nav-section-link" href="#tools-overview--tools-3-categories-that-explain-everything">Tools: 3 Categories</a></li>
<li><a class="nav-section-link" href="#tools-overview--beginner-rule-so-you-don-t-tool-hop">Beginner Rule (So You Don’t Tool Hop)</a></li>
<li><a class="nav-section-link" href="#tools-overview--what-makes-a-good-beginner-prompt">Good Beginner Prompts</a></li>
<li><a class="nav-section-link" href="#tools-overview--the-one-skill-that-makes-you-good-fast">The One Skill That Matters</a></li>
<li><a class="nav-section-link" href="#tools-overview--common-beginner-mistakes">Common Beginner Mistakes</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="ai-video-basics">
<span class="chevron">▶</span>
AI Video Basics
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#ai-video-basics--what-is-ai-video-generation">What Is AI Video Generation?</a></li>
<li><a class="nav-section-link" href="#ai-video-basics--how-it-works">How It Works</a></li>
<li><a class="nav-section-link" href="#ai-video-basics--three-video-modes-you-ll-see-everywhere">Three Video Modes You’ll See Everywhere</a></li>
<li><a class="nav-section-link" href="#ai-video-basics--the-quality-tradeoff-know-this-early">The Quality Tradeoff</a></li>
<li><a class="nav-section-link" href="#ai-video-basics--the-video-prompt-formula">The Video Prompt Formula</a></li>
<li><a class="nav-section-link" href="#ai-video-basics--try-making-one-now">Try Making One Now</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="what-is-ai-ugc">
<span class="chevron">▶</span>
What is AI UGC
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#what-is-ai-ugc--what-ugc-means">What “UGC” Means</a></li>
<li><a class="nav-section-link" href="#what-is-ai-ugc--so-what-is-ai-ugc">So What Is AI UGC?</a></li>
<li><a class="nav-section-link" href="#what-is-ai-ugc--what-ultra-realism-means-in-ai-ugc">What “Ultra Realism” Means in AI UGC</a></li>
<li><a class="nav-section-link" href="#what-is-ai-ugc--the-simple-test">The Simple Test</a></li>
<li><a class="nav-section-link" href="#what-is-ai-ugc--why-this-matters-for-everything-later">Why This Matters Later</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="tools-stack">
<span class="chevron">▶</span>
Tools to Use
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#tools-stack--too-many-tools-is-the-fastest-way-to-get-stuck">Too Many Tools = Getting Stuck</a></li>
<li><a class="nav-section-link" href="#tools-stack--the-core-stack-we-use-in-this-book">The Core Stack</a></li>
<li><a class="nav-section-link" href="#tools-stack--beginner-rule">Beginner Rule</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="aspect-ratio">
<span class="chevron">▶</span>
Aspect Ratio & Settings
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#aspect-ratio--what-aspect-ratio-means">What Aspect Ratio Means</a></li>
<li><a class="nav-section-link" href="#aspect-ratio--the-3-most-useful-ratios">The 3 Most Useful Ratios</a></li>
<li><a class="nav-section-link" href="#aspect-ratio--why-it-matters-for-ai-ugc">Why It Matters for AI UGC</a></li>
<li><a class="nav-section-link" href="#aspect-ratio--two-more-settings-you-ll-see-everywhere">Two More Settings You’ll See Everywhere</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="writing-prompts">
<span class="chevron">▶</span>
Writing Good Prompts
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#writing-prompts--how-ai-understands-visual-language">How AI Reads Visuals</a></li>
<li><a class="nav-section-link" href="#writing-prompts--director-mindset-beats-camera-mindset">Director Mindset</a></li>
<li><a class="nav-section-link" href="#writing-prompts--describing-the-scene-visual-vocabulary">Describing the Scene</a></li>
<li><a class="nav-section-link" href="#writing-prompts--describing-the-person-the-most-important-part">Describing the Person</a></li>
<li><a class="nav-section-link" href="#writing-prompts--putting-it-all-together-ugc-prompt-examples">UGC Prompt Examples</a></li>
<li><a class="nav-section-link" href="#writing-prompts--let-chatgpt-write-prompts-for-you">ChatGPT for Prompts</a></li>
<li><a class="nav-section-link" href="#writing-prompts--for-beginners-use-our-custom-gpt">Custom GPT for Beginners</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="create-model">
<span class="chevron">▶</span>
Create a Realistic Model
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#create-model--what-model-means-here">What “Model” Means Here</a></li>
<li><a class="nav-section-link" href="#create-model--two-ways-to-create-a-realistic-person">Two Ways to Create One</a></li>
<li><a class="nav-section-link" href="#create-model--how-to-use-ai-influencer-simple-workflow">How To Use AI Influencer</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="edit-character">
<span class="chevron">▶</span>
Edit the Character
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#edit-character--what-editing-means-in-ai">What “Editing” Means in AI</a></li>
<li><a class="nav-section-link" href="#edit-character--start-with-a-reference-image">Start With A Reference Image</a></li>
<li><a class="nav-section-link" href="#edit-character--the-simple-editing-workflow-higgsfield-nano-banana">Simple Editing Workflow</a></li>
<li><a class="nav-section-link" href="#edit-character--the-more-powerful-method-edit-with-image-references">Edit With Image References</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="fix-character">
<span class="chevron">▶</span>
Fix the Character
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#fix-character--what-fixing-means">What “Fixing” Means</a></li>
<li><a class="nav-section-link" href="#fix-character--make-your-anchor-character-sheet">Make Your Anchor</a></li>
<li><a class="nav-section-link" href="#fix-character--selection-checklist-pick-the-best-anchor">Selection Checklist</a></li>
<li><a class="nav-section-link" href="#fix-character--generate-new-scenes-using-the-anchor">Generate New Scenes</a></li>
<li><a class="nav-section-link" href="#fix-character--pro-tips-stronger-realism-better-skin">Pro Tips</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="realistic-from-photos">
<span class="chevron">▶</span>
Realistic Image from Real Photos
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#realistic-from-photos--what-this-method-does">What This Method Does</a></li>
<li><a class="nav-section-link" href="#realistic-from-photos--pick-a-reference-photo">Pick a Reference Photo</a></li>
<li><a class="nav-section-link" href="#realistic-from-photos--extract-the-style-blueprint-chatgpt-json">Extract the Style Blueprint</a></li>
<li><a class="nav-section-link" href="#realistic-from-photos--step-3-generate-the-look-in-higgsfield-nano-banana-pro">Generate the Look</a></li>
<li><a class="nav-section-link" href="#realistic-from-photos--optional-put-your-own-character-into-the-same-scene">Add Your Own Character</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="make-them-talk">
<span class="chevron">▶</span>
How to Make Them Talk
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#make-them-talk--what-you-re-making">What You’re Making</a></li>
<li><a class="nav-section-link" href="#make-them-talk--step-1-create-the-base-selfie-image-higgsfield">Create the Base Selfie</a></li>
<li><a class="nav-section-link" href="#make-them-talk--generate-the-talking-video">Generate the Talking Video</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="ugc-ad-product">
<span class="chevron">▶</span>
UGC Ad with Product in Hand
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#ugc-ad-product--prepare-the-model-and-background">Prepare the Model and Background</a></li>
<li><a class="nav-section-link" href="#ugc-ad-product--prepare-the-product-image">Prepare the Product Image</a></li>
<li><a class="nav-section-link" href="#ugc-ad-product--combine-both-images-in-nano-banana-pro">Combine Both Images</a></li>
<li><a class="nav-section-link" href="#ugc-ad-product--choose-the-most-natural-result">Choose the Most Natural Result</a></li>
<li><a class="nav-section-link" href="#ugc-ad-product--turn-it-into-a-talking-ugc-video-veo-3-1">Make It a Talking Video</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="realistic-animation">
<span class="chevron">▶</span>
Realistic Animation
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#realistic-animation--pick-a-dance-video-to-copy">Pick a Dance Video to Copy</a></li>
<li><a class="nav-section-link" href="#realistic-animation--extract-the-first-frame">Extract the First Frame</a></li>
<li><a class="nav-section-link" href="#realistic-animation--recreate-the-same-pose-with-your-character-nano-banana-pro">Recreate the Pose</a></li>
<li><a class="nav-section-link" href="#realistic-animation--animate-with-motion-control-kling-3-0">Animate With Motion Control</a></li>
<li><a class="nav-section-link" href="#realistic-animation--pro-tips-cleaner-motion-less-weirdness">Pro Tips</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="iphone-content">
<span class="chevron">▶</span>
iPhone with Content Inside
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#iphone-content--prepare-the-base-model-scene">Prepare the Base Model Scene</a></li>
<li><a class="nav-section-link" href="#iphone-content--add-an-iphone-with-a-green-screen">Add iPhone + Green Screen</a></li>
<li><a class="nav-section-link" href="#iphone-content--replace-the-green-screen-with-your-content">Replace the Green Screen</a></li>
<li><a class="nav-section-link" href="#iphone-content--pro-tips-so-it-looks-real">Pro Tips</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="long-video">
<span class="chevron">▶</span>
How to Make Long Video
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#long-video--what-you-are-making">What You're Making</a></li>
<li><a class="nav-section-link" href="#long-video--step-1-pick-a-reference-optional-but-recommended">Pick a Reference</a></li>
<li><a class="nav-section-link" href="#long-video--step-2-get-a-clean-json-prompt-in-chatgpt">JSON Prompt in ChatGPT</a></li>
<li><a class="nav-section-link" href="#long-video--step-3-generate-the-first-frame-in-nano-banana-higgsfield">Generate the First Frame</a></li>
<li><a class="nav-section-link" href="#long-video--step-4-animate-in-veo-3-1">Animate in Veo 3.1</a></li>
<li><a class="nav-section-link" href="#long-video--step-5-make-additional-clips-with-the-same-character">Make Additional Clips</a></li>
<li><a class="nav-section-link" href="#long-video--step-6-edit-and-combine-in-capcut">Edit and Combine in CapCut</a></li>
</ul>
</div>
<div class="nav-chapter">
<button class="nav-chapter-title" data-chapter="flora">
<span class="chevron">▶</span>
Organize Everything in Flora
</button>
<ul class="nav-sections">
<li><a class="nav-section-link" href="#flora--why-a-visual-workflow-matters">Why a Visual Workflow Matters</a></li>
<li><a class="nav-section-link" href="#flora--what-flora-does">What Flora Does</a></li>
<li><a class="nav-section-link" href="#flora--higgsfield-vs-flora">Higgsfield vs Flora</a></li>
<li><a class="nav-section-link" href="#flora--when-to-use-flora">When to Use Flora</a></li>
</ul>
</div>
</nav>
</aside>
<main class="main-content">
<div class="content-wrapper">
<section class="cover-page" id="cover">
<div class="cover-badge">The Complete Guide</div>
<h1>AI UGC:<br><span class="accent">The Ultimate</span><br>Playbook</h1>
<p class="cover-subtitle">Master AI-generated User Generated Content — from realistic models to talking videos, product ads, and beyond.</p>
<div class="cover-logo" style="height:24px;opacity:0.4;"><svg viewBox="0 0 143 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6467 9.34304C14.5362 9.34304 15.4254 9.45459 16.3138 9.67717C16.7805 9.77424 17.231 9.91593 17.6651 10.1022L20.5618 9.48901L16.8932 26.8359C16.8022 27.2928 16.8054 27.6589 16.8896 27.942C16.9278 28.0555 16.9874 28.1319 17.0651 28.182C17.1451 28.2336 17.2568 28.2653 17.4103 28.2653C17.7174 28.2653 18.0976 28.1385 18.5564 27.8628C19.0212 27.5518 19.5181 27.1782 20.0471 26.7412L20.1656 26.6432L21.0831 27.9085L20.9916 27.996C20.2982 28.6599 19.5575 29.2918 18.7701 29.8922L18.7702 29.8923C18.0118 30.4946 17.2522 31.0028 16.4913 31.4161L16.4892 31.4173L16.487 31.4183C15.7208 31.8026 15.0084 31.9999 14.3523 31.9999C13.7244 31.9999 13.2362 31.7992 12.9195 31.3757L12.9171 31.3724L12.9148 31.369C12.6456 30.964 12.4996 30.449 12.4673 29.8334L12.4671 29.8296V29.8258C12.4671 29.1895 12.5147 28.5068 12.6095 27.7781C12.7025 27.0006 12.8261 26.1625 12.98 25.2638C12.3666 26.2055 11.7167 27.0963 11.0298 27.936L11.0297 27.9358C10.0501 29.1402 9.00534 30.1253 7.89473 30.8892L7.8936 30.8899L7.89233 30.8907C6.77423 31.6277 5.61795 31.9999 4.42567 31.9999C2.93455 31.9999 1.80453 31.3775 1.05585 30.1368L1.05514 30.1357L1.05444 30.1344C0.348643 28.9117 7.14927e-06 27.4065 0 25.6262C0 23.5319 0.379717 21.5163 1.13913 19.5803C1.8974 17.6472 2.92457 15.9035 4.22071 14.3498C5.51703 12.7958 6.97342 11.5726 8.5902 10.6822L8.59133 10.6817C10.2413 9.79058 11.9269 9.34304 13.6467 9.34304ZM26.8129 9.34304C27.5368 9.34304 28.0772 9.59301 28.3929 10.1175C28.6948 10.5886 28.8393 11.2007 28.8393 11.9417C28.8393 12.6771 28.7437 13.458 28.5538 14.2841L25.8252 27.1663C25.7661 27.4635 25.7515 27.7433 25.7795 28.0063C25.8032 28.0937 25.8476 28.1523 25.9125 28.1924C25.9837 28.2363 26.0915 28.2653 26.2484 28.2653C26.5894 28.2653 27.0022 28.1365 27.4914 27.8609C27.9876 27.5497 28.516 27.1759 29.0765 26.7386L29.1944 26.6467L30.1075 27.9061L30.0201 27.9937C29.2936 28.7225 28.5195 29.3879 27.698 29.99L27.6971 29.9907C26.9069 30.5614 26.1155 31.0378 25.323 31.4194L25.3229 31.4193C24.5586 31.8022 23.8625 31.9999 23.2374 31.9999C22.4866 31.9999 21.9167 31.7692 21.5673 31.2785L21.5653 31.2757L21.5633 31.2727C21.2598 30.7991 21.1319 30.1844 21.1641 29.4421C21.1958 28.7108 21.2908 27.902 21.4485 27.0162L21.449 27.0141L21.4494 27.0119L24.0839 14.46L24.0844 14.4583L24.0846 14.4568C24.2097 13.9238 24.251 13.5523 24.2231 13.3282L24.2228 13.3263C24.211 13.2197 24.1702 13.1542 24.1078 13.1109C24.0396 13.0636 23.9279 13.0305 23.7549 13.0305C23.417 13.0305 23.0051 13.1727 22.5143 13.4804L22.5115 13.4821L22.5085 13.4838C22.0154 13.762 21.5049 14.1186 20.9771 14.5546L20.8585 14.6526L19.9392 13.3846L20.0354 13.2971C20.6958 12.6978 21.403 12.0987 22.157 11.4999C22.917 10.8646 23.6947 10.3549 24.49 9.9718C25.3194 9.55588 26.0944 9.34304 26.8129 9.34304ZM13.1762 11.1431C12.0523 11.1431 10.969 11.5384 9.92371 12.3402L9.92328 12.3404C8.90513 13.1141 7.99131 14.1533 7.18358 15.4619C6.40618 16.7406 5.78381 18.1452 5.31665 19.6759L5.31637 19.6766C4.85006 21.1732 4.61722 22.6688 4.61722 24.1634C4.61722 24.8137 4.6788 25.4962 4.80256 26.2111C4.95646 26.9202 5.1859 27.5157 5.48787 28.0009C5.77467 28.4316 6.16835 28.6427 6.68389 28.6427C7.20421 28.6427 7.76906 28.4108 8.38129 27.9195L8.3827 27.9184L8.38397 27.9174C9.03038 27.4234 9.66461 26.7726 10.2859 25.9625L10.287 25.9611L10.288 25.9598C10.9431 25.1463 11.5831 24.2539 12.2079 23.2826C12.8302 22.3151 13.4058 21.3632 13.9351 20.4272L15.7352 11.805C15.725 11.8003 15.7148 11.7956 15.7046 11.791L15.7009 11.7893C14.8064 11.3561 13.9654 11.1431 13.1762 11.1431ZM28.883 0C29.608 1.83119e-06 30.2107 0.249167 30.6787 0.750235C31.1467 1.2196 31.3797 1.80782 31.3797 2.50428C31.3797 3.42607 31.0334 4.23309 30.3494 4.91907C29.6965 5.57395 28.9233 5.90517 28.0362 5.90518C27.3124 5.90518 26.696 5.67302 26.1968 5.20563L26.1931 5.20223L26.1897 5.19855C25.725 4.69915 25.4922 4.09728 25.4922 3.40091C25.4922 2.50906 25.8398 1.71822 26.5225 1.0334C27.2053 0.348572 27.9938 0 28.883 0Z" fill="#6965FF"/>
<path d="M142.674 10.8794V14.4761H140.918C137.195 14.4761 134.895 16.7345 134.895 20.6658V31.4978H130.964V11.0885H134.644L134.895 14.1833C135.732 12.0504 137.781 10.6284 140.583 10.6284C141.294 10.6284 141.88 10.7121 142.674 10.8794Z" fill="#28267F"/>
<path d="M108.67 21.2518C108.67 14.9366 113.187 10.5034 119.335 10.5034C125.441 10.5034 129.958 14.9366 129.958 21.2518C129.958 27.567 125.441 32.0002 119.335 32.0002C113.187 32.0002 108.67 27.567 108.67 21.2518ZM112.643 21.2518C112.643 25.5177 115.362 28.4871 119.335 28.4871C123.266 28.4871 126.026 25.5177 126.026 21.2518C126.026 16.9859 123.266 14.0165 119.335 14.0165C115.362 14.0165 112.643 16.9859 112.643 21.2518Z" fill="#28267F"/>
<path d="M106.016 31.498H102.084V14.3508H98.0693V11.0468H102.084V4.64795H106.016V11.0468H110.031V14.3508H106.016V31.498Z" fill="#28267F"/>
<path d="M87.5566 31.9995C83.1653 31.9995 80.5723 29.532 80.5723 25.8098C80.5723 22.0458 83.3744 19.7037 88.1839 19.3273L94.6246 18.8254V18.2399C94.6246 14.8105 92.5753 13.5976 89.815 13.5976C86.5111 13.5976 84.629 15.0614 84.629 17.5289H81.1996C81.1996 13.263 84.7127 10.4609 89.9823 10.4609C95.0428 10.4609 98.4723 13.1376 98.4723 18.6581V31.4976H95.1265L94.7083 28.1937C93.6627 30.5357 90.8606 31.9995 87.5566 31.9995ZM88.6858 28.9465C92.408 28.9465 94.6664 26.5208 94.6664 22.6731V21.5857L89.4386 22.0039C85.9674 22.3385 84.5454 23.6768 84.5454 25.6843C84.5454 27.8591 86.1347 28.9465 88.6858 28.9465Z" fill="#28267F"/>
<path d="M71.2839 31.9995C65.2615 31.9995 61.1211 27.65 61.1211 21.2929C61.1211 14.8941 65.1779 10.4609 71.1167 10.4609C76.93 10.4609 80.7358 14.4759 80.7358 20.5401V22.0039L64.9269 22.0458C65.2197 26.3535 67.4781 28.7373 71.3676 28.7373C74.4206 28.7373 76.4281 27.4827 77.0973 25.1406H80.7776C79.7739 29.532 76.3445 31.9995 71.2839 31.9995ZM71.1167 13.7649C67.6872 13.7649 65.5125 15.8142 65.0106 19.4109H76.8045C76.8045 16.0233 74.5879 13.7649 71.1167 13.7649Z" fill="#28267F"/>
<path d="M62.8519 10.8794V14.4761H61.0953C57.3731 14.4761 55.0729 16.7345 55.0729 20.6658V31.4978H51.1416V11.0885H54.822L55.0729 14.1833C55.9094 12.0504 57.9587 10.6284 60.7608 10.6284C61.4717 10.6284 62.0573 10.7121 62.8519 10.8794Z" fill="#28267F"/>
<path d="M30.8086 21.2929C30.8086 14.8941 34.8654 10.4609 40.846 10.4609C45.9901 10.4609 49.5869 13.3885 50.2979 17.9472H46.3665C45.6974 15.3542 43.6063 13.974 40.9714 13.974C37.2493 13.974 34.6981 16.8179 34.6981 21.2511C34.6981 25.6425 37.082 28.4864 40.8042 28.4864C43.6063 28.4864 45.6974 27.0226 46.4084 24.5969H50.3397C49.545 29.0301 45.7392 31.9995 40.8042 31.9995C34.7817 31.9995 30.8086 27.7336 30.8086 21.2929Z" fill="#28267F"/>
</svg></div>
</section>
<section class="ebook-section" id="ai-image-basics--what-is-ai-image-generation">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 1</span>
<span class="chapter-divider-title">AI Image Basics</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">What Is AI Image Generation?</h2>
<p class="body-text">AI image generation is the process of turning a text description into a visual. You write what you want to see, and the model produces an image based on your input. It sounds simple, and at its core it is, but the part most beginners get wrong is expecting the result to be perfect on the first try. That is not how this works. Your role is not to write one magical sentence and get a flawless output. Your role is to guide the model, step by step, until the result matches what you had in mind. Think of it less like typing a search query and more like directing a creative partner who is incredibly fast but needs clear instructions.</p>
</section>
<section class="ebook-section" id="ai-image-basics--how-it-actually-works">
<h2 class="section-title">How It Actually Works</h2>
<p class="body-text">When you type a prompt, the model does not "draw" the way a human would. What actually happens is a multi step process. First, your prompt gets broken down into concepts like subject, style, lighting, mood, and composition. Then the model starts from random visual noise and begins predicting what the image should look like, pixel by pixel, refining the picture over many tiny steps until a final image appears.</p>
<p class="body-text">There are two things worth keeping in mind from the start. The model does not "understand" your words the way a person would. It predicts visual outcomes based on patterns it learned from massive amounts of training data. And because of that, results are probabilistic. The same prompt can give you different outputs every time. That is completely normal and expected.</p>
<div class="step-card">
<div class="step-number">1</div>
<div class="step-content">
<h4>Your prompt is parsed into concepts (subject, style, lighting, mood, composition)</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-content">
<h4>The model begins from random visual noise</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">3</div>
<div class="step-content">
<h4>It predicts pixels step by step</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">4</div>
<div class="step-content">
<h4>The picture becomes clearer over many tiny refinement steps</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">5</div>
<div class="step-content">
<h4>A final image appears</h4>
</div>
</div>
</section>
<section class="ebook-section" id="ai-image-basics--why-your-results-keep-changing">
<h2 class="section-title">Why Your Results Keep Changing</h2>
<p class="body-text">One of the most common frustrations beginners have is that the same prompt can produce completely different images each time. If you are used to tools like Google, where the same input always gives the same output, this feels broken. But AI image generation does not work like a search engine. It works more like a creative assistant. You give it a direction, it interprets that direction in its own way, you look at the result, adjust your instructions, and try again. The randomness you see is not a flaw in the system. It is a fundamental part of how these models operate. Once you accept that, you stop chasing the perfect first result and start focusing on what actually matters: learning to iterate quickly and making small, deliberate adjustments between generations.</p>
</section>
<section class="ebook-section" id="ai-image-basics--the-core-workflow">
<h2 class="section-title">The Core Workflow</h2>
<p class="body-text">No matter which tool you end up using, the underlying workflow is always the same. You write a prompt, generate the image, evaluate what came out, adjust your prompt based on what you liked or did not like, and generate again. That loop is the entire process. If you internalize this cycle early on, switching between tools later becomes easy because the thinking behind it never changes. The tool is just the surface. The workflow is the skill.</p>
<div class="flow-steps">
<div class="flow-step"><span class="flow-num">1</span><span class="flow-label">Prompt</span></div>
<div class="flow-arrow"><svg width="20" height="10" viewBox="0 0 20 10" fill="none"><path d="M0 5h16M13 1l4 4-4 4" stroke="#C4C0E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
<div class="flow-step"><span class="flow-num">2</span><span class="flow-label">Generate</span></div>
<div class="flow-arrow"><svg width="20" height="10" viewBox="0 0 20 10" fill="none"><path d="M0 5h16M13 1l4 4-4 4" stroke="#C4C0E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
<div class="flow-step"><span class="flow-num">3</span><span class="flow-label">Evaluate</span></div>
<div class="flow-arrow"><svg width="20" height="10" viewBox="0 0 20 10" fill="none"><path d="M0 5h16M13 1l4 4-4 4" stroke="#C4C0E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
<div class="flow-step"><span class="flow-num">4</span><span class="flow-label">Adjust</span></div>
<div class="flow-arrow"><svg width="20" height="10" viewBox="0 0 20 10" fill="none"><path d="M0 5h16M13 1l4 4-4 4" stroke="#C4C0E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
<div class="flow-step"><span class="flow-num">5</span><span class="flow-label">Generate again</span></div>
</div>
</section>
<section class="ebook-section" id="tools-overview--tools-3-categories-that-explain-everything">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 1</span>
<span class="chapter-divider-title">AI Image Basics</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">Tools: 3 Categories That Explain Everything</h2>
<p class="body-text">There are a lot of AI tools out there and the number keeps growing. But if you zoom out, almost all of them fall into three categories. Understanding these three buckets will save you from confusion and help you know exactly what each tool is for.</p>
<h3 class="subsection-title">1) Image Models </h3>
<p class="body-text">Image models generate still images from a text prompt or from an image you provide as a reference. Examples include Nano Banana (Nano Banana 2 and Nano Banana Pro), GPT Image (sometimes listed as GPT img), Midjourney, and Seedream (4.0 and newer). Each model has its own visual style and strengths, so results will look different depending on which one you use. But the core workflow stays the same no matter which model you pick.</p>
<h3 class="subsection-title">2) Video Models </h3>
<p class="body-text">Video models generate short video clips from text, images, or a combination of both. Examples include Kling, Veo, Sora, Wan, and Seedance. Video models vary a lot in how they handle motion, consistency, and visual quality. The best way to learn any video model is to start with short, simple tests so you get a feel for how it moves before trying anything complex.</p>
<h3 class="subsection-title">3) Platforms </h3>
<p class="body-text">Platforms are workspaces where you can access multiple models in one place. They often come with extra features like galleries, workflow tools, and side by side comparisons. Examples include Higgsfield, ImagineArt, Weavy (also known as Figma Weave after acquisition), and FLORA. The biggest advantage of platforms is convenience. You can test and compare different models without jumping between apps, which makes iteration much faster.</p>
<h3 class="subsection-title">Beginner Rule (So You Don’t Tool Hop)</h3>
<p class="body-text">There is no legitimate tool that gives you unlimited generations for free. If you want to experiment seriously, a paid plan is almost always necessary. So keep it simple and pick one platform first. It is cheaper, more convenient, and it helps you learn faster because everything stays in one place. In this book we use Higgsfield, and it is the platform I recommend. If you want to follow along with every workflow and run your own experiments, I suggest getting the Pro subscription.</p>
</section>
<section class="ebook-section" id="tools-overview--what-makes-a-good-beginner-prompt">
<h2 class="section-title">What Makes a Good Beginner Prompt</h2>
<p class="body-text">A beginner prompt should be:</p>
<ul class="styled-list">
<li>Simple</li>
<li>Specific</li>
<li>Easy to edit</li>
</ul>
<p class="body-text">Use this structure:</p>
<div class="formula-bar">
<div class="formula-piece"><span class="formula-label">Subject</span><span class="formula-desc">Who or what</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Scene</span><span class="formula-desc">Where & doing what</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Lighting</span><span class="formula-desc">Light source & mood</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Style</span><span class="formula-desc">Visual feel</span></div>
</div>
<p class="body-text">Example:</p>
<div class="callout-box prompt-example">
<div class="callout-label">Prompt Example</div>
<div class="callout-content">A girl sitting in a cute cafe outside, natural daylight, modern photography style, realistic details</div>
</div>
<p class="body-text">That is enough to start.</p>
<h3 class="subsection-title">Try making one now!</h3>
<div class="step-card">
<div class="step-number">1</div>
<div class="step-content">
<h4>Open Nano Banana in Higgsfield</h4>
</div>
</div>
<p class="body-text">Go to higgsfield.ai and select <strong>Image → Nano Banana Pro</strong> (or Nano Banana 2).</p>
<figure class="hero-image">
<img src="assets/images/img_001.png" alt="E-book illustration" loading="lazy">
</figure>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-content">
<h4>Paste this prompt</h4>
</div>
</div>
<div class="callout-box prompt-example">
<div class="callout-label">Prompt Example</div>
<div class="callout-content">A girl sitting in a cute cafe outside, natural daylight, modern photography style, realistic details</div>
</div>
<div class="step-card">
<div class="step-number">3</div>
<div class="step-content">
<h4>Set your first settings</h4>
</div>
</div>
<ul class="styled-list">
<li>Aspect ratio: <strong>1:1</strong></li>
<li>Quality: <strong>2K</strong></li>
<li>Outputs: <strong>4 images</strong></li>
<li>Click Generate</li>
</ul>
<figure class="hero-image">
<img src="assets/images/img_002.png" alt="E-book illustration" loading="lazy">
</figure>
<p class="body-text">You’ll get four different images even though the prompt is identical.</p>
<figure class="hero-image">
<img src="assets/images/img_003.jpeg" alt="E-book illustration" loading="lazy">
</figure>
<figure class="hero-image">
<img src="assets/images/img_004.jpeg" alt="E-book illustration" loading="lazy">
</figure>
<figure class="hero-image">
<img src="assets/images/img_005.jpeg" alt="E-book illustration" loading="lazy">
</figure>
<figure class="hero-image">
<img src="assets/images/img_006.jpeg" alt="E-book illustration" loading="lazy">
</figure>
<p class="body-text">That variation is normal. It comes from the model’s randomness and the prompt still being a little broad, which gives the AI room to interpret details.</p>
<p class="body-text">And that’s a win.</p>
<p class="body-text">Congrats, you just generated your first AI images.</p>
</section>
<section class="ebook-section" id="tools-overview--the-one-skill-that-makes-you-good-fast">
<h2 class="section-title">The One Skill That Makes You Good Fast</h2>
<p class="body-text">The single most important skill in AI image generation is iteration. After every generation, ask yourself three questions. What do I like about this result? What is wrong with it? And what is the smallest change I can try next? Small edits between generations will always beat big rewrites because they help you understand exactly what changed and why. This is how you build real control over your outputs.</p>
</section>
<section class="ebook-section" id="tools-overview--common-beginner-mistakes">
<h2 class="section-title">Common Beginner Mistakes</h2>
<p class="body-text">Most beginners make the same mistakes early on. They try to force perfection on the very first generation. They copy complex prompts from the internet without understanding what each part does. They blame the tool and switch to a new one when the real issue is the prompt. And they change ten things at once, then have no idea which change actually made a difference. If you can avoid these habits from the start, you will improve much faster than most people.</p>
</section>
<section class="ebook-section" id="ai-video-basics--what-is-ai-video-generation">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 2</span>
<span class="chapter-divider-title">AI Video Basics</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">What Is AI Video Generation?</h2>
<p class="body-text">AI video generation follows the same core idea as image generation, but with one extra challenge: time. Instead of producing a single still frame, the model has to generate many frames in sequence that all feel like they belong to the same scene. Every frame needs to stay consistent with the one before it, which makes video significantly harder for AI to get right. That is also why video results tend to be less predictable than images, and why learning to work with video takes a bit more patience.</p>
</section>
<section class="ebook-section" id="ai-video-basics--how-it-works">
<h2 class="section-title">How It Works</h2>
<p class="body-text">Most video models follow this logic:</p>
<div class="step-card">
<div class="step-number">1</div>
<div class="step-content">
<h4>Read your input (text, image, or both)</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-content">
<h4>Decide what the scene should look like</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">3</div>
<div class="step-content">
<h4>Predict what should happen next over time</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">4</div>
<div class="step-content">
<h4>Generate frames in sequence</h4>
</div>
</div>
<div class="step-card">
<div class="step-number">5</div>
<div class="step-content">
<h4>Stitch those frames into a short video</h4>
</div>
</div>
<div class="callout-box" style="margin-top:28px;">
<div class="callout-label">Two Things to Remember</div>
<div class="callout-content">
<p style="margin-bottom:12px;"><strong>1. AI does not “record” motion. It predicts motion.</strong></p>
<p><strong>2. Video is even more probabilistic than images. Small changes can cause big differences.</strong></p>
</div>
</div>
<p class="body-text">That is why iteration is not optional. It is the workflow.</p>
</section>
<section class="ebook-section" id="ai-video-basics--three-video-modes-you-ll-see-everywhere">
<h2 class="section-title">Three Video Modes You’ll See Everywhere</h2>
<p class="body-text">Most AI video tools work in one of three modes. Understanding the difference early will help you pick the right approach for each project.</p>
<p class="body-text"><strong>Image to Video</strong> is where you start from a still image and the model animates it. This is the best option when you want realism, consistent identity, and controlled results.</p>
<p class="body-text"><strong>Text to Video</strong> generates the entire scene from scratch using only a text prompt. This is great for testing concepts and fast ideation, but the tradeoff is that results are less predictable and faces or fine details can drift between frames.</p>
<p class="body-text"><strong>Talking or Audio Driven Video</strong> is where you provide speech or audio and the character lip syncs and emotes to match. This mode is ideal for UGC style clips, dialogue scenes, and talking head content.</p>
</section>
<section class="ebook-section" id="ai-video-basics--the-quality-tradeoff-know-this-early">
<h2 class="section-title">The Quality Tradeoff (Know This Early)</h2>
<p class="body-text">In video generation, you are almost always trading one thing for another. Understanding this tradeoff early will save you a lot of frustration.</p>
<div class="table-wrapper"><table class="table-component">
<thead><tr>
<th></th>
<th>More Realism</th>
<th>Cheaper and Faster</th>
</tr></thead>
<tbody>
<tr>
<td>Cost</td>
<td>Higher</td>
<td>Lower</td>
</tr>
<tr>
<td>Generation time</td>
<td>Longer</td>
<td>Shorter</td>
</tr>
<tr>
<td>Detail level</td>
<td>Rich and accurate</td>
<td>Less refined</td>
</tr>
<tr>
<td>Face accuracy</td>
<td>Strong</td>
<td>Can drift or distort</td>
</tr>
<tr>
<td>Visual artifacts</td>
<td>Fewer</td>
<td>More common</td>
</tr>
<tr>
<td>Reruns needed</td>
<td>More</td>
<td>Fewer</td>
</tr>
</tbody></table></div>
<p class="body-text">This is not a limitation of any specific tool. It is how video generation works right now across the board. Once you accept that, you stop fighting the system and start making smarter decisions about when to prioritize quality and when speed is good enough.</p>
</section>
<section class="ebook-section" id="ai-video-basics--the-video-prompt-formula">
<h2 class="section-title">The Video Prompt Formula</h2>
<p class="body-text">The biggest difference between an image prompt and a video prompt is that video needs to describe change over time, not just a static scene. A good video prompt tells the model what is happening, not just what things look like.</p>
<p class="body-text">A simple structure that works across most tools:</p>
<div class="formula-bar">
<div class="formula-piece"><span class="formula-label">Scene</span><span class="formula-desc">Where it happens</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Subject</span><span class="formula-desc">Who or what</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Motion</span><span class="formula-desc">What they do</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Camera</span><span class="formula-desc">Angle & movement</span></div>
<div class="formula-plus">+</div>
<div class="formula-piece"><span class="formula-label">Mood</span><span class="formula-desc">Feel & tone</span></div>
</div>
<p class="body-text">Keep the motion simple at first. You can always add complexity later once you are getting clean results. For example:</p>
<div class="callout-box prompt-example">
<div class="callout-label">Prompt Example</div>
<div class="callout-content">A person walking forward calmly, natural movement, soft daylight, steady camera, realistic motion</div>
</div>
<p class="body-text">That is enough to get started. Notice how the prompt does not ask for anything dramatic. No spinning camera, no complex choreography. Simple motion is the fastest way to get believable output, especially when you are still learning how a model handles movement.</p>
</section>
<section class="ebook-section" id="ai-video-basics--try-making-one-now">
<h2 class="section-title">Try Making One Now</h2>
<p class="body-text">We’ll do a simple Image to Video test using the image you generated in the previous chapter.</p>
<div class="step-card">
<div class="step-number">1</div>
<div class="step-content">
<h4>Open Higgsfield</h4>
</div>
</div>
<p class="body-text">Go to higgsfield.ai and select <strong>Video</strong> then choose a model (this time Kling 2.6).</p>
<p class="body-text">Kling 2.6 is not the best model but it is good for quick testing.</p>
<figure class="hero-image">
<img src="assets/images/img_007.png" alt="E-book illustration" loading="lazy">
</figure>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-content">
<h4>Upload your image</h4>
</div>
</div>
<p class="body-text">Use one of your cafe images from the AI Image Basics chapter.</p>
<p class="body-text">You can simply download the image, drag and drop into the first frame.</p>
<figure class="hero-image">
<img src="assets/images/img_008.png" alt="E-book illustration" loading="lazy">
</figure>
<p class="body-text">And insert this prompt in the prompt box. ”In a cafe, a person is sitting naturally. Static camera, natural mood..”</p>
<figure class="hero-image">
<img src="assets/images/img_009.png" alt="E-book illustration" loading="lazy">
</figure>
<p class="body-text">Set the time 5s, quality 1080p and hit generate.</p>
<p class="body-text">If your output looks like this, that’s a success!</p>
<div class="video-player">
<video controls playsinline preload="metadata">
<source src="assets/videos/video_01_try_making_one_now.mp4" type="video/mp4">
Your browser does not support video.
</video>
</div>
<h3 class="subsection-title"><strong>How to Evaluate Your Result</strong></h3>
<p class="body-text">After every generation, run through this quick checklist before deciding whether to keep or redo the output.</p>
<div class="callout-box">
<div class="callout-label">Quick Checklist</div>
<ul class="styled-list" style="margin-bottom:0;">
<li>Does the motion feel natural?</li>
<li>Does the face stay consistent throughout the clip?</li>
<li>Does the camera movement feel believable?</li>
</ul>
</div>
<p class="body-text">If something looks off, do not start rewriting your entire prompt. Try these fixes first:</p>
<ul class="styled-list">
<li>Reduce the amount of motion</li>
<li>Remove any fancy camera moves</li>
<li>Regenerate a few more variations with the same prompt</li>
</ul>
<p class="body-text">Most early problems come from asking the model to do too much at once. Simple motion is the fastest way to get clean, believable results.</p>
</section>
<section class="ebook-section" id="what-is-ai-ugc--what-ugc-means">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 3</span>
<span class="chapter-divider-title">What is AI UGC</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">What “UGC” Means</h2>
<p class="body-text">UGC stands for User Generated Content. In marketing, UGC is content that feels like it was made by a normal person rather than a brand or production team. It is the kind of content you scroll past on TikTok or Instagram and think someone just filmed it on their phone because they genuinely wanted to share something. That casual, unpolished, honest feeling is exactly what makes it work.</p>
<div class="table-wrapper"><table class="table-component">
<thead><tr>
<th>UGC Feels Like</th>
<th>UGC Does Not Feel Like</th>
</tr></thead>
<tbody>
<tr>
<td>Casual and spontaneous</td>
<td>Scripted and rehearsed</td>
</tr>
<tr>
<td>Slightly imperfect</td>
<td>Perfectly polished</td>
</tr>
<tr>
<td>Shot on a phone</td>
<td>Shot in a studio</td>
</tr>
<tr>
<td>Honest and relatable</td>
<td>Salesy and branded</td>
</tr>
<tr>
<td>Everyday life moments</td>
<td>High production commercials</td>
</tr>
<tr>
<td>A friend recommending something</td>
<td>A company selling something</td>
</tr>
</tbody></table></div>
<figure class="hero-image">
<img src="assets/images/img_010.png" alt="E-book illustration" loading="lazy">
</figure>
<h3 class="subsection-title"><strong>UGC vs Influencer Content</strong></h3>
<p class="body-text">UGC and influencer content might look similar at first glance, but they create very different feelings in the viewer. Influencer content tends to feel polished and intentional, while UGC feels closer to a real customer sharing a genuine experience. That difference matters because people trust content that feels authentic, which is why UGC often outperforms influencer content in ads.</p>
<div class="table-wrapper"><table class="table-component">
<thead><tr>
<th></th>
<th>UGC</th>
<th>Influencer Content</th>
</tr></thead>
<tbody>
<tr>
<td>Tone</td>
<td>Casual, unscripted</td>
<td>Polished, intentional</td>
</tr>
<tr>
<td>Who it feels like</td>
<td>A real customer</td>
<td>A paid promotion</td>
</tr>
<tr>
<td>Production quality</td>
<td>Low, phone style</td>
<td>High, curated</td>
</tr>
<tr>
<td>Trust level</td>
<td>Higher</td>
<td>Lower</td>
</tr>
<tr>
<td>Viewer reaction</td>
<td>"This feels real"</td>
<td>"This is an ad"</td>
</tr>
<tr>
<td>Best for</td>
<td>Conversions and trust</td>
<td>Awareness and reach</td>
</tr>
<tr>
<td>Best for</td>
<td>Conversions and trust</td>
<td>Awareness and reach</td>
</tr>
</tbody></table></div>
</section>
<section class="ebook-section" id="what-is-ai-ugc--so-what-is-ai-ugc">
<h2 class="section-title">So What Is AI UGC?</h2>
<p class="body-text">AI UGC is content that has the look and feel of traditional user generated content, but is created or assisted by AI. The goal is not to make content that looks like AI made it. The goal is the exact opposite. You want content where the person feels real, the moment feels real, and a viewer scrolling past would genuinely believe this could be a real video filmed by a real person on their phone. If someone watches it and thinks "this is AI," you have not reached the standard yet. The entire point of AI UGC is that it is indistinguishable from the real thing.</p>
<h3 class="subsection-title"><strong>The Core Risk </strong></h3>
<p class="body-text">If your AI UGC looks AI generated, it can actively hurt you. UGC works because of trust. The moment a viewer feels like something is fake, the effect flips. Instead of building trust, it destroys it. Instead of driving interest, it creates suspicion. Instead of converting, it pushes people away. That is why realism is not a nice bonus or something you optimize for later. Realism is the entire game. Every technique in this book exists to get you closer to that standard.</p>
<div class="table-wrapper"><table class="table-component">
<thead><tr>
<th>Risks (If It Looks AI)</th>
<th>Opportunities (If It Looks Real)</th>
</tr></thead>
<tbody>
<tr>
<td>Viewers lose trust immediately</td>
<td>Builds instant credibility with the audience</td>
</tr>
<tr>
<td>Content feels deceptive and manipulative</td>
<td>Feels authentic and relatable</td>
</tr>
<tr>
<td>Lower engagement and conversions</td>
<td>Higher engagement and click through rates</td>
</tr>
<tr>
<td>Brand reputation damage</td>
<td>Scalable content without hiring creators</td>
</tr>
<tr>
<td>Wasted time and ad spend</td>
<td>Faster production at a fraction of the cost</td>
</tr>
<tr>
<td>Comments calling out "this is AI"</td>
<td>Content that blends seamlessly into feeds</td>
</tr>
<tr>
<td>Comments calling out "this is AI"</td>
<td>Content that blends seamlessly into feeds</td>
</tr>
</tbody></table></div>
</section>
<section class="ebook-section" id="what-is-ai-ugc--what-ultra-realism-means-in-ai-ugc">
<h2 class="section-title">What “Ultra Realism” Means in AI UGC</h2>
<p class="body-text">Ultra realism means the output has photographic credibility. When someone looks at it, their first instinct should be that a real camera captured this moment. It is not about making something that looks "pretty" or "high quality" in an artistic sense. It is about making something that looks like it actually happened in the real world.</p>
<p class="body-text">Ultra realistic results usually include:</p>
<ul class="styled-list">
<li>Natural skin texture with visible pores and subtle imperfections</li>
<li>Believable lighting that matches a real environment</li>
<li>Correct facial proportions and slight asymmetry</li>
<li>Real world details like tiny shadows, skin blemishes, and uneven tones</li>
</ul>
<p class="body-text">A simple way to check your output is to ask what it should not look like. If the skin feels overly smooth, it is not there yet. If the image looks stylized or artistic, it is not there yet. If the person looks plastic or too perfect, it is not there yet. Real people are not flawless, and your AI output should not be either.</p>
</section>
<section class="ebook-section" id="what-is-ai-ugc--the-simple-test">
<h2 class="section-title">The Simple Test</h2>
<p class="body-text">The easiest way to judge your AI UGC is to imagine someone scrolling through their feed and seeing your content for a split second. If their gut reaction is "this could be a real photo or video," you have hit the standard. If anything makes them pause and think "this looks AI generated," you are not there yet. That quick gut reaction is the benchmark for everything you create from this point forward.</p>
</section>
<section class="ebook-section" id="what-is-ai-ugc--why-this-matters-for-everything-later">
<h2 class="section-title">Why This Matters for Everything Later</h2>
<p class="body-text">Every workflow you will learn in this book builds on top of realism. Product holding shots only work if the person looks real. Talking head videos only convert if the viewer believes someone is actually speaking. Ads only perform if the audience trusts what they are seeing. Consistent characters only matter if they look like real people in the first place. None of the advanced techniques later in this book will work if the foundation is not there. Get realism right first. Everything else follows from that.</p>
</section>
<section class="ebook-section" id="tools-stack--too-many-tools-is-the-fastest-way-to-get-stuck">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 4</span>
<span class="chapter-divider-title">Tools to Use</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">Too Many Tools Is the Fastest Way to Get Stuck</h2>
<p class="body-text">There are more AI tools available now than anyone could reasonably try, and new ones launch every week. But for beginners, more tools almost always means more confusion, slower progress, and less actual skill building. You end up spending your time comparing tools instead of learning how to use any of them well. That is why this book limits the stack on purpose. We use a small, focused set of tools that cover everything you need. You can always explore more later once you have the fundamentals down. But first, build your skills with a simple setup that lets you focus on what actually matters.</p>
</section>
<section class="ebook-section" id="tools-stack--the-core-stack-we-use-in-this-book">
<h2 class="section-title">The Core Stack We Use in This Book</h2>
<h3 class="subsection-title">Platform: Higgsfield</h3>
<figure class="hero-image">
<img src="assets/images/img_011.png" alt="E-book illustration" loading="lazy">
</figure>
<p class="body-text">This is the main workspace where you can access models in one place.</p>
<p class="body-text">Why we use it:</p>
<ul class="styled-list">
<li>Less switching between sites</li>
<li>Easier to test and compare</li>
<li>Faster iteration</li>
</ul>
<h3 class="subsection-title">Image Generation model: Nano Banana</h3>
<p class="body-text">This is our default image model that you can use within Higgsfield.</p>
<p class="body-text">Why we use it:</p>
<ul class="styled-list">
<li>Great for realistic images</li>
<li>Strong results with editing capability</li>
<li>Good base for later video workflows</li>
</ul>
<h3 class="subsection-title">Video Generation: Veo and Kling</h3>
<p class="body-text">We use two video models because video has different strengths depending on the goal.</p>
<p class="body-text">Why we use them:</p>
<ul class="styled-list">
<li>High quality motion and realism with audio</li>
<li>Useful for both subtle animation and cinematic movement</li>
<li>Widely used by serious creators</li>
</ul>
<h3 class="subsection-title">Prompting and Planning: ChatGPT</h3>
<p class="body-text">ChatGPT is not the image model. You could also use other LLM like Gemini but ChatGPT thinking mode is my favorite so far.</p>
<p class="body-text">It is your prompt builder and thinking partner.</p>
<p class="body-text">Why we use it:</p>
<ul class="styled-list">
<li>Helps you write clear prompts fast</li>
<li>Helps you simplify when results fail</li>
<li>Helps you iterate logically instead of guessing</li>
</ul>
</section>
<section class="ebook-section" id="tools-stack--beginner-rule">
<h2 class="section-title">Beginner Rule</h2>
<p class="body-text">Start with one platform, one image model, one or two video models, and ChatGPT for prompt writing. That is your entire stack. Resist the urge to add more until you can consistently get good results with this setup. Once you reach that point, you will have enough understanding to evaluate new tools properly and actually know whether they improve your workflow. Until then, keeping it simple is the fastest path forward.</p>
</section>
<section class="ebook-section" id="aspect-ratio--what-aspect-ratio-means">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 5</span>
<span class="chapter-divider-title">Aspect Ratio & Settings</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">What Aspect Ratio Means</h2>
<p class="body-text">Aspect ratio is the shape of your image or video.</p>
<p class="body-text">It controls how wide or tall the frame is.</p>
<p class="body-text">Same prompt, same model, different aspect ratio can change:</p>
<ul class="styled-list">
<li>composition</li>
<li>cropping</li>
<li>how “UGC like” it feels</li>
</ul>
</section>
<section class="ebook-section" id="aspect-ratio--the-3-most-useful-ratios">
<h2 class="section-title">The 3 Most Useful Ratios</h2>
<div class="ratio-grid">
<div class="ratio-card" id="aspect-ratio--1-1-square-card">
<div class="ratio-preview ratio-1-1"></div>
<h3 class="ratio-title">1:1</h3>
<p class="ratio-subtitle">Square</p>
<ul class="ratio-list">
<li>Instagram feed posts</li>
<li>Carousel thumbnails</li>
<li>Simple product shots</li>
</ul>
</div>
<div class="ratio-card" id="aspect-ratio--9-16-vertical-card">
<div class="ratio-preview ratio-9-16"></div>
<h3 class="ratio-title">9:16</h3>
<p class="ratio-subtitle">Vertical</p>
<ul class="ratio-list">
<li>TikTok</li>
<li>Instagram Reels</li>
<li>YouTube Shorts</li>
<li>Most UGC ads</li>
</ul>
</div>
<div class="ratio-card" id="aspect-ratio--16-9-horizontal-card">
<div class="ratio-preview ratio-16-9"></div>
<h3 class="ratio-title">16:9</h3>
<p class="ratio-subtitle">Horizontal</p>
<ul class="ratio-list">
<li>YouTube videos</li>
<li>Website heroes</li>
<li>Cinematic scenes</li>
<li>Landscape shots</li>
</ul>
</div>
</div>
<p class="body-text" style="margin-top:20px;">If you are making AI UGC, 9:16 is your default most of the time.</p>
</section>
<section class="ebook-section" id="aspect-ratio--why-it-matters-for-ai-ugc">
<h2 class="section-title">Why It Matters for AI UGC</h2>
<p class="body-text">UGC is designed to feel like it was filmed on a phone, and phones are vertical. That means the aspect ratio you choose has a direct impact on how authentic your content feels. If you generate UGC style content in 16:9, it can instantly feel like a production shoot instead of a casual phone clip, even if everything else looks perfect. As a rule of thumb, UGC style content should almost always be 9:16 unless you have a strong reason to do otherwise.</p>
</section>
<section class="ebook-section" id="aspect-ratio--two-more-settings-you-ll-see-everywhere">
<h2 class="section-title">Two More Settings You’ll See Everywhere</h2>
<h3 class="subsection-title">Quality or Resolution</h3>
<p class="body-text">Higher quality means more detail, but also longer generation time and sometimes higher cost. When you are still experimenting with a prompt, start at mid quality first. Get the prompt working, then increase the resolution for your final output. This saves both time and credits.</p>
<h3 class="subsection-title">Variations</h3>
<p class="body-text">Most tools let you generate multiple outputs at once from the same prompt. Use this. Because generation is probabilistic, there is no single correct result. One variation might look great while another from the exact same prompt looks off. Generate at least four variations whenever you can. It speeds up learning and improves your odds fast.</p>
</section>
<section class="ebook-section" id="writing-prompts--how-ai-understands-visual-language">
<div class="chapter-divider">
<div class="chapter-divider-line"></div>
<div class="chapter-divider-content">
<span class="chapter-divider-num">Chapter 6</span>
<span class="chapter-divider-title">Writing Good Prompts</span>
</div>
<div class="chapter-divider-line"></div>
</div>
<h2 class="section-title">How AI Understands Visual Language</h2>
<p class="body-text">AI does not simulate a real camera. Instead, it links words to visual patterns it has seen in training data. So when you write things like "cinematic lighting," "35mm look," or "shallow depth of field," the model is not doing physics. It is recalling visual examples that match those phrases. That is why approximate terms work, visual language beats technical precision, and consistency matters more than being "correct."</p>
</section>
<section class="ebook-section" id="writing-prompts--director-mindset-beats-camera-mindset">
<h2 class="section-title">Director Mindset Beats Camera Mindset</h2>
<p class="body-text">A camera operator thinks in numbers. A director thinks in feeling and visuals. AI responds better to director thinking. Instead of asking "what aperture should I use," think about the feeling you want. Should the background feel soft or sharp? Should this feel intimate or epic? Should this feel like a casual phone clip or a movie scene? This mental shift instantly improves your prompts because you start describing what you want to see instead of trying to configure a virtual camera.</p>
</section>
<section class="ebook-section" id="writing-prompts--describing-the-scene-visual-vocabulary">
<h2 class="section-title">Describing the Scene (Visual Vocabulary)</h2>
<p class="body-text">You can use all of these terms without any real camera knowledge. Think of them as building blocks you mix and match depending on the shot you want.</p>
<h3 class="subsection-title">Shot and Framing</h3>
<div class="table-wrapper"><table class="table-component">
<thead><tr>
<th>Term</th>
<th>What It Looks Like</th>
<th>Best For in UGC</th>
</tr></thead>
<tbody>
<tr>
<td>Extreme close up</td>
<td>Eyes, lips, skin texture</td>
<td>Skincare, makeup, emotional moments</td>
</tr>
<tr>
<td>Close up</td>
<td>Face focused</td>
<td>Talking head videos, selfie style</td>
</tr>
<tr>
<td>Medium shot</td>
<td>Upper body</td>
<td>Product holding, casual conversation</td>
</tr>
<tr>
<td>Medium wide</td>
<td>Body plus environment</td>
<td>Lifestyle, outfit reveals</td>
</tr>
<tr>
<td>Wide shot</td>
<td>Full scene</td>
<td>Room tours, full body fashion</td>
</tr>
<tr>
<td>Centered framing</td>
<td>Subject in the middle, clean</td>
<td>Direct to camera UGC</td>
</tr>
<tr>
<td>Off center framing</td>
<td>Subject slightly to one side</td>
<td>Natural, candid feel</td>
</tr>
</tbody></table></div>
<h3 class="subsection-title">Lighting</h3>