Jan
19

Creative Use of Video in Web Design: Background Videos


Fashion Websites: Clothes, Shoes, Jewellery

Bulgari B.Zero13
Bulgari, an Italian jeweller and luxury goods retailer, uses a background video to showcase (or “celebrate”) its new B.Zero1 line. Although the implementation is natural and done well, once again there is a strong potential for making the browser slow that would cause the website to run less than optimally. This may be the reason that Bulgari avoids using background videos on every page and use small versions instead; but then those videos feel underwhelming as a result, given the grandeur of the products being sold. The overall feel is very much like on DVDs, with interactive navigation menus, soft transitions and visually exceptional graphics.

Videobackground12 in Creative Use Of Video in Web Design: Background Videos3

Uniqlock4
Uniqlock is an advertising campaign for Uniqlo, one of Japan’s largest casual wear retailers. By including the video dance routines, time-signal music and clock utilities, the designers craft a unique experience using the background video technique. This is a virtual 24/7 presentation of Uniqlo clothing done with creativity and style. It won one of six Black Pencils in the online advertising category at the D&AD Awards 2008 in London.

Videobackground13 in Creative Use Of Video in Web Design: Background Videos4

Gudrun og Gudrun5
Gudrun og Gudrun is a hand-made clothing brand by two knitwear designers from the Faroe Islands. The designers use background video to showcase their fashion show, and they use it throughout the website, with subtle transitions via various elements. An interesting use case, even if somewhat taxing on some users’ systems. The site is a bit older than others, yet it still is interesting and attractive.

Videobackground15 in Creative Use Of Video in Web Design: Background Videos5

Jay Jays Dance/Off6
Dance/Off is an interactive 3-D online catalogue for the new line by youth fashion brand Jay Jays. This website is truly exceptional in concept, but not so in execution. The 3-D approach is innovative but also makes the website (which is effectively a fashion ad) impractical. Without 3-D capabilities (and that would be most homes thus far), users would find the videos pixelated and visually unappealing. The interactive element is also conceptually intriguing, but with the long loading time and numerous instructions for using the website, most users would probably just move on. Besides, the page takes way too much time to load, even on the broadband connection. A nice touch: you can navigate the website using your keyboard.

Videobackground08 in Creative Use Of Video in Web Design: Background Videos6

Yves Rocher: Tout le Film7
“Ce qui est essentiel rend belle” is a promotional short video that anchors this website. The video challenges the taboo of sexuality at any age, highlighting its biological benefits. The rest of the website is subtle and stylistically simple, making it easy on system resources. The video doesn’t start playing automatically, but requires user to click on the large green “Play” button first. Simple and user-friendly.

Videobackground16 in Creative Use Of Video in Web Design: Background Videos7

Louis Vuitton Journeys8
Louis Vuitton Journeys is an advertising campaign features three soccer legends, Zinedine Zidane, Pele and Diego Maradona. The intro to the video plays a little too fast to catch everything as it loads, but otherwise it is handled well. The video navigation and transitions are smooth, and the videos themselves are somewhat interactive.

Videobackground01 in Creative Use Of Video in Web Design: Background Videos8

John Galliano9
John Galliano is a Gibraltarian-British fashion label; here, the video begins on the main page and takes over your sound and drains your system resources. The navigation is a little too fluid, making it difficult at times to quickly jump around to where you want to go. As you move deeper into the website, the background becomes less system-intensive, and each page opens in the current tab, freeing up the sound and CPU from the home page. The video introduction on the front page is interesting and not too obtrusive, but the music should not start automatically when the page is loaded.

Videobackground03 in Creative Use Of Video in Web Design: Background Videos9

Valentino10
Valentino is an international clothing company based in Italy. It does a much subtler and less intrusive variation on this technique. Although video elements play throughout the website (e.g. on the “Haute Couture” page), the home page does not automatically start a big video until you select one navigation item. And because you are prompted to begin the videos, your sound is not taken over until you decide. More user-friendly, better, cleaner design.

Videobackground04 in Creative Use Of Video in Web Design: Background Videos10

Byblos11 (-> Runway)
Byblos is an Italian fashion house that uses video backgrounds very subtly. The splash page is a single frame, and sound runs continuously through the website unless you turn it off. But once you get past the splash page, the only really resource-sapping videos are limited to certain sections of the website, namely the “Runway” section. This feels like a more natural use of this technique; the whole website is not overly resource-dependent and prone to lagging on slow connections.

Videobackground06 in Creative Use Of Video in Web Design: Background Videos11

Nike: M612
Jordan Melo’s sixth signature shoe by Nike is the subject of the background video featured here; it is a multi-part behind-the-scenes look at the new product design. Once again, there is a potential lag issue because the videos are very big and looped continuously. Rather than automatically transitioning from one video segment to the next, the website could just as easily have paused and prompted the user to move on, giving them a breath to digest what they just saw. Controls for pausing the videos are available, so the user has the option, but automatic pauses would have helped here.

Videobackground10 in Creative Use Of Video in Web Design: Background Videos12

Anti Sweden13
Anti Sweden is a Norwegian fashion brand that subtly employs background video to complement its minimalist approach. Without the heavy graphics and sound that usually accompany this technique, the website is not as resource-intensive as some others, which is a nice change. The website demonstrates how the technique can be a lightweight yet completely engaging concept.

Videobackground14 in Creative Use Of Video in Web Design: Background Videos13

I Surf Because14
The “I Surf Because” site is part of Billabong’s digital marketing campaign. Here, Billabong uses a background video on the home page to push its campaign, but the technique is absent on deeper pages. This makes the website more CPU friendly, even though the embedded YouTube videos inside feel a bit lacking after the effect of the home page. An interesting idea: sometimes videos pause, show a tagline allowing for a comfortable reading and then continue again.

Videobackground11 in Creative Use Of Video in Web Design: Background Videos14

Vibram FiveFingers15 (Be cautious: NSFW!)
FiveFingers is a shoe brand manufactured by Vibram, which has conceived an entire website driven by background videos. The execution is certainly interesting. With unique fluid navigation elements throughout the website, this interactive video features both the product itself and relevant data, making for a truly unique concept that is perfect for this technique. The splash page lets users choose if they want to see a normal site, a fullscreen site and if they are on low bandwidth connection.

