วีดีโอ

Все пипец, рекрафт уже платный.

А у меня к вам отторжение.

А слышали про Skypro? Там классно обучают с нуля, друзья советовали. Я вот тоже долго сомневался, но решился и не пожалел, теперь работаю удаленно и доволен жизнью

А что делать, если после этого картинка просто исчезает

Ничего не понятно, говорите в нос и не проговариваете все буквы🙄 Лучше тогда вообще не снимать видео...

Boosted poop range <3

Геннадий, что ж Вы капс локом вещаете в своём пост скриптуме. Может Вам с монтажом видео/ауди помощь нужна?

Фильм конечно стоит посмотреть

Здорово! Познавательно

спасибо , что делитесь информацией)

Какой промт ввели в GPT чтобы он промт для логотипа написал???

Дерьмо

Спасибо!

Илон Маск- дерзайте, открывайте тайны загадочного космоса во благо человечества👍👏❤️😊🙏‼️

Вообще-то там совсем не тот шрифт, что в примере

У вас очень-очень тихий звук

Recraft ai 🔝

С чего вдруг незаконно печь кондитерку на дому? Там конкуренция огромная, у нас в Барнауле это оч популярно и нет проблем, кто то дома оборудует поф.кухню и выпекает

пзц что со звуком

Спасибо большое! Так просто и так нужно ❤

на 5 секунде уснул...

В какой момент дизайнеры перестали понимать что такое логотип? То что ты в рекрафте нагенерил это не логотипы. ПыСы- Рекрафт отлично понимает Русский язык.

топ контент. обязательно обращусь в агентство, где работают люди, для которых слово "фон" имеет особенное значение.

Дружище! Эта нейронка отлично работает и на русском. Ей пофигу, так то)

Спасибо за видео, очень познавательно!

да конечно, черный фон добавляется

Спасибо за информацию, все чётко и по делу👍

Все получилось спасибо!

Очень полезно, но так все быстро щелкалось, я как новичок вообще не могла успеть

