Junjie'sblog

  The DreamWeaver is a good thing to make a website. This is the process of creating my app interface. First, I noticed each code line had a number appended to it, so I modified them to observe the effects. After tweaking, I noticed the button shape changed from a rectangle to an ellipse. Next, I adjusted the numbers following the color codes, which altered the interface's color scheme. I then updated both the button and text colors. I added an image to the code, changing the background from gray to a sky GIF. I also incorporated a clock image on the right side of the interface. Finally, I copied and integrated the text into the layout.

https://www.figma.com/proto/DYPkxZnd8WRnj4z8FhQr9g/Digital-Arts-App?node-id=1-2&p=f&t=j4oocCzIBL8TZnyP-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1   Figma can used to design a website. This is my mobile app interface created with Figma. I started by importing star and house icons from the asset library, then animated them with color transitions. The play button helped me test the animations – the icons dynamically change color when hovered over. Next, I designed a page frame with a header. Using the copy tool, I duplicated three identical interfaces, including the star and house icons. Each icon was animated to switch pages on double-tap. For pages 2-4, I implemented scroll animations to seamlessly load text and images, while keeping other components fixed during swiping. This workflow created a polished basic website interface.

  It is another picture I made by the Photoshaop. This is my colored sketch created with Photoshop. I first enhanced the brightness of the sketch using the Edit tool, then increased the graininess to make the edges more defined. Next, I adjusted the white balance to further brighten the overall color, resulting in a clearer and brighter image. Next, I used the eraser tool and white marker to remove messy lines from the sketch and the scattered black spots caused by shadows during shooting. For the extremely fine details, I carefully filled in the gaps with black marker strokes. Throughout this process, I also lightly overlapped the original lines with marker to ensure consistent line thickness. After considerable effort, the sketch finally achieved a tidy appearance. I created a new layer to preserve its original form while coloring. Using the Paint Bucket Tool, I applied colors to the sketch, then employed the Divide Tool to reveal the underlying layer. Through repeated iterations...

This inspired my project illustrations.  The first two depict two mages in the project, while the third showcases my poster composition concept. My project immerses viewers in a medieval magic world. I designed mages who harness elemental powers through studying magical creatures. These abilities are tied to their research on mystical beasts. The first illustration features a witch who gained plant-based powers and flame control through studying magic deer. As one of the few mages capable of mastering multiple elements, she embodies mystery and solitude. Her cloak conceals a bandaged mouth, and she wields a peculiar torch with a rose-patterned pendant on her chest – the only magical medium required in this world. The second illustration depicts my creative take on a mage. I designed him as a humorous figure with a muscular build, yet his research subject is a salmon. This unique combination allows him to harness the power of water. His magic is powered by a distinctive tome, while ...