Search Results

2021-2022 | Multimedia Storytelling | Tripartite Partnership (Industry + Hong Kong Baptist University + Secondary School) In Multimedia Storytelling, student-centered learning, and teaching activities are designed to enable students to understand fundamental theories and concepts of storytelling, develop their generic skills, and address their career aspirations in the field of creative media and communication. It aims to provide students with a taste of the working environment across creative media and industry sectors and to instill their passion for a further career in creative media or related fields.

Media trends in business promotion Antony Au | Swish Club Hong Kong | https://www.swishclub.com.hk | http://www.instagram.com/swishclubhk Course | BCM303 Collaborative Production Workshop Program | Bachelor of Communication and Media Twenty years ago, the term "Muay Thai" (Thai Boxing) in Hong Kong meant professional martial art and combat sports instead of a healthy fitness sport. Antony Au pioneered this transformation 18 years ago with Swish Club, a Thai boxing training and fitness center, since 2003. With 18 years of excellence, Swish Club believes the speed and strength of Muay Thai can spark off positive changes in our students. ‘Swish’, an animated word for sound, speed, and action, is fundamental to Swish Club’s philosophy. Swish – goes the sound of the wind, invisible and intangible. Video Shooting | iPhone 11 Pro Max Equipment | Gimbal Editing | Adobe Premiere Rush

The CLAP-TECH Pathway (“CLAP-TECH”) is funded by the Hong Kong Jockey Club Charities Trust as part of the Jockey Club Multiple Pathways Initiative. A tripartite partnership between secondary schools, industry partners and the Hong Kong Baptist University, the project equips students with valuable skills, competencies and work ethics via non-traditional education pathways, enabling them to take on “new collar” roles that are increasingly popular across industries. #education #university #students #schools #project https://www.claptech.hk/en/

