Get Best Website Tips and techniques delivered to your inbox.
Learn about using website tools, tips and techniques for online business. Find out about how to improve your online marketing skills. Get early bird deals, discounts and coupon codes. Published monthly.
Website Tips blog is the place to keep up with new developments in website design and Internet Marketing. BWT proudly presents website tools, tips, software tutorials, tricks and more for design and build of an online business.
Blog posts and article teasers are included in this section. Each entry is categorized and added to the Archives. If you know what you are looking for use the search box to find it. Continue reading.
Website Tips Blog
How To Protect Your Digital ArtWork From Internet Theft2021-09-18
Sometimes you just have to share your artwork on the Internet. You will want to protect it, especially when money is involved. You would prefer not to share original documents for a so-called 'review'' or 'approval.' This action can result in having your artwork stolen and reused without your permission.
There are ways to protect your artwork from those that would help themselves. My favorite way is to take a screenshot of the artwork and convert that into an Adobe .pdf file. A .pdf file is a technically superior method of protecting your digital artwork. It discourages would be thieves from stealing your artwork without permission.
A video storyboard can be considered such artwork. A storyboard helps guide video production without a lot of trial and error. Without it you could blow your budget and still not have what you want. Ask me how I know this. Here is a sample of the storyboard I use.
Storyboard For Video Shoot
Storyboards are widely used as a tool to express ideas that require more than one scene. The purpose of a storyboard is to plan a list of shots or scenes in a motion picture. They can be extremely detailed or a simple list.
Other measures we took to protect this content are. The image above has a 'preliminary' watermark and a 'Do Not' symbol on it. On top of that, what you are seeing is a screenshot of a .pdf file. This was done for several reasons.
This storyboard is from a script still under construction.
The image contains licensed elements that are copyrighted.
The image has not been paid for, yet.
The image cannot easily be copied or stolen.
This is a work in progress, now there is a record of the progress made to date.
The original document is private and only shared with project members.
Use these website tips to protect your work from those that would help themselves to your hard work.These website tips are brought to you by BWT Videos. Learn more about how to protect your artwork from Internet thieves...
Okay, I give, I did it. That is make a promotional marketing video for my business. I tried to stuff as many keywords into it as I could. And, I wanted to try this video creation idea that has been stewing in my brain for a while. Here it is...
Video Marketing Promo For BWT Videos
Do you know just how crucial video marketing is to the success of your local business. Many companies don't realize how much business they're losing by NOT taking advantage of this growing trend.
Did you know, the average number of people watching videos daily is an astonishing one hundred million, and rising. If you're not using video marketing for your business, and your competition is!
Well, you're greatly hurting your bottom line. If you own, or operate a local business, you need to be building a video marketing campaign.
BWT Videos can create stunning and effective marketing videos for your brand, business, product or service. Contact B W T Videos to get started, today.
Do you like 'Do-It-Yourself' video creation apps? If so, then you will love this one. We have collected over 600 video templates and put them in one online cloud based app and called it Quick Clips (QC for short).
QC features customizable video templates for video marketing. Hese's a sample.
Features And Benefits Of Quick Clips
Stop Chasing Expensive Designers And Video Creators.
100% Cloud-Based. Nothing To Install. Ever!
No Previous Experience Needed.
No Coding Or Designing Skills Required.
Over 600 Templates To Choose From.
Complete Process in Minutes Instead Of Hours Or Days.
Hey, I understand if you don't want to hire us to create an awesome video for you or your brand. I'm sure you want to skip the hassle, get it done now and do it yourself. That's okay with us.
We made it easy to select a template, add your modifications and render it in minutes. We got your back though. We can do almost anything the app doesn't. If you need extra work done you can contact us with your special instructions at no extra cost. But first, you can make it your way in this app...
The Swiss Alps are a tumblin down. Some firecracker started an avalanche. Good thing too, it put out the forest fire in the valley. Charles was lucky to be outside watching the total lunar eclipse on a starry night. He escaped with his coat on a bitterly cold night.
Swiss Alps (Are A Tumblin' Down)
I just thought you might like to know how imaginative BWT Videos has become. We recently added Adobe After Effects to our list of Best Website Tools. A high end video animation tool. A formal education in drafting, video production or graphic arts is highly recommended for this one.
Good thing BWT has extensive education in drafting AND video production. Otherwise this tool would be over their head. But it isn't, it's just very sophisticated. Nonetheless knowing the technical operations of an app goes a long way to understanding how it works. AE does have it's restrictions though. We'll discus those at a later ime.
In "Swiss Alps" we use several animation techniques that I won't go into now. I did want to talk about layering, chromakeying and juxtaposition. For animation to look like reality the illusion of distance must be achieved. This is achieved through juxtapostion of objects to create a sense of space and distance.
With Adobe After Effects it is possible to remove a solid color completely from a scene, leaving a transparent background. Whereby you can create an object that appears to be in floating in empty space. When you replace that background with a different one, this is called "chromakeying." The method allows for objects to be cut out of one piece of content and pasted over another. Thus, when an the object's background is removed it can be 'chromakeyed' into a new scene.
'Layering' is the method used to determine which objects are in the foreground and which objects are in the background. The stacking of layers from bottom to top creates the illusion of depth of space through juxtaposition between foreground and background objects.
Todays Website Tips
Chromakeying - the removal of specific color from a scene by electronic manipulation. A video term describing the pasting of an object over a separate background.
Layering - the stacking of content in a composition. Defines background and foreground objects.
Juxtaposition is the relationship of one object to another. Location is perceived through size and shape of objects in relation to each other.
BWT Videos has extensive education, experience and understands how videos are made.
At the beginning of every major film are the title screens. These introduce the viewer to the subject of the film. This can be a series of scenes with text overlays. Credits for the director, leading actors and producers are typically shown.
For short videos these long introductions can be longer than the clip. So one simple scene with a title is called an 'intro.' This one is for BWT Videos. Check it out...
Table Saw Intro
Pretty cool, huh? Here is how I did it. There are two animations in this video layed over a live action shot. The first is a mask that moves with the saw and occludes the text "BWT" as it moves. The second animation is the text "Video" rotating downward and falling off the scene. I went to FreeSound.org for the sounds of the saw.
The special effects were created with Adobe After Effects. The sound was edited in Camtasia Studio. And it is hosted on YouTube.
What to notice in this video are the point in which the text 'Video' rotates around. This is called an 'anchor point.' It is the point where all attributes and variables of an object interact from, scale and rotation for instance change about this anchor point.
Creating animation is all about understanding the basic objects and how to manipulate them. If you look at the video screen as if it were a canvas you can paint a pretty picture. Metaphorically speaking. Objects in virtual space have attributes associated with them. Animation is the manipulation of those attributes over time.
Website Tips For Today Are:
Anchor Point - the point in an object where all attributes originate from. Like an anchor for a ship it locates an object in space.
Animation the mainpulation of objects in space over time. Resulting in motion detection in virtual space.
Video Intro - the first scene typically includes title and credits or logo of a company. Used to identify the piece of work or sponsor of the show.
Adobe Affter Effects Circle Wipe Transition Explained2021-08-27
Did you see that? Or didn't you? Ever since its inception film and video making has been about what the producer wants you to see, or not. To hide unpleasant transitions like a jump cut editors can overlay an animated transition. We used that technique in this video. Take a look...
For this video we created the animated circle wipe in Adobe Affter Effects. It is all done with one simple circle. First we drew a circle. We rounded the end caps and thickened the line.
Then we used an effect called trim path. Where the wire frame of the circle defines the path. Then we adjusted the start and end percentages of viibility from 0% to 100%.
This makes the circle appear over time. 1 second to be exact. Then we duplicated the circle wipe with size and thickness changes. Then we copied and pasted and it several times to fill the screen.
Then we staggered the start and end times of each circle to increase the the illusion of motion. Then we added rotation to the whole animation to add the illusion of rotation.
Then we reversed the direction of appearance from 100% back to 0%. This causes the circles to disappear. Which completely hides a scene change in the background.
We ended up with a 2 second circle wipe transition. Which is great for adding speed and motion to a simple cut. In this case we wanted to cover some unpleasant jump cuts, when changing actors in our little skit. What do you think? Want to see more cool animations? Check out our collection here...
That depends on your persistance of vision. Physically you cannot see one individual frame of a video. But you can perceive motion in as few as 3 frames of video. That is because persistance of vision is about 1/10 of a second. Or, it takes 3 frames in about 1/10 of a second to perceive motion.
Let me explain. It is proven that the human mind can only perceive motion at a rate of about 1/10 of a second. Shorter than that and the brain cannot perceive motion. That is a scientifically proven fact, called persistance of vision.
That is the reason those old films (shot at 16 frames per second) appear to flicker. What you are seeing is the brain filling in information not included in the motion of the pictures. The film is not actually getting brighter and darker. Your brain is processing the images as individual frames.
Persistant motion perception begins at around 24 frames per second (FPS). At that speed the the brain can differentiate movement from static backgrounds without interruption. Video is mostly shot and displayed at 30 frames per second. That is because it works perfectly with the 60 cycle per second frequency of alternating current (electricity). And, is well above the threshhold for motion detection.
What the human can perceive is called a glitch (a technical term describing an irregularity of perception.) For instance, movement information suddenly disappears then reappears a split second later. Say 1/30th of a second or the time it takes to display one video frame. The brain perceives that there has been an interruption in the information stream. A glitch. Watch this video...
Brake Shop Promo With Emily
Wondering why I showed you this video? It has 3 glitches that have been repaired. Bet you can't find them. Here is what happened and how I fixed it. When I compiled the animated avatar 3 frames failed to render. In other words the actor disappeared for a split second. 3 separate frames failed to display. This resulted in an unpleasant blinking effect.
To repair the glitch I copied the previous frame and pasted it over the glitch frame. Missing information replaced or optical illusion created. What I did not do, is stop the audio. Your perception would not detect any interruption, or glitch if you will, because of persistance of vision. I tricked your brain by NOT having an audio glitch at the same time.
So here's a couple of best website tips, for you.
Persistance of Vision is the perception of movement over time. This is about 1/10 of a second for humans.
A Glitch is defined as an irregularity in perception sometimes caused by loss of persistance of vision (or sound).
Optical Illusion is a trick of the mind. Or the misperception of movement (or not) caused by persitance of vision.
If you understood all that I applaude you. Now you know how to tell if you are witnesssing an optical illusion or actual movement. If you spot a glitch that's an optical illusion. You may think you saw something but you may have actually missed seeing something. That is an irregualrity in your perception caused by persistance of vision.