Sam Edelman16
Sam Edelman, a fashionable shoe brand, shows that one can achieve certain level of interaction without videos. In this case, subtle animations are used instead of streaming videos. The overall website is understated, as is the tone and theme of the background video, which is nicely done. Also, no sound takes over your system, a refreshing change up till now. A nice alternative to video backgrounds.

Videobackground07 in Creative Use Of Video in Web Design: Background Videos16

Car Websites

Toyota Avalon17
The promotional website for the Toyota Avalon is a fully interactive trip through five destinations and five of the vehicle’s features. The website creatively employs background video to some of its fullest and funnest potential. A promotional website which is essentially an interactive show-off with rich, creative, sophisticated imagery and navigation. Created by North Kingdom18 (Stockholm, Sweden) in collaboration with Saatchi & Saatchi LA (Los Angeles, USA).

Videobackground17 in Creative Use Of Video in Web Design: Background Videos17

Scion19
The official website for the Toyota Scion is another website where video background seems a bit underused. The website does not take over your sound to add to the video background, although numerous video transitions feel like they should have had sound; thus the videos feel lacking or somewhat broken in parts. Other videos open in smaller separate windows, once again feeling like a missed opportunity to employ the technique. By the way: the font size on the page is way too small.

Videobackground18 in Creative Use Of Video in Web Design: Background Videos19

Beverages And Food Websites

LemonAid20
LemonAid is an organic drink made entirely of a few organic, fair-trade ingredients, and the company uses a retro-styled background video to tell everyone what it’s all about. On entering the main website, system resource usage goes up significantly, which for some users will mean a bit of drag on the video and sound. Despite this, the concept is fairly simple, and the implementation works well for the product. One major drawback: the font size is way too small.

Videobackground20 in Creative Use Of Video in Web Design: Background Videos20

Hennessy21
Hennessy is a well-known French cognac brand. The video background gives this website a fitting elegance but with a twist. The video is resource-intensive in some areas and simpler in others. In both cases, the visuals are quite vivid and remarkable. Overall, a good, elegant fit for the brand.

Videobackground21 in Creative Use Of Video in Web Design: Background Videos21

Russian Standard Vodka22
Russia’s leading premium vodka is low key and unobtrusive with most of the information on its website; the main section automatically scrolls through a selection of promo material. The navigation is context-sensitive, being displayed only when users hovers over the menu. You can click on the video to pause it.

Videobackground22 in Creative Use Of Video in Web Design: Background Videos22

El culto a la vida23
“El culto a la vida” is an advertising campaign for Havana Club, a brand of rum made in Santa Cruz del Norte, Cuba. Background videos are employed for several uses throughout the website. With everything from live footage to interactive elements, the videos fully complement the look and tone of the brand.

Videobackground23 in Creative Use Of Video in Web Design: Background Videos23

Tub Gin24
Tub Gin is a premium gin brand that uses video to humorously project its grungy and tough image while providing useful product information. Your CPU will take a bit of a hit as you peruse the various offerings, but given how entertaining the website is, you will barely notice it.

Videobackground24 in Creative Use Of Video in Web Design: Background Videos24

Battle of the Cheetos25
Battle of the Cheetos is a promotional online multi-player game with a low learning curve, but still complex enough to keep users engaged. Notice how well various video-elements are incorporated in the Flash-movie, vividly inviting the users to join in. Developed by North Kingdom18 (Stockholm, Sweden) and Goodby, Silverstein & Partners26.

Videobackground25 in Creative Use Of Video in Web Design: Background Videos25

Asylum62627
Asylum 626 is an advertising campaign for Doritos, which went with an interactive horror experience for this campaign. The “treatment” is available only between 6PM and 6AM and users can book an appointment to “participate”. According to the website, the experience is a scare that is too personal for the cinema. But for all the time required to go through the website, one ends up seeing little correlation between the product and these overproduced horror sequences.

Videobackground26 in Creative Use Of Video in Web Design: Background Videos27

MyAmoy28
Amoy Food, one of the food and sauce brands in Southeast Asia, uses background video to complement its interactive promotional website. The site allows you to actually visually add ingredient and see them being prepared. Get ready to lose some time in the recipe-maker section, which is the highlight and focus of the campaign.

Videobackground27 in Creative Use Of Video in Web Design: Background Videos28

Music And Dance Websites

White Lies29
White Lies is an alternative rock band from Ealing, west London, that uses background videos to play its music videos while the user browses the rest of the website. Designers have made a poor choice for the resolution of the displayed video: at large resolutions, it looks very pixelated and blurry — even a bit larger resolution would work much better. Most navigation actions do not disrupt the playing either, because external links open in new tabs, leaving the slightly resource-heavy video to continue playing. Also, even though the website is for a music band, the website opens with the sound muted by default, which is a nice change.

Videobackground28 in Creative Use Of Video in Web Design: Background Videos29

Sick City Club30
Sick City Club is an indie rock quartet from Birmingham, England, that employs the technique of playing its videos while the user looks around. New content slides in from the side, never disrupting or creating lag for the video. This is somewhat unusual among the websites featured here, most of which have elements that are complex or resource-heavy. The elements here seem to be simple and lightweight, which suit the website well.

Videobackground29 in Creative Use Of Video in Web Design: Background Videos30

Tomato Jaws31
Tomato Jaws is an electronic band from the Ukraine. It uses background video for ambience as the user engages with the unique navigation. The difference here, though, is that the music videos that play in the background are not necessarily theirs. In fact, in a bit of short-sightedness, the band’s music videos open in smaller players while the background video continues, thereby draining the CPU even more than necessary and causing both the music and background video to skip and drag.

Videobackground31 in Creative Use Of Video in Web Design: Background Videos31

Arcade Fire: Neon Bible32
Canadian indie rock band Arcade Fire employs video backgrounds in a fun and unique way for its Neon Bible interactive music video. The website looks sparse at first and it features just a single music video, but with several interesting elements thrown in so that the viewer can sort of play along as the video plays. Still a bit heavy on resources, even for such a minimal approach, but that is to be expected.