Здравствуйте! Сделал всё по инструкции, но таймер не работает и не запускается :((( пожалуйста, подскажите в чем может быть проблема? крайне необходимо решить этот вопрос, заранее большое спасибо!!!

Жду сайт где надо будет прокручивать до другой стороны Земли.

<style> .uc-cols ul{ list-style-type: none; } </style> <script> fillCols('.uc-cols'); function fillCols(id) { const $wrapper = $(id); $wrapper.find('.t-col').each(function() { const blockId = $(this).text().trim(); let $block = $(blockId); $block.find('.t-col').removeClass('t-col'); $(this).empty(); $(this).append($block); }); } // Инструкция по работе со скриптом trilda.ru/kak-dobavit-bloki-v-kolonki-tilda </script>

<div class="content"> <img class="content__img" src="otveri.info/wp-content/uploads/2016/07/les-300x300.jpg"/> <img class="content__img" src="cdn1.flamp.ru/ab253f50e62c6d56280dc9ba89572cea_300_300.jpg"/> <img class="content__img" src="www.thedigitalshades.com/wallpapers/thumbnail/Forest.jpg"/> <img class="content__img" src="img.like.video/eu_live/3u1/3hQASd.jpg"/> <img class="content__img" src="i.pinimg.com/736x/bf/92/0d/bf920d204f72ea554154d6bca0dfe02e.jpg"/> <img class="content__img" src="images.wallpaperscraft.ru/image/single/les_hvojnyj_vid_sverhu_149423_300x300.jpg"/> <img class="content__img" src="lh3.googleusercontent.com/RTh5mReBLLbVVXDahyEdsswiLkxncyHfOs8jALKEgY-SiaMyOoeOopgERSUO82moDw=w300"/> <img class="content__img" src="images.wallpaperscraft.ru/image/single/most_derevia_les_176007_300x300.jpg"/> </div> <!--Библиотека VORON--><!--Курсор из картинок voron-dev.ru/photo-cursor--> <!--Библиотека VORON--><!--Курсор из картинок voron-dev.ru/photo-cursor--> <style> .content__img { max-width: var(--img-maxwidth); position: absolute; top: 0; left: 0; opacity: 0; will-change: transform; filter: var(--filter-img); } .content__img--full { width: 100%; height: 100%; background-size: cover; } </style> <script src="cdn.jsdelivr.net/npm/gsap@3.11.4/dist/gsap.min.js"></script> <script> { const body = document.body; const MathUtils = { lerp: (a, b, n) => (1 - n) * a + n * b, distance: (x1,y1,x2,y2) => Math.hypot(x2-x1, y2-y1) } const getMousePos = (ev) => { let posx = 0; let posy = 0; if (!ev) ev = window.event; if (ev.pageX - $(".photo-cursor").offset().left || ev.pageY - $(".photo-cursor").offset().top) { posx = ev.pageX - $(".photo-cursor").offset().left; posy = ev.pageY - $(".photo-cursor").offset().top; } else if (ev.clientX || ev.clientY) { posx = ev.clientX + body.scrollLeft + docEl.scrollLeft; posy = ev.clientY + body.scrollTop + docEl.scrollTop; } return {x: posx, y: posy}; } let mousePos = lastMousePos = cacheMousePos = {x: 0, y: 0}; document.querySelector(".photo-cursor").addEventListener("mousemove", ev => mousePos = getMousePos(ev)); const getMouseDistance = () => MathUtils.distance(mousePos.x,mousePos.y,lastMousePos.x,lastMousePos.y); class Image { constructor(el) { this.DOM = {el: el}; this.defaultStyle = { scale: 1, x: 0, y: 0, opacity: 0 }; this.getRect(); this.initEvents(); } initEvents() { window.addEventListener("resize", () => this.resize()); } resize() { gsap.set(this.DOM.el, this.defaultStyle); this.getRect(); } getRect() { this.rect = this.DOM.el.getBoundingClientRect(); } isActive() { return gsap.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0; } } class ImageTrail { constructor() { this.DOM = {content: document.querySelector(".content")}; this.images = []; [...this.DOM.content.querySelectorAll("img")].forEach(img => this.images.push(new Image(img))); this.imagesTotal = this.images.length; this.imgPosition = 0; this.zIndexVal = 1; this.threshold = 100; requestAnimationFrame(() => this.render()); } render() { let distance = getMouseDistance(); cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1); cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1); if ( distance > this.threshold ) { [...this.DOM.content.querySelectorAll("img")].forEach(img => img.style.pointerEvents = 'none'); this.showNextImage(); ++this.zIndexVal; this.imgPosition = this.imgPosition < this.imagesTotal-1 ? this.imgPosition+1 : 0; lastMousePos = mousePos; } let isIdle = true; for (let img of this.images) { if ( img.isActive() ) { isIdle = false; break; } } if ( isIdle && this.zIndexVal !== 1 ) { this.zIndexVal = 1; } requestAnimationFrame(() => this.render()); } showNextImage() { const img = this.images[this.imgPosition]; gsap.killTweensOf(img.DOM.el); new TimelineMax() .set(img.DOM.el, { startAt: {opacity: 0, scale: 1}, opacity: 1, scale: 1, zIndex: this.zIndexVal, x: cacheMousePos.x - img.rect.width/2, y: cacheMousePos.y - img.rect.height/2 }, 0) .to(img.DOM.el, 0.9, { ease: Expo.easeOut, x: mousePos.x - img.rect.width/2, y: mousePos.y - img.rect.height/2 }, 0) .to(img.DOM.el, 1, { ease: Power1.easeOut, opacity: 0 }, 0.4) .to(img.DOM.el, 1, { ease: Quint.easeOut, scale: 0.2 }, 0.4); } } new ImageTrail(); } </script>

<script> appendAccordeonIcons('.uc-acc-icons'); // Указать класс или ID блока с аккордеоном function appendAccordeonIcons(id) { const $wrapper = $(id); $wrapper.find('.t668__col, .t-col').each(function() { const $header = $(this).find('.t668__title, .t585__title'); $header.css({ display: 'flex', 'align-items': 'center' }); const $originalIcon = $(this).find('.t668__img, .t585__img').eq(0); const src = $originalIcon.attr('src'); $originalIcon.remove(); const $icon = $(`<img style="width: 30px; margin-right: 10px;" src="${src}">`) // Вы можете изменить размер иконки и отступ от нее до текста $header.prepend($icon); }); } // Инструкция по работе со скриптом trilda.ru/kak-sdelat-akkordeon-s-ikonkami-na-tilde </script>

спасибо за видео, а где скрипт?

Спасибо за обзор. Ни фига не понятно - ничего не слышно.

Помогло! Спасибо автору.

Только что сделала все по вашему видео, но не срабатывает код. В консоли тоже ошибку выдает ReferenceError: $ is not defined

Отличная информация и подача материала. Но уж очень тихий звук

Спасибо большое! Продолжайте в том же духе!

Спасибо большое! Очень помогли ♡

Такой короткий урок, но мои макеты станут заметно лучше, спасибо

Желаю развития каналу! А Вам - удачи 🙏🏻

Яна, если планируете продолжать, рекомендую использовать хороший микрофон. Сейчас звук очень тихий и мешает фоновый шум.

вы не наклонили, а повернули ее

Спасибо за видео. Вопрос, есть ли особая разница для поисковых роботов между автоматическим созданием слагов или ручным? Прочел где-то что длинные слаги возможно нет смысла создавать на основе длинных title постов, а сокращать слаги в этом случае

Когда я увидел превью ролика, я подумал, что сейчас увижу то, как создаётся логотип от момента "надо создать логотип" , до уже полностью готового логотипа, я думал что увижу как именно нейрохудожник работает с нейросетью и получает необходимое. Но я увидел кратенько о том, что такое сюрреализм и пару работ нейросети, которые вообще непонятно откуда взяты и как получены. В результате каких проб и ошибок, в результате каких идей? Если хотите набрать больше 10 просмотров показывайте именно процесс создания от нуля до уже готового логотипа со всеми объяснениями всех деталей. И с монтажем конечно же.

Урок как подтереть жопу

Дружище, в следующий раз когда будешь пояснять за дизайн, напиши пожалуйста себе на листочек сценарий своего рассказа, спасибо :)

Да уж, со звуком проблема А как обратно в текст превратить, если уже сделал 100 последующих изменений с другими элементами(фото, иконки)? Cntrl + Z уже не поможет. Текст придётся удалить?