FAQ

Popular question: How to use area type tool?

Select the Area Type Tool (found in the drop-down menu of the Type Tool). Click anywhere on the path of the shape. A blinking cursor will appear which means the shape is ready to accept text. Type or paste your text into the shape and watch it conform to the boundaries of that shape.

Correspondingly, how do you do area type?

In this regard, how do you type a text using the area type?

Likewise, how do you use the type tool in Illustrator?

You asked, how do I use the vertical area tool in Illustrator?

Area Type means one of four specific land use categories reflecting certain land use and intensity characteristics used in specifying the interchange spacing standards for limited access facilities. Sample 1.

Contents

What is the function of type tool?

Type Tool. The Type Tools are what you will use when you want to add text to a Photoshop document. The Type Tool comes in four different variations and allows users to create both horizontal and vertical type. Note that whenever your create type in Photoshop, a new Type Layer will be added to your Layers Palette.

What is area text?

Definition and Usage. The tag defines a multi-line text input control. The <textarea> element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).</p> <h2><span id="How_do_I_type_in_an_area_in_Photoshop">How do I type in an area in Photoshop?</span></h2> </p> <p>Area type is added from the top of the bounding box. To add point type, click with a Type tool. To add area type, drag with a Type tool to create a rectangular type container to fill with text. Resizing the bounding box around point type scales the type.</p> <h2><span id="What_will_change_a_point_type_text_area_to_an_area_type">What will change a point type text area to an area type?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>If you copy Point Type, and then drag with the Type tool to make an Area Type container, you can paste you old text in and change it to Area Type.</p> <h2><span id="How_do_you_select_an_area_in_Illustrator">How do you select an area in Illustrator?</span></h2> </p> <p>Select the Direct Selection tool in the Toolbar and click to select artwork. You can then see the anchor points for the artwork. Select the Lasso tool by clicking and holding the Direct Selection tool in the Toolbar and then selecting the Lasso tool from the menu. Drag around the anchor points you want to select.</p> <h2><span id="How_do_I_type_on_a_path_in_Illustrator">How do I type on a path in Illustrator?</span></h2> </p> <ol> <li>In an Adobe Illustrator file, hold the Shift key and draw a circle using the Ellipse tool.</li> <li>Select Text tool and choose Type on a Path. Position the cursor on the circle where you want the text to appear.</li> <li>With the Type panel open, select the Character tab. Select a font and size.</li> </ol> </p> <h2><span id="How_do_you_fill_a_shape_with_text_in_Illustrator">How do you fill a shape with text in Illustrator?</span></h2> </p> <p><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/OB7rVNOimAg" data-id="OB7rVNOimAg" data-query="" data-alt=""></div><noscript><iframe style="width:100%;height:420px;" width="auto" height="auto" src="https://www.youtube.com/embed/OB7rVNOimAg"></iframe></noscript></p> <h2><span id="How_do_you_create_area_type_with_the_type_tool_in_Illustrator_or_Photoshop">How do you create area type with the type tool in Illustrator or Photoshop?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Select the Area Type Tool (found in the drop-down menu of the Type Tool). Click anywhere on the path of the shape. A blinking cursor will appear which means the shape is ready to accept text. Type or paste your text into the shape and watch it conform to the boundaries of that shape.</p> <h2><span id="What_is_vertical_area_type_tool">What is vertical area type tool?</span></h2> </p> <p>Area Type creates type that is inside an open or closed path. Type on a Path will create type along the outer edge of an open or closed path. Vertical Type works like the Type tool except the type is vertical. Vertical Type Area works like the Area Type tool except that it is vertical.</p> <h2><span id="How_do_you_use_the_vertical_type_tool">How do you use the vertical type tool?</span></h2> </p> <ol> <li>In the Toolbox, select the Vertical Type Tool.</li> <li>On the Options bar, set the font options: family (style), size, color and anti-aliasing method.</li> <li>Click on your image and type.</li> <li>While you are typing, the cursor looks like this , so you can adjust the typed text position without changing the tool.</li> </ol> </p> <h2><span id="What_is_the_uses_of_Photoshop">What is the uses of Photoshop?</span></h2> </p> <p>Adobe Photoshop is a software used for editing photographs, compositing digital art, animating, and graphic design. Adobe photoshop comes with professional tools that makes it easier for artists to bring their ideas to life.</p> <h2><span id="What_is_the_use_of_Type_tool_Class_8">What is the use of Type tool Class 8?</span></h2> </p> <p>The Drawing and Type tools create and alter vector objects. Drawing tools work on vector paths, which are vector-based outlines you can turn into selections. Using the Options bar, choose whether to draw paths or shape layers. Type is created in type layers that can be transformed, warped, and even set along paths.</p> <h2><span id="What_are_the_four_options_of_type_tool">What are the four options of type tool?</span></h2> </p> <p>Type Basics: The Type Tools. Photoshop offers four related tools for adding type to an image (see Figure 5). The Horizontal Type tool (usually referred to as simply the Type tool), the Vertical Type tool, the Horizontal Type Mask tool, and the Vertical Type Mask tool are shown in their fly-out palette.</p> <h2><span id="Why_are_type_tools_important_in_Illustrator">Why are type tools important in Illustrator?</span></h2> </p> <p>Found in the left-hand toolbar, the Type Tool (T) is inarguably one of the most important tools within Adobe Illustrator. With it, you can type out lines of horizontal text or align text to follow a vector path, to name just a few functions. Once activated, click and drag a text box to act as a boundary for your text.</p> <h2><span id="How_do_I_display_textarea_content_in_HTML">How do I display textarea content in HTML?</span></h2> </p> <p>Use the <textarea> tag to show a text area. The HTML <textarea> tag is used within a form to declare a textarea element – a control that allows the user to input text over multiple rows. Specifies that on page load the text area should automatically get focus.</p> <div class="crp_related crp-text-only"><h3>People also ask:</h3><ul><li><a href="https://www.thepicpedia.com/other-photo-softwares/illustrator/what-is-area-type-tool-in-illustrator/" class="crp_link post-44784"><span class="crp_title">What is area type tool in illustrator ?</span></a></li><li><a href="https://www.thepicpedia.com/other-photo-softwares/snapseed/snapseed-which-tool-for-whitening-area-in-photo/" class="crp_link post-7213"><span class="crp_title">Snapseed which tool for whitening area in photo</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-use-horizontal-type-mask-tool-in-photoshop/" class="crp_link post-12855"><span class="crp_title">How to use horizontal type mask tool in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/lightroom/in-which-area-of-lightroom-can-select-which-icc-profile-you-will-use-for-printing/" class="crp_link post-47255"><span class="crp_title">In which area of lightroom can select which icc profile you will use for printing ?</span></a></li><li><a href="https://www.thepicpedia.com/faq/popular-question-how-to-type-inches-symbol/" class="crp_link post-53908"><span class="crp_title">Popular question: How to type inches symbol?</span></a></li><li><a href="https://www.thepicpedia.com/faq/popular-question-how-to-type-inches/" class="crp_link post-53911"><span class="crp_title">Popular question: How to type inches?</span></a></li></ul><div class="crp_clear"></div></div><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://www.thepicpedia.com/faq/how-many-computers-can-i-use-creative-cloud-on/" target="_blank" rel="dofollow" class="u96b4c23a6dfc65ad520005c852f60b68"><style> .u96b4c23a6dfc65ad520005c852f60b68 , .u96b4c23a6dfc65ad520005c852f60b68 .postImageUrl , .u96b4c23a6dfc65ad520005c852f60b68 .centered-text-area { min-height: 80px; position: relative; } .u96b4c23a6dfc65ad520005c852f60b68 , .u96b4c23a6dfc65ad520005c852f60b68:hover , .u96b4c23a6dfc65ad520005c852f60b68:visited , .u96b4c23a6dfc65ad520005c852f60b68:active { border:0!important; } .u96b4c23a6dfc65ad520005c852f60b68 .clearfix:after { content: ""; display: table; clear: both; } .u96b4c23a6dfc65ad520005c852f60b68 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E67E22; } .u96b4c23a6dfc65ad520005c852f60b68:active , .u96b4c23a6dfc65ad520005c852f60b68:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #D35400; } .u96b4c23a6dfc65ad520005c852f60b68 .centered-text-area { width: 100%; position: relative; } .u96b4c23a6dfc65ad520005c852f60b68 .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u96b4c23a6dfc65ad520005c852f60b68 .postTitle { color: #2C3E50; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u96b4c23a6dfc65ad520005c852f60b68 .ctaButton { background-color: #D35400!important; color: #ECF0F1; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://www.thepicpedia.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u96b4c23a6dfc65ad520005c852f60b68:hover .ctaButton { background-color: #E67E22!important; } .u96b4c23a6dfc65ad520005c852f60b68 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u96b4c23a6dfc65ad520005c852f60b68 .u96b4c23a6dfc65ad520005c852f60b68-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u96b4c23a6dfc65ad520005c852f60b68:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u96b4c23a6dfc65ad520005c852f60b68-content"><span class="ctaText">See also</span> <span class="postTitle">How many computers can i use creative cloud on?</span></div></div></div><div class="ctaButton"></div></a></div> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> </div> <div id="post-extra-info"> <div class="theiaStickySidebar"> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2022-05-31T18:47:51+00:00","datePublished":"2022-05-31T18:47:51+00:00","dateModified":"2022-05-31T18:47:51+00:00","headline":"Popular question: How to use area type tool?","name":"Popular question: How to use area type tool?","keywords":[],"url":"https:\/\/www.thepicpedia.com\/faq\/popular-question-how-to-use-area-type-tool\/","description":"Select the Area Type Tool (found in the drop-down menu of the Type Tool). Click anywhere on the path of the shape. A blinking cursor will appear which means the shape is ready to accept text. Type or","copyrightYear":"2022","articleSection":"FAQ","articleBody":"Select the Area Type Tool (found in the drop-down menu of the Type Tool). Click anywhere on the path of the shape. A blinking cursor will appear which means the shape is ready to accept text. Type or paste your text into the shape and watch it conform to the boundaries of that shape.Correspondingly, how do you do area type? In this regard, how do you type a text using the area type? Likewise, how do you use the type tool in Illustrator? You asked, how do I use the vertical area tool in Illustrator? Area Type means one of four specific land use categories reflecting certain land use and intensity characteristics used in specifying the interchange spacing standards for limited access facilities. Sample 1.What is the function of type tool?Type Tool. The Type Tools are what you will use when you want to add text to a Photoshop document. The Type Tool comes in four different variations and allows users to create both horizontal and vertical type. Note that whenever your create type in Photoshop, a new Type Layer will be added to your Layers Palette.What is area text?Definition and Usage. The tag defines a multi-line text input control. The element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).How do I type in an area in Photoshop?Area type is added from the top of the bounding box. To add point type, click with a Type tool. To add area type, drag with a Type tool to create a rectangular type container to fill with text. Resizing the bounding box around point type scales the type.What will change a point type text area to an area type?If you copy Point Type, and then drag with the Type tool to make an Area Type container, you can paste you old text in and change it to Area Type.How do you select an area in Illustrator?Select the Direct Selection tool in the Toolbar and click to select artwork. You can then see the anchor points for the artwork. Select the Lasso tool by clicking and holding the Direct Selection tool in the Toolbar and then selecting the Lasso tool from the menu. Drag around the anchor points you want to select.How do I type on a path in Illustrator?In an Adobe Illustrator file, hold the Shift key and draw a circle using the Ellipse tool.Select Text tool and choose Type on a Path. Position the cursor on the circle where you want the text to appear.With the Type panel open, select the Character tab. Select a font and size.How do you fill a shape with text in Illustrator?How do you create area type with the type tool in Illustrator or Photoshop?Select the Area Type Tool (found in the drop-down menu of the Type Tool). Click anywhere on the path of the shape. A blinking cursor will appear which means the shape is ready to accept text. Type or paste your text into the shape and watch it conform to the boundaries of that shape.What is vertical area type tool?Area Type creates type that is inside an open or closed path. Type on a Path will create type along the outer edge of an open or closed path. Vertical Type works like the Type tool except the type is vertical. Vertical Type Area works like the Area Type tool except that it is vertical.How do you use the vertical type tool?In the Toolbox, select the Vertical Type Tool.On the Options bar, set the font options: family (style), size, color and anti-aliasing method.Click on your image and type.While you are typing, the cursor looks like this , so you can adjust the typed text position without changing the tool.What is the uses of Photoshop?Adobe Photoshop is a software used for editing photographs, compositing digital art, animating, and graphic design. Adobe photoshop comes with professional tools that makes it easier for artists to bring their ideas to life.What is the use of Type tool Class 8?The Drawing and Type tools create and alter vector objects. Drawing tools work on vector paths, which are vector-based outlines you can turn into selections. Using the Options bar, choose whether to draw paths or shape layers. Type is created in type layers that can be transformed, warped, and even set along paths.What are the four options of type tool?Type Basics: The Type Tools. Photoshop offers four related tools for adding type to an image (see Figure 5). The Horizontal Type tool (usually referred to as simply the Type tool), the Vertical Type tool, the Horizontal Type Mask tool, and the Vertical Type Mask tool are shown in their fly-out palette.Why are type tools important in Illustrator?Found in the left-hand toolbar, the Type Tool (T) is inarguably one of the most important tools within Adobe Illustrator. With it, you can type out lines of horizontal text or align text to follow a vector path, to name just a few functions. Once activated, click and drag a text box to act as a boundary for your text.How do I display textarea content in HTML?Use the tag to show a text area. The HTML tag is used within a form to declare a textarea element - a control that allows the user to input text over multiple rows. Specifies that on page load the text area should automatically get focus.","publisher":{"@id":"#Publisher","@type":"Organization","name":"ThePicPedia","logo":{"@type":"ImageObject","url":"https:\/\/www.thepicpedia.com\/wp-content\/uploads\/2021\/10\/logo-picpedia-21-23.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.thepicpedia.com\/faq\/popular-question-how-to-use-area-type-tool\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"PicPediaNow","url":"https:\/\/www.thepicpedia.com\/author\/PicPediaNow\/"}}</script> </article> <div class="post-components"> </div> </div> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="Primary Sidebar"> <div class="theiaStickySidebar"> <div id="stream-item-widget-5" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://www.thepicpedia.com/wp-content/cache/min/1/0a/bf/8e/0abf8e01281b4b35594ac4ad440f69e0.js?ver=1669622695' defer></script></div><div class="clearfix"></div></div><div id="search-2" class="container-wrapper widget widget_search"><form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form><div class="clearfix"></div></div><div id="stream-item-widget-3" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="posts-list-widget-3" class="container-wrapper widget posts-list"><div class="widget-title the-global-title"><div class="the-subtitle">Trending</div></div><div class="widget-posts-list-wrapper"><div class="widget-posts-list-container" ><ul class="posts-list-items widget-posts-wrapper"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Make Obama’s Hope poster using Photoshop" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/">Make Obama’s Hope poster using Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Red and Blue Effect with Photoshop" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/">Red and Blue Effect with Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Work faster with Procreate by knowing these simple tips" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/">Work faster with Procreate by knowing these simple tips</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="9 secrets to make beautiful Instagram photos + 10 examples" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/">9 secrets to make beautiful Instagram photos + 10 examples</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/">Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="How emoji can help create a more empathetic world, for all of us 💞" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/">How emoji can help create a more empathetic world, for all of us 💞</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Review of Filmora Wondershare 9" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/">Review of Filmora Wondershare 9</a> <div class="post-meta"> </div> </div> </li> </ul></div></div><div class="clearfix"></div></div><div id="stream-item-widget-4" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="stream-item-widget-2" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div> </div> </aside> </div></div> <div class="container full-width related-posts-full-width"> <div class="tie-row"> <div class="tie-col-md-12"> <div id="related-posts" class="container-wrapper"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/frequent-question-evernote-how-to-move-a-notebook-to-a-stack/">Frequent question: Evernote how to move a notebook to a stack ?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-open-a-cdr-file/">How to open a cdr file?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-backup-lightroom-to-external-hard-drive-2/">How to backup lightroom to external hard drive?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-to-embed-a-hyperlink-in-a-jpeg/">How to embed a hyperlink in a jpeg?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/question-how-to-add-gradient-to-text-in-illustrator/">Question: How to add gradient to text in illustrator?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/quick-answer-how-to-rotate-a-selection-in-photoshop/">Quick Answer: How to rotate a selection in photoshop?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/quick-answer-how-to-create-a-transparent-background-in-illustrator-2/">Quick Answer: How to create a transparent background in illustrator?</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/faq/how-do-i-change-spreads-to-single-pages-in-indesign/">How do i change spreads to single pages in indesign?</a></h3> <div class="post-meta clearfix"></div> </div> </div> </div> </div> </div> </div> <div class="adsbygoogle Ad-Container sidebar-ad ad-slot" data-ad-manager-id="1" data-ad-module="1" data-ad-width="100" data-adblockkey="200" data-advadstrackid="1"> <div style="z-index:-1; height:0; width:1px; visibility: hidden; bottom: -1px; left: 0;"></div> </div> <div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">ThePicPedia is a site that includes thousands of questions and answers about photos, videos, digital art, software used for those topics. So you'll learn how to use Photoshop, Lightroom, Canva, Adobe premier, filmora9, Snapseed, Clip Studio Paint, Ibis paint, Krita, and much more! You will find all the answers you are looking for here. Enjoy your visit!</div><div class="copyright-text copyright-text-second">© Copyright 2024, All Rights Reserved | <span style="color:red;" class="tie-icon-heart"></span> <a href="https://www.thepicpedia.com/" target="_blank" rel="nofollow noopener">ThePicPedia</a> </div><div class="footer-menu"><ul id="menu-mnu-footer" class="menu"><li id="menu-item-24787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24787"><a href="https://www.thepicpedia.com/about-us/">About us</a></li> <li id="menu-item-24786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24786"><a href="https://www.thepicpedia.com/privacy-policy-2/">-Privacy Policy-</a></li> <li id="menu-item-24791" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24791"><a href="https://www.thepicpedia.com/contact-us/">Contact us</a></li> </ul></div> </div> </div> </div> </div> </footer> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Back to top button</span> </a> </div> <aside class=" side-aside normal-side dark-skin dark-widgetized-area is-fullwidth appear-from-left" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Close</span> </a> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div> <div id="mobile-menu" class="hide-menu-icons"> </div> </div> </div> </aside> </div> </div> <div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Search"> <form method="get" class="tie-popup-search-form" action="https://www.thepicpedia.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Search for" autocomplete="off" placeholder="Search for" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Search for</span> </button> </form> </div> </div> </div> <link rel='stylesheet' id='toc-screen-css' href='https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=2309' type='text/css' media='all' /> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.thepicpedia.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/www.thepicpedia.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"light","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"","select_share_twitter":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"true","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="tie-scripts-js-after">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ jQuery.ajax({ type : "GET", url : "https://www.thepicpedia.com/wp-admin/admin-ajax.php", data : "postviews_id=53681&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); /* ]]> */ });</script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=1664498106" id="tie-js-ilightbox-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/js/shortcodes.js?ver=1664498106" id="tie-js-shortcodes-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js" defer></script> <script type="text/javascript" id="toc-front-js-extra"> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2309" id="toc-front-js" defer></script> <script type="rocketlazyloadscript"> WebFontConfig ={ google:{ families: [ 'Lora::latin', 'Coustard:600,regular:latin', 'Karla::latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="tie-popup-adblock" class="tie-popup is-fixed-popup"> <div class="tie-popup-container"> <div class="container-wrapper"> <span class="tie-adblock-icon tie-icon-ban" aria-hidden="true"></span> <h2>Adblock Detected</h2> <div class="adblock-message"> Please disable your ad blocker to be able to view the page content. For an independent site with free content, it's literally a matter of life and death to have ads. Thank you for your understanding! Thanks </div> </div> </div> </div> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.thepicpedia.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>