Рассказываю про фриланс, дизайн и саморазвитиеРоман Одувановhttps://teletype.in/atom/romanoduvanov2026-06-07T04:33:45.314Zromanoduvanov:txOs4dhaerJ2024-11-14T18:36:30.913Z2024-11-14T20:11:39.569Z

<img src="https://img3.teletype.in/files/e6/0a/e60a6411-7691-4c51-a161-2301da6651f2.png">Автор: Роман Одуванов. Telegram-канал: @oduvanovdesign

<section style="background-color:hsl(hsl(24, 24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="74nt"><strong>Автор: Роман Одуванов.</strong> Telegram-канал: <a href="http://t.me/oduvanovdesign" target="_blank">@oduvanovdesign</a></p> </section> <p id="Xd4h"></p> <h2 id="DELJ">Небольшое введение</h2> <p id="iUmz">— Я уже очень давно пользуюсь крутым сайтом для дизайнеров Freepik</p> <p id="Qp9n">И недавно открыл для себя то, что разработчики добавили туда крутейшие нейросети. Я простил их и понял, что это... просто пушка!!!</p> <p id="Sa6O">Нам, дизайнерам карточек товаров, эти нейронки отлично вписываются в работу.</p> <p id="pjQS"></p> <p id="rRzA"><strong>Что можно делать с их помощью?</strong></p> <ul id="rlFk"> <li id="OCsQ">Ретушь</li> <li id="upU7">Генерация изображений</li> <li id="dzr9">Улучшение качества фото</li> <li id="5wBQ">Удаление фона у фото</li> <li id="BeBi">Создание уникальных мокапов</li> <li id="DsU1">Изменение стиля изображений</li> </ul> <p id="Bu2I"></p> <p id="eIkS"><strong>Скажу короче. </strong></p> <p id="e3x6">Всё что нам нужно — есть здесь! На одном гребаном сайте! </p> <p id="5eR0"></p> <h2 id="FVdX">Примеры того, что можно сделать с этими нейросетями</h2> <figure id="qw5p" class="m_column"> <img src="https://img2.teletype.in/files/59/76/597677b8-30b1-47d1-9632-a5b69a67cacb.png" width="1820" /> <figcaption>Пример 1</figcaption> </figure> <figure id="7Rgw" class="m_column"> <img src="https://img1.teletype.in/files/cf/14/cf14cbaa-9b94-402e-9ef6-3a0729f43ca5.png" width="1820" /> <figcaption>Пример 2</figcaption> </figure> <figure id="pcXm" class="m_column"> <img src="https://img4.teletype.in/files/f2/76/f27609e7-fc5c-4434-8ec4-416a60f9bd4f.png" width="1820" /> <figcaption>Пример 3</figcaption> </figure> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="Fyss">Мы с учениками уже активно используем эту нейронку и вот как круто это помогает докручивать их работы!</p> </section> <p id="dxS5"></p> <h2 id="4JGI">Но... Было бы странно, если бы не было НО, правда?)</h2> <section style="background-color:hsl(hsl(24, 24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="pQnw">Да, это не бесплатно, увы. Точнее, частично бесплатно. И, да, сервис зарубежный. Стоит это добро чуть больше 1000₽/мес. И стоит ли того?<br /> <br /><strong>Неоспоримо стоит.</strong></p> </section> <p id="7twk"></p> <p id="YyE2"><strong>Freepik —</strong> <strong>это не просто полезные нейронки,</strong> это огромная библиотека различных полезных для дизайнеров, для монтажеров и т. д. </p> <p id="VsMH">На нём есть буквально всё! Картинки (с фоном/без фона), PSD стили текста, PSD различных эффектов, векторные эффекты, редактируемые мокапы. <strong>Реально всё.</strong></p> <p id="PwTv"></p> <p id="5zx2">Если вы только сейчас узнали о нём, то я вас поздравляю, потому что это реальная находка для нас всех. </p> <p id="UGZf"></p> <p id="RbSW"><em>В конце статьи расскажу как и где можно приобрести эту подписку, ну а пока давайте приступим к разбору нейросети!</em></p> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="1csb"><strong>Lets go!</strong></p> </section> <p id="pasi"></p> <h2 id="1luQ">Шаг 01.</h2> <p id="5ln0">— заходим на сайт Freepik</p> <figure id="iRcA" class="m_column"> <img src="https://img3.teletype.in/files/22/91/22915b58-09eb-4e6c-83fe-79a5d5c4f3f2.png" width="1440" /> <figcaption>Главная страница Freepik, где находится частичный список нейросетей</figcaption> </figure> <p id="xfg7">Внизу под строкой поиска есть целая куча различных нейросетей, которые предлагает Freepik. Список действительно внушительный, поэтому в этой статье я расскажу только об одной, самой на мой взгляд крутой. <strong>А именно — Upscale </strong></p> <p id="MG6t">А остальные рекомендую вам изучить самостоятельно, ведь работают они по одному принципу, все интуитивно понятно. Например, нейронка для генерации изображений прямо внутри Freepik&#x27;a тоже впечатляет!</p> <h2 id="BkUe">Шаг 02.</h2> <figure id="D3VL" class="m_column"> <img src="https://img4.teletype.in/files/b8/eb/b8eb83f7-3ece-46d8-b731-d01d4a03ea23.png" width="1440" /> <figcaption>Первый этап</figcaption> </figure> <p id="7RWf">— Закидываем на сайт нашу карточку, и выставляем примерно такие же настройки как у меня. Находятся настройки в левой панели</p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="FYHm"><strong>2k — отвечает за качество</strong> (4k почему-то временно недоступно)</p> </section> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="sOOV"><strong>Image style</strong> — отвечает за стиль обработки изображения<br />— я особой разницы не заметил, поэтому использую либо Standart либо 3D</p> </section> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="yPC2"><strong>Imagination</strong> — отвечает за то, насколько сильно нейронка может видоизменять изображение. Есть вариант выбрать из готовых настроек:<br /><br /><em>от None — креативность 0, до Wild — креативность... не знаю какая точно, просто сильно креативит, ахах))</em></p> <p id="nKjy">//<br /><br /><strong>И еще есть вариант «Custom».</strong> Он то нам и нужен! В нём мы можем вручную указать нужные нам параметры двух ползунков: Creativity <em>(англ. &quot;креативность&quot;)</em> и Resemblance <em>(англ. &quot;сходство&quot;)</em></p> <p id="mlzV"></p> <p id="SvQX"><strong>— Если сильно выкрутим Creativity</strong> <em>(англ. &quot;креативность&quot;)</em>, то товар может исказиться и стать нереалистичным, из-за чего покупатели на маркетплейсе будут введены в заблуждение при покупке. Этого мы не должны допускать, нам нужно просто улучшить качество и придать работе чуть больше реалистичности</p> <p id="dCAq"></p> <p id="Mv61"><strong>— Если ползунок Resemblance</strong> <em>(англ. &quot;сходство&quot;) </em>поставим на 100%, то нейронка просто улучшит качество. Это уже круто, но немного креативности все же не помешает. Исходя из моих тестов могу сказать, что этот ползунок ставить лучше на 80%, а креативность 20%</p> <p id="eBFn"></p> <p id="aOWA"><strong>Но в любом случае — тестируйте</strong></p> </section> <h2 id="oxI7">Шаг 03.</h2> <figure id="5yfa" class="m_column"> <img src="https://img3.teletype.in/files/21/f0/21f07f56-2814-4daf-bdcd-7d2b6d1078aa.png" width="1440" /> <figcaption>Второй этап</figcaption> </figure> <p id="gJwQ">— Нажимаем Upscale, ожидаем. В среднем секунд 30, но иногда бывает по 1-2 минуты, в зависимости от детализированности изображения. </p> <p id="rtTY"><strong>Получаем результат! И нажимаем «Export»</strong></p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="TuB8">Но, обратите внимание, что некоторые детали на изображении исказились в не самую лучшую сторону. Например, текст. И не только. Эти мелкие недочеты мы с вами можем с легкостью пофиксить. </p> <p id="OKIP"><em>Как? — читайте ниже</em></p> </section> <h2 id="MLYH">Шаг 04.</h2> <figure id="FYAp" class="m_column"> <img src="https://img1.teletype.in/files/85/fa/85fa9865-c005-48af-893f-c513399f6d8c.png" width="1440" /> <figcaption>Третий этап</figcaption> </figure> <p id="EQUS"><strong>— Заходим в Photoshop.</strong> Сейчас наша задача стереть лишние детали, которые нам нарисовала нейросеть.</p> <p id="70Ns">Первым делом добавляем в рабочую область нашу исходную карточку (до обработки через нейросеть)</p> <h2 id="K4nu">Шаг 05.</h2> <figure id="7f24" class="m_column"> <img src="https://img3.teletype.in/files/ee/bd/eebdc37d-013b-4175-bfc2-baf081769623.png" width="1440" /> <figcaption>Четвертый этап</figcaption> </figure> <p id="XwSB">— Далее добавляете поверх обработанную нейросетю карточку. Либо, если у вас сейчас открыт проект с той карточкой, то просто внутрь него можете.</p> <p id="Ejrm">И создаем слой-маску. Если не знаете что это, вбейте на ютубе и разберитесь, это несложно. Всё, что на ней мы закрашиваем белым — видно, что чёрным — не видно.</p> <h2 id="MPg6">Шаг 06.</h2> <figure id="gqKu" class="m_column"> <img src="https://img4.teletype.in/files/3b/90/3b9038ee-3ba1-4788-832f-ecb43001710c.png" width="1440" /> <figcaption>Пятый этап</figcaption> </figure> <p id="NLyX">— Закрашиваем черной кисточкой на маске в тех местах, где нам не нравится что сделал нейросеть. И так, как у нас внизу наша карточка в изначально виде, когда мы это делаем мы как бы возвращаем что было до. В тех местах, где это необходимо</p> <h2 id="f18O">Шаг 07. </h2> <figure id="BB4H" class="m_column"> <img src="https://img1.teletype.in/files/ca/99/ca99e78d-de94-41e9-a21b-97611844db8a.png" width="1440" /> </figure> <figure id="uVuZ" class="m_column"> <img src="https://img4.teletype.in/files/38/0f/380f99b8-2497-4ebc-bc18-829be797f576.png" width="1440" /> </figure> <p id="HI6V">— Далее можем сделать дополнительную постобработку через Camera Raw. Наложить немного цветокоррекции</p> <h2 id="Ku1l">Шаг 08.</h2> <figure id="4lFO" class="m_column"> <img src="https://img1.teletype.in/files/06/19/061946fc-ac3f-468b-adb6-ab2194a55fc7.png" width="1440" /> </figure> <p id="3COE">Вуаля, наша обработанная с помощью нейросети карточка готова))</p> <blockquote id="qsSR">Пользуйтесь и удивляйте своих клиентов уровнем ваших работ!</blockquote> <p id="xrE0"></p> <h2 id="1n4j">Ну, а за приобретением подписки на Freepik можете обратиться в мой магазин по оплате зарубежных сервисов — <a href="http://@oduvanovshop" target="_blank">Oduvanov.Shop</a></h2> <p id="4p5R"></p> <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="1fBw"><strong>Всё очень просто!</strong> Напишите нам прямо сейчас: <a href="http://t.me/oduvanovshop" target="_blank">t.me/oduvanovshop</a><br /><br />и мы ответим вам в самое ближайшее время и поможем с приобретением подписки на любой зарубежный сервис, который нельзя оплатить из РФ.<br /><br /><strong>Время нашей работы:</strong> ежедневно с 10:00 до 22:00 по МСК</p> </section> romanoduvanov:t9EyvtyWJZ92024-11-02T04:04:39.127Z2024-11-02T04:04:39.127Z