Project | A field trip to Adobe Workshop Student | Elvis Chan Course | LAC13741 Digital Media Communication Assignment | Student completes assigned in-class activities features and exercises demonstrating familiarity with computer software and design skills. Course intended learning outcome includes producing products with good typography, page layout, and design; using professional digital content production software for multi-platform output; explaining key design theories and concepts and their applications to digital media communications, encompassing public relations, advertising, marketing, branding, and promotion. School | University of Wollongong College Hong Kong Program | Associate of Art in Public Relations and Communication License summary | The author (student) of the work owns the copyright. Please copy this link at the footer of your website, blog, or newsletter, or in the credits section (http://www.eugenieshek.com) , or contact the student for attribution.

Project | 1-minute video as an introduction to the collaborated business Students in Group Clement Chung | https://clementpmc.wordpress.com/ Ali Dad | https://theaqibali.wordpress.com/ Joanne Kwok | https://jonjoanne.wordpress.com/ Katrina Wong | https://katrinamedia915.wordpress.com/ Course | BCM303 Collaborative Production Workshop Assignment | This assignment involves simulated creative industry projects. With 3-4 students, the team will work as simulated creative agencies throughout the semester. Students will provide a creative brief for the agency to respond to. A 1-minute video will be produced as an introduction to the collaborated business. School | University of Wollongong College Hong Kong Program | Bachelor of Communication and Media License summary | The author (student) of the work owns the copyright. Please copy this link at the footer of your website, blog, or newsletter, or in the credits section (http://www.eugenieshek.com) , or contact the student for attribution.

Project Detail | Social problem: Hong Kong is a very busy city, it feels very chaotic, and life is high-paced here. While this might be great for the businesses, it is very stressful on the people and takes people away from having the time to appreciate other things in life, such as the outdoors, quiet times alone, and often the beautiful scenery. Student | Jay GU | Course | DAV4121 Semiotic Assignment | Following the semiology analysis learned in class, through the visual language, create a video about who are you/what you care. School | Thei (Technological and Higher Education Institute of Hong Kong) Program | Bachelor of Arts (Honours) in Advertising License summary | The author (student) of the work owns the copyright. Please copy this link at the footer of your website, blog, or newsletter, or in the credits section (http://www.eugenieshek.com) , or contact the student for attribution.

Tertiary Education | Storytelling Method | CLAP-TECH Pathway CLAP-TECH Pathway is an education model that incorporates career and life development in its curriculum throughout the five-year journey with emphasis on nurturing both ICT knowledge and attributes ubiquitously essential to all workplaces.

Tertiary Education | Web Design & Interactivity The most important element under Web Design is interactivities. It is a communication between users and the website owners with engagement for a more enjoyable user experience.

2015-2021 | Associate Degree  | Community College of City University / University of Wollongong College Hong Kong After years of practical experience in the design, multimedia production, and marketing industries, Eugenie started a digital document design course in tertiary education at the Community College of City University (CCCU). This course aims to develop students’ ability to design and create multiplatform digital content as part of a public relations campaign. They will learn classic and contemporary theories and applications of design and apply them to the analysis, conceptualization, planning, and execution of the campaign that will feature print and online-based collaterals. Students will gain practical hands-on skills with industry-standard digital production software such as Adobe Photoshop, Adobe Indesign and Adobe Illustrator, ensuring they are competitive and industry-ready within various academic and professional contexts. Eugenie later modified this course to include learning open-source design software such as GIMP, Krita, Inkscape, Vectr, and Blender instead of Adobe Photoshop, InDesign, and Illustrator. The course follows the market standard by providing training in the most updated digital landscape. Some examples of open source Multimedia Tools : GIMP (GNU Image Manipulation Program) : gimp.org An alternative to Adobe Photoshop for tasks like photo retouching, image composition, and image authoring. Inkscape : inkscape.org A vector graphics editor similar to Adobe Illustrator that is used for creating logos, icons, and illustrations. Krita : krita.org • A powerful tool for digital painting, suitable for concept art, illustrations, and comics. Darktable : darktable.org • An open-source photography workflow application and raw developer, comparable to Adobe Lightroom. Pencil2D : pencil2d.org • An easy-to-use tool for 2D hand-drawn animation. Blender : blender.org • A comprehensive suite for 3D modeling, animation, rendering, and video editing. FreeCAD : freecadweb.org • A parametric 3D CAD modeler focused on mechanical engineering and product design. Sweet Home 3D : sweethome3d.com • A design tool for creating interior layouts and 3D home design. Penpot : penpot.app • A collaborative web-based platform for UI/UX design, similar to Figma. Figma (Free Tier) : figma.com • Although not open-source, Figma offers a free tier and is popular for collaborative web design and UI/UX prototyping. Webflow (Free Tier) : webflow.com • Web design tool and CMS, allowing designers to create responsive websites visually. Scribus : scribus.net • A free desktop publishing software for creating brochures, posters, and magazines, comparable to Adobe InDesign. FontForge : fontforge.org • An open-source font editor for creating and editing fonts, supporting formats like TrueType, OpenType, and PostScript. LibreCAD : librecad.org • A 2D CAD application, ideal for creating technical drawings and schematics. Kdenlive : kdenlive.org • A powerful video editor with multi-track video editing capabilities, often compared to Adobe Premiere. Shotcut : shotcut.org • A free, open-source video editor with a variety of features including support for many video formats.

(Post created in 2019 and updated in 2024) (Post originally created in 2019 and updated in 2024) Adobe XD is a leading design tool for creating user experiences (UX) and user interfaces (UI) for websites, apps, and digital platforms. Developed by Adobe, it offers an intuitive interface and advanced features that make designing and prototyping seamless and efficient. With Adobe XD, designers can craft vector-based layouts, interactive prototypes, and responsive designs to meet the needs of modern digital users. Its standout features include artboards for multiple layouts, real-time collaboration, and integration with other Adobe Creative Cloud apps like Photoshop and Illustrator. These integrations allow for a smooth workflow across various design tasks. The platform also simplifies user testing by enabling designers to preview and share interactive prototypes, helping teams gather feedback and refine their designs before development. Whether you’re a solo designer or part of a collaborative team, Adobe XD empowers you to bring creative ideas to life with precision and efficiency. Widely used by professionals across industries, Adobe XD has become a cornerstone tool for crafting engaging digital experiences that resonate with users. Timeline of Adobe XD: Key Milestones in Its Evolution 2015: Announcement and Development Adobe announced the development of Adobe XD under the codename Project Comet, aiming to create an all-in-one UX/UI design tool. 2016: Initial Release Adobe XD was officially released as a beta version for macOS. Early features included artboards, vector design tools, and interactive prototyping. 2017: Public Launch Adobe XD exited beta and became available for both macOS and Windows. Introduced key features like repeat grid, which simplified creating multiple elements with consistent spacing and layout. 2018: Cross-Platform Collaboration Added support for real-time collaboration to enable design teams to work on projects simultaneously. Integrated voice prototyping to support designing for voice-controlled devices. 2019: Plugins and Ecosystem Growth Launched a plugin ecosystem, allowing developers to extend XD’s functionality with custom tools and integrations. Introduced auto-animate, enabling designers to create advanced transitions and animations. 2020: Creative Cloud Integration Enhanced compatibility with Adobe Creative Cloud, allowing seamless collaboration with apps like Photoshop, Illustrator, and After Effects. Rolled out co-editing for live team collaboration. 2021: Accessibility and Features Improved features for accessibility testing and design systems to ensure inclusive design practices. Expanded integration with third-party tools for project management and development handoff. 2023: Continued Enhancements Focused on improving performance, prototyping, and collaboration tools to meet the needs of larger creative teams and complex projects. Adobe XD has evolved into a comprehensive platform for UX/UI design, adapting to the ever-changing demands of designers and developers. It remains a key player in the digital design landscape. Reading Activity Download the free version of Adobe XD ( https://helpx.adobe.com/xd/get-started.html ) Follow the instructions under this tutorial to create your first layout:

Tertiary Education | Media Studies, Types & Images, Corporate Identity & Branding By witnessing the paradigm shift of the Media Industry, teaching topics related to the discovery of the Digital Media Industry started. It is crucial for students to gain knowledge from tradition to new media, meeting face to face to online, distribution to access, one-way to interactivity, linear to hypertext, periodicity to real-time, monomedia to multimedia, media to content, audience to user, data to knowledge, etc.

(Post created in 2019 and updated in 2024) What is Adobe Dreamweaver and Its Function? Adobe Dreamweaver is a professional-grade web development tool that simplifies the process of designing, coding, and publishing websites and web applications. First released in 1997 by Macromedia and later acquired by Adobe in 2005, Dreamweaver has become a go-to software for beginners and advanced web developers due to its versatile features. Why Use Adobe Dreamweaver? Dreamweaver’s blend of intuitive design tools and powerful coding features makes it ideal for creating modern, professional websites. Its responsive design capabilities, cloud integration, and real-time editing ensure an efficient and user-friendly web development experience. Perfect for developers, designers, and agencies aiming for high-quality results. Key Functions of Adobe Dreamweaver: Visual and Code-Based Design: Dreamweaver allows users to toggle between a visual design mode (WYSIWYG editor) and a code editor, catering to non-coders and experienced developers. The software provides real-time previews, enabling users to see their changes instantly. Responsive Web Design: It includes tools for creating responsive layouts that adapt seamlessly across different devices, ensuring mobile and desktop compatibility. Code Assistance and Syntax Highlighting: Dreamweaver supports multiple programming languages, including HTML, CSS, JavaScript, and PHP. Features like auto-completion, syntax highlighting, and error-checking streamline the coding process. Integration with Adobe Creative Cloud: Seamlessly integrates with other Adobe tools like Photoshop and Illustrator, making importing assets directly into your web projects easy. FTP and Publishing: Built-in FTP and server management tools allow for easy deployment and updates to live websites. Dreamweaver: From Macromedia to Adobe Adobe Dreamweaver started under Macromedia in 1997, quickly establishing itself as a pioneering web design and development tool. It gained popularity for its WYSIWYG editor (What You See Is What You Get), which enables users to design visually while generating clean, editable HTML code. This innovation simplified web design, making it accessible for both beginners and professionals. In 2005 , Adobe acquired Macromedia, bringing Dreamweaver into its growing suite of creative tools. With the acquisition, Adobe Dreamweaver underwent significant enhancements, aligning with Adobe’s ecosystem. Features such as integration with Photoshop, Illustrator, and Flash (another Macromedia product acquired by Adobe) made Dreamweaver an even more powerful platform for web development. Key developments during the transition include: Creative Suite Integration : Adobe incorporated Dreamweaver into its Creative Suite (CS), starting with CS3 in 2007, ensuring seamless compatibility with other Adobe tools. Focus on Standards : Adobe emphasized web standards, adding support for HTML5, CSS3, and modern JavaScript frameworks. Responsive Design Features : Post-acquisition, Adobe introduced responsive design tools, reflecting the growing importance of mobile-friendly websites. Creative Cloud Transition : In 2013, Dreamweaver became part of Adobe Creative Cloud, allowing regular updates, cloud storage, and improved collaboration. Today, Adobe Dreamweaver is a cornerstone in professional web development, blending Macromedia’s foundational innovations with Adobe’s advanced ecosystem and forward-thinking web technologies. Adobe Dreamweaver is a robust software application primarily used for web design and development. Here’s a concise history of its evolution: Origin by Macromedia (1997) : Dreamweaver was created by Macromedia  and released in 1997 . It quickly became popular among web designers for its ability to visually create and edit websites while offering access to the underlying code. Its WYSIWYG (What You See Is What You Get) editor allowed users to see real-time changes as they coded. Growth and Feature Expansion (1998-2005) : Over successive versions, Macromedia introduced features like template design, JavaScript behaviors, and integration with other Macromedia tools such as Flash and Fireworks, making it a central tool for web professionals. Acquisition by Adobe (2005) : In 2005 , Adobe Systems acquired Macromedia and incorporated Dreamweaver into its suite of creative tools. Adobe enhanced its capabilities by integrating features like CSS layout tools, XML handling, and advanced JavaScript frameworks. Modernization (2008-Present) : Adobe updated Dreamweaver to support modern web standards, including HTML5 , CSS3 , and responsive design. It integrated with platforms like Bootstrap for grid-based layouts and emphasized features for cloud-based workflows. CC Era (2013) : Dreamweaver became part of Adobe’s Creative Cloud  subscription service in 2013 . The service offers regular updates, cloud storage, and synchronization features. Adobe also streamlined the interface to accommodate both developers and designers. Dreamweaver remains a powerful tool for web design and development, blending visual and code-based editing to support modern web standards. Its adaptability has enabled it to survive in a rapidly evolving digital landscape.