![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 95.106 0 L 110 54.159 L 153.884 19.098 L 134.1 71.669 L 190.211 69.098 L 143.306 100 L 190.211 130.902 L 134.1 128.331 L 153.884 180.902 L 110 145.841 L 95.106 200 L 80.211 145.841 L 36.327 180.902 L 56.111 128.331 L 0 130.902 L 46.906 100 L 0 69.098 L 56.111 71.669 L 36.327 19.098 L 80.211 54.159 Z" fill="rgb(255, 255, 255)" height="200px" id="ypE_pp5HL" transform="translate(5 0)" width="190.211px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 0 200 L 0 0 L 200 0 L 200 200 Z M 100.254 200 C 97.1 200 94.434 197.716 93.67 194.656 C 91.235 184.903 86.574 174.531 79.688 163.542 C 71.528 150.347 59.896 138.108 44.792 126.823 C 31.655 116.894 18.518 110.123 5.381 106.511 C 2.27 105.656 0 102.897 0 99.67 C 0 96.507 2.183 93.779 5.225 92.911 C 18.105 89.234 30.512 83.263 42.448 75 C 56.163 65.451 67.621 53.993 76.823 40.625 C 84.963 28.716 90.551 16.939 93.586 5.292 C 94.382 2.241 97.068 0 100.221 0 C 103.409 0 106.114 2.291 106.89 5.383 C 108.642 12.365 111.38 19.512 115.104 26.823 C 119.792 35.851 125.781 44.531 133.073 52.865 C 140.538 61.024 148.872 68.403 158.073 75 C 170.097 83.523 182.32 89.511 194.744 92.964 C 197.792 93.811 200 96.524 200 99.687 C 200 102.898 197.725 105.634 194.629 106.483 C 186.754 108.642 178.648 112.124 170.313 116.927 C 160.243 122.83 150.868 129.861 142.187 138.021 C 133.507 146.007 126.389 154.427 120.833 163.281 C 113.933 174.293 109.267 184.745 106.837 194.639 C 106.083 197.708 103.413 200 100.254 200 Z" fill="transparent" height="200px" id="XPbfISaPx" width="200px"><path d="M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="wJ2lwEis5" width="200px"/><path d="M 100.254 200 C 97.1 200 94.434 197.716 93.67 194.656 C 91.235 184.903 86.574 174.531 79.688 163.542 C 71.528 150.347 59.896 138.108 44.792 126.823 C 31.655 116.894 18.518 110.123 5.381 106.511 C 2.27 105.656 0 102.897 0 99.67 C 0 96.507 2.183 93.779 5.225 92.911 C 18.105 89.234 30.512 83.263 42.448 75 C 56.163 65.451 67.621 53.993 76.823 40.625 C 84.963 28.716 90.551 16.939 93.586 5.292 C 94.382 2.241 97.068 0 100.221 0 C 103.409 0 106.114 2.291 106.89 5.383 C 108.642 12.365 111.38 19.512 115.104 26.823 C 119.792 35.851 125.781 44.531 133.073 52.865 C 140.538 61.024 148.872 68.403 158.073 75 C 170.097 83.523 182.32 89.511 194.744 92.964 C 197.792 93.811 200 96.524 200 99.687 C 200 102.898 197.725 105.634 194.629 106.483 C 186.754 108.642 178.648 112.124 170.313 116.927 C 160.243 122.83 150.868 129.861 142.187 138.021 C 133.507 146.007 126.389 154.427 120.833 163.281 C 113.933 174.293 109.267 184.745 106.837 194.639 C 106.083 197.708 103.413 200 100.254 200 Z" fill="rgb(255, 255, 255)" height="200px" id="Unv29ZkVv" width="200px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 179.977 80.047 C 170.962 89.691 156.187 97.03 141.171 100 C 156.187 102.97 170.962 110.309 179.976 119.953 L 190.21 130.902 L 175.495 133.744 C 162.533 136.247 146.266 133.5 132.372 127.076 C 142.774 138.306 150.414 152.927 152.039 166.028 L 153.883 180.901 L 140.308 174.552 C 128.35 168.959 116.805 157.174 109.34 143.81 C 111.155 159.009 108.742 175.329 102.355 186.883 L 95.105 200 L 87.855 186.883 C 81.468 175.329 79.055 159.009 80.871 143.81 C 73.406 157.174 61.861 168.958 49.902 174.552 L 36.327 180.901 L 38.171 166.028 C 39.796 152.927 47.436 138.306 57.839 127.076 C 43.944 133.5 27.677 136.248 14.715 133.744 L 0 130.902 L 10.234 119.953 C 19.249 110.308 34.025 102.97 49.041 100 C 34.024 97.03 19.249 89.691 10.234 80.047 L 0 69.098 L 14.715 66.256 C 27.677 63.753 43.945 66.5 57.839 72.924 C 47.436 61.694 39.796 47.073 38.171 33.972 L 36.327 19.098 L 49.903 25.448 C 61.861 31.041 73.406 42.826 80.871 56.19 C 79.055 40.991 81.469 24.671 87.855 13.117 L 95.106 0 L 102.356 13.117 C 108.743 24.671 111.156 40.991 109.34 56.19 C 116.806 42.826 128.351 31.042 140.309 25.448 L 153.885 19.098 L 152.04 33.972 C 150.416 47.073 142.776 61.694 132.373 72.924 C 146.267 66.5 162.534 63.752 175.496 66.256 L 190.212 69.098 Z M 76.254 118.696 C 86.532 128.974 103.197 128.974 113.475 118.696 C 123.753 108.418 123.753 91.753 113.475 81.475 C 103.197 71.197 86.532 71.197 76.254 81.475 C 65.976 91.753 65.976 108.418 76.254 118.696 Z" fill="rgb(255, 255, 255)" height="200px" id="ndwx8H4jq" transform="translate(5 0)" width="190.212px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 0 200 L 0 0 L 200 0 L 200 200 Z M 120 0 L 80 0 L 80 51.716 L 43.431 15.147 L 15.147 43.431 L 51.716 80 L 0 80 L 0 120 L 51.716 120 L 15.147 156.568 L 43.431 184.853 L 80 148.284 L 80 200 L 120 200 L 120 148.284 L 156.569 184.853 L 184.853 156.569 L 148.284 120 L 200 120 L 200 80 L 148.284 80 L 184.853 43.431 L 156.569 15.147 L 120 51.716 Z" fill="transparent" height="200px" id="vlxjOjec5" width="200px"><path d="M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="Sr_MXlthh" width="200px"/><path d="M 120 0 L 80 0 L 80 51.716 L 43.431 15.147 L 15.147 43.431 L 51.716 80 L 0 80 L 0 120 L 51.716 120 L 15.147 156.568 L 43.431 184.853 L 80 148.284 L 80 200 L 120 200 L 120 148.284 L 156.569 184.853 L 184.853 156.569 L 148.284 120 L 200 120 L 200 80 L 148.284 80 L 184.853 43.431 L 156.569 15.147 L 120 51.716 Z" fill="rgb(255, 255, 255)" height="200px" id="bQhIFNoT_" width="200px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 179 102.024 L 179 66.279 L 0 66.279 L 0 102.024 L 179 102.024 L 0 102.024 L 179 102.024 L 0 102.024 Z M 0 132.255 L 21.927 168 L 159.757 168 L 179 132.255 L 0 132.255 L 179 132.255 L 0 132.255 L 179 132.255 Z M 179 35.745 L 157.073 0 L 19.243 0 L 0 35.745 L 179 35.745 L 0 35.745 L 179 35.745 L 0 35.745 Z" fill="transparent" height="167.99999237060547px" id="IH2al2oGo" transform="translate(10.5 15.83)" width="179px"><path d="M 179 35.745 L 179 0 L 0 0 L 0 35.745 L 179 35.745 L 0 35.745 L 179 35.745 L 0 35.745 Z" fill="rgb(255, 255, 255)" height="35.74468085106378px" id="zsMZcfUl0" transform="translate(0 66.279)" width="179px"/><path d="M 179 35.745 L 157.073 0 L 19.243 0 L 0 35.745 L 179 35.745 L 0 35.745 L 179 35.745 L 0 35.745 Z" fill="rgb(255, 255, 255)" height="35.74468085106378px" id="zMNJQWEds" transform="translate(0 132.255) rotate(-180 89.5 17.872)" width="179px"/><path d="M 179 35.745 L 157.073 0 L 19.243 0 L 0 35.745 L 179 35.745 L 0 35.745 L 179 35.745 L 0 35.745 Z" fill="rgb(255, 255, 255)" height="35.74468085106378px" id="ReT8CGBql" transform="rotate(-360 89.5 17.872)" width="179px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 0 200 L 0 0 L 200 0 L 200 200 Z M 100 50 L 100 0 L 200 50 L 200 150 L 100 200 L 100 150 L 0 200 L 0 150 L 100 100 L 0 50 L 0 0 Z M 100 50 L 100 150 L 200 100 Z" fill="transparent" height="200px" id="jDqKKk6xr" width="200px"><path d="M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="IAnUz2UDJ" width="200px"/><path d="M 100 50 L 100 0 L 200 50 L 200 150 L 100 200 L 100 150 L 0 200 L 0 150 L 100 100 L 0 50 L 0 0 Z M 100 50 L 100 150 L 200 100 Z" fill="rgb(255, 255, 255)" height="200px" id="vSCCUXEbD" width="200px"/></g></svg>)
TITLE SEQUENCE
TITLE SEQUENCE
TITLE SEQUENCE
Motion
Motion
Motion
Western Front
Western Front
Western Front
Team
Solo Project
Team
Solo Project
Team
Solo Project
Client
Studential Project
Client
Studential Project
Client
Studential Project
Year
2025
Year
2025
Year
2025
Description
Description
As part of a motion design course, I was tasked with creating a title sequence for a book. The goal was to capture the essence of the book and translate its core ideas into engaging and meaningful visuals.
Based on the best selling book 'All Quiet On The Western Front', I created a dark, dramatic, action filled chaotic battlefield. Going over different areas of the battlefield and mainly focusing on the harsh reality that soldiers had to endure.
As part of a motion design course, I was tasked with creating a title sequence for a book. The goal was to capture the essence of the book and translate its core ideas into engaging and meaningful visuals.
Based on the best selling book 'All Quiet On The Western Front', I created a dark, dramatic, action filled chaotic battlefield. Going over different areas of the battlefield and mainly focusing on the harsh reality that soldiers had to endure.
INSPIRATION
Examining WW1 Archival footage, researching clothing, equipment, vehicles, weapons,
trench warfare conditions, even down to the bullet calibers used.
STYLE REFERENCE
In order to heavily emphasize the brutal nature of the war and the man-made horrors that were inflicted,
I opted to go with a flat vector art style, color palette consisting of reds, off-white tones, black.
INSPIRATION
Examining WW1 Archival footage, researching clothing, equipment, vehicles, weapons,
trench warfare conditions, even down to the bullet calibers used.
STYLE REFERENCE
In order to heavily emphasize the brutal nature of the war and the man-made horrors that were inflicted, I opted to go with a flat vector art style, color palette consisting of reds, off-white tones, black.
TYPOGRAPHY
INSPIRATION
For typography, I went over war posters and recruitment ads from the early 20th century,
and decided to search for a font that will accurately fit the historical time period.
FTY SKORZHEN was chosen as I felt it visually depicted the time period and was an accurate fit.
Examining WW1 Archival footage, researching clothing, equipment, vehicles, weapons, trench warfare conditions, even down to the bullet calibers used.
TYPOGRAPHY
For typography, I went over war posters and recruitment ads from the early 20th century, and decided to search for a font that will accurately fit the historical time period.
FTY SKORZHEN was chosen as I felt it visually depicted the time period and was an accurate fit.
STYLE REFERENCE
In order to heavily emphasize the brutal nature of the war and the man-made horrors that were inflicted.
I opted to go with a flat vector art style, color palette consisting of reds, off-white tones, black
TYPOGRAPHY
For typography, I went over war posters and recruitment ads from the early 20th century, and decided to search for a font that will accurately fit the historical time period.
FTY SKORZHEN was chosen as I felt it visually depicted the time period and was an accurate fit.
CONCEPT
CONCEPT
CONCEPT
Brutal athmosphere, highlighting the chaotic nature of the war,
it's barbarism and cruel trench warfare from a soldier's standpoint.
Brutal athmosphere, highlighting the chaotic nature of the war, it's barbarism and cruel trench warfare from a soldier's standpoint.
Brutal athmosphere, highlighting the chaotic nature of the war,
it's barbarism and cruel trench warfare from a soldier's standpoint.
FINAL STORYBOARD
Then, I used ChatGPT and Firefly to generate the storyboard, Photoshop for corrections.
ROUGH SKETCH
ROUGH SKETCH
I started with creating rough sketches and articulating rough ideas for the frames and flow of the story.
FINAL
STYLEFRAMES
Artworks created in Illustrator,
Motion and Animation work done in After Effects.
FINAL STORYBOARD
Then, I used ChatGPT and Firefly to generate the storyboard, Photoshop for corrections.
FINAL STYLE FRAMES
FINAL STYLE FRAMES
Artworks created in Illustrator,
Motion and Animation work done in After Effects.
Artworks created in Illustrator,
Motion and Animation work done in After Effects.
FINAL VIDEO
FINAL VIDEO
FINAL VIDEO
Check out my other projects!
Check out my other projects!
This is a Studential Project. It was created and made during my studies at Holon Institute of Technology (HIT), Faculty of Design, Visual Communications department.
This is a Studential Project. It was created and made during my studies at Holon Institute of Technology (HIT), Faculty of Design, Visual Communications department.
Check out my other projects!
Check out my other projects!
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M 86.363 70.35 C 81.674 75.929 81.674 84.071 86.363 89.65 L 124.767 135.349 C 132.968 145.108 126.031 160 113.284 160 L 15.029 160 C 2.282 160 -4.655 145.108 3.545 135.349 L 41.95 89.65 C 46.639 84.071 46.639 75.929 41.95 70.35 L 3.545 24.65 C -4.655 14.892 2.282 0 15.029 0 L 113.284 0 C 126.03 0 132.968 14.892 124.767 24.65 Z" fill="rgb(0, 0, 0)" height="160px" id="j9mISBR7d" transform="translate(36 20)" width="128.31261390894255px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 0 160 L 0 0 L 160 0 L 160 160 Z M 160 0.571 C 160 42.56 127.652 76.993 86.518 80.31 C 127.38 83.898 159.429 118.206 159.429 160 C 117.44 160 83.006 127.652 79.69 86.518 C 76.102 127.38 41.794 159.429 0 159.429 C 0 117.44 32.348 83.006 73.483 79.69 C 32.62 76.102 0.571 41.794 0.571 0 C 42.56 0 76.993 32.348 80.31 73.483 C 83.898 32.62 118.206 0.571 160 0.571 Z M 79.998 80.002 C 79.999 80.002 80.001 80.002 80.002 80.002 L 80.002 79.998 C 80.001 79.998 79.999 79.998 79.998 79.998 C 79.998 79.999 79.998 80.001 79.998 80.002 Z" fill="transparent" height="160px" id="yhnbhgGTo" transform="translate(20 20)" width="160px"><path d="M 0 160 L 0 0 L 160 0 L 160 160 Z" fill="transparent" height="160px" id="CLzigVSaX" transform="translate(0 0)" width="159.99999399185526px"/><path d="M 160 0.571 C 160 42.56 127.652 76.993 86.518 80.31 C 127.38 83.898 159.429 118.206 159.429 160 C 117.44 160 83.006 127.652 79.69 86.518 C 76.102 127.38 41.794 159.429 0 159.429 C 0 117.44 32.348 83.006 73.483 79.69 C 32.62 76.102 0.571 41.794 0.571 0 C 42.56 0 76.993 32.348 80.31 73.483 C 83.898 32.62 118.206 0.571 160 0.571 Z M 79.998 80.002 C 79.999 80.002 80.001 80.002 80.002 80.002 L 80.002 79.998 C 80.001 79.998 79.999 79.998 79.998 79.998 C 79.998 79.999 79.998 80.001 79.998 80.002 Z" fill="rgb(0, 0, 0)" height="160px" id="lLVSeNM1o" transform="translate(0 0)" width="160px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 0 200 L 0 0 L 200 0 L 200 200 Z M 72.849 167.423 C 41.605 167.423 0 158.386 0 127.133 C 0 113.561 8.142 106.775 16.284 99.989 C 24.426 93.203 32.568 86.416 32.568 72.844 C 32.568 41.614 41.605 0 72.86 0 C 86.433 0 93.219 8.144 100.006 16.289 C 106.792 24.433 113.579 32.577 127.151 32.577 C 158.384 32.577 200 41.614 200 72.868 C 200 86.439 191.855 93.225 183.71 100.012 C 175.565 106.798 167.421 113.584 167.421 127.156 C 167.409 158.444 158.384 200 127.14 200 C 113.567 200 106.781 191.856 99.994 183.711 C 93.208 175.567 86.421 167.423 72.849 167.423 Z M 100 137 C 120.435 137 137 120.435 137 100 C 137 79.566 120.435 63 100 63 C 79.566 63 63 79.566 63 100 C 63 120.435 79.566 137 100 137 Z" fill="transparent" height="200px" id="LtZ_okFCY" width="200px"><path d="M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="inQIAse1y" width="200px"/><path d="M 72.849 167.423 C 41.605 167.423 0 158.386 0 127.133 C 0 113.561 8.142 106.775 16.284 99.989 C 24.426 93.203 32.568 86.416 32.568 72.844 C 32.568 41.614 41.605 0 72.86 0 C 86.433 0 93.219 8.144 100.006 16.289 C 106.792 24.433 113.579 32.577 127.151 32.577 C 158.384 32.577 200 41.614 200 72.868 C 200 86.439 191.855 93.225 183.71 100.012 C 175.565 106.798 167.421 113.584 167.421 127.156 C 167.409 158.444 158.384 200 127.14 200 C 113.567 200 106.781 191.856 99.994 183.711 C 93.208 175.567 86.421 167.423 72.849 167.423 Z M 100 137 C 120.435 137 137 120.435 137 100 C 137 79.566 120.435 63 100 63 C 79.566 63 63 79.566 63 100 C 63 120.435 79.566 137 100 137 Z" fill="rgb(0, 0, 0)" height="200px" id="OO_wq4xt9" width="200px"/></g></svg>)