Videobackground32 in Creative Use Of Video in Web Design: Background Videos32

Radio Soulwax33
“Part of the Weekend Never Dies” is a documentary about Radio Soulwax’s summer 2006 tour, filmed by director Saam Farahmand. The website features a particularly creative use of background video: it enables the user to create their own mix by triggering various loops and video clips from the click of the mouse. While resource-intensive, it is an interesting use case.

Videobackground33 in Creative Use Of Video in Web Design: Background Videos33

Destroy Rankin34
To celebrate Youth Music’s 10th birthday, 70 of the world’s greatest musicians and visual artists have created a groundbreaking body of collaborative artwork based on Rankin’s iconic portraits of musicians. Simple, artistic and a worthy complement to the photographer’s work.

Videobackground34 in Creative Use Of Video in Web Design: Background Videos34

1001 Attitude35
1001 Attitude is a dance school in Montfermeil (Paris) that uses background video to show its students dancing and, at times, warming up. This is a good use for a dance school, but the video is stretched to fit the background and so becomes distorted, which is unfortunate because it detracts from the elegance of the effect.

Videobackground35 in Creative Use Of Video in Web Design: Background Videos35

Random Dance36
Random Dance, an internationally renowned British dance company, puts background video on full display on its home page. As you move deeper in, a smaller video player is used, which fits the flow and structure of the website.

Videobackground37 in Creative Use Of Video in Web Design: Background Videos36

Hotel, Restaurant, Bar and Nightclub Websites

Iberostar37
“On vacation, we’re all stars” is the slogan for the Iberostar Hotels & Resorts campaign featuring Antonio Banderas. A partly interactive background video walks you through a virtual tour of what your actual experience at a resort would be like. The tour is an interesting way for hotels to deliver this experience.

Videobackground38 in Creative Use Of Video in Web Design: Background Videos37

The Wood38
The Wood is a brand new bar/restaurant in the heart of Brussels and the famous “Bois de la Cambre.” The designers use background video to craft a soft atmosphere, which seems to fit the feel and decor of the restaurant in its unique woodsy way. The navigation plays into the rest of the website’s structure wonderfully, tying together the whole experience.

Videobackground40 in Creative Use Of Video in Web Design: Background Videos38

Jazzownia Liberalna39
Jazzownia Liberalna is a music club and restaurant that uses this technique in a stylish way. Adding various elements outside of the menu, the owners have gathered a lot of information on the history of jazz and displayed it in an simple interactive timeline of sorts. The rest of the website appears fluidly over top of the video. Breaking from the background once or twice might actually help here.

Videobackground41 in Creative Use Of Video in Web Design: Background Videos39

Byblos40
Byblos is a dance club in Porec, Croatia. It uses video background not only to show footage of the club itself, but to establish the tone and attitude of this hotspot. The website is hard on the system, but you are told that from the start, so be prepared. The transitions and overlays fit right in with the background, and they work well together and don’t detract from each another.

Videobackground42 in Creative Use Of Video in Web Design: Background Videos40

Advertising, Design Agencies and Film Studios

Razorfish41
Razorfish is an interactive agency for marketing, experience and enterprise design. Its use of background videos is both subtle and nearly unobtrusive in implementation. With minimal sound and graphic-heavy inclusions, the website is smooth and fluid throughout.

Videobackground43 in Creative Use Of Video in Web Design: Background Videos41

Less Rain42
Less Rain is a digital creative agency with offices in London, Berlin and Tokyo. Its site uses background video to complement the ambience of the rest of the website. However, as on other websites, the videos in the gallery open in a separate player, rather than in the background (where the main video stops playing). With the kind of work being showcased, a bigger presentation seems more suitable.

Videobackground44 in Creative Use Of Video in Web Design: Background Videos42

1stAveMachine43
1stAveMachine is an NYC-based CGI, visual effects and animation studio that uses video background to enrich its website experience. Video sequences that play in the background do not always complement the navigable elements; they make the content displayed over top of it illegible in many instances.

Videobackground45 in Creative Use Of Video in Web Design: Background Videos43

IDEAL Production Company44
Ideal Production Company is a motion-design studio from Warsaw, Poland, that uses an interactive navigation element to enhance the background video employed throughout the website. This navigation also seems to be the reason that most videos on the website play in a smaller separate player. Still, given the nature of these videos, the smaller presentation does work here.

Videobackground46 in Creative Use Of Video in Web Design: Background Videos44

BlackBeltMonkey45
BlackBeltMonkey is a German communications and interactive design agency that has a subtler variation on background videos. While adding unique and whimsical interactive elements, the designers manage to keep the background from interfering with the content almost perfectly. There are some instances of text and background colors matching, rendering some of the headings partially illegible.

Videobackground47 in Creative Use Of Video in Web Design: Background Videos45

Marketel46
Marketel, one of the largest advertising agencies in Quebec, Canada, uses background video and with a responsive hover element to boot. The stylish background adds sophistication, and it remains active during all of the other interactions on the website. But when the television ads run in the gallery, the background can create a heavy lag for some users.

Videobackground48 in Creative Use Of Video in Web Design: Background Videos46

Designkitchen47
Designkitchen is an interactive design agency that delivers award-winning digital branding across multiple channels: social, viral, mobile and Web. It uses background video throughout its website, with various supplementary videos depending where you navigate to. The videos, especially in the news section, repeat themselves (sometimes alternating, but rarely) making them a bit distracting. Also, the portfolio has some white text against a white background, creating some difficulty there as well.

Videobackground49 in Creative Use Of Video in Web Design: Background Videos47

Lukas Lindemann Rosinski48
Hamburg-based advertising agency LLR (Lukas, Lindemann, Rosinski) also takes a minimalist approach with this technique and its overall website. With their unique and responsive navigational elements, the designers instill a sleek yet stylish feel throughout the website and leave a lasting impression.

Videobackground50 in Creative Use Of Video in Web Design: Background Videos48

Working Element49
Working Element LLC is a collective made up of directors, photographers, writers, compositors, editors, photo illustrators, designers and cinematographers. The site uses background video to show the truth of its name. But as the large still gallery opens up, the video continues to play behind it, feeling a bit overstimulating. Again, the idea has promise but could use some tweaking.

