Sorry, please click the link below to jump to FMP. Thank u so much!!

FMP: https://yiiiiii.myblog.arts.ac.uk/category/final-major-project/

https://yiiiiii.myblog.arts.ac.uk/

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

FMP : https://yiiiiii.myblog.arts.ac.uk/ !!!!!!!!!!!!!

Personal Website_web building skills

A. 给文字添加彩色模糊边缘可以为页面增添一些视觉效果和吸引力。以下是一种常见的实现方法:

  1. 使用CSS的text-shadow属性来实现文字边缘模糊效果。例如,你可以在文本的CSS样式中添加以下代码:
.text {
  color: #ffffff; /* 文字颜色 */
  text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5), -2px -2px 4px rgba(0, 255, 0, 0.5); /* 两个彩色模糊边缘效果 */
}

上述代码中的text-shadow属性值由两部分组成,分别对应两个模糊边缘效果。每个效果由四个参数组成:水平偏移量、垂直偏移量、模糊半径和颜色。你可以根据需要调整这些值来达到想要的效果。

  1. 如果你想要更复杂的彩色模糊效果,可以使用CSS的背景渐变(background-image)和混合模式(mix-blend-mode)属性来实现。例如:
.text {
  color: #ffffff; /* 文字颜色 */
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(0, 255, 0, 0.5)); /* 彩色渐变背景 */
  -webkit-background-clip: text; /* 将背景限制在文字内部 */
  -webkit-text-fill-color: transparent; /* 文字透明化 */
  mix-blend-mode: screen; /* 混合模式 */
}

上述代码中的background-image属性创建了一个水平渐变的背景,-webkit-background-clip属性将背景限制在文字内部,-webkit-text-fill-color属性将文字设置为透明。通过设置mix-blend-mode属性实现混合模式,可以调整不同的混合模式来达到不同的效果。

请注意,以上代码中的一些属性可能需要根据具体浏览器的兼容性进行前缀处理。

这些方法可以为文字添加彩色模糊边缘效果,你可以根据需求和设计风格进行调整和优化。

3. HTML (ChatGPT)

.text-effect { color: transparent; text-shadow: 0 0 20px rgba(255, 0, 0, 0.3); /* 红色模糊描边,透明度 0.3,模糊半径 20px */ } 在这个示例中,通过修改rgba(255, 0, 0, 0.3)中的最后一个值来调整透明度,值范围从0到1,0表示完全透明,1表示完全不透明。同时,通过修改20px来调整模糊半径,这会影响模糊的程度。你可以根据需要调整这些值,以达到你想要的效果。

Space + Place

Lab Description

We will look at diverse techniques for producing graphical audiovisual projects in spaces and on objects through their application in graphics, performance and creative practice through using audio equipment and software AE and Resolume.

Final Outcome_Prostate Cancer_by Yi Song and Diana Yue Song

· English, with subtitle
· an h264 file at 40mbps,
· HD (1920×1080) at 25fps
· with the sound base on audio offered

REFLECTION

Regarding the shortcomings of this project, I have summarized the following points:

1. Commercial Animation 

Because I initially expected this project to be a subject with a higher degree of freedom, and I hope to try 3D modelling. So I had some resistance to making commercial short films at first. Subconsciously I thought they were boring, and I worried that I would learn little new techniques from them. However, this is a wrong notion. Facts have proved that commercial short films are also very difficult, such as how to cleverly design each picture and accurately explain the meaning corresponding to the picture. So I am delighted to try to get in touch with commercial animation at this stage, and to accumulate the next period of experience for the future.

2. Ambiguity of Ideas and Procrastination

Because I rejected commercial animation at first, I was not sure what kind of animation I wanted to make at the beginning, whether being brave to experiment with abstract animation or a well-behaved commercial animation. My team members have no idea either. So I spent a lot of time replacing and improving on ideas.

And for our first Internm, due to the school schedule, we did not present and receive feedback at the expected time. Our presentation was delayed and wasted our time for a whole week. 

So we basically started to animate after school started in the new year. The time was very tight, so I couldn’t complete the PDF in the end according to my standards, and I only submitted it after ensuring the completion for the time being.

3. Time Planning 

In the beginning, I felt that the time given for this project was too long, from October to the end of January, a total of 4 months. But then I laid out the plan and found that if the essay was completed in two weeks, and the entire Christmas holiday was used for animation production, then the time was just enough. But the actual timing didn’t develop as planned. Since I got an A for my work last semester, but I only got a C- for my essay (it was also my first time writing an essay), so I started reading various essay books last semester. And this time I made up my mind to improve this course’s grades. So I spent quite a lot of time on this assessment. I have been writing since the holidays start, although I basically work every day, because of procrastination, I did not complete all the tasks until the beginning of school. Because I was completely immersed in the writing work during this period, there was a one-month hiatus in my entire animation production process. This month’s interruption has had an impact on subsequent work.

