Информация

JavaScript должен быть включен. С отключенным JavaScript функционал форума недоступен.
</noscript> <!-- Мгновенные уведомления © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <!-- посты из важных тем --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [2921,6505]}); </script> <script>notifications.load('subscriptions');</script><!-- подписки на форум/тему --> <script>notifications.load('fields', {fields: [1, 2], emptyNotify: true})</script><!-- изменения в полях профиля --> <script>notifications.load('mentions');</script><!-- упоминания --> <script>notifications.load('reports');</script><!-- Жалобы --> <script>notifications.load('new_user')</script><!-- регистрация юзеров --> <script>notifications.addons.tgbot.noInvite = true;</script> <!-- убрать подсказку про телегу --> <script>notifications.load('premod')</script><!-- премодерация --> <!-- Голосовые сообщения © Alex_63, 2024 --> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/voice.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/voice.js"></script> <script>voice.startOnOpen = false</script> <style> .voice-modal .container { overflow: hidden; } </style> <!-- иконки font awesome --> <script src="https://kit.fontawesome.com/f50f12bcbf.js" crossorigin="anonymous"></script> <!-- free --> <script src="https://kit.fontawesome.com/c06ba4bb64.js" crossorigin="anonymous"></script> <!-- pro --> <!-- Скрипт для создания анкет © Alex_63 --> <style> .postlink a[href*="questionary"] {background: #f98561; border-bottom: 6px solid #e63737;} .postlink a[href*="questionary"]:hover {background: #e63737;} </style> <script type="text/javascript"> var Questnr = {}; Questnr.groups = [1,2,6,12,16]; //Группы, которым разрешено создавать шаблоны для анкет Questnr.forums = [4,5,6,19,2,22,108,121,1,144,90,179,151,133,184,123]; //Форумы с допуском к анкетированию Questnr.title = 'Заказ от '; //Начало заголовка темы с анкетой (по умолчанию) Questnr.noedit = 0; //Запрет редактирования заполненной анкеты пользователем </script> <script type="text/javascript"> ['viewforum','viewtopic','post','edit','searchposts'].indexOf($('.punbb')[0].id.substr(4))!=-1&& $().pun_mainReady(function(){var s='script',l='/files/0007/e3/f7/32678.js'; var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last'); f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')}); </script> <script> //работающий у всех кроме динозавров вариант //Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)?.[1]]; //текущая тема var curReplyMatch = $('link[rel="alternate"]')[0].href.match(/id=(\d+)$/); //если нашел текущую тему - массив, иначе 0 if (curReplyMatch) { Questnr.allowReply = [+curReplyMatch[1]]; } </script> <script> // Проверенные спецы var verifiedData = [ { id: '2', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>UI/UX дизайн</b>, <b>CSS/Верстка</b>, Javascript">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7032', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7907', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7006', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>Вебдизайн</b>, <b>Графический дизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7181', color: 'orange', fld: '<span class="material-symbols-outlined red rus" title="Ведущий специалист: <b>DigitalArt</b> - цифровой рисунок, pixelart, анимация">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7130', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>CSS/Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '7639', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6797', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '6489', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>PHP/Javascript</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '8926', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>, <b>Верстка</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' }, { id: '5063', color: 'orange', fld: '<span class="material-symbols-outlined orange rus" title="Проверенный специалист: <b>Вебдизайн</b>">verified</span><span class="material-symbols-outlined orange eng" title="Qualified developer">verified</span>' } ]; // Должности var dutyData = [ { id: '2', color: 'red', fld: '<li class="fd-duty rus">Администратор ТО</li><li class="fd-duty eng">System support administrator</li>', }, { id: '8926', color: 'red', fld: '<li class="fd-duty rus">Админ поддержки пользователей</li><li class="fd-duty eng">User Support Administrator</li>', }, { id: '7842', color: 'green', fld: '<li class="fd-duty rus">Модератор каталога графики</li><li class="fd-duty eng">Graphics Catalog Moderator</li>', }, { id: '7151', color: 'green', fld: '<li class="fd-duty rus">Модератор ролевых разделов</li><li class="fd-duty eng">Role-Playing Sections Moderator</li>', }, { id: '6995', color: 'green', fld: '<li class="fd-duty rus">Модератор стримов</li><li class="fd-duty eng">Streams Moderator</li>' } ]; // группы с доступом к закладкам var BookmGroups = [1,2,6,16,4,8,12]; </script> <!-- Редирект на портал --> <script> var portal = '/pages/index'; var TimeRedirect = 24*60*60; //Редирект при последнем посещении более суток var url = document.URL.split('#')[0]; if(!localStorage.LastVisit || RequestTime-localStorage.LastVisit > TimeRedirect){ if((url+'%a').split('/%')[1]=='a'&&url.indexOf('mod')==-1)location.href=portal; }localStorage.LastVisit = RequestTime; $(document).ready(function(){ var a = $('#pun-navlinks #navindex a')[0]; a.href = a.href+'=&forum' }); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93794845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93794845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> <div id="pun-title" class="section"> <table id="title-logo-table" cellspacing="0"> <tbody id="title-logo-tbody"> <tr id="title-logo-tr"> <td id="title-logo-tdl" class="title-logo-tdl"> <h1 class="title-logo"><span>ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</span></h1> </td> <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td> </tr> </tbody> </table> </div> <div id="pun-navlinks" class="section"> <h2><span>Меню навигации</span></h2> <ul class="container"> <li id="navindex"><a href="https://forumd.ru/"><span>Форум</span></a></li> <li id="navuserlist"><a href="https://forumd.ru/userlist.php" rel="nofollow"><span>Участники</span></a></li> <li id="navrules"><a href="https://forumd.ru/misc.php?action=rules" rel="nofollow"><span>Правила</span></a></li> <li id="navsearch"><a href="https://forumd.ru/search.php" rel="nofollow"><span>Поиск</span></a></li> <li id="navregister"><a href="https://forumd.ru/register.php" rel="nofollow"><span>Регистрация</span></a></li> <li id="navlogin"><a href="https://forumd.ru/login.php" rel="nofollow"><span>Войти</span></a></li> </ul> </div> <div id="pun-ulinks" class="section" onclick="void(0)"> <h2><span>Пользовательские ссылки</span></h2> <ul class="container"> <li class="item1"><a href="https://forumd.ru/search.php?action=show_recent">Активные темы</a></li> </ul> </div> <!--noindex--> <div id="pun-announcement" class="section"> <h2><span>Объявление</span></h2> <div class="container"> <div class="html-box"> <!-- Юзер-меню --> <div id="user-menu" class="side-menu"> <div class="close"><i class="material-symbols-outlined">cancel</i></div> <div class="u-ava"></div> <div class="fd-guest g-inf rus"> <b>РЕГИСТРАЦИЯ</b> на форуме позволит: <li>скачивать <i>дизайны</i> и видеть <i>коды скриптов</i></li> <li>оставлять <i>ссылки</i> на сайты/картинки</li> <li><i>оформлять</i> заказы</li> <li>отправлять <i>личные</i> сообщения</li> <li><i>рекламировать</i> свои форумы/сайты или услуги</span> </div> <div class="fd-guest g-inf eng"> <b>REGISTRATION</b> on the forum allows you to: <li>download <i>designs</i> and view <i>script codes</i></li> <li>leave <i>links</i> to websites/images</li> <li><i>place</i> orders</li> <li>send <i>private</i> messages</li> <li><i>advertise</i> your forums/websites or services</li> </div> <ul class="u-menu"> <li class="fd-guest rus"><a href='/register.php'><span class='material-icons'>person</span> Регистрация</a></li> <li class="fd-guest rus"><a href='/login.php'><span class='material-icons'>login</span> Вход</a></li> <li class="fd-guest rus"><a href='/viewtopic.php?id=4506'><span class='material-icons'>message</span> Обратная связь</a></li> <li class="fd-guest eng"><a href='/register.php'><span class='material-icons'>person</span> Register</a></li> <li class="fd-guest eng"><a href='/login.php'><span class='material-icons'>login</span> Login</a></li> <li class="fd-guest eng"><a href='/viewtopic.php?id=7165'><span class='material-icons'>message</span> Feedback</a></li> </ul> </div> <!-- Сайдбар --> <div id="sidebar" class="rus"> <div class="u-ava" title="Меню профиля"></div> <div class="u-notif fd-user icon remake" title="Уведомления" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Личные сообщения"></div> <!-- --> <div class="u-options icon moderator-ann"> <i class="material-symbols-outlined dark" title="Включить темную тему">dark_mode</i> <i class="material-symbols-outlined light" title="Включить светлую тему">light_mode</i> </div> <div class="u-arrow icon"> <div class="rus" title="Наверх страницы" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="rus" title="Вниз страницы" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <div id="sidebar" class="eng"> <div class="u-ava" title="Profile menu"></div> <div class="u-notif fd-user icon remake" title="Notifications" id="notify-link" data-number-unread="0"> <a><em class="notify-link"><strong class="unreads">0</strong></em></a> </div> <div class="u-pm fd-user icon remake" title="Private messages"></div> <div class="u-arrow icon"> <div class="eng" title="Scroll to top" id="ToTop"><i class="material-symbols-outlined">arrow_circle_up</i></div> <div class="eng" title="Scroll to bottom" id="OnBottom"><i class="material-symbols-outlined">arrow_circle_down</i></div> </div> </div> <!--кнопки стрелки вверх вниз--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop.rus").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.rus").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) $("#ToTop.eng").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom.eng").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- Меню --> <div id="nav"><ul class="inner"> <li id="logo"></li> <li id="navindex"><a href="/pages/index"><i class="material-symbols-outlined">home</i><span class="rus">Главная</span><span class="eng">Home</span></a></li> <li id="navforum"><a href="/=&forum"><i class="material-symbols-outlined">forum</i><span class="rus">Форум</span><span class="eng">Forum</span></a></li> <li id="navactive"><a href="/search.php?action=show_recent"><i class="material-symbols-outlined">chat</i><span class="rus">Активные темы</span><span class="eng">Active topics</span></a></li> <li id="navmembers"><a href="/userlist.php"><i class="material-symbols-outlined">group</i><span class="rus">Участники</span><span class="eng">Members</span></a></li> <li id="navsearch"><a href="/search.php"><i class="material-symbols-outlined">search</i><span class="rus">Поиск</span><span class="eng">Search</span></a></li> <li id="navadmin"><a href="/admin_index.php"><i class="material-symbols-outlined">shield_person</i><span class="rus">Админка</span><span class="eng">Admin</span></a></li> <li id="navguest"><a href="/register.php"><i class="material-symbols-outlined">passkey</i><span class="rus">Регистрация</span><span class="eng">Register</span></a></li> <li id="navguest"><a href="/login.php"><i class="material-symbols-outlined">login</i><span class="rus">Вход</span><span class="eng">Login</span></a></li> </ul></div> <!-- Смена языка --> <div id="langChange"><a class="material-icons">language</a><span class="eng"><b>Eng</b>/<a>Ru</a></span><span class="rus"><a>Eng</a>/<b>Ru</b></span></div> <!-- СЛАЙДЕР --> <div class="fd-slider"><!-- НАЧАЛО --> <div class="slide rus" data-bg="https://forumupload.ru/uploads/001c/36/53/2/999708.png"> <div class="content"> <h3>&#9728;&#65039; WAFFLE - <b>Самый яркий форум!</b></h3> <p style="white-space: unset;color: #fff;"> Лето - это маленькая жизнь! У нас лето в дизайне, в каждом профиле, графика, летние конкурсы, всё дарит ощущения самого тёплого сезона. Мы предлагаем вам парочку свежайших вафель, перед вами самый главный выбор в вашей жизни - с черничным вареньем или кленовым сиропом? </p> <a id="store" class="rebbutton" href="https://thewaffle.ru/" target="_blank">Перейти</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/993126.jpg"> <div class="content"> <h3>&#10084;&#65039; Поддержи проект! Стань модератором!</h3> <p> Разыскиваются модераторы на должности: <br> Модератор вебмастерских разделов, Ассистент англоязычной версии, Видеомонтажер и другие<br> <a href="/viewtopic.php?id=5787#p134326">Посмотреть вакансии и условия.</a> </p> <a id="store" href="/viewtopic.php?id=5787#p134326">Подать заявку</a> </div> </div> <div class="slide rus" data-bg="https://forumstatic.ru/files/0007/e3/f7/29500.jpg"> <div class="content"> <h3>&#128176; Мгновенные уведомления от <b>Alex_63</b> для <b>MyBB.ru</b></h3> <p> Этот скрипт оповещает пользователей о событиях на форуме в реальном времени. <br> Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений. <br> Мы принимаем <b>все способы оплаты из любых стран</b>. </p> <a id="store" href="/viewtopic.php?id=8045">Подробности</a> </div> </div> <div class="slide rus" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/435761.jpg"> <div class="content"> <h3>&#128140; <b>Акция!</b> Подписка, лайк, коммент, репост!</h3> <p> В рамках акции вы можете помочь нам в продвижении и заработать НАГРАДНЫЕ БАЛЛЫ.<br> НБ можно обменивать на платные скрипты, скидки на заказы, рекламу на нашем форуме и т.д. <br> Подробнее о том, где еще можно потратить баллы, можно <a href="https://forumd.ru/viewtopic.php?id=8324#p206561">в теме акции</a>. </p> <a id="store" href="https://forumd.ru/viewtopic.php?id=8324#p206561">Участвовать</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>&#127775; SPECIAL OFFER: We distribute designs for free</h3> <p> Finalizing the layout for your project;<br> Developing a style code; <br> Mobile version included if you wish.<br> </p> <a id="store" href="/viewtopic.php?id=7243">Details</a> </div> </div> <div class="slide eng" data-bg="https://forumupload.ru/uploads/0007/e3/f7/2/209339.jpg"> <div class="content"> <h3>&#10084;&#65039; Support the project</h3> <p> If you want to help us:<br> <a href=/viewtopic.php?id=5787>Become a moderator</a><br> <a href="/viewtopic.php?id=7167">Suggestions</a> &#8226; <a href="/viewtopic.php?id=7168">Reviews</a> </p> <a id="store" href="/viewtopic.php?id=6616">Details</a> </div> </div> <!-- КОНЕЦ --><div class="fd-slider-dots"></div></div> <div class="bot-hr"></div> <!-- мини объявы --> <!-- --> <div id="ann" class="rus">Требуются модераторы! <a href="https://forumd.ru/viewtopic.php?id=5787#p134326" target='blank'>Посмотреть вакансии и подать заявку.</a> Денежную оплату и "плюшки" гарантируем &#128178; </div> <!-- <div id="ann" class="rus"> &#10071; &#10071; &#10071; На форуме временные проблемы с регистрацией пользователей! &#10071; &#10071; &#10071; <br> Если вам не пришел пароль от аккаунта на почту пишите сюда свой никнейм и e-mail: <a href="/viewtopic.php?id=4506" target='blank'>Диалог с администрацией</a> <br>Администраторы зарегистрируют и активируют аккаунт вручную. </div> --> <!-- <div id="ann" class="rus"> &#127912; Баттл графистов: <a href="/viewtopic.php?id=8250" target='blank'>проголосуйте за понравившуюся работу</div> --> <!-- <div id="ann" class="rus"> &#127876; <a href="/viewtopic.php?id=2921&p=21#p191508" target='blank'>Подборка новогодних украшений вашего проекта</a></div> --> <!-- --><div id="ann" class="eng"> &#10071; &#10071; &#10071; Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, <a href="https://i.imgur.com/mg0OGtT.png" target='blank'>switch to the russian language.</a> This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience. </div> <!-- <div id="ann" class="rus moderator-ann">Пожалуйста <a href="/viewtopic.php?id=7206" target='blank'>заполните анкету</a> и расскажите о вашей готовности к англоязычным пользователям. </div> --> <!-- Скрипт слайдера --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/14086.js?v=2" async></script> </div> </div> </div> <!--/noindex--> <div id="pun-status" class="section"> <h2><span>Информация о пользователе</span></h2> <p class="container"> <span class="item1">Привет, Гость!</span> <span class="item2"><a href="/login.php" rel="nofollow">Войдите</a> или <a href="/register.php" rel="nofollow">зарегистрируйтесь</a>.</span> </p> </div> <div id="pun-break1" class="divider"><hr /></div> <div id="pun-crumbs1" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=7">Библиотека статей, гайдов, уроков</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=149">Уроки Photoshop, графика, арт</a> <em>&#187;&#160;</em>Портретное кадрирование и интерполяция (Урок Photoshop)</p> </div> <div id="pun-break2" class="divider"><hr /></div> <!-- banner_mini_top --> <div id="pun-main" class="main multipage"> <h1><span>Портретное кадрирование и интерполяция (Урок Photoshop)</span></h1> <div class="linkst"> <div class="pagelink">Страница: <strong>1</strong></div> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=6639" rel="nofollow">Ответить</a></span></div> </div> <div id="topic_t6639" class="topic pinned"> <h2><span class="item1">Сообщений</span> <span class="item2">1 страница 1 из 1</span></h2> <div id="p159986" class="post topicpost endpost topic-starter" data-posted="1629885057" data-user-id="6822" data-group-id="8"> <h3><span><a class="sharelink" rel="nofollow" href="#p159986" onclick="return false;">Поделиться</a><strong>1</strong><a class="permalink" rel="nofollow" href="https://forumd.ru/viewtopic.php?id=6639#p159986">25.08.21 12:50</a></span></h3> <div class="container"> <div class="post-author topic-starter"> <ul> <li class="pa-author"><span class="acchide">Автор:&nbsp;</span><a href="https://forumd.ru/profile.php?id=6822" rel="nofollow">Automation Baby</a></li> <li class="pa-title">Атаманша</li> <li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/0007/e3/f7/6822-1718740142.jpg" alt="Automation Baby" title="Automation Baby" /></li> <li class="pa-last-visit"><span class="fld-name">Последний визит:</span><br />18.07.24 10:58</li> <li class="pa-respect"><span class="fld-name">Уважение:</span> <span>+9004</span></li> </ul> </div> <div class="post-body"> <div class="post-box"> <div id="p159986-content" class="post-content"> <p style="text-align:center;"><strong><a href="http://emotiondigital.artbb.me/viewtopic.php?id=607" rel="nofollow ugc" target="_blank">©&nbsp; Pulse</a></strong></p> <p><span style="font-style: italic">Перед вами супер-полезный и крутой гайд для фотографов и авартармейкеров! В нём часто используется слово кроп. Что это значит? </span></p><div class="quote-box quote-main"><blockquote><p>Кроп — жаргонное название «вырезанного» фрагмента из изображения, (например, Кроп 1:1 — фрагмент фотографии без уменьшения, «пиксел в пиксел»).</p></blockquote></div><p><em class="bbuline">И последнее: все картинки увеличиваются по клику. А теперь, к материалу!</em></p> <p>Этот&nbsp; урок прежде всего будет полезен новичкам, хотя и опытные мастера, возможно, откроют для себя что-то новое.<br />Замечу, что огромное количество пользователей ошибочно считают кадрирование обработкой, обрезанием на компьютере в графическом редакторе фотографии/картинки. Нет, это не так. Кадрирование - выбор правильного ракурса, направления и размещения объектов на снимке&nbsp; фотографом (или определённого размещения композиции на холсте художником). Обрезание, кроп, любая последующая обработка в графических редакторах - это всего лишь следствие, вынужденная мера. Но тем не менее, не всем дано стать профессиональными фотографами, не у всех есть возможность и средства. Поэтому нам, мастерам дизайн-студий, приходится волей-неволей использовать для своих творений готовые картинки, фотографии с каких-либо фотосессий, даже любительскую съёмку и рисунки.</p> <p>Как говорится: &quot;Одно из важных отличий фотографа от художника в том, что художник включает в картину то, что хочет там видеть, а фотограф стремится исключить из кадра всё, что он там увидеть не хочет&quot;.</p> <p>Здесь нам предстоит изучить несколько простых приёмов кадрирования портретов, ведь изображения с людьми будоражат сознание человека сильнее других картинок. Происходит это на подсознательном уровне, в первую очередь, если в кадре присутствует человек, -внимание будет обращено на него: на выражение лица, мимику, эмоции, на позу, в которой он запечатлён.</p> <p>Выбирая нужный ракурс, делая акцент на отдельных участках кропа,&nbsp; мы получим правильно скадрированный портрет.</p> <p>Для начала, рассмотрим основные приёмы портретного кадрирования: </p><div class="prev" id="block-159986-1"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/EpaCrBA.jpg" alt="https://i.imgur.com/EpaCrBA.jpg" /></p></div><ul style="list-style: disc"><li><p><strong>Лицо.</strong> Как мы все знаем, глаза&nbsp; и улыбка - зеркала нашей души. Заглядывая в глаза, мы можем прочитать эмоции, распознать мысли, оценить намерения. Взглянув на мимику губ, -&nbsp; понять чувства, настроение. Поэтому первым важным аспектом в кадрировании является выделение из композиции лица. Кадр поистине интимный, ведь здесь даже не понятно, одет человек или нет. С учётом того, что при таком крупном плане могут быть видны все неровности кожи, огрехи, ассиметрия, недостатки, нам нужно будет в процессе корректирования скрыть их как можно тщательнее и превратить лицо в идеальное божье творение. Либо оставить так, как есть, показав непринуждённую естественность. Уход от фокуса здесь заметен больше,чем на любом другом кадре. Малейшая огрешность фотографа, к примеру, прядь волос, разрезающая глаз посредине, может окончательно испортить фотографию. Поэтому нужно ориентироваться прежде всего на композиицию, фокус, резкость и профессионализм фотографа при выборе исходника.</p></li><li><p>Никаких обрезков рук, пальцев, подбородков, мелочей в кадре быть не должно.&nbsp; Здесь важно поймать взгляд, ориентируя композицию по зрачкам.&nbsp; Никакого кропа черт лица (!), в фокусе должно присутствать всё: брови, глаза, нос, губы целиком. Мы рассмотрим более подробно данное кадрирование чуть позже, а пока перейдём к следующему аспекту.</p></li><li><p><strong>Плечи-голова или плечи - линия бровей</strong>. Нельзя лишать человека части головы, беспощадно обрезая макушку. Голова должна быть в фокусе целиком, либо её вовсе не должно быть в кадре - берём чуть выше линии бровей. Здесь можно нарваться на ошибку - неправильно выбрав кроп и открыв зрителю большую часть лба, получим оптический обман: слишком большой, высокий лоб. Поэтому аккуратно и предусмотрительно отступаем по 2-5 пикселей со всех сторон кропа, а сверху берём чуть выше линии бровей.</p></li><li><p>Этот кроп- настоящая классика. По кадру уже можно рассмотреть одежду, отношение человека к происходящему по манере держаться - плечи выражают эмоции не хуже лица. Линия обреза обязана идти чуть ниже ключицы или горловины одежды, иначе мы получим очередной оптический обман - &quot;бесконечную шею&quot;.</p></li><li><p><strong>Грудь</strong> - голова, или грудь - линия бровей. Если в кадре есть кисти рук, обязательно фокусируем внимание и на них, помимо глаз. Бережём пальчики, суставы не трогаем, никаких обрезов посреди них быть не должно. Мало того, даже здесь можно нарваться на оптический обман - неправильно повёрнутая рука испортит композицию хуже неправильного кадрирования, скрытые тенями, зажатые в кулак пальцы могут увеличить, или наоборот, зрительно уменьшить руку.</p></li><li><p><strong>По пояс.</strong> В фокусе мимика и жесты. Если руки опущены вдоль тела, можно аккуратно кадрировать их не по суставам. Нельзя (!) кадрировать фотографию по тазобедренному суставу человека, это приводит к очередному оптическому обману.&nbsp; Расставленные в стороны руки&nbsp; нужно захватывать целиком, не нарушая композицию.</p></li><li><p><strong>Выше колен или 3/4 </strong>. Пропорции человека могут сильно исказиться при неправильном кадрировании. Кроп по коленям недопустим.</p></li><li><p>При таком кадре добавляется динамичность, активность.&nbsp; Сохраняем все движения объекта, следим за композицией и убираем иллюзии &quot;инвалидности&quot;.</p></li><li><p><strong>3/4, ниже колен.</strong> Вытянутые руки в сторону камеры могут сильно испортить кадр, искажая пропорции человека в целом, лучше выбирать исходник, где модель заполняет воображаемый прямоугольник вокруг него жестами. При этом кропе добавляет ещё больше динамики, чем в предыдущем.&nbsp; Но кадрирование должно быть аккуратным - опять же, никаких обрезов по колени, иллюзий &quot;инвалидности&quot;. Главное, не отойти от общей коцепции - сохранить композицию.</p></li><li><p><strong>Во весь рост.</strong> Классика классик. От модели нужно сделать отступ во все стороны, иначе будет казаться, что кроп &quot;тесный&quot;, создастся впечатление небольшого, узкого пространства.&nbsp; Аккуратнее со стопами персонажа, при неправильном их повороте лучше кадрировать 3/4, ибо силуэт сильно исказится. Здесь нужно полагаться только на профессионализм фотографа, - от него зависит, правильно ли воспримется композиция в целом.</p></li></ul> <p>Хочется добавить, что правил для кадрирования не бывает, есть только советы, которые помогают выделить какие-либо акценты на конкретной части изображения. Если в фокусе присутствует динамика, жесты, движения - увеличивайте отступы, раздвигайте пространство, чтобы им хватало места.&nbsp; Либо, сделав кроп именно там, где проходит мысленная черта этого движения, можно разбалансировать фотографию, сделать её более интересной, предложить зрителю додумать&nbsp; - что же там, за пределами кадра?<br />Догм в кадрировании не существует так же, как и правил, есть общепринятые положения, к примеру, 2:3 или 2:3, или 1:3, если мастер умеет работать с классикой, остальные приёмы, концептуальность появятся в процессе работы. Чем больше навыков, тем качественнее и цепляющее&nbsp; результат.</p><div class="quote-box quote-main"><blockquote><p>Распространенные ошибки среди непрофессиональных фотошоперов, да и фотографов в том числе,&nbsp; - кроп по частям тела: по суставам, пальцам, чертам лица. Возможно, из-за желания выделить какую-то деталь, происходят эти огрехи. На самом деле, такой подход нежелателен,&nbsp; ведь фотография воспринимается неправильно, добавляет дискомфорта зрителю,&nbsp; так же, как и заваливание горизонта, к примеру. Иключаем по возможности такие исходники из своей коллекции.</p></blockquote></div> <p>Процитирую одного из моих любимых фотографов akry: &quot;Можно всё, что угодно, лишь бы не «приколисьКакЯумею», а была передана идея. Идея должна быть во всём&quot;.</p> <p>Далее речь пойдёт непосредственно о кадрировании отдельных изображений. Мы будем рассматривать возможные варианты кропа портретов на примерах. Изучим, как определять грани,&nbsp; отступы, рассмотрим композиционные кропы и исходники, которые нельзя кадрировать.</p> <p>Я обращусь для объяснений&nbsp; по большей части к фотографиям очень занятной девочки Сабине Лавгуд. Думаю, она простит мне издевательства над её фото.</p><div class="prev" id="block-159986-2"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/liqFN18.jpg" alt="https://i.imgur.com/liqFN18.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">1. Грани и отступы.</span></span><br />Рассмотрим для начала кадрирование по пояс. Как видно, я поместила объект, в главной роли здесь Сабина, по центру. Использовать текстуры, текст здесь будет сложнее, нежели если взять то же положение 1:3.&nbsp; Хотя&nbsp; из-за позы,&nbsp; слева осталось незадействованное пространство, где можно разместить тот же текст, используя в качестве аватара эту фотографию.<br />Ни в коем случае не обрезаем правую руку, - она должна быть в фокусе, ибо несёт идею этого исходника.<br />Теперь необходимо сделать отступы от края кадра. Гранями ослужат:<br /><em class="bbuline">справа - левая рука, сверху - голова, снизу - пальцы правой руки, слева - локоть правой руки.</em><br />Каждый отступ должен варироваться от 2 до 5 пикселей при таком небольшом размере кропа.</p><div class="prev" id="block-159986-3"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/x6TZs1q.jpg" alt="https://i.imgur.com/x6TZs1q.jpg" /></p></div> <p>Возведём в степень главного персонажа куклу, которую держит Сабина. Правила отступов на кукле такие же, как и на девушке, только&nbsp; верхний и нижний грани поменялись с введением персонажа в &quot;главенствующую степень&quot;. Объект по центру.</p><div class="prev" id="block-159986-4"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/aj2R331.jpg" alt="https://i.imgur.com/aj2R331.jpg" /></p></div> <p>Можно добавить ещё больше &quot;очеловеченности&quot;, больший акцент в эмоциональном плане, больший цепляющий момент - губы девушки включим в фокус этого кадра, переместив композицию немного влево и вниз.&nbsp; Уже появились плавный изгиб шеи, часть лица. Здесь важно зацепить только ту часть, которая нас больше всего интересует. В данном случае - это губы. Никаких носов в кадре быть не должно. Линия обреза должна проходить очень аккуратно. Опять же следует следить за отступами по краям кропа.</p><div class="prev" id="block-159986-5"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/FbNAuoX.jpg" alt="https://i.imgur.com/FbNAuoX.jpg" /></p></div> <p>Теперь отдалим кадр, возьмём чуть выше колен. 3/4. Ноги пока не открыты, в фокусе только платье.&nbsp; Объект снова размещён по центру. Классический приём. Уже видна левая рука полностью, что даёт представление о картине в целом. Снова нельзя забывать об отступах, ведь грани поменялись в корне: нижняя грань - левая рука, верхняя грань - голова.</p><div class="prev" id="block-159986-6"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/XoH1pr6.jpg" alt="https://i.imgur.com/XoH1pr6.jpg" /></p></div> <p>Сместим всю композицию влево. Объект с фоном 1:2.&nbsp; Ещё больше отдалим кадр, взяв в фокус ноги, добавляя динамики нашему кропу. Их назначение в кадре - раскрыть изящество героини, показать женственность. Здесь грани смещаются, как и композиция, влево,&nbsp; - локоть правой руки является крайней левой гранью.</p><div class="prev" id="block-159986-7"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/FRXWP6z.jpg" alt="https://i.imgur.com/FRXWP6z.jpg" /></p></div> <p>Кадрирование лица - очень сложная работа, требующая сосредоточенности и знаний. Если уж берёмся кадрировать лицо, делаем это не торопясь, профессионально, аккуратно. Здесь также есть несколько моментов, которые необходимо учитывать.<br />Во-первых, лицо можно кадрировать по-разному - взяв в фокус ТОЛЬКО лицо&nbsp; и, помимо лица, захватить часть шеи, вплоть до ключицы. Голова здесь не рассматривается - кроп в основном идёт чуть выше линии бровей.<br />Во-вторых, беря лицо крупным планом, можно (фактически во всех случаях, но бывают и исключения) забыть о наложении текстур и текста.<br />Здесь главное состедоточиться на взгляде, на глазах. Выделить их. Ни в коем разе нельзя обрезать кадр по чертам лица, всё должно быть сохранено в изначальном виде - брови, глаза - целиком.<br />Существуют кропы, состоящие только из отдельных частей тела, включая глаза - отдельно, губы - отдельно. У них своё назначение - выявить какую-то эмоцию, чувство. О них позже.<br />Если лицо в кадре взято очень крупно, - это искажает человека, делает красивые черты убогими. Поэтому с выбором ракурса стоит быть осторожнее.<br />Попробуем прокадрировать лицо крупным планом. Для удобства, от края кадра можно отступить от 2 до 5 пикселей. За грани здесь выступают в первую очередь брови и губы. На втором исходнике нижней гранью выступает подбородок, от которого тоже нужно отступить пару пикселей.</p><div class="prev" id="block-159986-8"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/78VlPqI.jpg" alt="https://i.imgur.com/78VlPqI.jpg" /></p></div> <p>При разворотах камеры, а также при наклоне головы, грани меняются вместе с вращением объекта.</p><div class="prev" id="block-159986-9"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/DaeM9g2.jpg" alt="https://i.imgur.com/DaeM9g2.jpg" /></p></div> <p>Как уже упоминалось выше, нужно быть более аккуратным при этом кропе.&nbsp; Чуть задев лишнего, можно поплатиться адекватным восприятием выражения лица.&nbsp; Здесь приведены пара оптических обманов - &quot;бесконечная&quot; шея, упирающаяся в край кадра, очень высокий лоб из-за неправильного обреза не по линии бровей и очень широкое лицо из-за отсутствия скул в кадре.</p><div class="prev" id="block-159986-10"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/KkdFMQc.jpg" alt="https://i.imgur.com/KkdFMQc.jpg" /></p></div><div class="quote-box quote-main"><blockquote><p>и несколько вариаций правильного кадрирования лица - шеи для закрепления информации.</p><ul style="list-style: none"><li><p>1 - взято по линии бровей, соблюдены отступы, правильно расставлены грани</p></li><li><p>2 - также соблюдены отступы, обрез проходит чуть ниже горловины свитера</p></li><li><p>3 - голова Сабины входит в кадр целиком, в фокусе небольшая часть плеча для развеивания иллюции &quot;бесконечной шеи&quot;</p></li><li><p>4 - кроп по линии бровей, длинные волосы скрывают все недостатки не хуже смещения фокуса влево</p></li></ul><div class="prev" id="block-159986-11"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/jOKxAeg.jpg" alt="https://i.imgur.com/jOKxAeg.jpg" /></p></div></blockquote></div> <p>Случается так, что какая-либо небольшая деталь портит представление о кропе, нарушает гармонию, дисбалансирует цветовую гамму.<br />Для того, чтобы эти детали не отвлекали внимание, необходимо убрать их.</p><div class="quote-box quote-main"><blockquote><p>Можно воспользоваться инструментами выделения/вырезания: <span class="highlight-text">перо (pen tool), лассо (lasso)</span>, а также <span class="highlight-text">кистями (brush) и штампом (stamp)</span>, закрасив ненужную деталь, или скопипастив на область, нарушающую гармонию кропа, близлежащий фрагмент.</p><div class="prev" id="block-159986-12"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/jX2n6Nw.jpg" alt="https://i.imgur.com/jX2n6Nw.jpg" /></p></div></blockquote></div><div class="quote-box quote-main"><blockquote><p>Ниже приведены вариации правильного кадрирования по всем аспектам. Наблюдайте подачу композиции, попробуйте определить грани и отступы самостоятельно, используя примеры, указанные мной ранее.</p><div class="prev" id="block-159986-13"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/YAox3dL.jpg" alt="https://i.imgur.com/YAox3dL.jpg" /></p></div></blockquote></div> <p>Ошибки неправильного кадрирования подписаны под каждым кропом в отдельности. Не допускайте подобных оплошностей при обрезе своих исходников, не делайте своих моделей инвалидами, ведь фото - это отражение реальности.</p><div class="prev" id="block-159986-14"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/VQvOcZw.jpg" alt="https://i.imgur.com/VQvOcZw.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">2. Расположение объекта.</span></span><br />Классика в расположении объекта на фотографии, в нашем случае, модели: 1 к 2, 2 к 3, 1 к 3.<br />Что подразумеваем под этими цифрами? Мысленное деление исходника на части. В случае 1 к 2 - напополам, 2 к 3 - на три части (объект будет занимать большую часть кропа), 1 к 3 - также делится на 3 части, объект занимает из них только одну.&nbsp; Модель посредине - также обращение к классике. Замечу, что деление может быть горизонтальным, вертикальным и даже диагональным - всё зависит от фантазии и умения красиво разместить объект. Не нужно брать в оборот исходники, на которых модель стоит подобно палке - без выражений, эмоций, чувств. Яркая поза, жестикуляция, мимика останутся в памяти гораздо дольше, нежели блёклая обыденность.</p><div class="prev" id="block-159986-15"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/UvqVB0Y.jpg" alt="https://i.imgur.com/UvqVB0Y.jpg" /></p></div> <p>Увеличив, уменьшив, развернув, мы также сможем исправить недостатки неправильно-кадрированной фотографии. Не забываем об отступах и границах.</p><div class="prev" id="block-159986-16"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/6FFuqHK.jpg" alt="https://i.imgur.com/6FFuqHK.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">3. Цветовые границы</span></span><br />Цветовые границы помогают сделать кроп более аккуратным, сдержанным и гармоничным. Что подразумевается под цветовыми границами? По краям кадра, или хотя бы по двум его сторонам, цвета должы быть непрерывающимися, ровными, однотонными. Можно создать границу искусственно, закрасив край кистью или применив градиент, как на фотографии под номером 1 слева.<br />Красные линии символизируют цветовые границы.</p><ul style="list-style: none"><li><p>2 снимок - тёмные волосы по правой стороне, светлый фон - по левой, бежевый оттенок кожи снизу</p></li><li><p>3 снимок - фон, волосы, свитер, никаких посторонних цветов</p></li><li><p>4 - волосы, фон.</p></li></ul><p>Гармония между цветами на кропе равноценна стилю в одежде, выделяет портрет из аляпистых бесвкусиц.</p><div class="prev" id="block-159986-17"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/QE3QYou.jpg" alt="https://i.imgur.com/QE3QYou.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">4. Композиционные портреты &quot;без лица&quot;. </span></span><br />Многие из нас привыкли, что в портрете главным элементом, на который в первую очередь обращают внимание, является лицо. Остальное - лишь дополнительные детали. А если взглянуть на построение портрета по иному? Попробовать прокадрировать человека,&nbsp; не персонализируя? Получим потрет без лица.<br />Портрет, на котором лица модели не будет видно или видно лишь частично (например, только подбородок). Единственное условие - на кропе портрет не должен быть &quot;в полную величину&quot;.<br />Ракурс на фото может варьироваться, изображение - вращаться, расставляя нужные акценты. Здесь следует использовать отступы и грани, как при стандартном кадрировании, но не включать в фокус лицо.</p><div class="prev" id="block-159986-18"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/szEW326.jpg" alt="https://i.imgur.com/szEW326.jpg" /></p></div><div class="prev" id="block-159986-19"><p style="text-align:center;">5. Части тела, акценты.</p></div><p>Если вы хотите выделить из общей картины определённую деталь, выражая с помощью неё какую-либо эмоцию, чувство, мысль или идею - такое кадрирование послужит лучшим способом для реализации поставленной задачи. Границы отступов здесь теряют всякий смысл, нужно доверять лишь собственной интуиции и фантазии.<br />Допустим, отдельно-взятые губы, могут выразить чувственность, страсть. Глаза - беспечность, грусть, счастье. Руки/ноги- изящество, женственность-мужественность и так далее.</p><div class="prev" id="block-159986-20"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/7S8j8Qa.jpg" alt="https://i.imgur.com/7S8j8Qa.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">6. Композиционные портреты.</span></span><br />Постановочные фотографии отличаются от любительских фото профессионализмом и наличием грамотно-выверенной композиции, которую разрушать категорически воспрещается. Такие исходники лучше всего захватывать целиком, подобно монолитным кропам (о них речь пойдёт ниже),&nbsp; сохраняя жесты, движения, динамику, композицию, идею, вложенную фотографом. Отступы сохраняются, грани учитываются.</p><div class="prev" id="block-159986-21"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/0SR8Y0c.jpg" alt="https://i.imgur.com/0SR8Y0c.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">7. Кадр на кадр, капсы.</span></span><br />В последнее время капсы, кадры из фильмов, стали очень популярны. Кадр на кадр - серия снимков с одной и той же фотосессии также обретает известность. Такие кропы, состоящие из нескольких изображений, смотрятся более гармонично, так как дополняют друг друга. Здесь можно экспериментировать с размерами кадров (не обязательно создавать симметричные формы), вращениями,&nbsp; цветовым тоном/освещением, резкостью, фильтрацией установок.</p><div class="prev" id="block-159986-22"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/pBjTKzc.jpg" alt="https://i.imgur.com/pBjTKzc.jpg" /></p></div> <p>Ещё одним способом совмещения кропов одной фотосессии/кадров из фильма является коллажирование. В этом случае, придётся использовать инструменты для отделения объектов с фона <span class="highlight-text">(перо(pen tool), лассо(lasso) и т.д.)</span>, применяя такие же действия, как и при создании коллажей. Отступы нужно соблюдать, как при обычном кадрировании, учитывая&nbsp; цветовые и визуальные грани.</p><div class="prev" id="block-159986-23"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/YzpheTV.jpg" alt="https://i.imgur.com/YzpheTV.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">8. Деление (split/сплит/раскол).</span></span><br />Производится&nbsp; в целях акцентирования внимания на определённом участке или элементе исходного материала.<br />Прежде всего нужно точно определить, подходит ли выбранная область для осуществления грамотного кадрирования. На таких исходниках объекты обычно расположены на расстоянии друг от друга, что облегчает работу мастера при выборе линии обреза.</p><div class="quote-box quote-main"><blockquote><p>Если на кропе остаются лишние детали, их можно аккуратно удалить инструментом &quot;Штамп&quot; (Stamp), кистью (brush) или скопировав часть изображения при помощи &quot;лассо&quot; (lasso), вставляя в пробленую область.</p></blockquote></div><div class="prev" id="block-159986-24"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/iWxou7F.jpg" alt="https://i.imgur.com/iWxou7F.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">9. Монолитные кропы.</span></span><br />Чем же отличаются монолиты от обычных композиционных кропов? Тем, что многие композиционные, включая совместные портреты, можно делить. Кадрировать же монолиты нежелательно. Здесь нужно обращать внимание прежде всего на мимику и жесты, на отношение людей друг к другу, на композицию, которую нельзя поделить. Разрезав один из таких исходников, мы обречём его на бессмысленное существование. Идея, ради которой была создана фотография, потеряется.</p><div class="quote-box quote-main"><blockquote><p>Кадрировать монолит можно только двумя способами - взять в кадр фото целиком, как, например, на кропе матери и ребёнка, женщины и кота, детей у моря, девушки и молодого человека, идущими по пляжу,&nbsp; и фото нескольких детей, вторым способом - выделить из монолита определённую деталь, идею, осторожно отодвинув на второй план, или обрезав ненужные моменты. Пример можно увидеть на оставшихся кропах - зрителю предлагается додумать то, что в кадр не входит - поцелуй, к примеру, или выражение лиц.</p></blockquote></div><div class="prev" id="block-159986-25"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/EibVgeL.jpg" alt="https://i.imgur.com/EibVgeL.jpg" /></p></div> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">10. Интерполяция.</span></span><br />Типичной ошибкой многих фотографов является кадрирование с запасом. То есть, всякий раз, создавая кадр, фотограф оставляет место, чтобы в дальнейшем можно было развернуть или обрезать объект на нём в графическом редакторе. Скажу лишь, что разворачивая кадр, мы меняем расположение сетки пикселей. Приводит это к ухудшению качества изображения.<br />Начертим сплошную горизонтальную линию для наглядности. Развернём её на 90 градусов. Получим тот же результат - качественную, непрерывающуюся линию. А теперь развернём эту же линию на 30-45 градусов. Программе приходится подстраиваться под изменения, тем самым добавляя или изменяя пиксели. В итоге выйдет нечто подобное:</p><div class="prev" id="block-159986-26"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/kpfHMRh.jpg" alt="https://i.imgur.com/kpfHMRh.jpg" /></p></div> <p>На профессиональном языке это называется &quot;интерполяция&quot;, то есть, додумывание информации, основываясь на существующих значениях.&nbsp; Здесь интерполяция осуществляется при переходе из одной координатной сетки в другую. Пиксели квадратные сами по себе. Если повернуть их на 90, 180 или 270 градусов программе не нужно будет составлять новую сетку. При других же поворотах возникают проблемы с качеством подачи.</p><div class="prev" id="block-159986-27"><p style="text-align:center;"><img class="postimg" loading="lazy" src="https://i.imgur.com/kx1E1lY.jpg" alt="https://i.imgur.com/kx1E1lY.jpg" /></p></div><div class="quote-box quote-main"><blockquote><p>Чрезмерное вращение исходника не приведёт его к идеальному ракурсу, а лишь испортит качество, за которое так радеют многие мастера.</p></blockquote></div> <p>Поэтому следует тщательнее подходить к выбору исходных материалов, обращать внимание на завал горизонта, на начальный разворот фотографии, чтобы в последствии не мучаться, исправляя ошибки горе-фотографа.</p> <p>Правильно скадрированный портрет привлекает взгляд, помогает понять композицию, эмоции, чувства. &quot;Совершенство - это не когда нечего добавить, а когда нечего убрать&quot;&nbsp; - выражение Антуана Де Сент-Экзюпери очень ярко отражает суть грамотного кадрирования.<br />Благодарю за внимание, удачи!</p> <p><span style="font-size: 28px"><span style="font-family: Bebas Neue">UPD: ИСКЛЮЧЕНИЯ</span></span><br />Как оговаривалось выше, нельзя кропать по суставам, головам, шее. Буквально недавно мне удалось растрясти фотографа на тему, в каких же случаях можно совершать подобные &quot;злодеяния&quot; с человеческим телом, ведь у многих известных фотографов иногда встречаются &quot;грубые нарушения&quot;&nbsp; (всё то же неполное попадание в кадр головы, рук, ног). Адаптирую его ответ под наш урок и немного дополню.</p><ul style="list-style: none"><li><p><strong>1. Частичный захват головы.</strong> Это кроп, при котором голова человека входит в кадр не полностью, вмещая только необходимый для правильного восприятия внешности сегмент.&nbsp; Обычно применяется в случае, когда причёска нестандартна (очень часто можно наблюдать подобные фотографии с изображением модели с чёлкой, зачёсанными назад волосами, высокой причёской - выше ушных раковин, либо полностью &quot;лысый череп&quot;). Очень хорошо смотрится, когда задний фон пуст (однотонен, например). Данный метод - обрезание макушки - используется профессиональными фотографами для того, чтобы максимально заполнить кадр, в котором центральным элементом должно быть лицо человека, либо лицо и руки. Это некое продолжение &quot;не оставлять слишком много места над головой&quot;. Здесь обязательно должна быть видна линия волос.</p></li><li><p><strong>2. Можно обрезать макушку модели или плечо.</strong> Подбородок в таких случаях лучше не кадрировать. Когда обрезается верхняя часть изображения, а именно макушка головы, лицо все равно смотрится&nbsp; гармонично и воспринимается психикой адекватно. Но если обрезать нижнюю часть лица и макушку, то фотография получается неестественной и плохо читается подсознанием. Эффект &quot;бесконечного лица&quot; - очередной оптический обман.</p></li><li><p><strong>3. Кадрирование по суставам рук, ног, тазобедренному суставу</strong> допускается лишь в случае, если того требует задумка. Например, для какой-либо рекламной акции, где основным составляющим элементом будет изображение той или иной части тела. Часто приравнивается к акцентам.</p></li></ul> </div> <div class="post-rating"><p class="container"><a title="Вы не можете дать оценку участнику">+1</a></p></div> </div> <div class="clearer"><!-- --></div> </div> <div class="post-links"> <ul> <li class="pl-email social-discord has-display-name no-link"><em>Discord<span class="acchide">&nbsp;esymeo#3573</span></em></li></li> <li class="pl-email social-telegram has-display-name"><a href="https://t.me/Esymeo" target="_blank">Telegram<span class="acchide">&nbsp;@Esymeo</span></a></li></li> </ul> </div> </div> </div> </div> <div class="linksb"> <div class="postlink"><span><a href="https://forumd.ru/post.php?tid=6639" rel="nofollow">Ответить</a></span></div> <div class="pagelink">Страница: <strong>1</strong></div> </div> <!-- topic_banner_bottom --> <div id="post-form" class="formal"> <h2><span>Быстрый ответ</span></h2> <form id="post" class="container" method="post" action="/post.php?tid=6639" onsubmit="this.submit.disabled=true;if(process_form(this)){return true;}else{this.submit.disabled=false;return false;}"> <fieldset> <legend><span>Напишите ваше сообщение и нажмите &laquo;Отправить&raquo;</span></legend> <div class="fs-box hashelp"> <div id="formkey"></div> <div id="formetc" style="display:none"></div> <input type="hidden" name="form_sent" value="1" /> <input type="hidden" name="form_user" value="Guest" /> <div id="form-buttons"></div> <div id="tags"> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0"><tr>'; $.each(FORUM.get('editor'), function(key,value){ if (key != 'settings') { var icon = key; html += '<td id="button-'+key+'" title="'+value.name+'"><img onclick="FORUM.get(\'editor.'+key+'.onclick()\')" src="/i/blank.gif" /></td>'; } }); html += '</tr></table>'; $('#form-buttons').append(html); </script> <div class="container" id="font-area" style="display:none" onclick="changeVisibility('font-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.font.fonts'), function(key,value){ html += '<div style="font-family:'+value+'"><span>'+value+'</span><img onclick="bbcode(\'[font='+value+']\',\'[/font]\')" src="/i/blank.gif" /></div>'; }); $('#font-area').append(html); </script> <div class="container" id="size-area" style="display:none" onclick="changeVisibility('size-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.size.sizes'), function(key,value){ html += '<div style="font-size:'+value+FORUM.get('editor.size.unit')+'"><span>'+value+FORUM.get('editor.size.unit')+'</span><img onclick="bbcode(\'[size='+value+']\',\'[/size]\')" src="/i/blank.gif" /></div>'; }); $('#size-area').append(html); </script> <div class="container" id="color-area" style="display:none" onclick="changeVisibility('color-area')"></div> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0"><tr>'; $.each(FORUM.get('editor.color.colors'), function(key,value){ html += '<td style="background-color:'+value+'"><img onclick="bbcode(\'[color='+value+']\',\'[/color]\')" src="/i/blank.gif" /></td>'; }); html += '</tr></table>'; $('#color-area').append(html); </script> <div class="container" id="table-area" style="display:none"></div> <script type="text/javascript"> html = '<table cellspacing="0" cellpadding="0">'; for (r=1; r<=FORUM.get('editor.table.rows'); r++){ html += '<tr>'; for (c=1; c<=FORUM.get('editor.table.cols'); c++){ html += '<td><img onclick="tag_table('+c+','+r+'); changeVisibility(\'table-area\')" src="/i/blank.gif" alt="'+c+'x'+r+'" title="'+c+'x'+r+'" /></td>'; } html += '</tr>'; } html += '</table>'; html += '<div><p><input id="table-layout" type="checkbox"'+(FORUM.get('editor.table.layout') == 'auto' ? '' : ' checked="checked"')+' onclick="FORUM.set(\'editor.table.layout\', ($(this).is(\':checked\') ? \'fixed\' : \'auto\'));" /><label for="table-layout">Ячейки одной ширины</label></p></div>'; $('#table-area').append(html); $('#table-area td').hover(function() { for (var x = 0; x <= $(this).index(); x++) { for (var y = 0; y <= $(this).parent().index(); y++) { $(this).parent().parent().children().eq(y).children().eq(x).addClass('selected'); } } }, function() { $('#table-area td').removeClass('selected'); }); </script> <div class="container" id="smilies-area" style="display:none" onclick="changeVisibility('smilies-area')"> <div id="smilies-block"></div> </div> <script type="text/javascript"> FORUM.set('editor.smile.dir', 'img/smilies/MyBB/universal'); FORUM.set('editor.smile.smilies', {":angry:":"angry.gif","o.O":"blink.gif",":blush:":"blush.gif",":canthearyou:":"canthearyou.gif",":confused:":"confused.gif",":cool:":"cool.gif",":crazyfun:":"crazyfun.gif",":crazy:":"crazy.gif",":'(":"cry.gif",":disappointed:":"disappointed.gif",":dontcare:":"dontcare.gif",":dontknow:":"dontknow.gif",":flag:":"flag.gif",":flirt:":"flirt.gif","8-)":"funny.gif",":glasses:":"glasses.gif","^^":"happy.gif",":hobo:":"hobo.gif",":huh:":"huh.gif",":idea:":"idea.gif",":insane:":"insane.gif",":jumping:":"jumping.gif",":D":"lol.gif",":love:":"love.gif",":mad:":"mad.gif",":music:":"music.gif",":mybb:":"mybb.gif",":|":"neutral.gif",":no:":"no.gif",":nope:":"nope.gif",":offtop:":"offtop.gif",":playful:":"playful.gif",":question:":"question.gif",":rain:":"rain.gif",":rofl:":"rofl.gif",":rolleyes:":"rolleyes.gif",":(":"sad.gif",":sceptic:":"sceptic.gif",":shine:":"shine.gif",":O":"shock.gif",":x":"sick.gif",":)":"smile.gif",":smoke:":"smoke.gif",":stupor:":"stupor.gif",":surprise:":"surprise.gif",":suspicious:":"suspicious.gif",":tired:":"tired.gif",":tomato:":"tomato.gif",":P":"tongue.gif",":unsure:":"unsure.gif","%-)":"wacko.gif",":whistle:":"whistle.gif",";)":"wink.gif",":writing:":"writing.gif",":yep:":"yep.gif"}); </script> <div class="container" id="image-area" style="display:none"> <div id="image-area-sels" style="display:block"> <div><strong>Выберите источник изображения</strong></div> <div id="image-source-list"> <a id="action-computer" class="turn_link">С компьютера</a> <a id="action-internet" class="turn_link">Из интернета</a> </div> </div> <div id="image-area-tcon-internet" style="display:none"> <div id="image-area-thd">Вставьте ссылки на изображения (по одной на строку)</div> <textarea id="image-area-tinp" rows="5"></textarea> </div> <div id="image-area-tcon-computer" style="display:none"> <table cellpadding="0" cellspacing="0"> <tr valign="top"> <td id="imageupload-left"> <div id="image_upload"><input id="image_upload_input" type="file" name="files[]" multiple /><input class="button" type="button" value="Выберите файлы" /></div> <div id="file"></div> <div id="image-width" style="display:none"></div> <div id="image-thumb-width" style="display:none"></div> <div id="upload-button-container" style="display:none"><input id="upload-button" class="button" type="button" value="Загрузить" /></div> <div id="image-insert-format" style="display:none"></div> </td> <td id="imageupload-right"> <div id="load-image-container" style="display:none"> <div id="imageQueue" style="display:none"></div> <div id="uploaded-images" style="display:none"></div> </div> <div id="insert-image-tip" style="display:none"><span>Нажмите на изображение, чтобы вставить в форму.</span></div> </td> </tr> </table> </div> <div id="image-area-actions" style="display:none"> <a id="action-insert-textarea" style="display:none">Вставить</a> <a id="action-insert-uploaded" style="display:none">Вставить все</a> <a id="action-clean-textarea" style="display:none">Очистить</a> <a id="action-clean-uploaded" style="display:none">Очистить</a> <a id="action-return">Другой источник</a> <a id="action-close">Закрыть</a> </div> </div> <div class="container" id="video-area" style="display:none"> <div id="video-area-hsel" style="display:block;" onclick="MYBB_vsi(this,arguments)"> <div><strong>Выберите видеохостинг</strong></div> <div id="video-host-list"></div> </div> <div id="video-area-tcon" style="display:none;"> <div id="video-area-thd">Вставьте ссылку или embed-код видеофайла</div> <textarea id="video-area-tinp" onclick="this.select();"></textarea> <div id="video-area-msg"></div> </div> <div id="video-area-actions" style="display:none"> <a href="#" onclick="MYBB_vsc.parse(); return false;">Вставить</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" onclick="changeVisibility('video-area'); return false;">Закрыть</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" onclick="MYBB_vsc.reInit(); return false;">Другой хостинг</a> </div> </div> <div class="container" id="spoiler-area" style="display:none"> <div id="spoiler-sels"> <div><strong>Выберите тип спойлера</strong></div> <div id="spoiler-type-list"> <a href="#" onclick="return tag_spoiler('media');">Спойлер для медиа</a> <a href="#" onclick="return tag_spoiler('spoiler');">Спойлер для текста</a> </div> </div> </div> <script type="text/javascript"> html = []; $.each(FORUM.get('editor.video.hosts'), function(key,value){ html.push('<a class="turn_link" href="#'+value+'">'+value+'</a>'); }); $('#video-host-list').append(html.join(', ')); </script> <div class="container" id="keyboard-area" style="display:none"> <span id="keyboard-span"></span> </div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.keyboard.keys'), function(key,value){ html += value == '_NL_' ? '<br />' : '<input type="button" value="'+value+'" onclick="keyboard(\''+value+'\')" />'; }); $('#keyboard-span').append(html); </script> <div class="container" id="addition-area" style="display:none" onclick="changeVisibility('addition-area')"></div> <script type="text/javascript"> html = ''; $.each(FORUM.get('editor.addition.tags'), function(key,value){ html += '<div onclick="FORUM.get(\'editor.addition.tags.'+key+'.onclick()\')"><span>'+value.name+'</span></div>'; }); $('#addition-area').append(html); </script> </div> <p class="inputfield required"> <label for="fld1">Имя</label><br /> <span class="input"><input type="text" id="fld1" name="req_username" value="" size="25" maxlength="25" /></span> </p> <p class="areafield required"> <span class="input"><textarea id="main-reply" name="req_message" rows="13"></textarea></span> </p> <!-- WYSI - визуальный редактор сообщений © Alex_63, 2024 <style> /* Подсветка кнопок WYSI для новой формы ответа */ .fo-buttons span.wysi-highlight { color: #333; background-color: #aaa; } .fo-lists span.wysi-highlight { background-color: #ddd; } .fo-lists .colors span.wysi-highlight { outline: solid 3px #bbb; } </style> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/f/ru/bestbb/wysi.css" /> <script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/wysi.js"></script> <style> #wysi-reply.post-content {margin-bottom: 0;} .wysi-active #tags.wysi-disabled .fo-lists .container {opacity: .5; cursor: not-allowed !important;} .wysi-active #form-buttons.wysi-disabled .fo-buttons, .wysi-active #tags.wysi-disabled .fo-lists .container *[onclick] {pointer-events: none;} </style> <script> //Доп.атрибуты для подсветки кнопок $(function() { $('.fo-butblok>span').attr('data-action', function() { return $(this).attr('onclick') ? $(this).attr('onclick').match(/\.([^\.]+)\.onclick/)[1] : $(this).attr('class').match(/\s([^-]+)-button/)[1] }); $('.fo-lists>.container').attr('data-container', function() { return $(this).attr('class').split('s container')[0] }) .find('span[style]').each(function() { var style = $(this).attr('style'); var prop = style && style.split(':')[0]; $(this).attr('data-style', prop + ':' + $(this).css(prop)); }) .end().find('span[onclick]').not('[style]').each(function() { var action = $(this).attr('onclick').replace(/^.+?\((.+)\)/, '$1').split('.')[3]; $(this).attr('data-tag', action); }); }); </script> --> <!-- BB-цитирование © Alex_63, 2024 --> <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.js"></script> <script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.custom_quotes.js"></script> <!-- Перенос формы ответа под отвечаемое сообщение (c) 2017 --> <script type="text/javascript"> (function() { if (!$('#pun-viewtopic').length) return; var tstPrev = false, prevElem, form, cnt, cntPrev; $(window).on('click', '.fd-name a,.pl-quote a,.pl-BBquote,.pl-reply a,.fd-ava-but a', function() { form = $('#post-form'); if (!tstPrev) prevElem = form.prev(), tstPrev = true; $('script', form).remove(); form.insertAfter($(this).parents('.post')); if (!$('.button[name=cancel]', form).length) $('.button[name=preview]', form).after(' <input type="button" class="button" id="rus" name="cancel" value="Отмена" />'); if ($.trim($('#main-reply', form).val()) != cnt) cntPrev = $.trim($('#main-reply', form).val()); setTimeout(function() { cnt = $.trim($('#main-reply', form).val()); }, 10); }).on('click', '.button[name=cancel]', function() { form.insertAfter(prevElem); $('.fs-box .container[id]:visible', form).hide(); $(this).remove(); if ($.trim($('#main-reply', form).val()) == cnt) $('#main-reply', form).val(cntPrev); }); })(); </script> <!-- Кастомная форма ответа: начало --> <div id="my-fo"> <!-- кнопки начало --><div class="fo-buttons"> <div class="fo-butblok"> <span class="material-icons font-button ank-hide mobhide" title="<gg class='rus'>Шрифт</gg><gg class='eng'>Font</gg>">font_download</span> <span class="material-icons size-button ank-hide mobhide" title="<gg class='rus'>Размер</gg><gg class='eng'>Size</gg>">format_size</span> <span class="material-icons" onclick="FORUM.get('editor.bold.onclick()')" title="<gg class='rus'>Жирный</gg><gg class='eng'>Bold</gg>">format_bold</span> <span class="material-icons" onclick="FORUM.get('editor.italic.onclick()')" title="<gg class='rus'>Курсив</gg><gg class='eng'>Italic</gg>">format_italic</span> <span class="material-icons" onclick="FORUM.get('editor.underline.onclick()')" title="<gg class='rus'>Подчеркнутый</gg><gg class='eng'>Underline</gg>">format_underlined</span> <span class="material-icons" onclick="FORUM.get('editor.strike.onclick()')" title="<gg class='rus'>Зачеркнутый</gg><gg class='eng'>Strike</gg>">strikethrough_s</span> <span class="material-icons ank-hide" onclick="FORUM.get('editor.addition.tags.mark.onclick()')" title="<gg class='rus'>Маркированный</gg><gg class='eng'>Marked</gg>">format_paint</span> <span class="material-icons color-button ank-hide" title="<gg class='rus'>Цвет</gg><gg class='eng'>Color</gg>">color_lens</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons" onclick="FORUM.get('editor.left.onclick()')" title="<gg class='rus'>Выравнивание слева</gg><gg class='eng'>Align left</gg>">format_align_left</span> <span class="material-icons" onclick="FORUM.get('editor.center.onclick()')" title="<gg class='rus'>Выравнивание по центру</gg><gg class='eng'>Align center</gg>">format_align_center</span> <span class="material-icons" onclick="FORUM.get('editor.right.onclick()')" title="<gg class='rus'>Выравнивание справа</gg><gg class='eng'>Align right</gg>">format_align_right</span> <span class="material-icons list-button" title="<gg class='rus'>Список</gg><gg class='eng'>List</gg>">list</span> <span class="material-icons ank-hide mobhide" onclick="FORUM.get('editor.table.onclick()')" title="<gg class='rus'>Таблица</gg><gg class='eng'>Table</gg>">table_view</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons" onclick="FORUM.get('editor.link.onclick()')" title="<gg class='rus'>Ссылка</gg><gg class='eng'>Link</gg>">link</span> <span class="material-icons image-button" onclick="FORUM.get('editor.image.onclick()')" title="<gg class='rus'>Изображение</gg><gg class='eng'>Image</gg>">add_photo_alternate</span> <span class="material-icons video-button" onclick="FORUM.get('editor.video.onclick()')" title="<gg class='rus'>Видео</gg><gg class='eng'>Video</gg>">ondemand_video</span> <span class="material-icons smile-button ank-hide" onclick="FORUM.get('editor.smile.onclick()')" title="<gg class='rus'>Смайлы</gg><gg class='eng'>Smiles</gg>">mood</span> <span class="material-icons rus" onclick="FORUM.get('editor.voice.onclick()')" title="Голосовое сообщение">mic</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span class="material-icons spoiler-button" onclick="FORUM.get('editor.spoiler.onclick()')" title="<gg class='rus'>Свернутый текст</gg><gg class='eng'>Spoiler</gg>">content_cut</span> <span onclick="FORUM.get('editor.hide.onclick()')" class="material-icons" title="<gg class='rus'>Скрытый текст</gg><gg class='eng'>Hidden text</gg>">lock_open</span> <span onclick="FORUM.get('editor.quote.onclick()')" class="material-icons" title="<gg class='rus'>Цитата</gg><gg class='eng'>Quote</gg>">format_quote</span> <span class="material-icons code-button" title="<gg class='rus'>Код/Текст для копирования</gg><gg class='eng'>Code/Text to copy</gg>">code</span> </div> <div class="sep"></div> <div class="fo-butblok"> <span onclick="FORUM.get('editor.addition.tags.hr.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Горизонтальная линия</gg><gg class='eng'>Horizontal line</gg>">horizontal_rule</span> <span onclick="FORUM.get('editor.addition.tags.anchor.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Якорь</gg><gg class='eng'>Anchor</gg>">anchor</span> <span onclick="FORUM.get('editor.addition.tags.abbr.onclick()')" class="material-icons mobhide" title="<gg class='rus'>Поясняющий текст</gg><gg class='eng'>Tooltip text</gg>">live_help</span> <span class="material-icons symbol-button ank-hide mobhide" title="<gg class='rus'>Символы</gg><gg class='eng'>Symbols</gg>">emoji_symbols</span> <span class="material-icons aditional-button ank-hide mobhide" title="<gg class='rus'>Дополнительно</gg><gg class='eng'>Additionally</gg>">library_add</span> </div> </div><!-- кнопки конец --> </div> <!-- раскрывающиеся списки --><div class="fo-lists"> <!-- списки --> <div class="lists container"> <span onclick="bbcode('[ul=disc]','[/ul]')" class="disc"><ul><li><gg class='rus'>Точками</gg><gg class='eng'>Dots</gg></li></ul></span> <span onclick="bbcode('[ul=circle]','[/ul]')" class="circle"><ul><li><gg class='rus'>Кружочками</gg><gg class='eng'>Circles</gg></li></ul></span> <span onclick="bbcode('[ul=square]','[/ul]')" class="square"><ul><li><gg class='rus'>Квадратами</gg><gg class='eng'>Squares</gg></li></ul></span> <span onclick="bbcode('[ul=decimal]','[/ul]')" class="decimal"><ul><li><gg class='rus'>Цифрами</gg><gg class='eng'>Numbers</gg></li></ul></span> <span onclick="bbcode('[ul=upper-roman]','[/ul]')" class="roman"><ul><li><gg class='rus'>Римскими цифрами</gg><gg class='eng'>Roman Numerals</gg></li></ul></span> <span onclick="bbcode('[ul=none]','[/ul]')" class="nopadding"><ul><li><gg class='rus'>Без обозначений</gg><gg class='eng'>No Markers</gg></li></ul></span> <span onclick="bbcode('[*',']')" class="nopadding"><gg class='rus'>Многострочный пункт списка</gg><gg class='eng'>Multiline List Item</gg></span> </div> <!-- коды --> <div class="codes container"> <span onclick="bbcode('[code]','[/code]')" class="disc"><ul><li><gg class='rus'>Текст</gg><gg class='eng'>Text</gg></li></ul></span> <span onclick="bbcode('[block=code-html][code]','[/code][/block]')" class="disc"><ul><li>HTML</li></ul></span> <span onclick="bbcode('[block=code-css][code]','[/code][/block]')" class="disc"><ul><li>CSS</li></ul></span> <span onclick="bbcode('[block=code-javascript][code]','[/code][/block]')" class="disc"><ul><li>Javascript</li></ul></span> </div> <!-- шрифты --> <div class="fonts container"> <span style="font-family:Bebas Neue" onclick="bbcode('[font=Bebas Neue]','[/font]')">Bebas Neue</span> <span style="font-family:Arial" onclick="bbcode('[font=Arial]','[/font]')">Arial</span> <span style="font-family:Georgia" onclick="bbcode('[font=Georgia]','[/font]')">Georgia</span> <span style="font-family:Microsoft Sans Serif" onclick="bbcode('[font=Microsoft Sans Serif]','[/font]')">Microsoft Sans Serif</span> <span style="font-family:Tahoma" onclick="bbcode('[font=Tahoma]','[/font]')">Tahoma</span> <span style="font-family:Verdana" onclick="bbcode('[font=Verdana]','[/font]')">Verdana</span> <span style="font-family:Century Gothic" onclick="bbcode('[font=Century Gothic]','[/font]')">Century Gothic</span> <span style="font-family:Palatino Linotype" onclick="bbcode('[font=Palatino Linotype]','[/font]')">Palatino Linotype</span> <span style="font-family:Times New Roman" onclick="bbcode('[font=Times New Roman]','[/font]')">Times New Roman</span> <span style="font-family:Franklin Gothic Medium" onclick="bbcode('[font=Franklin Gothic Medium]','[/font]')">Franklin Gothic Medium</span> <span style="font-family:Impact" onclick="bbcode('[font=Impact]','[/font]')">Impact</span> <span style="font-family:Arial Black" onclick="bbcode('[font=Arial Black]','[/font]')">Arial Black</span> <span style="font-family:Courier New" onclick="bbcode('[font=Courier New]','[/font]')">Courier New</span> <span style="font-family:Lucida Console" onclick="bbcode('[font=Lucida Console]','[/font]')">Lucida Console</span> <span style="font-family:Comic Sans Ms" onclick="bbcode('[font=Comic Sans Ms]','[/font]')">Comic Sans Ms</span> </div> <!-- размеры --> <div class="sizes container"> <span style="font-size:10px" onclick="bbcode('[size=10]','[/size]')">10px</span> <span style="font-size:12px" onclick="bbcode('[size=12]','[/size]')">12px</span> <span style="font-size:14px" onclick="bbcode('[size=14]','[/size]')">14px</span> <span style="font-size:16px" onclick="bbcode('[size=16]','[/size]')">16px</span> <span style="font-size:18px" onclick="bbcode('[size=18]','[/size]')">18px</span> <span style="font-size:20px" onclick="bbcode('[size=20]','[/size]')">20px</span> <span style="font-size:22px" onclick="bbcode('[size=22]','[/size]')">22px</span> </div> <!-- цвета --> <div class="colors container"> <span style="background-color: #f98561;" onclick="bbcode('[color=#f98561]','[/color]')"></span> <span style="background-color: #b80000;" onclick="bbcode('[color=#b80000]','[/color]')"></span> <span style="background-color: #e63737;" onclick="bbcode('[color=#e63737]','[/color]')"></span> <span style="background-color: #f7941d;" onclick="bbcode('[color=#f7941d]','[/color]')"></span> <span style="background-color: #e36120;" onclick="bbcode('[color=#e36120]','[/color]')"></span> <span style="background-color: #29aecb;" onclick="bbcode('[color=#29aecb]','[/color]')"></span> <span style="background-color: #00a1e4;" onclick="bbcode('[color=#00a1e4]','[/color]')"></span> <span style="background-color: #0481d9;" onclick="bbcode('[color=#0481d9]','[/color]')"></span> <span style="background-color: #0080b7;" onclick="bbcode('[color=#0080b7]','[/color]')"></span> <span style="background-color: #1c8426;" onclick="bbcode('[color=#1c8426]','[/color]')"></span> <span style="background-color: #26af33;" onclick="bbcode('[color=#26af33]','[/color]')"></span> <span style="background-color: #71218e;" onclick="bbcode('[color=#71218e]','[/color]')"></span> <span style="background-color: #a726af;" onclick="bbcode('[color=#a726af]','[/color]')"></span> <span style="background-color: #2e3e4f;" onclick="bbcode('[color=#2e3e4f]','[/color]')"></span> <span style="background-color: #2d343a;" onclick="bbcode('[color=#2d343a]','[/color]')"></span> <span style="background-color: #666666;" onclick="bbcode('[color=#666666]','[/color]')"></span> <span style="background-color: #a5a5a5;" onclick="bbcode('[color=#a5a5a5]','[/color]')"></span> <span style="background-color: #d7d7d7;" onclick="bbcode('[color=#d7d7d7]','[/color]')"></span> <span style="background-color: #000000;" onclick="bbcode('[color=#000000]','[/color]')"></span> <span style="background-color: #ffffff;" onclick="bbcode('[color=#ffffff]','[/color]')"></span> </div> <!-- символы --> <div class="symbols container"> <span onclick="keyboard('©')">©</span> <span onclick="keyboard('®')">®</span> <span onclick="keyboard('&#8482;')">&#8482;</span> <span onclick="keyboard('«')">«</span> <span onclick="keyboard('»')">»</span> <span onclick="keyboard('&#10077;')">&#10077;</span> <span onclick="keyboard('&#10078;')">&#10078;</span> <span onclick="keyboard('&#162;')">&#162;</span> <span onclick="keyboard('&#8364;')">&#8364;</span> <span onclick="keyboard('&#163;')">&#163;</span> <span onclick="keyboard('&#8381;')">&#8381;</span> <span onclick="keyboard('&#8383;')">&#8383;</span> <span onclick="keyboard('&#10008;')">&#10008;</span> <span onclick="keyboard('&#10004;')">&#10004;</span> <span onclick="keyboard('&#9746;')">&#9746;</span> <span onclick="keyboard('&#9745;')">&#9745;</span> <span onclick="keyboard('&#9744;')">&#9744;</span> <span onclick="keyboard('&#9679;')">&#9679;</span> <span onclick="keyboard('&#8226;')">&#8226;</span> <span onclick="keyboard('&#9724;')">&#9724;</span> <span onclick="keyboard('&#9706;')">&#9706;</span> <span onclick="keyboard('&#9726;')">&#9726;</span> <span onclick="keyboard('&#9673;')">&#9673;</span> <span onclick="keyboard('&#9670;')">&#9670;</span> <span onclick="keyboard('&#9684;')">&#9684;</span> <span onclick="keyboard('&#9792;')">&#9792;</span> <span onclick="keyboard('&#9794;')">&#9794;</span> <span onclick="keyboard('&#10084;')">&#10084;</span> <span onclick="keyboard('&#9835;')">&#9835;</span> <span onclick="keyboard('&#12483;')">&#12483;</span> <span onclick="keyboard('&#10052;')">&#10052;</span> <span onclick="keyboard('&#9728;')">&#9728;</span> <span onclick="keyboard('&#9729;')">&#9729;</span> <span onclick="keyboard('&#10059;')">&#10059;</span> <span onclick="keyboard('&#10047;')">&#10047;</span> <span onclick="keyboard('&#9998;')">&#9998;</span> <span onclick="keyboard('&#9986;')">&#9986;</span> <span onclick="keyboard('&#9733;')">&#9733;</span> <span onclick="keyboard('&#9734;')">&#9734;</span> <span onclick="keyboard('&#8249;')">&#8249;</span> <span onclick="keyboard('&#8250;')">&#8250;</span> <span onclick="keyboard('&#8592;')">&#8592;</span> <span onclick="keyboard('&#8593;')">&#8593;</span> <span onclick="keyboard('&#8594;')">&#8594;</span> <span onclick="keyboard('&#8595;')">&#8595;</span> <span onclick="keyboard('&#8596;')">&#8596;</span> <span onclick="keyboard('&#8597;')">&#8597;</span> <span onclick="keyboard('&#9668;')">&#9668;</span> <span onclick="keyboard('&#9650;')">&#9650;</span> <span onclick="keyboard('&#9658;')">&#9658;</span> <span onclick="keyboard('&#9660;')">&#9660;</span> <span onclick="keyboard('&#9666;')">&#9666;</span> <span onclick="keyboard('&#9652;')">&#9652;</span> <span onclick="keyboard('&#9656;')">&#9656;</span> <span onclick="keyboard('&#9662;')">&#9662;</span> <span onclick="keyboard('&#9471;')">&#9471;</span> <span onclick="keyboard('&#10102;')">&#10102;</span> <span onclick="keyboard('&#10103;')">&#10103;</span> <span onclick="keyboard('&#10104;')">&#10104;</span> <span onclick="keyboard('&#10105;')">&#10105;</span> <span onclick="keyboard('&#10106;')">&#10106;</span> <span onclick="keyboard('&#10107;')">&#10107;</span> <span onclick="keyboard('&#10108;')">&#10108;</span> <span onclick="keyboard('&#10109;')">&#10109;</span> <span onclick="keyboard('&#10110;')">&#10110;</span> <span onclick="keyboard('&#10111;')">&#10111;</span> </div> <!-- Дополнительно --> <div class="aditionals container"> <span onclick="bbcode('[size=28][font=Bebas Neue]','[/font][/size]');"><gg class='rus'>Заголовок</gg><gg class='eng'>Title</gg></span> <span onclick="bbcode('[block=prev][align=center]','[/align][/block]');"><gg class='rus'>Автосжатие больших картинок</gg><gg class='eng'>Auto-resize large images</gg></span> <span onclick="bbcode('[block=hidecode][hide]','[/hide][/block]');"><gg class='rus'>Скрыть от гостей</gg><gg class='eng'>Hide from guests</gg></span> <span class="rus" onclick="bbcode('[block=hidelink][hide][block=superlink][url=',']СКАЧАТЬ[/url][/block][/hide][/block]');">Ссылка «скачать»</span> <span class="eng" onclick="bbcode('[block=hidelink][hide][block=superlink][url=',']DOWNLOAD[/url][/block][/hide][/block]');">Download link</span> <span onclick="FORUM.get('editor.addition.tags.you.onclick()')"><gg class='rus'>Имя читателя</gg><gg class='eng'>Reader's name</gg></span> <span onclick="FORUM.get('editor.addition.tags.add.onclick()')"><gg class='rus'>Добавлено спустя&#8230;</gg><gg class='eng'>Added after...</gg></span> <span onclick="FORUM.get('editor.addition.tags.sup.onclick()')"><gg class='rus'>Надстрочный текст</gg><gg class='eng'>Superscript text</gg></span> <span onclick="FORUM.get('editor.addition.tags.sub.onclick()')"><gg class='rus'>Подстрочный текст</gg><gg class='eng'>Subscript text</gg></span> <span onclick="bbcode('[block=class]','[/block]');" class="userhide"><gg class='rus'>Блок</gg><gg class='eng'>Block</gg></span> <span onclick="bbcode('[html]','[/html]');" class="userhide">HTML</span> </div> </div><!-- раскрывающиеся списки --> <!-- ---------------- --> <script type="text/javascript"> $('#my-fo').appendTo('#form-buttons'); $('.fo-lists').appendTo('#tags'); var buttonList = [ {button: ".code-button", list: ".codes"}, {button: ".font-button", list: ".fonts"}, {button: ".size-button", list: ".sizes"}, {button: ".color-button", list: ".colors"}, {button: ".list-button", list: ".lists"}, {button: ".symbol-button", list: ".symbols"}, {button: ".aditional-button", list: ".aditionals"} ]; buttonList.forEach(function(item) { $("#form-buttons " + item.button).click(function() { $("#tags .fo-lists " + item.list).toggleClass('show'); }); }); </script> <!-- Новая форма ответа: Конец --> <!-- Кнопка шаблона для новой формы --> <script type="text/javascript"> $(document).ready(function() { if ($('#post #addition-area div[onclick*="addition.tags.pattern"]').length) { $('#my-fo .fo-butblok').first().before('<span id="fo-shablon" class="material-icons tip" onclick="FORUM.get(\'editor.addition.tags.pattern.onclick()\')" title="Шаблон добавления материала">note_add</span><div class="sep sep-shab"></div>'); } //Скрытие кнопки шаблонов в некоторых разделах var shabforums = [5, 6, 19]; for (var i = 0; i < shabforums.length; i++) { var crumbsSelector = 'a[href="/viewforum.php?id=' + shabforums[i] + '"]'; var hideShab = document.querySelector(crumbsSelector); if (hideShab) { $("#fo-shablon").not('[onclick*="voice"]').addClass('moderator-ann2'); $(".sep-shab").addClass('moderator-ann2'); } } }); </script> <style> .fo-buttons #fo-shablon {background-color: #e63737; color: #fff;} .fo-buttons #fo-shablon:hover {background-color: #2e3e4f; color: #e63737;} </style> <!--дополнительные смайлы--> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/75411.js" defer></script> <!-- Инструментарий: Пресеты тегов для топиков портфолио --> <div id="pt-swich" class="superlink"><a class="pt-hide tip" title="убрать инструментарий спец-топиков">Скрыть инструментарий</a><a class="pt-show tip" title=" инструментарий спец-топиков">Показать инструментарий</a></div> <div id="pt-inside"> <div id="portfolio-tags"> <h4>Теги оформления специальных постов</h4> <div class="pt-row"> <div class="pt-click red tip" title="Обязательный тег для создания специального поста:<br><img src='https://i.imgur.com/sXmPgWq.jpg'>">Сделать пост специальным<span class="pttag-cont">[block="portfoliopost"]portfoliopost[/block],</span></div> <div class="pt-click tip" title="Перекрашивает специальный пост в более светлые тона">Светлый фон<span class="pttag-cont">[block="makeportfoliolight"]makeportfoliolight[/block],</span></div> <div class="pt-click tip" title="Элементы поста красного цвета:<br><img src='https://i.imgur.com/2yNshzv.jpg'>">Красный пост<span class="pttag-cont">[block="saledpost"]saledpost[/block],</span></div> <div class="pt-click tip" title="Элементы поста синего цвета:<br><img src='https://i.imgur.com/YnDb3Ar.jpg'>">Синий пост<span class="pttag-cont">[block="forsalepost"]forsalepost[/block],</span></div> <div class="pt-click tip"title="Элементы поста зеленого цвета:<br><img src='https://i.imgur.com/H4ATE6K.jpg'>">Зеленый пост<span class="pttag-cont">[block="freepost"]freepost[/block],</span></div> <br> <div class="pt-click red tip" title="Обязательный тег для создания поста в рамочке на всю ширину форума (но без профиля):<br><img src='https://i.imgur.com/7k916GZ.png'>">Пост без профиля<span class="pttag-cont">[block="no-prof"]no-prof[/block],</span></div> </div> <h4>Теги оформления картинок</h4> <p><b>Обложки: </b>Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px</p> <div class="pt-row"> <div class="pt-click tip" title="Вставить простую обложку:<br><img src='https://i.imgur.com/DpG7E19.jpg'>">Обложка<span class="pttag-cont">[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой замка:<br><img src='https://i.imgur.com/akk5tJr.jpg'>">Закрыто<span class="pttag-cont">[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой доллара:<br><img src='https://i.imgur.com/VtsGPlx.jpg'>">Продажа<span class="pttag-cont">[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <div class="pt-click tip" title="Обложка с иконкой подарка:<br><img src='https://i.imgur.com/VHGTul4.jpg'>">Подарок<span class="pttag-cont">[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]</span></div> <br> <p><b>Превью: </b>Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px</p> <div class="pt-click tip" title="Вставить блок для превью картинок:<br><img src='https://i.imgur.com/00hJCG0.jpg'>">Блок для превью<span class="pttag-cont">[block="morepics"],[/block]</span></div> <br> <p><b>Разноцветные картинки-ссылки: </b>Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)</p> <div class="pt-click tip" title="Вставляет блок для ОТОБРАЖЕНИЯ и выравнивания их по центру:<br><img src='https://i.imgur.com/tLqbv3Z.jpg'>">Блок для картинок-ссылок<span class="pttag-cont">[block="port-block"],[/block]</span></div> <div class="pt-click tip" title="Вставляет красный блок картинки-ссылки:<br><img src='https://i.imgur.com/a3D74QO.jpg'>">Красный<span class="pttag-cont">[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет синий блок картинки-ссылки:<br><img src='https://i.imgur.com/m8s4vcP.jpg'>">Синий<span class="pttag-cont">[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет зеленый блок картинки-ссылки:<br><img src='https://i.imgur.com/JLSrWtL.jpg'>">Зеленый<span class="pttag-cont">[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет желтый блок картинки-ссылки:<br><img src='https://i.imgur.com/jOJ7EsQ.jpg'>">Желтый<span class="pttag-cont">[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]</span></div> </div> <h4>Теги оформления контента</h4> <div class="pt-row"> <div class="pt-click tip" title="Создает блок с обведенным текстом:<br><img src='https://i.imgur.com/ouNs2Hb.jpg'>">Обведенный текст<span class="pttag-cont">[block="details"] [block="det"],[/block] [/block]</span></div> <div class="pt-click tip" title="Добавить еще один внутренний блок для текста в ряд:<br><img src='https://i.imgur.com/pTAQB0C.jpg'>">Добавить еще блок<span class="pttag-cont">[block="det"],[/block]</span></div> <br> <div class="pt-click tip" title="Добавляет блок с ссылками-кнопками:<br><img src='https://i.imgur.com/PNFlJfB.jpg'>">Блок с кнопками<span class="pttag-cont">[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]</span></div> <div class="pt-click tip" title="Вставляет синюю кнопку:<br><img src='https://i.imgur.com/KblQToG.jpg'>">Синяя кнопка<span class="pttag-cont">[block="demo"][url=ссылка]текст,[/url][/block]</span></div> <div class="pt-click tip" title="Вставляет оранжевую кнопку:<br><img src='https://i.imgur.com/xmMJL1b.jpg'>">Оранжевая кнопка<span class="pttag-cont">[block="store"][url=ссылка]текст,[/url][/block]</span></div> </div> </div></div> <style> .pttag-cont, #portfolio-tags .pt-click.admin, #pt-inside, #pt-swich, #pt-swich.show .pt-show, #pt-swich .pt-hide {display:none;} .isadmin #portfolio-tags .pt-click.admin {display:inline-block;} .ismoderator #pt-swich, .gid6 #pt-swich, .gid16 #pt-swich, .ismoderator #pt-inside.show, .gid6 #pt-inside.show, .gid16 #pt-inside.show, .ismoderator #pt-swich.show .pt-hide, .gid6 #pt-swich.show .pt-hide, .gid16 #pt-swich.show .pt-hide {display:block;} #portfolio-tags {padding: 10px;} #portfolio-tags h4 {margin: 0 0 5px; font-family: 'Bebas Neue'; font-size: 20px; font-weight: normal;} #portfolio-tags p {margin:0;} #portfolio-tags .pt-row {padding-bottom: 10px;} #portfolio-tags .pt-click {cursor: pointer; display: inline-block; padding: 5px; border-radius: 5px; margin: 5px; font-size: 16px; text-transform: uppercase; background: #cacaca; color: #0080b7;} .dark #portfolio-tags .pt-click {background: #4f4f4f; color: #4eafc1;} #portfolio-tags .pt-click:hover, .dark #portfolio-tags .pt-click:hover {background: #2e3e4f; color: #e63737;} #portfolio-tags .pt-click.red, .dark #portfolio-tags .pt-click.red {background-color: #f98561; color: #fff;} #portfolio-tags .pt-click.red:hover, .dark #portfolio-tags .pt-click.red:hover {background-color: #e63737; color: #fff;} #portfolio-tags .pt-click.admin, .dark #portfolio-tags .pt-click.admin {background-color: #a726af; color: #fff;} #portfolio-tags .pt-click.admin:hover, .dark #portfolio-tags .pt-click.admin:hover {background-color: #71218e; color: #fff;} #pt-swich {margin: 10px 0 0;} #pt-swich.superlink a {cursor:pointer;} </style> <script type="text/javascript"> $("#portfolio-tags div").click(function(){ var L=$(this).find(".pttag-cont").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); $(document).ready(function() { $(".pt-hide").click(function(){ $("#pt-inside").removeClass("show"); $("#pt-swich").removeClass("show"); }); $(".pt-show").click(function(){ $("#pt-inside").addClass("show"); $("#pt-swich").addClass("show"); }); }); </script> <!-- ------------------------------------------------------ админские инструментарии навигаторов ------------------------------------------------------ --> <!-- Пресеты тегов для навигатора по общему портфолио --> <div id="supertags2"><div id="meny-styles2" class="container"> <span class="addscript"><p>добавить работу <i>[block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block] </i> </p></span> <div class="icons"> <span class="menustylestext">Иконки:</span> <p><span class="icon material-icons">lock</span><i>[block="icon material-icons"]lock,[/block]</i></p> <p><span class="icon fa-solid fa-sack-dollar"></span><i>[block="icon fa-solid fa-sack-dollar"],[/block]</i></p> <p><span class="icon fa-solid fa-gift"></span><i>[block="icon fa-solid fa-gift"],[/block]</i></p> </div> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(вставить в <b>p-out</b> через пробел)</span> <br> <div class="forumtags"> <span class="menustylestext3">Тип работы: </span> <span class="tag red"><p>под заказ<i> saled,</i></p></span> <span class="tag lightblue"><p>на продажу<i> forsale,</i></p></span> <span class="tag green"><p>бесплатно<i> free,</i></p></span> <br><br> <span class="menustylestext3">Основная категория: </span> <span class="tag"><p>Вебдизайн<i> dis,</i></p><em>(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)</em></span> <span class="tag"><p>Графика<i> graf,</i></p><em>(для графона, НЕ включающего кодинг/скрипты)</em></span> <span class="tag"><p>Скрипты/коды<i> code,</i></p><em>(для готовых разработок и работы по верстке/кодингу)</em></span> <br> <span class="menustylestext3">Мини-фильтры дизайнов: </span> <span class="tag orange"><p>адаптивные<i> mob,</i></p></span> <span class="tag blue"><p>ролевые игры<i> frpg,</i></p></span> <span class="tag yellow"><p>компьютерные игры<i> game,</i></p></span> <span class="tag orange"><p>нейтральные<i> flat,</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Подкатегории: </span> <span class="tag"><p>Дизайн форумов/сайтов<i> fulldis,</i></p><em>(для полных работ по дизайну)</em></span> <span class="tag"><p>Макеты<i> layout,</i></p><em>(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)</em></span> <span class="tag"><p>Верстка<i> dis-code,</i></p><em>(для работ по верстке чужих дизайнов или отдельных штук)</em></span> <span class="tag"><p>Соц-сети/стримы<i> graf-s,</i></p><em>(графон для оформления соцсетей/стримов)</em></span> <span class="tag"><p>Ролевая графика/арт<i> art,</i></p><em>(для мелкой графики)</em></span> <span class="tag"><p>Javascript/CSS<i> js,</i></p><em>(для скриптов или выложенных цсс кодов)</em></span> </div> </div> </div></div> <style> #meny-styles3 i,#supertags2, #supertags3 {display: none;} #supertags2.show, #supertags3.show {display:block!important;} #supertags2 .container p, #supertags3 .container p { padding: 3px; border-radius: 3px; color: #fff; cursor:pointer; margin: 2px 0; font-size: 14px; display: inline-block; } #supertags2 .container p:hover, #supertags3 .container p:hover {background-color: #939393;} #supertags2 .container .addscript p, #supertags3 .container .addscript p {text-transform: uppercase;font-family: 'Bebas Neue', Impact;padding: 2px 10px 0;background: #f98561;border-bottom: 6px solid #e63737;border-radius: 0;font-size: 24px;} #supertags2 .container .addscript p:hover, #supertags3 .container .addscript p:hover {background: #e63737;} #supertags2 .addscript, #supertags3 .addscript {margin: 10px 10px 5px 0px; display: inline-block;} #supertags2 .icons {display: inline-block;vertical-align: bottom;} .menustylestext2 b {color: #e63737;} #supertags2 .icon.fa-gift {color: #26af33;} #supertags2 .icon.fa-sack-dollar {color: #00a1e4;} #supertags2 .icon.material-icons {color: #e63737;} .tag p {background: #1e1d1d;} .forumtags {margin-top: 6px;} .forumtags em {display: block;margin-bottom: 5px;font-size: 11px;} </style> <script type="text/javascript"> $("#supertags2").appendTo('#tags'); $("#meny-styles3 p").click(function(){ var L=$(this).find("i").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); if(window.location.toString().indexOf('/viewtopic.php?id=7108')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178198')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178360')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178361')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178362')>0) {$("#supertags2").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178363')>0) {$("#supertags2").addClass('show');} </script> <!-- Пресеты тегов для навигатора по бесплатным дизам --> <div id="supertags3"><div id="meny-styles2" class="container"> <span class="addscript fd"><p>Бесплатный диз от FD <i>[block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <span class="addscript fdpay"><p>Платный диз от FD <i>[block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <span class="addscript norm"><p>Дизайн от юзеров <i>[block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block] </i> </p></span> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(вставить в <b>p-out</b> через пробел)</span> <br> <div class="forumtags"> <span class="menustylestext3">Платформа: </span> <span class="tag blue"><p>MyBB.ru<i> mybb-ru,</i></p></span> <span class="tag red"><p>Макет (любая платформа)<i> any,</i></p></span> <br><br> <span class="menustylestext3">Параметры: </span> <span class="tag"><p>+ PSD<i> psd-in,</i></p><em>(в наличии макет помимо кодов)</em></span> <span class="tag"><p>+ адаптивка<i> mob,</i></p><em>(есть версия для мобилок)</em></span> </div> <div class="forumtags"> <span class="menustylestext3">Тематика: </span> <span class="tag orange"><p>нейтральные<i> flat,</i></p></span> <span class="tag blue"><p>ролевые игры<i> frpg,</i></p></span> <span class="tag yellow"><p>компьютерные игры<i> game,</i></p></span> <span class="tag lightblue"><p>фентези<i> fant,</i></p></span> <span class="tag red"><p>аниме<i> anime,</i></p></span> <span class="tag yellow"><p>кино/сериалы<i> kino,</i></p></span> <span class="tag green"><p>стимпанк/киберпанк<i> cyb,</i></p></span> <span class="tag yellow"><p>мультфильмы<i> kids,</i></p></span> <span class="tag orange"><p>животные<i> cats,</i></p></span> <br><br> <span class="menustylestext3">Цвета: </span> <span class="tag"><p>тёмные<i> darkst,</i></p></span> <span class="tag gray"><p>светлые<i> light,</i></p></span> <span class="tag orange"><p>яркие<i> bright,</i></p></span> </div> </div> </div></div> <style> #supertags3 .container .addscript.fd p {background: #26af33; border-bottom: 6px solid #1c8426;} #supertags3 .container .addscript.fd p:hover {background: #1c8426;} #supertags3 .container .addscript.fdpay p {background: #23afc8; border-bottom: 6px solid #0080b7;} #supertags3 .container .addscript.fdpay p:hover {background: #0080b7;} #supertags3 .container .addscript.norm p {background: #f7941d; border-bottom: 6px solid #e36120;} #supertags3 .container .addscript.norm p:hover {background: #e36120;} </style> <script type="text/javascript"> $("#supertags3").appendTo('#tags'); if(window.location.toString().indexOf('/viewtopic.php?id=7140')>0) {$("#supertags3").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178837')>0) {$("#supertags3").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=178838')>0) {$("#supertags3").addClass('show');} </script> <!-- Пресеты тегов для навигатора по скриптам --> <div id="supertags"><div id="meny-styles2" class="container"> <span class="addscript"><p>добавить скрипт/код <i>[block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block] </i> </p></span> <div class="icons"> <span class="menustylestext">Иконки:</span> <p><span class="icon fa-brands fa-js"></span><i>[block="icon fa-brands fa-js"],[/block]</i></p> <p><span class="icon fa-brands fa-css3-alt"></span><i>[block="icon fa-brands fa-css3-alt"],[/block]</i></p> <p><span class="icon fa-regular fa-file-lines"></span><i>[block="icon fa-regular fa-file-lines"],[/block]</i></p> <p><span class="icon fa-solid fa-file-code"></span><i>[block="icon fa-solid fa-file-code"],[/block]</i></p> <p><span class="icon fa-solid fa-file-invoice-dollar"></span><i>[block="icon fa-solid fa-file-invoice-dollar"],[/block]</i></p> </div> <div class="sttags"> <span class="menustylestext">ТЕГИ</span> <span class="menustylestext2">(*значение в скобках вставить в SCRBLOCK через пробел)</span> <div class="maintags"> <span class="menustylestext2">Тип кода: </span> <span class="tag blue"><p>скрипт (js)<i>[block="js"]скрипт, js[/block]</i></p></span> <span class="tag lightblue"><p>css код (css)<i>[block="css"]css код, css[/block]</i></p></span> <span class="tag orange"><p>HTML/CSS шаблоны (shab)<i>[block="shab"]HTML/CSS шаблоны, shab[/block]</i></p></span> <span class="tag red"><p>Модули/Расширения (global)<i>[block="global"]Модули/Расширения, global[/block]</i></p></span> <span class="menustylestext2">Платформа: </span> <span class="tag blue"><p>MyBB.ru (mybb-ru)<i>[block="mybb-ru"]MyBB.ru, mybb-ru[/block]</i></p></span> <span class="tag red"><p>Любой движок (any)<i>[block="any"]Любой движок, any[/block]</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Тип для форума: </span> <span class="tag orange"><p>Пользователи (users)<i>[block="users"]Пользователи, users[/block]</i></p></span> <span class="tag green"><p>Профиль (userprof)<i>[block="userprof"]Профиль, userprof[/block]</i></p></span> <span class="tag lightblue"><p>Доп. поля профиля (adfield)<i>[block="adfield"]Доп. поля профиля, adfield[/block]</i></p></span> <span class="tag yellow"><p>Аватары (avatars)<i>[block="avatars"]Аватары, avatars[/block]</i></p></span> <span class="tag lightblue"><p>Репутация (repa)<i>[block="repa"]Репутация, repa[/block]</i></p></span> <br> <span class="tag orange"><p>Группы (groups)<i>[block="groups"]Группы, groups[/block]</i></p></span> <span class="tag green"><p>Гoсти (guest)<i>[block="guest"]Гoсти, guest[/block]</i></p></span> <span class="tag red"><p>Администраторы (admins)<i>[block="admins"]Администраторы, admins[/block]</i></p></span> <span class="tag blue"><p>Модераторы (moders)<i>[block="moders"]Модераторы, moders[/block]</i></p></span> <br> <span class="tag yellow"><p>Регистрация (regis)<i>[block="regis"]Регистрация, regis[/block]</i></p></span> <span class="tag lightblue"><p>Личные сообщения (ls)<i>[block="ls"]Личные сообщения, ls[/block]</i></p></span> <span class="tag yellow"><p>Вход (login)<i>[block="login"]Вход, login[/block]</i></p></span> <span class="tag lightblue"><p>Подписки (subsc)<i>[block="subsc"]Подписки, subsc[/block]</i></p></span> <br> <span class="tag yellow"><p>Поиск (search)<i>[block="search"]Поиск, search[/block]</i></p></span> <span class="tag lightblue"><p>Цитирование (quotes)<i>[block="quotes"]Цитирование, quotes[/block]</i></p></span> <span class="tag yellow"><p>Пагинация (pagin)<i>[block="pagin"]Пагинация, pagin[/block]</i></p></span> <span class="tag green"><p>Опросы (polls)<i>[block="polls"]Опросы, polls[/block]</i></p></span> <span class="tag yellow"><p>Смайлы (smiles)<i>[block="smiles"]Смайлы, smiles[/block]</i></p></span> <br> <span class="tag lightblue"><p>Фикс скриптов QuadroBoards (qbfix)<i>[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]</i></p></span> </div> <div class="forumtags"> <span class="menustylestext3">Страница форума: </span> <span class="tag red"><p>На всех страницах (allpages)<i>[block="allpages"]На всех страницах, allpages[/block]</i></p></span> <span class="tag orange"><p>Страницы (созд. в админке) (fpages)<i>[block="fpages"]Страницы (соз. в админке), fpages[/block]</i></p></span> <br> <span class="tag orange"><p>Главная страница (mainpage)<i>[block="mainpage"]Главная страница, mainpage[/block]</i></p></span> <span class="tag yellow"><p>Объявление (announ)<i>[block="announ"]Объявление, announ[/block]</i></p></span> <span class="tag green"><p>Категории (categ)<i>[block="categ"]Категории, categ[/block]</i></p></span> <span class="tag yellow"><p>Форумы (forums)<i>[block="forums"]Форумы, forums[/block]</i></p></span> <span class="tag lightblue"><p>Статистика (stats)<i>[block="stats"]Статистика, stats[/block]</i></p></span> <br> <span class="tag orange"><p>Список тем (topiclist)<i>[block="topiclist"]Список тем, topiclist[/block]</i></p></span> <span class="tag yellow"><p>Страница профиля (profpage)<i>[block="profpage"]Страница профиля, profpage[/block]</i></p></span> <br> <span class="tag orange"><p>Тема (topics)<i>[block="topics"]Тема, topics[/block]</i></p></span> <span class="tag green"><p>Сообщения (posts)<i>[block="posts"]Сообщения, posts[/block]</i></p></span> <span class="tag yellow"><p>Контент сообщений (p-content)<i>[block="p-content"]Контент сообщений, p-content[/block]</i></p></span> <span class="tag yellow"><p>Рейтинг постов (p-repa)<i>[block="p-repa"]Рейтинг постов, p-repa[/block]</i></p></span> <span class="tag green"><p>Профиль автора поста (p-prof)<i>[block="p-prof"]Профиль автора поста, p-prof[/block]</i></p></span> <br> <span class="tag orange"><p>Форма ответа (fo)<i>[block="fo"]Форма ответа, fo[/block]</i></p></span> <span class="tag green"><p>Модификация ФО (fomod)<i>[block="fomod"]Модификация ФО, fomod[/block]</i></p></span> <span class="tag yellow"><p>Новые BB-теги (newbb)<i>[block="newbb"]Новые BB-теги, newbb[/block]</i></p></span> <span class="tag lightblue"><p>Инструментарий спец тем/постов (spesh)<i>[block="spesh"]Инструментарий спец тем/постов, spesh[/block]</i></p></span> </div> <div class="speztags"> <span class="menustylestext3">Универсальные теги: </span> <span class="tag red"><p>Дизайн/стиль (dis)<i>[block="dis"]Дизайн/стиль, dis[/block]</i></p></span> <span class="tag blue"><p>Замена элементов/атрибутов (chan)<i>[block="chan"]Замена элементов/атрибутов, chan[/block]</i></p></span> <span class="tag green"><p>Загрузка (load)<i>[block="load"]Загрузка, load[/block]</i></p></span> <span class="tag lightblue"><p>Переадресация (redir)<i>[block="redir"]Переадресация, redir[/block]</i></p></span> <span class="tag lightblue"><p>Скроллинг (scroll)<i>[block="scroll"]Скроллинг, scroll[/block]</i></p></span> <br> <span class="tag orange"><p>Виджеты (vidjet)<i>[block="vidjet"]Виджеты, vidjet[/block]</i></p></span> <span class="tag lightblue"><p>Меню (menu)<i>[block="menu"]Меню, menu[/block]</i></p></span> <span class="tag yellow"><p>Вкладки (ttabs)<i>[block="ttabs"]Вкладки, ttabs[/block]</i></p></span> <span class="tag lightblue"><p>Галереи (gall)<i>[block="gall"]Галереи, gall[/block]</i></p></span> <span class="tag green"><p>Слайдеры (sliders)<i>[block="sliders"]Слайдеры, sliders[/block]</i></p></span> <span class="tag yellow"><p>Ротаторы (rotat)<i>[block="rotat"]Ротаторы, rotat[/block]</i></p></span> <span class="tag lightblue"><p>Таймеры/даты (timers)<i>[block="timers"]Таймеры/даты, timers[/block]</i></p></span> <span class="tag green"><p>Спойлеры (spoilers)<i>[block="spoilers"]Спойлеры, spoilers[/block]</i></p></span> <br> <span class="tag green"><p>Реклама (adv)<i>[block="adv"]Реклама, adv[/block]</i></p></span> <span class="tag yellow"><p>Изображения (pics)<i>[block="pics"]Изображения, pics[/block]</i></p></span> <span class="tag lightblue"><p>Медиа (media)<i>[block="media"]Медиа, media[/block]</i></p></span> <span class="tag blue"><p>Ролевые игры (frpg)<i>[block="frpg"]Ролевые игры, frpg[/block]</i></p></span> <br> <span class="tag green"><p>Hover-эффекты (hover)<i>[block="hover"]Hover-эффекты, hover[/block]</i></p></span> <span class="tag yellow"><p>Анимация (anim)<i>[block="anim"]Анимация, anim[/block]</i></p></span> <span class="tag lightblue"><p>Украшения (decor)<i>[block="decor"]Украшения, decor[/block]</i></p></span> <span class="tag red"><p>Праздники (seleb)<i>[block="seleb"]Праздники, seleb[/block]</i></p></span> <br> <span class="tag red"><p>Ограничения/запреты (stops)<i>[block="stops"]Ограничения/запреты, stops[/block]</i></p></span> <span class="tag yellow"><p>Антикопирование (nocopy)<i>[block="nocopy"]Антикопирование, nocopy[/block]</i></p></span> <span class="tag lightblue"><p>Уведомления (notif)<i>[block="notif"]Уведомления, notif[/block]</i></p></span> </div> </div> </div></div> <style> .speztags {border-top: 2px solid #ccc; padding-top: 10px;} #pun .punbb #tags .forumtags { display: inline-block; vertical-align: top; width: 48% !important; } #pun .punbb #tags .maintags {display: block;} .maintags { margin: 10px 0; border-width: 2px 0 2px 0px; border-style: solid; border-color: #ccc; padding: 6px 0; } #supertags .container .addscript p { text-transform: uppercase; font-family: 'Bebas Neue', Impact; padding: 2px 10px 0; background: #f98561; border-bottom: 6px solid #e63737; border-radius: 0; font-size: 24px; } #supertags .addscript {margin: 10px 10px 10px 0px; display: inline-block;} #supertags .icons {display: inline-block;vertical-align: bottom;} #supertags .container .addscript p:hover {background: #e63737;} .tag.blue p {background: #0481d9;} .tag.lightblue p {background: #29aecb;} .tag.red p {background: #e63737;} .tag.orange p {background: #f98561;} .tag.gray p {background: #bbb;} .tag.green p {background: #26af33;} .tag.yellow p {background: #f7941d;} .menustylestext, .menustylestext2 {margin: 0 5px;} .menustylestext { font-size: 26px; text-transform: uppercase; font-family: 'Bebas Neue', Impact; } .menustylestext2 {font-weight: bold;} .menustylestext3 {display: block;font-weight: bold;margin-bottom: 5px;} #meny-styles2 .icon {font-size: 30px;} #meny-styles2 .icon.fa-js {color: #0481d9;} #meny-styles2 .icon.fa-css3-alt {color: #29aecb;} #meny-styles2 .icon.fa-file-lines {color: #f98561;} #meny-styles2 .icon.fa-file-code {color: #e63737;} #meny-styles2 .icon.fa-file-invoice-dollar {color: #f7941d} #meny-styles2 i,#supertags {display: none;} #supertags.show {display:block!important;} #supertags .container p { padding: 3px; border-radius: 3px; color: #fff; cursor:pointer; margin: 2px 0; font-size: 14px; display: inline-block; } #supertags .container p:hover {background-color: #939393;} </style> <script type="text/javascript"> $("#supertags").appendTo('#tags'); $("#meny-styles2 p").click(function(){ var L=$(this).find("i").html(); var P=L.split(','); bbcode(P[0],P[1]) return false; }); if(window.location.toString().indexOf('/viewtopic.php?id=7078')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176290')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176293')>0) {$("#supertags").addClass('show');} else if(window.location.toString().indexOf('/edit.php?id=176329')>0) {$("#supertags").addClass('show');} </script> </div> </fieldset> <p class="formsubmit"><input type="submit" class="button submit submit-premod" name="submit" value="Отправить на модерацию" accesskey="s" /> <input type="submit" class="button" name="preview" value="Посмотреть" accesskey="p" /></p> </form> </div> </div> <script type="text/javascript">$(document).trigger("pun_main_ready");</script> <!-- pun_stats --> <!-- banner_mini_bottom --> <!-- banner_bottom --> <div id="pun-break3" class="divider"><hr /></div> <div id="pun-crumbs2" class="section"> <p class="container crumbs"><strong>Вы здесь</strong> <em>&#187;&#160;</em><a href="https://forumd.ru/">ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=7">Библиотека статей, гайдов, уроков</a> <em>&#187;&#160;</em><a href="https://forumd.ru/viewforum.php?id=149">Уроки Photoshop, графика, арт</a> <em>&#187;&#160;</em>Портретное кадрирование и интерполяция (Урок Photoshop)</p> </div> <div id="pun-break4" class="divider"><hr /></div> <div id="pun-about" class="section"> <p class="container"> </p> </div> <script type="text/javascript">$(document).trigger("pun_about_ready"); if (typeof ym == 'object') {ym(201230, 'userParams', {UserId:1, is_user:0}); ym(201230, 'params', {forum_id: 517111});}</script> <div id="html-footer" class="section"> <div class="container"><!-- переключалка стилей --> <script> $(document).ready(function() { const body = $('body'); const setDark = 'darkTheme'; const setLight = 'lightTheme'; // темная $('#sidebar .u-options').find('.dark').click(function() { body.addClass('dark').removeClass('light'); $setCookie(setDark, '1', 86400 * 365); // Устанавливаем куки темной localStorage.setItem(setDark, '1'); // Устанавливаем локал темной $setCookie(setLight, '1', -1); // Удаляем куки светлой localStorage.removeItem(setLight); // Удаляем локал светлой }); // светлая $('#sidebar .u-options').find('.light').click(function() { body.addClass('light').removeClass('dark'); $setCookie(setLight, '1', 86400 * 365); // Устанавливаем куки светлой localStorage.setItem(setLight, '1'); // Устанавливаем локал светлой $setCookie(setDark, '1', -1); // Удаляем куки темной localStorage.removeItem(setDark); // Удаляем локал темной }); // Применение сохраненной темы при загрузке страницы const userSelectedDark = localStorage.getItem(setDark) === '1' || $getCookie(setDark) === '1'; const userSelectedLight = localStorage.getItem(setLight) === '1' || $getCookie(setLight) === '1'; if (userSelectedDark) { body.addClass('dark').removeClass('light'); } else if (userSelectedLight) { body.addClass('light').removeClass('dark'); } else { // Проверка системной темы if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // body.addClass('dark').removeClass('light'); } else { // body.addClass('light').removeClass('dark'); } } }); </script> <!-- переключение языка --> <script> if ((!window['UserID'] || 1 == UserID) && !['ru', 'ru-RU'].includes(navigator.language) && !~document.cookie.indexOf('lang=')) {document.cookie = "lang=en"; location.reload()} var i,smbCodeArr=[];var arr0=[1026,1027,8218,1107,8222,8230,8224,8225,8364,8240,1033,8249,1034,1036,1035,1039,1106,8216,8217,8220,8221,8226,8211,8212,"0",8482,1113,8250,1114,1116,1115,1119,160,1038,1118,1032,164,1168,166,167,1025,169,1028,171,172,173,174,1031,176,177,1030,1110,1169,181,182,183,1105,8470,1108,187,1112,1029,1109,1111];for(i=0;i<arr0.length;i++)smbCodeArr[arr0[i]]=i+128;for(i=1040;i<=1103;i++)smbCodeArr[i]=i-848; var encodeURIwin1251=function(str){for(var arr=str.split(""),n,i=0;i<arr.length;i++){n=arr[i].charCodeAt();if(n>187&&n<1025||n>1105)arr[i]="&#"+n+";";if(typeof smbCodeArr[n]!="undefined")arr[i]=String.fromCharCode(smbCodeArr[n])}return escape(arr.join("")).replace(/\+/mg,"%2B")};$.fn.extend({serialize:function(){var i=0,s="",obj=this.serializeArray(),Lng=obj.length;for(;i<Lng;i++)s+=(i?"&":"")+encodeURIwin1251(obj[i].name)+"="+encodeURIwin1251(obj[i].value);return s}}); function changeLang(){if(window["UserID"]&&1!=UserID){var url=location.origin+"/profile.php?section=essentials&id="+UserID;$.ajax({url:url,async:false,success:function(res){var f=$(res).find("#profile1");"en"!=f.find('select[name="req_lang"]').val()?f.find('select[name="req_lang"]').val("en"):f.find('select[name="req_lang"]').val("ru");data=f.serialize();var curl=document.URL;history.replaceState(null,"",url);$.ajax({url:url,async:false,data:data,type:"POST",success:function(res){history.replaceState(null, "",curl);location.reload()}})}})}else{$("#pun.en").length?document.cookie="lang=ru":document.cookie="lang=en";location.reload()}}$("#langChange").on("click",changeLang); </script> <!-- изменение кода страниц --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/43819.js?v=2" defer></script> <!-- сайдбар --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/67067.js?v=2" defer></script> <!-- главная форума --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/25287.js?v=5" defer></script> <!-- топиклист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/13065.js?v=2" defer></script> <!-- подписки в топиклисте --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/26591.js?v=13" defer></script> <!-- топики --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/49006.js?v=5" defer></script><!-- юзерлист --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/18416.js?v=4" defer></script><!-- ЛС --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/20727.js?v=17" defer></script><!-- Профиль --> <!--Добавляем ссылку на форум в crumbs --> <script> if(!$("#pun-index").length&&document.URL.indexOf("/pages/index")==-1){ var s=' »&nbsp;<a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; if ($('#pun').hasClass('en')) { $(".crumbs").find("a:first").text('Home page').after(s) } else { $(".crumbs").find("a:first").text('Главная страница').after(s) } }; if($(".punbb").attr("id")=="pun-index"){ var s=' »&nbsp;<a href="/pages/index" class="rus">Главная страница</a><a href="/pages/index-eng" class="eng">Home page</a> »&nbsp;\ <a href="/=&forum"><span class="cr-txt rus">Форум</span><span class="cr-txt eng">Forum</span></a>'; $(".crumbs").html(s); }; </script> <!-- Аватар и ссылка в цитате © Alex_63 / Мод: Gerda, ForumD.ru --> <script>var FdQuoteAva = '<i class="fa-solid fa-user"></i>';</script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/79040.js"></script> <script type="text/javascript">setLinkAndAva()</script> <!-- HTML в постах с допуском по группам © Alex_63 --> <script type="text/javascript" src="/files/0015/c4/3f/52361.js" async></script> <script type="text/javascript"> HTMLinPost.groups = [1,2,12]; // Группы, допущенные к вставке HTML в посты HTMLinPost.noAccess = ['Дух осени','Maquis','Romych','Duka']; // Пользователи с запретом вставки HTML в посты HTMLinPost.parseHTMLinPosts() </script> <!-- Выделение и разворот кода © ForumD.ru, Gerda --> <script type="text/javascript"> $(document).ready(function() { $('.code-box').each(function() { var $codeBox = $(this); $codeBox.parents('.code-css').find('pre').wrapInner('<code class="language-css line-numbers"></code>'); $codeBox.parents('.code-javascript').find('pre').wrapInner('<code class="language-javascript line-numbers"></code>'); $codeBox.parents('.code-html').find('pre').wrapInner('<code class="language-html line-numbers"></code>'); $codeBox.find('.legend').html('<span class="copy-code" href="javascript:void(0);"><i><gg class="rus">Скопировать код</gg><gg class="eng">Copy code</gg></i><b><gg class="rus">Скопировано</gg><gg class="eng">Copied</gg></b></span>'); $codeBox.find('.legend').append('<span class="expand-code"><i><gg class="rus">Развернуть</gg><gg class="eng">Expand</gg></i><b><gg class="rus">Свернуть</gg><gg class="eng">Collapse</gg></b></span>'); $codeBox.find('.copy-code').on('click', function () { $codeBox.addClass('copied'); var textarea = document.createElement('textarea'); textarea.value = $codeBox.find('.scrollbox pre').text(); document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); console.log('Код скопирован успешно:', textarea.value); } catch (err) { console.error('Ошибка копирования кода:', err); } finally { document.body.removeChild(textarea); } }); $codeBox.find('.expand-code').on('click', function () { $codeBox.toggleClass('expanded'); }); }); }); </script> <!-- подсветка кода --> <link href="https://forumstatic.ru/files/0007/e3/f7/65930.css" rel="stylesheet"> <script src="https://forumstatic.ru/files/0007/e3/f7/20627.js" async></script> <!-- Полноэкранный просмотр изображений v.3 © ForumD, satsana & Gerda --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/97612.js?v=2" async></script> <!-- Автоматическая подписка на темы --> <script>(function(){var forumLnk=$('#pun-crumbs1 a[href*="viewforum.php"]:last');if(!forumLnk.length)return;if(~[5,6,19].indexOf(+forumLnk.attr('href').match(/id=(\d+)/)[1]))$('#fld6').parent('.checkfield').remove(),$('#pun-viewtopic,#pun-post').find('#post .areafield').append('<input type="checkbox" checked style="display:none" id="fld6" name="subscribe"/>');})()</script> <!-- цветовыделение должностей и мастеров --> <script> $(document).ready(function() { function addDutyClass(element, userId) { var userDuty = dutyData.find(item => String(item.id) === String(userId)); if (userDuty) { $(element).addClass(userDuty.color); } } function addVerifiedClass(element, userId) { var verifiedUser = verifiedData.find(item => String(item.id) === String(userId)); if (verifiedUser) { $(element).addClass(verifiedUser.color); } } $('.post-content a, a.post-mention, #onlinelist a, .modmenu a, .tcl.username a, .tcl.tc-username a, .tc2.pmtc22 a').each(function () { var href = $(this).attr('href'); var userIdMatch = href.match(/\/profile\.php\?id=(\d+)$/); if (userIdMatch) { var userId = userIdMatch[1]; addDutyClass(this, userId); addVerifiedClass(this, userId); } }); }); </script> <!-- Проверка имени при регистрации © Alex_63 --> <style> #username.normal {background-color: #abd4af !important; border: 2px solid #26af33;} #username.error {background-color: #e7b8b8 !important; border: 2px solid #e63737;} .stclr {margin-left: 10px;} .stclr.normal{color: #26af33; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} .stclr.error {color: #e63737; font-family: 'Bebas Neue', 'Book Antiqua'; text-transform: uppercase; font-size: 22px;} img.preloader{width:12px;height:12px;margin-left:3px;} </style> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/28064.js" defer></script> <!-- Всплывающие Подсказки --> <style> #tooltip { display: none; position: absolute; z-index: 9999999999999999; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 8px; border-radius: 4px; max-width: 250px; } </style> <script type="text/javascript"> jQuery.fn.quicktip = function(options){ var defaults = { speed: 500, xOffset: 26, yOffset: -5 }; var options = $.extend(defaults, options); return this.each(function(){ var $this = jQuery(this); var tipTitle = $this.attr('title'); if (tipTitle) { $this.removeAttr('title'); $this.on('mouseover', function(e) { $(this).css('cursor', 'pointer'); $("body").append("<div id='tooltip'>" + tipTitle + "</div>"); $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px") .fadeIn(options.speed); }).on('mouseout', function(e) { $("#tooltip").remove(); }); $this.mousemove(function(e) { $("#tooltip") .css("top", (e.pageY + defaults.xOffset) + "px") .css("left", (e.pageX + defaults.yOffset) + "px"); }); } }); }; // Добавление подсказок $('.post abbr').attr('data-title', function() { return $(this).attr('title') }); $(function() {$(window).on('load', function() { $('.post abbr').attr('title', function() { return $(this).attr('data-title') }); $('*[title]').quicktip({ speed: 700 }); });}); </script> <!-- костыли английской версии --> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/52360.js?v=2" defer></script> <!-- кастомные селекты --> <script> var fdSelects = '#punbbsearch select, #userlist select, #birthday select, #form-area select, .questionary-post select'; </script> <script type="text/javascript" src="https://forumstatic.ru/files/0007/e3/f7/66411.js" defer></script> <!--Копирайт--> <div id="bottom"><div class="inner"> <div id="fdcop1" class="fdcop rus"><a href="/viewtopic.php?id=4505" target='blank'>Отзывы</a> | <a href='/viewtopic.php?id=5790' target='blank'>Реклама на сайте</a> | <a href='/viewtopic.php?id=6616' target='blank'>Помочь нам</a> | <a href='/misc.php?action=rules' target='blank'>Правила проекта</a></div> <div id="fdcop2" class="fdcop icons rus"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Наш сервер на дискорде для заказов"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" title="Диалог с администрацией"><i class="fa-regular fa-comment"></i></a> <a href="/viewtopic.php?id=6616" title="Поддержать проект"><i class="fa-solid fa-hand-holding-heart"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Мы в ВК"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" class="tip" title="Канал на Ютубе"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Подписки/донаты на Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Донаты на DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div id="fdcop2" class="fdcop icons eng"> <a href="https://discord.gg/Vz8GGZT" target="_blank" title="Our Discord server"><i class="fa-brands fa-discord"></i></a> <a href="/viewtopic.php?id=4506" target="_blank" title="Dialogue with the administration"><i class="fa-regular fa-comment"></i></a> <a href="https://vk.com/forumd" target="_blank" title="Our VK page"><i class="fa-brands fa-vk"></i></a> <a href="https://www.youtube.com/@forumd-ru" target="_blank" title="Our Youtube channel"><i class="fa-brands fa-youtube"></i></a> <a href="https://boosty.to/forumd.ru" target="_blank" title="Subscribe/Donate on Boosty"><i class="fa-solid fa-money-check-dollar"></i></a> <a href="https://www.donationalerts.com/r/forumdru" target="_blank" title="Donate on DonationAlerts"><i class="fa-solid fa-coins"></i></a> </div> <div class="fdcop rus">© ForumD.ru, 2009-2024<br> <a href="https://forumd.ru/viewtopic.php?id=5751#rule" target="_blank">Условия использования бесплатного контента</a></div> <div class="fdcop eng">© ForumD.ru, 2009-2024<br> When publishing our content, please leave a link to the source.</div> <div id="fdbotBANNER" class="fdcop rus"><!-- баннеры --> <!-- баттл графистов, до 09.08 --> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <!-- баттл графистов, до 10.08 --><a href="https://skreverse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/05/11/2/204926.png" title="Shaman King: reverse"></a> <!-- яркий форум, до 18.08 --> <a target="_blank" href="https://lepidus.ru/" title="Любовники Смерти"><img src="https://forumupload.ru/uploads/0011/93/3d/1186/t111844.gif"></a> <!-- яркий форум, до 19.08 --> <a href="https://joannaseymour.ru" target="_blank" title="Моё настроение"><img src="https://forumstatic.ru/files/0018/22/20/25501.gif"></a> <!-- яркий форум, до 02.09 --> <a href="https://thewaffle.ru/" target="_blank" title="WAFFLE"><img src="https://forumstatic.ru/files/001c/1a/85/15156.gif"></a> <!-- форум magia --> <a href="https://magia-frpg.ru/" target="_blank" title="MAGIA"><img src="https://forumupload.ru/uploads/001a/fa/19/2/153026.gif"></a> <!-- форум Moju --> <a href="https://morsmordremortis.rusff.me" target="_blank" title="MORSMORDRE: MORTIS REQUIEM"><img src="https://forumupload.ru/uploads/001b/b9/c5/4/598723.gif"></a> <!-- ЛИЛ, взаимный референс --><a href="https://urchoice.su" class="tip" title="Каталог форумов" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/61730.png"></a> <!-- референс к подкастерам, Герда <a href="https://urchoice.su/viewtopic.php?id=58390#p2160217" class="tip" title="Подкаст «НеТЕролевые» - Рассказываем и обсуждаем ФРПГ" target=_blank><img src="https://forumupload.ru/uploads/0014/80/a5/2/729997.png"></a> --> <!-- рпг-хит - референс --> <a href="http://rpg-hit.ru/vote/forumcard/id/38" title="каталог ролевых: RPG-HIT" target="_blank" class="tip"><img src="https://forumstatic.ru/files/001b/c3/c4/23464.gif"></a> <!-- Top.Roleplay.Ru --> <script type="text/javascript" language="javascript"> var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353&rnd=" + Math.random(); topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+ "<img src='//img.rpgtop.su/88x31x11x8.gif' class='tip' title='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> "; document.write(topRPGc); </script> <noscript> <img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=26353' width='1' height='1' border='0'><a href='https://rpgtop.su/26353' class="tip" title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'><img src='//img.rpgtop.su/88x31x11x8.gif' border='0' width='88' height='31'></a> </noscript> <!-- /Top.Roleplay.Ru --> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=93794845&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/93794845/3_1_EFEFEFFF_EFEFEFFF_0_uniques" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="93794845" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> </div> <div id="fdbotMENU" class="rus"> <div class="bmenu"><span>Заказать</span> <ul> <li><a href="/viewtopic.php?id=5760" target='blank'>Дизайн для форумов/сайтов</a></li> <li><a href="/viewtopic.php?id=5768" target='blank'>Графика и арт</a></li> <li><a href="/viewtopic.php?id=6322" target='blank'>Аватары и подписи</a></li> <li><a href="/viewtopic.php?id=5769" target='blank'>Стримы и соцсети</a></li> <li><a href="/viewtopic.php?id=5771" target='blank'>Скрипты и техоснащение</a></li> </ul> </div> <div class="bmenu"><span>Полезное</span> <ul> <li><a href="/viewtopic.php?id=2791" target='blank'>Бесплатные MyBB-дизайны</a></li> <li><a href="/viewtopic.php?id=7051" target='blank'>Бесплатные макеты</a></li> <li><a href="/pages/allscripts" target='blank'>Бесплатные скрипты и коды</a></li> <li><a href="/viewforum.php?id=7" target='blank'>Гайды по вебдизайну</a></li> <li><a href="/viewforum.php?id=96" target='blank'>Поиск специалистов</a></li> </ul> </div> <div class="bmenu"><span>Заказчикам</span> <ul> <li><a href="/viewforum.php?id=75" target='blank'>Техническая поддержка</a></li> <li><a href="/viewforum.php?id=1" target='blank'>Размещение рекламы форума/сайта</a></li> <li><a href="/viewtopic.php?id=5762" target='blank'>Условия работы ForumD.ru</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила оформления заказов</a></li> </ul> </div> <div class="bmenu"><span>Специалистам</span> <ul> <li><a href="/viewforum.php?id=90" target='blank'>Размещение портфолио</a></li> <li><a href="/viewtopic.php?id=5788" target='blank'>Присоединиться к команде ForumD.ru</a></li> <li><a href="/viewtopic.php?id=6036" target='blank'>Бонусы и привилегии</a></li> <li><a href="/viewtopic.php?id=3434" target='blank'>Правила выполнения заказов</a></li> </ul> </div> </div> <div class="stat-place"></div> </div></div> <!-- ------------------------------------------------------------------------------ --> <!-- Спецпосты - скрипт и стили --> <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0007/e3/f7/34232.css"> <!-- стили спец постов --> <script type="text/javascript"> ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'portfoliopost', 'portfoliotopic'); ((topic, search, result) => { $(topic).toggleClass(result, $('.post-content .' + search, topic).length > 0); })($('#pun-main'), 'anketa-hide', 't-anketa'); $('#pun-edit .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#pun-post .portfoliotopic h1').after('<div id="portprew"><div class="topic"><div class="post"><div class="container"><div class="post-body"></div></div></div></div></div>'); $('#post-preview .post-box').appendTo('#portprew .post-body'); $('.no-prof:contains("no-prof")').parents('.post').addClass('no-prof'); $('.portfoliopost:contains("portfoliopost")').parents('.post').addClass('portfolio'); $('.forsalepost:contains("forsalepost")').parents('.post').addClass('forsale'); $('.saledpost:contains("saledpost")').parents('.post').addClass('saled'); $('.freepost:contains("freepost")').parents('.post').addClass('free'); $('.makeportfoliolight:contains("makeportfoliolight")').parents('.post').addClass('portfolio-light'); $('#pun-searchposts .post:contains("***QUESTIONARY***")').addClass('anketa'); $('.questionary-post').parents('#pun-main').addClass('questionary'); </script></div> </div> </div> </div> </div> </body> </html>