Videobackground51 in Creative Use Of Video in Web Design: Background Videos49

Metaproject50
Metaproject is a creative agency based in New York. Its background video is in some ways subtler and in other ways grander than others we’ve seen, but never intrusive or distracting, which is not always easy to achieve as we have seen. The transitions are smooth, and the background varies with the pages and projects in the gallery.

Videobackground52 in Creative Use Of Video in Web Design: Background Videos50

MediaNovak51
Media Novak’s background video is handled impressively, with little overstimulation. But it drops the ball in the portfolio section. The background fills with a wall of thumbnails, but it scrolls too quickly at times depending on the position of your mouse. There is no resting point. When you open a window, the wall continues to scroll behind it, which can be distracting or unpleasant for some users.

Medianovak in Creative Use Of Video in Web Design: Background Videos51

Filmhouse52
Filmhouse is a film production studio that uses a combination of background video techniques throughout its website (ranging from moderate to heavy use of system resources as well). As on other websites, this one opens up the videos in its portfolio in smaller windows, even shutting down the background entirely. But after the grand tour of the facility in the background, these smaller portfolio pieces feel a bit underwhelming.

Videobackground55 in Creative Use Of Video in Web Design: Background Videos52

About:blank53
About:blank uses this technique harmoniously throughout. With the fluid, smoke-like effect playing through a halftone overlay in the background, the website comes across as sleek and well crafted. And the fact that the video continues to play without impeding the readability of the text over top of it shows how well this effect can be implemented with such simplicity.

Videobackground56 in Creative Use Of Video in Web Design: Background Videos53

BM854
BM8 Bildmacht is a Hamburg-based film production studio that uses background video in two distinct ways. First, you can play with its portfolio of projects, which opens in the full browser window; and once you enter the website, the background is a continuously flowing video that entertainingly introduces you to the company. The videos are also available as lightboxex, so you can skip to specific parts or simply let them play through.

Videobackground57 in Creative Use Of Video in Web Design: Background Videos54

From Scratch Design Studio55
From Scratch’s background video is heavy and as results it often causes problems with navigating the website. However, the implementation here shows some interesting ideas. For example, while the videos in the portfolio section open in smaller windows, separate from the page, they do not feel like a break in the flow of the website. The transition feels like a natural fit.

Videobackground58 in Creative Use Of Video in Web Design: Background Videos55

Hipopotam Studio56
This small talented design studio of two people from Warsaw, Poland, implements this technique site-wide. Thus, the lag factor can get a bit much at times. However, when viewing projects in the portfolio, system usage drops rather significantly; even though video is used here, it is done in a subtle yet still interactive way.

Videobackground59 in Creative Use Of Video in Web Design: Background Videos56

9elements57
9elements uses background video for its main website and all accompanying material but abandons it on its blog. The background on the main website does not distract in any way from the content displayed over top, which is nice to see. Fluid transitions make for less chance of video disruption.

Videobackground60 in Creative Use Of Video in Web Design: Background Videos57

GDSH58
GDSH’s background video is very subtle, almost imperceptible. Whereas many sites displayed above use the technique as a focal point, here it serves simply as the background, and without interfering with the content, as a background should.

Videobackground61 in Creative Use Of Video in Web Design: Background Videos58

Further Examples

We Choose the Moon59
We Choose the Moon is a real-time immersive, interactive website for the John F. Kennedy Library and Museum. It commemorates the 40th anniversary of the Apollo 11 mission, the result of JFK’s pioneering vision to land the first person on the moon. Background video is implemented so that the user can track the entire mission through its various stages, with interactive stops and elements added along the way.

Videobackground62 in Creative Use Of Video in Web Design: Background Videos59

Lost in Val Sinestra60
The Lost in Val Sinestra is a viral marketing campaign by Swisscom to promote its TV offerings. It allows users to create a personalized movie trailer starring their Facebook friends or with pictures uploaded from their hard drive. The website adds interactivity by allowing users to choose their cast and the thrill-level for the story. To get the most out of the experience, use a big cast.

Videobackground64 in Creative Use Of Video in Web Design: Background Videos60

Philips: Cinema61
Parallel Lines is a Carousel short-film project to promote Philips TV sets. The films explore the most popular genres of filmmaking — including drama, action, animation, sci-fi and thriller — a nice examples of a site using video to provide a very memorable, rich user experience.

Videobackground65 in Creative Use Of Video in Web Design: Background Videos61

Neave Television62
Neave Television uses background video to present a truly original and entertaining concept. A series of seemingly context-free, weird and bemusing video clips are presented one after the other, allowing the user to skip to the next clip with the click of the mouse.

Videobackground66 in Creative Use Of Video in Web Design: Background Videos62

MTL1263
MTL12 is a documentary television series (12 episodes) about Montreal and the people who live there. A stylized and interactive take on the background video technique gives this website its unique look and feel, highlighting the project and its segments in the process.

Videobackground68 in Creative Use Of Video in Web Design: Background Videos63

Newturn Group’s Webart Exhibition64
The first online art exhibit website of the Newturn Group streams resource-heavy background video leading up to and following the event. However, the videos can lag a lot and be at times unwatchable. The website gets a bit lighter once you start browsing around and move away from the main videos.

Videobackground69 in Creative Use Of Video in Web Design: Background Videos64

Aaron Ohlmann65
Aaron Ohlmann is an editor, producer and documentarian with an interest in projects that focus on the arts, political structures and social architecture. His website has a scaled-back, resource-friendly background video. But given the appearance of the home page, we expected to see each project in the same format; unfortunately, the other videos on the website open in a smaller player.

Videobackground70 in Creative Use Of Video in Web Design: Background Videos65

Yodabaz66
Yodabaz is the portfolio of Basile Tournier, co-founder of Web creation studio FCINQ. Once more, we have a main background video element that acts simply as a background, with the website’s other elements seamlessly laid over top. The background is integrated into the website without any interference or lag.

Videobackground71 in Creative Use Of Video in Web Design: Background Videos66