And although I did make progress and got an A in Informed Practice, I feel that my studio practice this time is not as good as the last year. I did not do well in the allocation of study time and energy for the two courses. When I think of the last school year, the same problem exists, but I didn’t realize it at the time. But I still have chances, I can work hard to balance in the next project, and I can verify it through the results. And it is not only a question of time allocation but also a question of efficiency. If I’m more efficient, then maybe the time allocation problem can be alleviated as well.

4. Research

I feel that the research this time is a bit like an imitation on the surface. This time, when I was collecting materials, it was more like looking for things to piece together. For example, we learned from this animator in terms of style and learned from another illustrator in terms of color. Except for the storyboard that I thought of myself, I found references and integrated them into my works based on my feelings. But in these references, why are the characters designed in this way, why did they choose such a color combination, why did they choose such a visual style, how they were created, and what the things behind them I didn’t think about it seriously. It is just superficially learning the good results that others have created, and it doesn’t have the autonomy to think deeply. For the discovery of this problem, I feel that it is one of the biggest gains of this work. I will pay attention to this direction of thinking in every type of study in the future.

反思

关于这次项目的不足之处我目前总结了以下几点:

1商业动画 因为我原本对这个项目的期待是自由度更高的主题,并且希望能够尝试3d建模。所以我一开始对制作商业性短片是有一些抵触心理的。潜意识里我认为它们很无聊,我担心从中学到新的技术有限。然而这是一个错误的观念。事实证明是商业性短片也很有它的难度,比如如何巧妙地设计每一个画面精准解释画面所对应的含义。所以后来我也很高兴能在这个阶段尝试接触商业动画,并且对未来积累下一段经验。

2.前期想法的不明确和更改的拖延。正是因为一开始对商业动画的排斥,导致我一开始并不确定自己要制作怎样的动画,胆尝试实验抽象动画,还是规规矩矩的商业动画。我的队员也没有想法。所以我在想法上更换和改进花了很多时间。

并且我们第一次internm由于学校时间安排导致我们没有在预期时间汇报并得到反馈,而是把我们延后了一周再汇报。这也耽误了我们一周的时间。

所以我们基本上是新年开学后才正式开始动画制作。时间非常紧张,导致我最后pdf也无法按照我的标准完成,只是暂时确保了完成度就提交了。

3时间规划 我在一开始觉得这一个项目给的时间太长,从10月到1月末,一共4个月时间。但后来我列出计划发现如果把论文用两周时间完成,另外整个圣诞假期用来动画制作,那么时间刚好合适。但实际上的时间安排并没有像规划的发展。由于我上学期作品获得了A,论文(也是我第一次写论文)却只获得了C-,所以我从上学期就开始看各种论文书,这次下定决心一定要学会写论文提高这门课程的成绩。所以这一次论文我花了相当多的时间。从放假开始我就开始写论文,虽然我基本上是每天都在工作,不过还是因为拖延的原因,我直到开学才完成了所有任务。因为这个期间我完全沉浸在论文作业中,所以我的整个动画制作过程中存在一个月的断档时间。这一个月的中断时间对后续的工作造成了影响。

并且虽然这次论文我确实取得进步获得了A,但我感觉我这次studio practice却是不如上一次项目。两个课程的学习时间和精力的分配我没有做好。其实联想到上学年,其实也存在着同样的问题,但当时并没有意识到。不过我还有机会,我可以在接下来的学习中努力去均衡,可以侧面通过成绩来验证。并且也不仅是时间分配的问题,还有效率问题。如果我效率提高,那么也许时间分配问题也没有那么严重了。

4自我感觉这一次的research有点像是停留在表面的模仿。这次我在进行素材搜集的时候更有点像是找东西四处拼凑。比如风格上学习这个动画师,颜色上学习另一位插画师,除了故事版是我自己想的以外其他都是找出参考依靠感觉融合进自己的作品。但是这些作为参考的作品中,它为什么人物这样设计,为什么选择这样的颜色组合,为什么选择这样的视觉风格,它们是如何创造出来的,其背后的东西我基本没有认真地去想过。只是在表面的学习别人已经创造好的成果,并没有自主性去深入思考。对于这个问题的发现,我感觉是这次作品中较大的收获之一。我会在之后的每一类学习中都注意这种方向的思考。