<img src="https://img3.teletype.in/files/69/df/69df767f-d1f8-46f8-8fb6-cf999736b29c.png">Автор: Роман Одуванов. Telegram-канал: @oduvanovdesign

<blockquote id="z9YK"><strong>Автор: Роман Одуванов.</strong> Telegram-канал: @oduvanovdesign</blockquote> <p id="IDKn"></p> <h2 id="YB1t">Шаг 01.</h2> <p id="maXp"><strong>Установите в свой браузер расширение Tampermonkey</strong><br /><em>— это расширение помогает добавлять другие расширения в ваш браузер, чтобы они корректно работали</em></p> <figure id="WUvY" class="m_column"> <img src="https://img3.teletype.in/files/69/df/69df767f-d1f8-46f8-8fb6-cf999736b29c.png" width="1728" /> <figcaption>В поиске в своем браузере введите &quot;Tampermonkey скачать&quot; и установите расширение из официального магазина расширение вашего бразуера. В большинстве браузеров это &quot;интернет-магазин Chrome&quot;</figcaption> </figure> <p id="Cys4"></p> <h2 id="vxCS">Шаг 02.</h2> <p id="T7dO"><strong>Заходим на Github —</strong> это сайт, на котором разработчики выкладывают свои программы, расширения, приложения и много чего еще. Почти все они с открытым кодом, который вы можете сами изучить. То-есть их безопасно использовать, ведь никаких вирусов там никто не прячет. <br /><br />Наше расширение для перевода видео Voice Over Translation скачивается именно от сюда: <a href="https://github.com/ilyhalight/voice-over-translation" target="_blank">https://github.com/ilyhalight/voice-over-translation</a></p> <figure id="r2GS" class="m_column"> <img src="https://img3.teletype.in/files/60/38/6038e2ec-8723-4bbb-a827-8b416145a98b.png" width="1728" /> <figcaption>Вот так выглядит страница, где можно ознакомиться с расширением и его функционалом. Функционал очень подробно расписан в самом низу страницы</figcaption> </figure> <p id="GmXj">Да, когда попадаешь на эту страницу начинают разбегаться глаза и становится страшно от непонимания что здесь и к чему, но не обращайте внимания. <br /><br />Нам здесь нужна только одна вкладка &quot;Releases&quot; — выделил ее на фото,которое прикреплено выше. </p> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="DD1I">Просто нажмите на надпись: <strong>1.7.0 Latest</strong></p> </section> <blockquote id="0XuC">либо в вашем случае цифры могут отличаться, т.к. расширение часто обновляется — <strong>не имеет значения,</strong> нам просто нужна самая последния версия для корректной работы расширения и она отмечена всегда в этой вкладке, поэтому просто нажимайте туда</blockquote> <figure id="XJkS" class="m_column"> <img src="https://img2.teletype.in/files/1c/15/1c15790d-c45b-4438-ac96-9e54a7e5d38e.png" width="1728" /> <figcaption>Далее оказываемся на следующей странице, откуда будем устанавливать папку с расширением</figcaption> </figure> <p id="16DF">Спускаемся в самый низ этой страницы, нажимаем на синий текст: <strong>Source code (zip) </strong>—и скачиваем папку с файлами расширения на компьютер</p> <section style="background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="ithZ"><em>Именно — <strong>(zip).</strong> Не перепутайте, другие нам не нужны</em></p> </section> <p id="5zk0"></p> <h2 id="i7nt">Шаг 03.</h2> <p id="2oEN">Только что мы с вами установили <strong>zip-архив,</strong> в котором хранятся файлы нашего расширения. Теперь наша задача его распаковать. </p> <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="m57l"><strong>Если у вас Windows:</strong> используйте программу <strong>7-zip </strong></p> <p id="UZYx">устанавливается также из браузера в 2 клика, но скорее всего она и так у вас на компе уже есть. Чтобы воспользоваться нажмите ПКМ (правой кнопкой мыши) по файлу zip-архива и далее распакуйте<br /><br />вот на всякий случай ссылка для установки: <a href="https://www.7-zip.org/" target="_blank">https://www.7-zip.org/</a></p> </section> <section style="background-color:hsl(hsl(170, 33%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p id="fKdP"><strong>Если у вас MacOS:</strong> просто дважды кликните по zip-архиву и папка у вас уже будет распакована</p> </section> <figure id="ZGJ2" class="m_column"> <img src="https://img4.teletype.in/files/3b/da/3bda799a-160e-41c6-9460-0331c3543683.png" width="857" /> <figcaption>Распакованная папка с файлами расширения</figcaption> </figure> <p id="9lds">После того как распаковали папку ничего в ней не трогаем, не меняем, не достаем и не переименовываем — просто заходим в папку под названием <strong>&quot;dist&quot;</strong></p> <p id="q2XR"></p> <figure id="CJsU" class="m_column"> <img src="https://img3.teletype.in/files/ef/60/ef603a4e-9991-40fb-800a-80675a6bf84d.png" width="858" /> <figcaption>Внутри папки &quot;dist&quot;</figcaption> </figure> <p id="sTrP">Пока что просто оставьте папку открытой, а дальше нам понадобится файлик под названием <strong>&quot;vot.user.js&quot;</strong></p> <p id="KvCT"></p> <h2 id="eALQ">Шаг 04.</h2> <p id="7WHK">Заходим во вкладку в расшрениями в нашем браузере. Включаем режим разработчика для расширений, чтобы все корректно работало.</p> <figure id="9l8O" class="m_column"> <img src="https://img4.teletype.in/files/f8/11/f811e313-4d46-45c1-bf95-480222189685.png" width="1728" /> <figcaption>В вашем браузере это будет выглядеть аналогично</figcaption> </figure> <p id="m9e3">Далее заходим в расширение Tampermonkey — для этого кликаем по его иконке.</p> <figure id="Q6lf" class="m_custom"> <img src="https://img3.teletype.in/files/ac/63/ac63e73b-13d9-400b-ad95-1bd663a02a40.png" width="700" /> <figcaption>Кликаем по иконке и переходим в панель управления</figcaption> </figure> <p id="uwT4">Переходим в панель управления, возвращаемся в папку <strong>&quot;dist&quot; </strong>и переносим файл <strong>&quot;vot.user.js&quot; </strong>в панель управления</p> <figure id="TjJU" class="m_column"> <img src="https://img4.teletype.in/files/f5/33/f533a153-fb94-4256-9828-88724bf6831f.png" width="1728" /> <figcaption>Просто перетягиваем файл из папки в браузер</figcaption> </figure> <p id="Y9gW">Почти готово! Теперь нажимаем <strong>&quot;Установить&quot;</strong> или <strong>&quot;Переустановить&quot;,</strong> без разницы</p> <figure id="qQUx" class="m_column"> <img src="https://img3.teletype.in/files/e5/80/e580b250-7c52-4adf-86a8-6d58db97746b.png" width="1728" /> <figcaption>Устанавливаем расширение</figcaption> </figure> <p id="9tZX">И последнее, нажимаем на колонку <strong>&quot;Обновлён&quot;,</strong> чтобы точно все работало и расширение было самой последней версии</p> <figure id="etCG" class="m_column"> <img src="https://img3.teletype.in/files/67/28/67281fe3-c15e-4cc3-9875-20b0833e4c5d.png" width="1728" /> <figcaption>Обновите расширение</figcaption> </figure> <p id="X1jc"></p> <h2 id="tfoC">Шаг 05.</h2> <p id="m5i9"><strong>Теперь заходим на YouTube</strong> или любую другую поддерживаемую расширением площадку и радуемся жизни, потому что мы молодцы, не испугались большого количества букав кода и смогли установить это чудо :)</p> <figure id="swvs" class="m_column"> <img src="https://img3.teletype.in/files/ec/9e/ec9e880e-1401-46ee-adf7-51034c8ee5bc.png" width="1728" /> <figcaption>Вот так выглядят настройки перевода</figcaption> </figure> <p id="uJbB"></p> <p id="CVYc">А вот, кстати, список поддерживаемых площадок:</p> <ul id="xzca"> <li id="acAX"><strong>YouTube</strong></li> <li id="DVPg"><strong>Twitch</strong></li> <li id="gb7B"><strong>VK</strong></li> <li id="zQvn"><strong>OK</strong></li> <li id="JWfv"><strong>Twitter</strong></li> <li id="docz"><strong>9GAG</strong></li> <li id="0xFs"><strong>Rutube</strong></li> <li id="5fLa"><strong>Bilibili</strong></li> <li id="GIX0"><strong>Видео Mail.ru</strong></li> <li id="PMW3"><strong>Vimeo</strong></li> <li id="RN8Y"><strong>XVideos</strong></li> <li id="esVf"><strong>PornHub</strong></li> <li id="sfQV"><strong>Bitchute</strong></li> <li id="sAvx"><strong>Coursera</strong></li> <li id="Bfz5"><strong>[⚠️] Udemy</strong></li> <li id="bnhW"><strong>Facebook*</strong></li> <li id="1Coo"><strong>TikTok</strong></li> <li id="nW5S"><strong>Rumble</strong></li> <li id="St8E"><strong>EPorner</strong></li> <li id="nqgf"><strong>Peertube</strong></li> <li id="ACDv"><strong>Dailymotion</strong></li> <li id="02oD"><strong>Trovo</strong></li> <li id="gd8J"><strong>Yandex Disk</strong></li> <li id="slnp"><strong>Google Drive</strong></li> <li id="JtKp"><strong>Banned Video</strong></li> <li id="Oo2Q"><strong>Weverse</strong></li> <li id="iMrg"><strong>Egghead</strong></li> <li id="bfIh"><strong>Youku</strong></li> <li id="Havc"><strong>Archive.org</strong></li> <li id="ubz8"><strong>Newgrounds</strong></li> <li id="jVwk"><strong>ProxiTok</strong></li> <li id="Y1yM"><strong>Invidious</strong></li> <li id="8nBL"><strong>Piped</strong></li> <li id="v6TH"><strong>Kodik (player)</strong></li> <li id="0nwk"><strong>Patreon</strong></li> <li id="Xrdi"><strong>Reddit</strong></li> <li id="glAT"><strong>Kick</strong></li> <li id="2Sch"><strong>Apple Developer</strong></li> <li id="tLwg"><strong>EpicGames Developers</strong></li> <li id="LWdj"><strong>9AnimeTV</strong></li> <li id="PeR2"><strong>Sap learning</strong></li> <li id="biK3"><strong>Watchporn.to</strong></li> <li id="8F16"><strong>Linkedin learning</strong></li> </ul> <p id="0BIW"></p> <h2 id="Ky2V">Спасибо за прочтение гайда!</h2> <p id="iFgU">Надеюсь, он оказался для вас полезен и вам всё было понятно!</p> <p id="tuej"></p> <h3 id="z2G7">Не забывайте подписываться на мои соц. сети:</h3> <p id="1RHS">Telegram-канал: https://clck.ru/38jTVF <br />YouTube-канал: https://clck.ru/3E6Lkd <br />Instagram: https://clck.ru/3E6MHD <br />ВКонтакте: <a href="https://clck.ru/3E6Pgy" target="_blank">https://clck.ru/3E6Pgy</a></p>