Hi,,
How to create lower third in pano2vr and responsive format.
Any idea.with help of illustrator or after effect.or any other way?
How to create lower third in pano2vr and responsive format
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
- Hopki
- Gnome
- Posts: 13005
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi Panopics360,
I have no idea what you are referring to, can you explain a bit more.
Regards,
Hopki
I have no idea what you are referring to, can you explain a bit more.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
Lower third typography
When we listening news channel you can see ,some animation typography appear from left side and move to right side screen.i need that effects.in responsive format.
In simple
Moving text animation left side to right side in output file
When we listening news channel you can see ,some animation typography appear from left side and move to right side screen.i need that effects.in responsive format.
In simple
Moving text animation left side to right side in output file
- 360Texas
- Moderator
- Posts: 3684
- Joined: Sat Sep 09, 2006 6:06 pm
- Location: Fort Worth, Texas USA
- Contact:
You wrote:
For the Tele (vison) it is called:
A news ticker (sometimes called a Crawler or Slide ) is a essentially Horizontal, Text based Display this on in the form of a Graphic that Commonly Occupy in the low third of the Screen Pass/Screen Space. Financial news avenue use two or more tickers advance at disparate speeds, advertise basic prices and job profession headlines.
But you already knew this....
I wrote:i need that effect in responsive format.
For the Tele (vison) it is called:
A news ticker (sometimes called a Crawler or Slide ) is a essentially Horizontal, Text based Display this on in the form of a Graphic that Commonly Occupy in the low third of the Screen Pass/Screen Space. Financial news avenue use two or more tickers advance at disparate speeds, advertise basic prices and job profession headlines.
But you already knew this....
Hi Panopics360,
Here is a sample file with a responsive lower third, is this what you are after?
https://p2vr.s3-ap-southeast-2.amazonaw ... index.html
The lower third is made up of several svg elements so they retain their quality when resizing for mobile.
Timers control the movement, reveal and alpha change of the lower third components.
There is also a link to an external site on the lower right text.
The lower third fades out after 5 seconds but can be restored by a mouse enter on the bottom right of the screen.
It is responsive for mobile phones, iPad and Desktop. Tested on Samsung S8, Samsung Galaxy Tab, iPad Air and iMac.
iPad Air
Samsung S8
cheers,
Tony
Here is a sample file with a responsive lower third, is this what you are after?
https://p2vr.s3-ap-southeast-2.amazonaw ... index.html
The lower third is made up of several svg elements so they retain their quality when resizing for mobile.
Timers control the movement, reveal and alpha change of the lower third components.
There is also a link to an external site on the lower right text.
The lower third fades out after 5 seconds but can be restored by a mouse enter on the bottom right of the screen.
It is responsive for mobile phones, iPad and Desktop. Tested on Samsung S8, Samsung Galaxy Tab, iPad Air and iMac.
iPad Air
Samsung S8
cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
- Hopki
- Gnome
- Posts: 13005
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi,
Ok, I was still not sure what a lower third was. Doing a Google search did not show any results but the keyword that was missing was banner!
Now I know, Lower Third Banner!
Every year I like to make a project for Christmas. This year is playing with text boxes and tour titles.
It will use Rectangles and text boxes and if I did not know any better I would have said Tony has seen it already as his project is very similar.
In between running around for Christmas, I hope to have it finished very soon.
Regards,
Hopki
Ok, I was still not sure what a lower third was. Doing a Google search did not show any results but the keyword that was missing was banner!
Now I know, Lower Third Banner!
Every year I like to make a project for Christmas. This year is playing with text boxes and tour titles.
It will use Rectangles and text boxes and if I did not know any better I would have said Tony has seen it already as his project is very similar.
In between running around for Christmas, I hope to have it finished very soon.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Hi,
Okay here's another version using the timer from Hopki's "Click & Drag" component.
https://p2vr.s3-ap-southeast-2.amazonaw ... index.html
When you move the pano the lower third is hidden, when you stop it shows again.
cheers,
Tony
Okay here's another version using the timer from Hopki's "Click & Drag" component.
https://p2vr.s3-ap-southeast-2.amazonaw ... index.html
When you move the pano the lower third is hidden, when you stop it shows again.
cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
ok sir i see both file amazing .thanks for support, can your skin
this is my website
http://panopics360.com/
this is my website
http://panopics360.com/
Sorry not quite sure what you mean by 'can your skin'?
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
Hi,
cheers,
Tony
Unfortunately it's a bit more complex than just the component so I'm writing up a tutorial for it. Should be done in a couple of days and I'll post a link once it's done.Can you share that skin components file
cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Hi,
I've just finished a two part tutorial "Responsive Animated Lower Third" tutorial. The tutorial comes with a complete set of files you can use to create the final responsive project.
https://tonyredhead.com/pano2vr/lower-third-part1
Part 1 deals with setting the Z-index of the elements in order to manage the stacking order when viewing the project. Normally you would simply arrange elements in their correct order in the tree however for better management of elements I've used containers to group related elements together and used their Z-index to manage the order.
Part 1 also covers the implementation of the Timers and Actions to move/change elements in a sequence. At the end of Part 1 we have a working, animated lower third.
Part 2 discusses how I chose the break size that determines at what point we require the responsive logic to apply to the banner and provides the logic to Scale the elements.
Part 2 also covers using a Timer to hide the banner when the panorama is being interacted with.
If you would like to test the final projects you can find them here...
Part 1: https://rebrand.ly/lower-third
Part 2: https://rebrand.ly/lower-third-active
cheers,
Tony
I've just finished a two part tutorial "Responsive Animated Lower Third" tutorial. The tutorial comes with a complete set of files you can use to create the final responsive project.
https://tonyredhead.com/pano2vr/lower-third-part1
Part 1 deals with setting the Z-index of the elements in order to manage the stacking order when viewing the project. Normally you would simply arrange elements in their correct order in the tree however for better management of elements I've used containers to group related elements together and used their Z-index to manage the order.
Part 1 also covers the implementation of the Timers and Actions to move/change elements in a sequence. At the end of Part 1 we have a working, animated lower third.
Part 2 discusses how I chose the break size that determines at what point we require the responsive logic to apply to the banner and provides the logic to Scale the elements.
Part 2 also covers using a Timer to hide the banner when the panorama is being interacted with.
If you would like to test the final projects you can find them here...
Part 1: https://rebrand.ly/lower-third
Part 2: https://rebrand.ly/lower-third-active
cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 64
- Joined: Thu Jun 21, 2018 11:15 pm
- Location: india
- Contact:
Thanks for information ,tutorial website also nice .nice workTony wrote: ↑Sun Dec 29, 2019 4:53 am Hi,
I've just finished a two part tutorial "Responsive Animated Lower Third" tutorial. The tutorial comes with a complete set of files you can use to create the final responsive project.
https://tonyredhead.com/pano2vr/lower-third-part1
Part 1 deals with setting the Z-index of the elements in order to manage the stacking order when viewing the project. Normally you would simply arrange elements in their correct order in the tree however for better management of elements I've used containers to group related elements together and used their Z-index to manage the order.
Part 1 also covers the implementation of the Timers and Actions to move/change elements in a sequence. At the end of Part 1 we have a working, animated lower third.
Part 2 discusses how I chose the break size that determines at what point we require the responsive logic to apply to the banner and provides the logic to Scale the elements.
Part 2 also covers using a Timer to hide the banner when the panorama is being interacted with.
If you would like to test the final projects you can find them here...
Part 1: https://rebrand.ly/lower-third
Part 2: https://rebrand.ly/lower-third-active
cheers,
Tony
Lot of information is inside your website .