a
We a team of artists, producers, brand strategists and marketing professionals dedicated to visual problem solving in all media, The Attic develops visual identities and branding strategies in broadcast, print, interactive and digital formats for a wide variety of clients, from cable networks to theme parks to regular TV advertisers and everything in between.
549 Water Street, Celebration FL, 34747
+1 (407) 491.5049
javier.beltran@theattic.tv
Follow Us
 

Image

[av_heading tag=’h1′ padding=’15’ heading=’Image Element’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]

[av_textblock size=” font_color=” color=” admin_preview_bg=”]
The image element can be animated and has various different style settings that can be applied, like border radius, overlay, hover effects, etc
[/av_textblock]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]

[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-6.jpg’ attachment=’867′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’left-to-right’ admin_preview_bg=”][/av_image]

[/av_one_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-1.jpg’ attachment=’866′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=’lightbox’ target=” caption=’yes’ font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’top-to-bottom’ admin_preview_bg=”]
Image with caption and link
[/av_image]
[/av_one_third]

[av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-9.jpg’ attachment=’865′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=” target=” caption=’yes’ font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#b02b2c’ overlay_text_color=’#ffffff’ animation=’right-to-left’ admin_preview_bg=”]
Coloured caption on hover
[/av_image]
[/av_one_third]

[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_textblock size=” font_color=” color=” admin_preview_bg=”]
Images can be linked to any destination and the captions text, as well as the caption background can be set to any color you want or need.
[/av_textblock]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_heading tag=’h2′ padding=’15’ heading=’Round Images’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’30’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]

[av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-3-180×180.jpg’ attachment=’864′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateIn’ admin_preview_bg=”][/av_image]
[/av_one_fifth]

[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-4-180×180.jpg’ attachment=’863′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg=”][/av_image]
[/av_one_fifth]

[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-2-180×180.jpg’ attachment=’862′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg=”][/av_image]
[/av_one_fifth]

[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-5-180×180.jpg’ attachment=’868′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpRight’ admin_preview_bg=”][/av_image]
[/av_one_fifth]

[av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”]
[av_image src=’http://theattic.tv/wp-content/uploads/2015/07/portfolio-7-180×180.jpg’ attachment=’869′ attachment_size=’square’ align=’center’ styling=’circle’ hover=” link=” target=” caption=” font_size=” appearance=’on-hover’ overlay_opacity=’0.8′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’av-rotateInUpLeft’ admin_preview_bg=”][/av_image]
[/av_one_fifth]

[av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_textblock size=” font_color=” color=” admin_preview_bg=”]
If an image is a square you can set the style to circular and it will appear as in the example above. Works also very well with rotation animation
[/av_textblock]