EagleClean67
EagleClean is a specialist cleaning company based in Central London that takes a subtle, minimalist approach with both its website and background video. It effectively markets its services with quick, once-over cleanings now and again to clean up any smudges on your screen. A creative use of the technique.

Videobackground72 in Creative Use Of Video in Web Design: Background Videos67

Wim Vanhenden68
Wim Vanhenden is a creative Internet artist from Belgium who uses background video not only to highlight his previous work, but to enhance the art project built right into the website. Upon prompting users to type in their thoughts and other information, the website searches the Web for related images and morphs them into an artistic background slideshow.

Videobackground74 in Creative Use Of Video in Web Design: Background Videos68

Futuretainment69
Futuretainment: Yesterday the World Changed, Now It’s Your Turn is a book written by Mike Walsh. Background video is used somewhat obtrusively on the website, looping repeatedly through a series of short segments. The segments themselves are so repetitive that they become distracting, and most of the footage is grainy and pixelated which is not a good thing.

Videobackground75 in Creative Use Of Video in Web Design: Background Videos

28 Comments to “Creative Use of Video in Web Design: Background Videos”

  • porzadne strony February 9, 2012 at 9:32 am

    I can’t imagine the most addictive blog

  • bocapelo March 3, 2012 at 7:29 am

    Hi there, You’ve done a great job. I’ll definitely digg it and personally suggest to my friends. I am sure they’ll be benefited from this website.

  • UEFA EURO 2012 Bertaruh di 12BET March 3, 2012 at 7:26 pm

    I discovered your weblog website on google and verify a few of your early posts. Proceed to keep up the very good operate. I simply additional up your RSS feed to my MSN News Reader. Searching for forward to studying extra from you afterward!…

  • Kobe August 1, 2013 at 2:09 pm

    I am not sure what to look for in an Art school. Also when someone gets a Degree in art, what can he or she do with the degree?

  • Ramblin Spirit August 4, 2013 at 6:46 pm

    Like in the movies the ones who make the special effects to them, or tv and that stuff. I’m currently studying system engineer because i love this stuff, will this career help with the especial effects thing?

  • altair August 4, 2013 at 6:47 pm

    We have lots of slides from years ago, would like to put them on a DVD. Does any store do this for you?

  • Nathan B August 7, 2013 at 3:14 am

    The right careers in art to look into?

    So. I know what I like but I don’t know what the actual name of some careers that would suit me are here’s what I like:

    Im a very skilled artist in paints and drawing. I actually got a full ride scholarship to the university I want to go to for my art.
    I would love to work in hollywood movies. designing characters and scenes. I would like to work in a office creating story boards for movies. I would like to get into animation and just anything in the form of art that plays a part in movies or game design.

  • Rishi August 7, 2013 at 2:55 pm

    I was thinking i wanted to get into more of the creative side of marketing but im not sure if it would make sense to minor in multimedia as a better career choice it was that or business management and marketing.

    I don’t know too much about the details of a marketing major i do know that there are many jobs in that area and I don’t want to get stuck with a major that is useless after i have my degree.

    also math isn’t my best subject.

    I’d really like to hear from someone who has a degree in marketing

  • Keegan August 12, 2013 at 11:36 am

    Could someone help me by telling me..

    what are the essentials for a card-making beginner? especially for someone with little money lol

    Which brands should I or shouldn’t I use?

    Which sites could I use to buy online from Italy?

    Thanks!!

  • Coffee t August 13, 2013 at 1:46 am

    Well me and my girlfriend web chat on aim, and she can see me perfectly and the quality is great for her. But on my screen i cant see her because the quality is really bad. its very blocky and pixelated and if she moves like it just becomes a blurry mess and i cant see anything really. I can only see her perfectly is she doesnt move at all. ;/ What causes this?, do i need a new webcam? is it my computer? im using a creative live webcam. she uses a Mac and i use a window xp. i know that when she webcams with other people who use macs the image is fine, but with me its different. i dont know waht the problem is
    um no im not dial up and neither is she, and she webcams with other people and its fine they can see her clearly

  • Terrence August 17, 2013 at 8:18 am

    When im texting someone, the background is white and boring and the text bubbles are like gray. is there any way i can chage this up?

  • Zack Faria August 30, 2013 at 5:19 am

    well first of all im doing my degree and considering going onto do my masters but im curious …does anyone have any good ideas of jobs that i could take up after? anything!!

  • andresumoza September 8, 2013 at 3:02 pm

    Please share your opinion of Rapidweaver.

    Thank you for your assistance.

  • Con Orpe September 15, 2013 at 11:28 am

    My buddies and I are going to make a web show and I wanted to know what software can you recommend would be good? I don’t need a video editor, I’m planning to just use movie maker. Sure it doesn’t do much but it has about all i need. Yet, I’m trying to make a cool Intro to put on the front of all the episodes, but i can’t do it on movie maker, at least not what I’m trying to do. The intro was going to be flashy like Shane Dawson’s intro, but an animation. Kind of like what you can do with Macromedia Flash (Which is WAY out of my budget btw). Can anyone recommend a good software to design something like that? I need a software that (at bare minimum) can make stick figures where we can insert our heads on them, flashy backgrounds, play music and help me design a banner. If you know anything that can do that (and I’ll download more than one program for this if i have to) please tell me. I prefer to have the programs SAFE for my Windows 7 computer and if possible, free. Thank you! 😀

  • Zack Faria September 20, 2013 at 1:54 pm

    I am beginning a masters in Graphic design and have a business background. The software is at a great price and I dont know if I should invest in it for future use. Technology changes so quickly and I’m not sure if I need to invest in something like this just yet.

  • John October 8, 2013 at 2:34 am

    I have a serious interest in producing adult content.
    This is NOT about sex (sex is relatively easy to acquire), it is completely about making a good living doing something I enjoy in a fun, creative environment.
    I have no web design or business background, but I do have intelligence, creativity, & strong work ethic. Since there is no Porn University to enroll into to learn the business, I am exploring other alternatives. Any help, guidance, advice from an established webmaster or producer would be greatly appreciated. Thanks.

  • Matthew David October 10, 2013 at 2:12 am

    Im a juinor in high school, that is unsure of what to do. Im trying to find a carrer right for me, so i take this test on kansas pipline websight and pointed me to programing. My favorite classes are math, computer classes, and art. So i look into programming, i love to challange myself, solving puzzles, and doing creative activities (posters, artwork, ect…). But im worryed about not liking to program computers, or software. So i start thinking… what about a game programer? I have been told all my life that im a good artist and creative person. So how hard can game programing be. I play video games in most of my spare time, i love to challenge myself, and solve puzzles. But on most of the websights i vist i hear about there job and im, well, stuned. Sounds complicated at times and that you somtimes have to work over time to get it done. Some things im worryed about are do my skills and inrests match this job, will i be at work 24/7 trying to get my job done, and well i read you have to be a good comunicator and writer. I already told you my favorite classes but my worst class would be english… Im a bad speller and horrible at writing papers (as you can see form the mistakes in this paper,the spell check is not working). And i do not talk much more of a shy person who likes to listen. I have tryed game maker 8, and did enjoy it, although for my first game i did was a mario go but changed so it was master chief and the covenant (halo from xbox 360), and never finished it because my computer got a viris and had to reset.Would this job be right for me? Is there some program only i can use to test if it is (free)?
    I should of added i am a very fast learning i can memorize at a scary pace.
    but somtimes i lack confidence i MAKE sure its right before i do it.

  • timq3dimensionscom October 19, 2013 at 10:38 pm

    I have been struggling with myself about starting an Internet/YouTube talk show series. I want some opinions.

    My origional concept was to do somthing that is a mixture of Live with Regis and Kelly, Anderson Cooper 360, TV Guide, and E!.

    I’m 16 and I really love mass-communication, even considering it as a career. I was in our school’s media class until it was canceled (bitches) and I really am itching to do something creative.

    I have a background in video/audio editing, web design, and I’ve been told I’m the Kelly Rippa type, so I thought maybe an Internet talk show would be a good mix.

    The reason I want to do some type of talk show is because I’m not stupid enough to do any of the other crap on YouTube, and VLogging is not my thing. However I don’t want to start something that will be a total failure because there is no audiance.

    There is some really dumb crap out there, but can somthing like that compete?

    If yes, how often?

    Pro-style or Amateur?

    Opinions?
    Pro-Style vs. Kid in basement refers to the editing style of the videos. Should I make it look like a major network show (which is my style) or is that a turn-off to YouTubers?

  • Jason November 10, 2013 at 12:10 am

    Vt editor [ and whats the full form of vt ]
    graphic artist
    vfx artist
    animator

    I know premiere pro , final cut pro , after effetcs , photoshop

  • steve November 10, 2013 at 5:37 am

    I really want ot joiin itt :p!

  • Lucas H November 10, 2013 at 5:37 am

    Actually, I’m going to enroll in college soon & I’m not sure what I want to major in. I’m very lazy, I’ve been a security officer for 5 years because I’m miserable at any other laborous job. I literally don’t do anything but sit all day. I love cars, computers, guns, & video games. I’m considering video game design, because video games is my passion & I think I would be happy doing it. But its not a very practicle/common profession. Basically, I’d like some suggestions based on the info given about myself, on what you think I should do? I want an easy, yet a great paying & practicle job, preferrably related to my interests.

  • stealspartansbcglobalnet November 17, 2013 at 2:00 pm

    The new Adobe design CS5 package –
    Adobe Creative Suite 5 Master Collection
    (the toned down version is Adobe Creative Suite 5 – Design Premium)

    Includes:

    •Adobe Photoshop® CS5 Extended
    •Adobe Illustrator® CS5
    •Adobe InDesign® CS5
    •Adobe Acrobat® 9 Pro
    •Adobe Flash® Catalyst™ CS5
    •Adobe Flash Professional CS5
    •Adobe Flash Builder™ 4
    •Adobe Dreamweaver® CS5
    •Adobe Fireworks® CS5
    •Adobe Contribute® CS5
    •Adobe Premiere® Pro CS5
    •Adobe After Effects® CS5
    •Adobe Soundbooth® CS5
    •Adobe Encore® CS5
    •Adobe OnLocation™ CS5

    Besides the usual print, web, interactive, and mobile design, it also offers video production and create stunning motion graphics and effects.

    Now I want to ask is it possible for one to learn the creative suite on their own just from reading books and internet, do you require a background training in visual arts or graphic design in order to know how to use the functions inside ‘Adobe creative suites’ ? Are these specialty softwares (e.g. ‘Quicken’ is for Accoutants) made for professional graphic designers or video producers, so an outsider should have background trainings first before they even think of gettin their hands on it or are they open for all users ?

    I find these Adobe softwares and the design outputs generated by them fascinating so that’s why I want to know if i can learn it on my own.

  • Kristian November 18, 2013 at 4:47 am

    Imagine that in your state, a company is providing a grant that will pay to upgrade one high school computer lab. Your goal is to research the Internet for the technology needed to create a computer lab and create a persuasive presentation so that your local school wins the grant.

    Currently, your local school has four separate computer labs, each with 20 computers. The following classes are taught in each lab:

    · Microsoft Office Applications

    · Computer Programming

    · Networking Security

    · Networking Concepts

    · Internet Fundamentals

    · Web Page Design

    · Digital Video Editing

    · Database Connectivity

    · Web Graphics and Multimedia

    If the school wins the grant, the principal will be responsible for determining which lab is upgraded. She has asked the instructors who teach in the labs to develop a presentation that consists of the following:

    · Type of computer systems desired

    · Application software desired

    · Operating system desired

    · Peripherals desired

    · Type of network connections and transmission media needed

    · Security factors to consider

    · Estimated budget for the upgrade

    Objective
    To develop a presentation and paper that itemizes the equipment needed for a computer lab upgrade. The presentation should also persuade the user that the upgrade is necessary.

    Process
    The following lists the steps that should be followed to accomplish the objective.

    Determine the specifications of the computer systems desired and the type of network system you wish to put into place.
    Research additional equipment needed as well. This includes peripherals such as printers, keyboards, mice, microphones, scanners, digital cameras, and so on.
    Identify how and in what class each piece of equipment will be used.

    Resources
    Be creative, insightful, and curious as you explore the Web. Suggested resources include the following:

    http://mclabs.com/news/coverage/2005_TD_Flip.asp?bhcp=1

    http://www1.us.dell.com/content/segmenter.aspx/pub?c=us&cs=2684&l=en&s=pub

    http://www.networkworld.com/details/693.html

    http://www.hardwareaccelerated.com/

    http://www.cnet.com/

    http://www.microsoft.com/presspass/press/2005/jun05/06-28NECCProductsPR.mspx

    http://www.apple.com/education/

    http://www.schoolgrants.org/tips.htm

    Presentation and Paper

    MS Word Paper:

    Write a two-page report in MS Word of your findings from this research
    Use MLA format for your paper. (MLA style is described in the Office 2003 textbook, in Chapter 6 Project 6B.
    Include Footer on this report with your name, class time and page number.
    Bibliography including the 3 sources (web site addresses) as your sources – in proper works cited/bibliography format. (Refer to Word Chapter 6 for examples of correct citations.)

    PowerPoint Presentation:

    Use a template or a design you created on each slide for consistency.
    Include your name as a footer.
    Begin with a title slide with your name and role.
    Use three or more clip art pictures found on the Internet or inside Office. Make sure they go with the presentation and design of the template or background. Size them appropriately and place them well.
    Include slide transitions in this presentation. Use one kind of transition and apply it to the whole presentation.
    Include slide animations in this presentation. Again a consistent animation applied to all slides is appropriate.
    Use the spell checker to correct any misspellings.
    · Summary Slide listing links to pertinent web sites used in this search. Place this at the end of the presentation.

  • Joe T November 19, 2013 at 8:05 pm

    My little sister is a huge MLP FiM fan and I sometimes watch the show with her. I wouldnt call myself a hardcore brony though. However, my lil did some research and told me that more than half of fanbase are boys. That astonishes me. I never knew such a show would gather much fans, especially male. The show is pretty good for a kids show. But why are there so many bronies. Why do so mang males like the show. I like it because of the cute and charming character designs(im a sucker.for adorableness). The writing is good better than most shows, but its a kids show, so who pays that much attention to scripting. The animation is praised by many, but I dont see why. When I watch its just flash animation, like Adventure Time and Regular Show, so I see nothing special about the animation. The story seems kind of cheesy, but the lessons and morals are good for kids I guess. But Im still stunned why there is a huge male fanbase, especially for a show specifically aimed towards little girls in the first place. Its like seeing a huge girl fanbse for G.I. Joe or Transformers (yes I know there are some females that like that kind of stuff). Can someone explain to me how this phenomenon came to be?

  • Stevalicious November 19, 2013 at 9:16 pm

    Hi,

    I honestly didn’t know where else to ask for advice, but I wanted opinions from people who aren’t in university/ aren’t family. Basically, I’m in my first year of English literature at Edinburgh university, and I’m just realizing that it might not be for me. I just find it very boring; I enjoyed first semester but I’m close to hating it now. The thing is, all throughout school I was caught in a dilemma having to choose between applying for English or Art. I only chose art because my IB art teacher was a **** and deliberately wrecked my grade, I was terribly demotivated all throughout those two years. I won’t go into details about that, but eventually I did manage a decent grade even in that. I’m now considering switching to a degree in Edinburgh college of art.

    I just wanted to know, before I plunge into a hasty decision, what are the career prospects in art? I’ll be trying either for a second year entry into the 5 year Fine Arts course or first year into the 4 year Illustration or General Art course. Skill- wise I’d say I’m pretty good, I topped my IGCSE Art class and DT class, and I really enjoyed both. I just didn’t consider a career in art because as much as I love it, I’m not very patient or persistent, I didn’t think I’d have what it takes to go through with long projects. But I’m willing to work on that now. I can’t explain it, just all of a sudden I’m having a sort of desperate drive to improve myself. Maybe it’s because it’s the first time I’ve actually not been in an art class, and all of the stuff I’m drawing is by my own.

    So, coming back to the question, what kinds of careers am I really looking at with a degree in either Fine Art, Illustration, or General Art from ECA? Is the Fine Art course ‘better’ in any way (prospect- wise?) than the other two? The thing is, I really don’t want to spend all that extra money on 4 more years and a more expensive degree and not be able to stand on my own feet after that; I’ve promised my father that I’ll pay him back the extra expense.

    Also, even though it’s probably a bit too early to say I specialize in anything, I’d say I’m more inclined toward digital art- not photography or web design, just drawing with a graphics tablet in art software, though I love traditional pen and paper sketching too. I’ve been thinking a lot about video game design, too, recently. I’m not too familiar with technical software but I’m willing to learn.

    …So, any opinions? Do I stick with English lit, even though I find myself sketching ALL the time in class and dreaming about being trained properly in it? (Because on the other hand, I do like analyzing literature and am still doing well in my course) Or should I go ahead and change my degree, and then in that case which of the art courses is ‘best’? Anyone thoughts, opinions, tips from people in the art and illustration industry are very welcome 🙂 Thanks!

  • pratik November 20, 2013 at 1:34 am

    Besides the price. I use a Finepix S5200

  • Xbox Gamer November 20, 2013 at 7:15 pm

    Hi Everyone,

    Currently, I am deciding on which web design certificate program I should take. I decided to go this route since I have a BS already and I am not interested in going back to school for another 4 years. This will all be based on cost and the timeframe. I noticed some certificate programs can last from 5 months to 1 years. Does it really matter the length of time? I just want to make sure I am getting everything that I need to get started in this field. Can you please let me know if this is a good program. Also, does it matter if this is a non-credit certificate or will that effect me later? I am listing 2 of the same programs but from 2 different institutions (community colleges). The both cost less than $1500 for all courses.

    Communicty College 1 (only have to take 6 courses and 2 electives)

    Duration: 1 year

    Courses:

    CSP247 HTML 1 – Creating Web Pages

    CSP296 HTML 2 – Creating Web Pages

    CSP297 1 JavaScript

    CSP299 Planning and Maintaining Your Web Site

    CSP313 Web Graphics

    CSP325 1 HTML 3 – Creating Web Pages

    CSP389 Dynamic HTML – Cascading Style Sheets

    CSP398 Dreamweaver – An Introduction

    CSP404 1 Flash Workshop

    CSP413 1 Dreamweaver – Advanced

    CSP415 1 CGI Scripting and Server Interface

    CSP417 Advanced Web Design Workshop

    Communicty College 2

    Duration: 5-6 months

    Courses:

    Dreamweaver Basics and Essential Photoshop Skills
    Macromedia Dreamweaver is the web development program used by more than 80 percent of web professionals. Topics will include text formatting, dynamic graphics, hyperlinks, templates, tables, frames, style sheets and forms. Practice publishing your completed site to a web host. Adobe is the premier image-manipulation tool for both print and the Web. Learn the basics of Adobe Photoshop in this thorough beginner/intermediate course. If you are planning on working with images in any way, you need to know it. Even if you just took your software out of the box, this course will help you learn and tame this creative powerhouse of a program. (18 hours) $329

    HTML Basics
    An introduction to HTML used for creating web pages for publishing on the World Wide Web. Topics include HTML tags, formatting text, lists, adding simple images, background colors, and hypertext links. This is a hands-on course using Windows. Students must have word processing skills, knowledge of Windows, and knowledge of the Internet. (12 hours)

    Advandced Dreamweaver + CSS
    This course is a continuation of Dreamweaver Basics. Focus is on functions that convert static web pages into engaging sites as well as on formatting and laying out your site using Cascading Style Sheets. It examines advanced design techniques such as color, font, position, rollovers and pop-ups. Students will also be introduced to Javascript driven, Spry widgets to quickly create drop-down menus, accordion boxes and more without having to write a single line of code! This course will benefit anybody who needs to create professional, consistent looking web sites using Dreamweaver’s CSS tools. This hands-on course requires basic knowledge of the Windows Operating system, Internet, and HTML.

    Flash Animation + Photoshop
    Gain experience in the functions and capabilities of Adobe Flash. This course will teach you to use incorporate animation/interface design and illustration principles and practice into websites. (36 hours) $499

    Maintaining a Website
    Layout, navigation, and maintenance are the three keys to the success of a website. Learn to analyze website content, audience profiles, IP addresses and domain name registration. Other topics include: web hosting, start-up and maintenance costs, updating HTML documents and graphics, guest books, submitting sites to search engines, and log files. Search Engine Optimization (SEO) will also be discussed. (12 hours) $189

    Totaling 96 hours

  • shahedC November 24, 2013 at 11:59 pm

    I’ve been using Windows for about 10 years. I am very safe on the internet and to date have never gotten any viruses (knock on wood) and any adware, etc, I just use CCleaner to clear up, light AV runs on the background, don’t have hardware/software problems (never really had any problems on a PC), and use my computer for youtube, flash game editing, playing casual games, creative stuff, designing logos, designing websites, photo editing, programming, email and typing essays.

    All my PCs have lasted over 6 years. The giant old white dinosaur with XP is still running great. I am not rough on my computers, and nothing breaks. I take great care of them.

    Personally over the last 5 years, I have been using the Macs available at my public library for more than 4 hours a day, and honestly, I don’t see any advantage of spending 5 times the money on a computer that can achieve the same thing.

    Are Macs for the pure satisfaction of owning a Mac?

    Why should I really invest $1500+ in a computer, when all my needs can be satisfied in less than $300?

    Are people getting Macs to show off their ability to afford more? What is the true reason? All the reasons I have investigated online to own a Mac or a Mac is better than Windows, are simply BS reasons on both sides.

    The Mac people claim Windows users are precarious and daily get viruses on a daily basis. PCs are hard to use, they have this problem and that problem, drivers, software incompatibility, they want a simple to use experience, not worry about what is “under the hood”, they want something that “just works.” Mac people claim that their video editing, web editing, etc, is so much easier on the OS X platform. Is it really? Creative editing is dependent on the ability of the editor, not the platform which is used.

    Windows people say that their gaming needs aren’t satisfied on OS X. Tell me honestly, does one own a computer solely for gaming in all hours of the day? PC users say they can’t tinker with the insides of the computer, they can’t investigate what is happening on the OS level, how the code works, etc. They feel like OS X is a closed off system whereas Windows can be opened, experimented with, etc.

    People generally use the regular car- luxury car paradigm in comparing Mac and PC. Is that the case? Is the Mac a “luxury” product? If it is, I have no problem with that. The problem I do have is that people who do purchase their Macs as luxury products conceal their genuine intents and make up BS. Tell the god-damn truth. Don’t make up BS about why you bought something. Tell you bought it for the sake of buying it and it makes you feel happy. Don’t BS and say that you bought this because it is good at this and that, it satisfies your “x” and “y” productivity needs better than other products, if in reality you really bought it to feel happy about having a luxury product. Say this: “$H!T if I want a Mac it is because I want it. I want it because it makes me happy. I think, it makes me feel genuine about myself, I have achieved something and I am cool, I feel cool. I am in the in-crowd. I feel powerful. Period.”

    Likewise for PC. If you can’t afford a Mac, say that you cannot afford a Mac. Do not make up $H!T excuses that it satisfies your gaming needs, your office needs, your other BS needs, if the real reason you don’t get a Mac is because you cannot afford it. Would the situation change if you could afford a Mac? Would you buy a Mac if you had generous amounts of money? If not, honestly tell me why. Do you think a Mac is overpriced? Hell, if you think it is, it is not your problem for money, why not get it? Alternatively, why do get it (cf. to aforementioned)?

    That’s all I really want. People to be honest to themselves and to be honest to others about themselves. Tell the truth.

    Whew! This is about a years worth of rant that’s been building up inside of me. The catalysis for actually publishing the rant was a valley girl in my campus bookstore totally BSing reasons to get a Mac over a PC, when in her mind she had already settled she want a Mac. Why waste so much time feeding the ego? Want a Mac, damn it, go get one. No questions need to be asked. Just don’t be “humble” or “tact” making up horse**** reasons to be ostentatious.