https://dotcg.liveforums.ru/ dotCG ru-ru Sun, 22 Oct 2023 12:27:46 +0300 MyBB/mybb.ru https://dotcg.liveforums.ru/viewtopic.php?pid=440#p440 <p>Профессиональные услуги клининга: уборка после ремонта, генеральная, поддерживающая, химчистка мягкой мебели, удаление жировых отложений на кухне парогенератором, мытье окон + альпинист и многое другое. Мы также предлагаем ЭКО-чистку детских игрушек, колясок, комнат и различных предметов.&#160; Заказ по тел. +7 915 204 1047 Наш канал: t.me/wwcleaning Москва и Московская область Услуги клининга офиса, квартиры: грязь, пыль, разводы, зеркала, плитка, цемент, краска, светильники, люстры, свч, холодильник, духовка, плита, варочная панель, вытяжка, розетки, выключатели, керамика, смесители, скотч, мусор, шкафы, сантехника, плинтуса, фартук, столешница, стирка, глажка, пятна, загрязнения, диван, кровать &#9989;Уборка квартиры после ремонта &#9989;Уборка после ремонта цена&#160; &#9989;Уборка после ремонта москва&#160; &#9989;Уборка квартиры после ремонта цена&#160; &#9989;Уборка помещений после ремонта&#160; &#9989;Услуги клининга цены&#160; &#9989;Клининг компания услуги&#160; &#9989;Услуги клининга офиса&#160; &#9989;Химчистка мягкой мебели москва&#160; &#9989;Химчистка мягкой мебели +на дому&#160; &#9989;Химчистка мягкой мебели +и ковров&#160; &#9989;Мытье окон +в москве&#160; &#9989;Мытье окон без разводов&#160; &#9989;Клининг компания услуги&#160; &#9989;ЭКО чистка детских кресел&#160; &#9989;Экологическая очистка детских комнат&#160; &#9989;Услуги клининга квартир&#160; Заказ по тел. +7 915 204 1047 Наш канал: <a href="https://t.me/wwcleaning" rel="nofollow" target="_blank">https://t.me/wwcleaning</a>&#160; &#160;Вотсап: <a href="https://wa.me/79152041047" rel="nofollow" target="_blank">https://wa.me/79152041047</a>&#160; Перейти: <a href="https://is.gd/EfgqF2" rel="nofollow" target="_blank">https://is.gd/EfgqF2</a></p> mybb@mybb.ru (mzpsrimfjj) Sun, 22 Oct 2023 12:27:46 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=440#p440 https://dotcg.liveforums.ru/viewtopic.php?pid=439#p439 <p><a href="https://postimages.org/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" alt="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" /></a> Внимание, владельцы бизнеса! Представляем вам уникальное решение для оптимизации вашего интернет-присутствия - топовые мобильные прокси фермы от Mobileproxy.ru! &#9989; Наше оборудование это передовое устройство, которое позволяет вам выходить в интернет сразу с нескольких IP-адресов из одного места. &#9989; Однако важно отметить, что наша техника не обеспечивает анонимность и она не предназначена для обхода блокировок, выход в сеть осуществляется с использованием купленных вами сим-карт. &#9989; Теперь самое интересное! Приобретая оборудование от Mobileproxy.ru с использованием промокода s455, вы получаете невероятную скидку в размере 5000 рублей! Это отличная возможность сэкономить и воспользоваться передовыми технологиями для вашего бизнеса. &#9989; Наши мобильные прокси фермы откроют перед вами широкие возможности. Вы сможете одновременно управлять несколькими аккаунтами, заниматься продвижением сайтов, сдавать прокси ферму в аренду, собирать данные с разных источников одновременно и многое другое где нужно одновременно несколько подключений к сети и периодическая смена ip адреса. С Mobileproxy.ru ваш бизнес будет оперативным, эффективным и успешным! &#9989; Не упустите возможность улучшить свое интернет-присутствие и сэкономить деньги! Посетите наш веб-сайт <a href="https://mobileproxy.ru/," rel="nofollow" target="_blank">https://mobileproxy.ru/,</a> выберите подходящее оборудование, введите промокод s455 при оформлении заказа и получите скидку в размере 5000 рублей! &#9989; Mobileproxy.ru - ваш надежный партнер для успешного интернет-бизнеса! Перейти:&#160; <a href="https://is.gd/XeVnmR" rel="nofollow" target="_blank">https://is.gd/XeVnmR</a></p> mybb@mybb.ru (mzpsrimfjj) Mon, 03 Jul 2023 04:38:55 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=439#p439 https://dotcg.liveforums.ru/viewtopic.php?pid=438#p438 <p><a href="https://postimages.org/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" alt="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" /></a> Внимание, владельцы бизнеса! Представляем вам уникальное решение для оптимизации вашего интернет-присутствия - топовые мобильные прокси фермы от Mobileproxy.ru! &#9989; Наше оборудование это передовое устройство, которое позволяет вам выходить в интернет сразу с нескольких IP-адресов из одного места. &#9989; Однако важно отметить, что наша техника не обеспечивает анонимность и она не предназначена для обхода блокировок, выход в сеть осуществляется с использованием купленных вами сим-карт. &#9989; Теперь самое интересное! Приобретая оборудование от Mobileproxy.ru с использованием промокода s455, вы получаете невероятную скидку в размере 5000 рублей! Это отличная возможность сэкономить и воспользоваться передовыми технологиями для вашего бизнеса. &#9989; Наши мобильные прокси фермы откроют перед вами широкие возможности. Вы сможете одновременно управлять несколькими аккаунтами, заниматься продвижением сайтов, сдавать прокси ферму в аренду, собирать данные с разных источников одновременно и многое другое где нужно одновременно несколько подключений к сети и периодическая смена ip адреса. С Mobileproxy.ru ваш бизнес будет оперативным, эффективным и успешным! &#9989; Не упустите возможность улучшить свое интернет-присутствие и сэкономить деньги! Посетите наш веб-сайт &lt;a href=&quot;https://mobileproxy.ru/&quot;&gt;MobileProxy.ru&lt;/a&gt;, выберите подходящее оборудование, введите промокод s455 при оформлении заказа и получите скидку в размере 5000 рублей! &#9989; Mobileproxy.ru - ваш надежный партнер для успешного интернет-бизнеса!</p> mybb@mybb.ru (mzpsrimfjj) Fri, 30 Jun 2023 22:57:18 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=438#p438 https://dotcg.liveforums.ru/viewtopic.php?pid=437#p437 <p>Компьютеры, ноутбуки - техника современная и не застрахована от поломок. К такому типу техники нужен своевременный и комплексный подход, который могут обеспечить наши компетентные мастера. Самостоятельно починить компьютер сможет 5 человек из 100, а поломки происходят у каждого второго! Мы предоставляем услуги высокого качества по ремонту и исправлению проблем компьютерной техники более чем в 60 городах по РФ. Так же наши филиалы представлены в Республике Беларусь. Заявки обрабатываются нашими сотрудниками и не перепродаются в сторонние компании. Перейти:&#160; <a href="https://rempc-v-mo.ru/?t=33705" rel="nofollow" target="_blank">https://rempc-v-mo.ru/?t=33705</a></p> mybb@mybb.ru (mzpsrimfjj) Fri, 17 Mar 2023 11:23:04 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=437#p437 https://dotcg.liveforums.ru/viewtopic.php?pid=436#p436 <p>Golden Eggs - это интересная и увлекательная Игра, которая уже 5-й год исправно платит!Данный проект даст Вам возможность приумножать свои деньги. Что бы Вы могли быстро начать зарабатывать и выводить деньги в игре на свой кошелек, для начала Вам необходимо купить курочку любого уровня, которая вам понравится. Курочка сразу же начинает приносить Вам золотые яйца в курятнике, которые вы сможете обменять на золотые монеты на рынке,а затем вывести их в виде реальной валюты на ваш кошелек через Вывод средств!12 Золотых яиц = 1 Золотой,а 1000 Золотых = 30 р.После того как вы сделаете первую покупку, Вы можете ознакомиться с другими потрясающими инструментами проекта.Ждем всех желающих.Стабильность и честность-вот наш дивиз!<br /><a href="https://www.gold-eggs.com/?referal=126727" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://c2n.me/3QUaqlR.jpg" alt="Golden eggs!Проект,который платит!" title="Golden eggs!Проект,который платит!" /></a></p> mybb@mybb.ru (Сергей Рубцов) Fri, 12 Jan 2018 14:27:07 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=436#p436 https://dotcg.liveforums.ru/viewtopic.php?pid=422#p422 <p>Скачать бесплатно программы, скачать бесплатно софт для Windows. <a href="http://windowsfree.3dn.ru" rel="nofollow" target="_blank">http://windowsfree.3dn.ru</a></p> <p>Сайт постояноо обновляется, добавляются новые категории.<br /><br /></p> <p><a href="http://windowsfree.3dn.ru/" rel="nofollow" target="_blank">http://windowsfree.3dn.ru/</a> скачать программы для Windows бесплатно, без спама и смс.</p> mybb@mybb.ru (newuser) Wed, 23 Nov 2011 21:29:50 +0400 https://dotcg.liveforums.ru/viewtopic.php?pid=422#p422 https://dotcg.liveforums.ru/viewtopic.php?pid=411#p411 <p>Как вернуть любимого Как вернуть любимую<br />Любовный приворот, Гадание На Картах Таро, Снятие порчи,Сглаза,Отворот, Магия,Венец безбрачия,Защита , МАГ ДМИТРИЙ , ПЕТЕРБУРГ,СПБ. <br />САЙТ МАГА И ТАРОЛОГА ДМИТРИЯ +7-905-220-51-75 <a href="http://magicelit.narod.ru/" rel="nofollow" target="_blank">http://magicelit.narod.ru/</a> ПЕТЕРБУРГ ОПЛАТА ЗА ЛЮБОВНЫЙ ПРИВОРОТ ТОЛЬКО ПО ПОЛОЖИТЕЛЬНОМУ РЕЗУЛЬТАТУ ! <br />Моя профессия — практическая магия. Одно из главных направлений, на которых я специализируюсь, это любовная магия, привороты, снятие порчи и сглаза. <br />Гадаю на картах ТАРО ЭРА ВОДОЛЕЯ. <br />СНЯТИЕ ПОРЧИ И СГЛАЗА (НЕГАТИВА). <br />ЛЕЧЕНИЕ АЛКОГОЛИЗМА ПО ФОТО БЕЗ ВЕДОМА БОЛЬНОГО (1000 РУБЛЕЙ)<br />Приём (консультации) провожу&#160; с 09 утра до 19-00 стоимость 1000 руб, (по договорённости можно и позже и в выходные, стоимость в эти дни 1500 руб). <br />Телефон +7-905-220-51-75 Дмитрий <br />Почта magicelit@yandex.ru <br />Сайт <a href="http://magicelite.narod.ru/" rel="nofollow" target="_blank">http://magicelite.narod.ru/</a> <br />САНКТ-ПЕТЕРБУРГ<br />ТАКЖЕ ВОЗМОЖНА РАБОТА ДИСТАНЦИОННО ,ЛЮБОЙ ГОРОД И РЕГИОН.<br /></p> <p>ПРИВОРОТЫ, ОТВОРОТЫ, СНЯТИЕ ВЕНЦА БЕЗБРАЧИЯ, СНЯТИЕ ЛЮБОВНЫХ СГЛАЗОВ И РОДОВЫХ ПОРЧ,И МНОГОЕ ДРУГОЕ ДЛЯ ВАШЕГО УДОВОЛЬСТВИЯ, ВСЕ ОБРЯДЫ И РИТУАЛЫ ЛЮБОВНОЙ МАГИИ.Любовная магия: привороты, любовные заговоры,отворот,снятие порчи,сглаз,проклятия, амулеты, обряды,таро, талисман, оберег, консультации по вопросам восстановления семейных отношений, психологическая помощь,астрология,сонник,как вернуть мужа в семью,гадание на картах ТАРО ЭРА ВОДОЛЕЯ, Петербург.Как вернуть парня которого любишь.<br />магия любви&#160; приворот любимого&#160; как влюбить в себя парня&#160; <br />что такое любовь&#160; любовный приворот&#160; как влюбить в себя мужчину&#160; <br />венец безбрачия&#160; как вернуть парня&#160; как понравиться парню</p> mybb@mybb.ru (driverelit) Wed, 27 Oct 2010 12:41:05 +0400 https://dotcg.liveforums.ru/viewtopic.php?pid=411#p411 https://dotcg.liveforums.ru/viewtopic.php?pid=97#p97 <p>.&#160; &#160;менеджер( от 25000 тыс. руб. )&#160; &#160; &#160; <br />&#160; &#160; Работодатель:&#160; &#160; <br /> ООО Комп-плюс Я предлагаю Вам вещь‚ к которой и сам относился поначалу скептически. Но в отличие от многих подобных предложений - ЭТО ДЕЙСТВИТЕЛЬНО РАБОТАЕТ!!! С наступлением кризиса меня сократили с работы, другую работу найти было сложно. В интернете я увидел объявление. Поразмыслив над ним,я решил попробовать, ведь я ничего не потеряю,а наоборот смогу заработать РЕАЛЬНЫЕ ДЕНЬГИ!!!!Сейчас моя супруга увидев, что я сижу несколько часов в интернете и заработываю приличные деньги, уволилась с работы и так же начала зарабатывать. Найдя статью‚ в которой говорилось‚ что можно сделать СОТНИ ТЫСЯЧ рублей всего за ПАРУ НЕДЕЛЬ при вложении всего 70 руб.‚ я подумал‚ что это должно быть очередная фишка для лохов‚ но решил всё-таки дочитать до конца и узнать‚ что мне предлагают: там говорилось‚ что надо послать по 10руб. на 7 Internet-кошельков‚ которые ниже перечислены. Потом вычеркнуть первый кошелёк из списка‚ тем самым‚ сместив список на одну строчку вверх‚ в результате чего седьмая строчка освобождается‚ куда Вы вписываете номер своего Internet-кошелька. Затем Вы закидываете данное сообщение‚ но уже с ВАШИМИ ДАННЫМИ на седьмой строчке‚ на 200 разных форумов. Никаких уловок. Ну‚ я поразмышлял и подумал‚ что‚ в принципе‚ ничего не теряю‚ кроме 70 руб.‚ и решил попробовать. Установил Internet-кошелёк‚ перечислил всем участникам акции по 10 руб. и начал рассылать эти объявления по разным форумам и доскам объявлений. В течение 3-х дней я зарегистрировался более чем в 100 бизнес - форумах и бесплатных досках объявлений. Прошла неделя‚ заглядываю в свой Internet-кошелёк и‚ угадайте что!!! Поступлений никаких нет‚ вообще. А разные участники пишут‚ что за неделю заработали кто по 750 руб.‚ кто по 450 руб.. Пиши-пропало‚ подумал я‚ попал в очередной лохотрон‚ желая заработать за пару недель десятки тысяч рублей. Ну и бросил это занятие‚ так и не дослав своё объявление до 200 форумов‚ 70 рублей убытка не ударило по моему бюджету. Ещё через неделю заглянул в свой Internet-кошелёк‚ смотрю‚ всего одно поступление 10 руб.. Да‚ думаю‚ дело не стоящее‚ случайно нашёлся такой же наивный‚ как и я… Ещё через две недели я всё-таки снова открыл свой Internet-кошелёк‚ а в нём уже около 1300 руб. Откуда? Непонятная картина‚ но всё равно 1300 руб. на дороге не валяются‚ хоть это и мало‚ как пишут предыдущие участники они за 1 месяц заработали десятки тысяч рублей. И вдруг после одного месяца началось самое интересное: на мой кошелёк стали приходить деньги КАЖДЫЙ ДЕНЬ‚ спустя ещё 2 недели на моём счету уже было около 30 000 руб.. После этого я отправил свои объявления ещё более чем на 150 форумов. Результат был ошеломляющий! По прошествии всего 2 месяцев я получил 152 000 руб.. И деньги идут каждый день‚ каждые 10 минут на мой счёт поступает по 10-30 руб. Я был в очень плохом экономическом положении и долго не мог найти себе подходящую работу до того‚ как наткнулся на эту статью. Я не поверил‚ что это работает‚ пока не начал получать переводы со всего света. Моя работа теперь - это каждый день по несколько часов в Интернете и ВСЁ!!! А заработок такой‚ что никаким начальникам и руководителям даже не снился!!! Теперь я расскажу Вам как это работает и почему! Я Вам обещаю‚ что если Вы будете в точности соблюдать нижеперечисленные инструкции‚ то вы начнёте получать намного больше денег‚ чем думаете‚ не прилагая к этому особых усилий. Согласитесь‚ что это просто и совершенно легально!!! Ваш вклад всего 70 рублей и очень высокие шансы увеличить своё благосостояние! ВАЖНО: это не обман и при этом Вы ничем не рискуете‚ но это РАБОТАЕТ! БЛАГОПОЛУЧИЕ ЛЮБОГО УЧАСТНИКА ПРОЕКТА ЗАВИСИТ ОТ БЛАГОПОЛУЧИЯ КАЖДОГО ЕГО УЧАСТНИКА. ВНИМАНИЕ!!! Прочтите это пару раз. Следуйте инструкциям в ТОЧНОСТИ и Вы неплохо заработаете в течение двух месяцев!!! ВОТ ТЕ САМЫЕ 3 ШАГА К УСПЕХУ: 1. Зарегистрируйтесь в системе Яндекс.Деньги. Это можно сделать тут wwwmoney.yandex. хорошенько ознакомьтесь с данной системой‚ как она работает‚ выберите оптимальный для себя вариант пополнения кошелька и внесите 70 рублей на свой кошелёк. Сразу возникает проблема внесения денег на счёт‚ скорее всего‚ придётся прогуляться в ближайший банк‚ лично я пополнил через терминал оплаты сотовой связи‚ но поверьте один раз сходить для последующего реального заработка стоит! Вообще всё на сайте расписано и понятно. Возьмите первый номер кошелька из нижеуказанного списка‚ отправьте на него 10 руб.‚ вписав этот номер в поле «Номер счёта»; всё‚ что Вы сделали - это создали услугу‚ и самое главное - абсолютно легально. Вы просите законный сервис‚ за который платите. Далее‚ начиная со второго‚ по аналогии отправьте по 10 руб. на следующие 6 кошельков. И ещё номер кошельков вводите внимательно‚ не допустите ошибки. ОБЯЗАТЕЛЬНО вписывайте в поле Контракт/назначение платежа: Пожалуйста‚внесите меня в список Яndex кошельков P.S. Советую вводить номер кошелька вручную!!! 1)41001363730072 2)41001363727512 3)41001363725261 4)41001363722757 5)41001363720186 6)41001363694628 7)41001373365921 ПОВТОРЯЮ‚ ЧТОБЫ ПОЛУЧАТЬ ДОХОДЫ‚ НЕОБХОДИМО ОТПРАВИТЬ НА КАЖДЫЙ ИЗ ЭТИХ 7 КОШЕЛЬКОВ ПО 10 РУБЛЕЙ‚ ИНАЧЕ СЕТЕВЫМИ МОДЕРАТОРАМИ (АДМИНИСТРАТОРАМИ) YANDEX КОШЕЛЬКОВ ВЫ ПРОСТО НЕ БУДЕТЕ ВКЛЮЧЕНЫ В ПРОЕКТ И НЕ СМОЖЕТЕ ОБНАЛИЧИТЬ ДОХОДЫ. Теперь ВНИМАНИЕ!!! После того‚ как Вы выполнили шаг 1‚ ШАГ 2: напишите своё подобное письмо‚ можете скопировать моё (можно в формате txt или как Вам удобней). В скопированной статье вычеркните из списка кошельков ПЕРВЫЙ (ВЕРХНИЙ) кошелёк и переместите 2-ой кошелёк на место 1-ого‚ который Вы стёрли‚ 3-ий на место 2-ого‚ четвёртый на место 3-его‚ 5-ый на место 4-ого‚ 6-ой на место 5-ого‚ 7-ой на место 6-ого‚ а в 7-ой номер‚ который оказался пустым‚ впишите номер ВАШЕГО кошелька!!! 3. Разместите эту статью на не менее‚ чем 200-300 форумах и новостных лентах (News Groups). Запомните‚ чем больше Вы разместите‚ тем выше будет Ваш доход‚ и этот доход будет напрямую зависеть от Вас. Когда будете размещать статью‚ то не пишите «Заработать легко миллион»‚ «Большие деньги за месяц» и т. п.‚ лучше написать «Требуется менеджер‚ з/п 1000 $». Размещение этой статьи на 200 форумах‚ даже на самых малопосещаемых‚ гарантирует Вам доход 180 000 руб. - ЭТО МИНИМУМ!!! Всего за 2 месяца!!! Больше размещений - больше доход (при том в геометрической прогрессии). ПОМНИТЕ!!! Этот бизнес продолжает существовать и процветать только благодаря АКТИВНОСТИ УЧАСТНИКОВ. Итак‚ когда Вы достигнете первой позиции‚ Вы будете иметь тысячи рублей просто КАК СОЗДАТЕЛЬ СПИСКА!!! Это стоит всего 70 рублей и совсем нетрудной работы!!! Главное - это РАБОТАЕТ!!! Но поработать всё же придётся. Необходимо заинтересовать людей. Для этого необходимо воспользоваться рассылкой. Размещением объявлений на специализированных сайтах о поисках работы‚ форумах‚ досках объявлений. А тут всё в ВАШИХ руках‚ ДЕРЗАЙТЕ!!! Ведь ничего‚ кроме 70 рублей вы не теряете!!! А если вдруг не получится‚ а если этот бизнес рухнет‚ и никто мне денег не пришлёт? - ЭТО СТРОКА ДЛЯ ПЕССИМИСТОВ. Ну и что!!! Каждый день в Интернете появляются от 20000 до 50000 новых пользователей. По прогнозам специалистов только в России к 2009 году количество пользователей Интернета увеличится с нынешних 9 млн. пользователей до 21 млн.!!! Удачи Вам!!!А теперь я Вам объясню‚ почему Вы в любом случае ничего не теряете‚ а ТОЛЬКО ВЫИГРЫВАЕТЕ!!! Скажем‚ из 200 размещений я получу только 5 ответов (очень низкая цифра)‚ значит‚ я сделаю 50 рублей‚ находясь на 7 позиции в списке. Теперь эти 5 людей делают опять же МИНИМУМ 200 размещений с моим кошельком на 6-ой позиции‚ и только 5 людей отвечают тем первым 5 - это уже 250 рублей. Дальше эти 25 людей делают по 200 размещений с моим кошельком на 5 строчке и только 5 отвечают - мой доход 1 250 рублей. Теперь эти 125 людей‚ разместив и получив только по 5 ответов‚ дают мне 6 250 рублей прибыли (я на 4 позиции). Дальше смешнее: эти 625 людей делают по минимум 200 размещений со мной на 3 строчке и только 5 людей отвечают - это 31250 рублей. Самое интересное это то‚ что эти 3 125 людей сделают ещё по 200 размещений‚ ну а если им ответят только 5 людей‚ то я уже получаю 156 250 рублей (я на 2-ой позиции). Теперь ВНИМАНИЕ: эти 15 625 людей сделают ещё по 200 размещений‚ им отвечают 5 человек - это 781 250 рублей и так далее!!! Не правда ли внушительные цифры? И это всё за первоначальный вклад в 70 рублей!!! Вы себе можете представить‚ что тысячи людей со всего мира присоединяются к Интернету и читают эти статьи каждый день‚ так же как и Вы сейчас читаете эту статью!!! Так что, Потратите ли Вы 70 рублей‚ чтобы узнать работает ЭТО или нет – решать вам!!! Лично я попробовал… И последнее‚ на мой взгляд‚ самое главное: КАК СНИМАТЬ ДЕНЬГИ С ИНТЕРНЕТ-КОШЕЛЬКА? Нажимаешь «снять деньги»‚ далее выбираешь подходящий банк твоего города‚ лучше выбирай банк‚ где не надо открывать счёт‚ набираешь далее данные владельца программы ИНТЕРНЕТ-КОШЕЛЬКА‚ и набираешь данные‚ кто будет снимать деньги в банке (там требуются паспортные данные‚ пишите правду‚ иначе не дадут денег). ПОВЕРЬТЕ МНЕ,ЧТО ЭТО НЕ ЛО-ХО-ТРОН! Удачи всем!</p> mybb@mybb.ru (dimichd) Sun, 12 Apr 2009 19:40:52 +0400 https://dotcg.liveforums.ru/viewtopic.php?pid=97#p97 https://dotcg.liveforums.ru/viewtopic.php?pid=96#p96 <p>В этом уроке, Вы научитесь создавать один из спецэффектов, который можно использовать как космическое поле, эффект огня или даже как текстуру.<br />Надеюсь Вы сможете найти ему применение.</p> <p>1) Первое что Вы должны сделать это запустить 3D Studio MAX 4.0 или выше ( любую версию от 3D Studio MAX 4.Х до 5.Х ). Найдите функцию свечения - Rendering &gt; Effects &gt; Glow ( Lens Effect Paramemeters ), если она у Вас есть, то Вы смело можете продолжать изучать урок дальше.</p> <p>2) Перейдите в окно проекции Front ( Вид спереди ) и создайте источник света типа Omni<br />( Всенаправленный ), расположив его прямо по середине окна проекции. Его настройки трогать не надо, пусть все останется по умолчанию.</p> <p>3) Для того чтобы добавить этому источнику света Omni ( Всенаправленный ) эффект свечения, нужно выполнить следующие действия:</p> <p>-- В командной панели перейдите на пункт Modify ( Изменить ) и в настройках источника света Omni ( Всенаправленный ) найдите свиток параметров Atmospheres &amp; Effects.</p> <p>-- Раскройте свиток параметров Atmospheres &amp; Effects и нажмите кнопку Add. В появившемся диалоговом окне Add Atmosphere or Effect выберите пункт Lens Effects и нажмите кнопку Ок.<br />-- Далее в окне свитка параметров Atmospheres &amp; Effects, вы увидете что добавился новый<br />пункт Lens Effects, в ранее пустом окне, выделите этот пункт и нажмите на кнопку Setup.<br />-- В появившемся диалоговом окне Rendering Effects ( Визуализация эффектов ) найдите свиток<br />Lens Effects Parametrs ( Параметры линзовых эффектов ) и перенисите в правый список<br />фильтр Glow ( Свечение ).<br />Примечание: Эффект свечения ( Glow ) для источника света Omni ( Всенаправленный ) можно добавить и другим способом. Это можно сделать в главном меню Rendering &gt; Effects &gt; Glow.<br />В свитеке параметров ''Lens Effects Globals'' в группе параметров ''Lights'' щелкните на кнопку Pick Light' и укажите источник света Omni01. Ниже расположен свиток параметров свечения Glow Element, настройкой этих параметров Вы займетесь в следующем шаге этого урока.<br />4) Если на данном этапе нашего урока выполнить тестовую визуализацию, Вы увидете<br />всего лишь небольшой эффект свечения, но это не то что мы хотим получить в итоге.<br />Результат должен быть похожим на следующий рисунок: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/clip_image002.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/clip_image002.jpg" /></p> <p>5) Приступим к тонкой настройке фильтра Glow. В свитке параметров Glow Element установите следующие параметры: Size = 300 ; Intensity = 160 ; Occlusion = 100 ; Use Source Color = 0 ; флажок Glow Behind должен быть установлен.</p> <p>В группе параметров Radial color кликните на кнопку None для указания цвета через текстуру или текстурную карту. В появившемся окне диалога Material/Map Browser ( Просмотр материалов/карт текстур ), из списка карт текстур выберите вариант Gradient.</p> <p>6) В главной панели инструментов нажмите на кнопку Material Editor ( Редактор<br />материалов ) или нажмите клавишу &quot;M&quot; на клавиатуре. Теперь перетащите только что созданную текстурную карту Gradient в пустой слот редактора материалов, не забудте указать форму копирования Instance в диалоговом окне Instance (Copy) Map.<br />7) В итоге настройка параметров Glow Element должна быть похожа на следующий рисунок: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/321.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/321.jpg" /></p> <p>8) На этом настройку фильтра Glow ( Свечение ) можно счатать законченной и Вы смело<br />можете закрыть окно Rendering Effects ( Визуализация эффектов ). В следующей части нашего урока вся основная работа будет в редакторе материалов.<br />9) Перейдите в окно редактора материалов и выделите слот с созданным материалом.<br />Найдите в настройках текстурной карты типа Gradient свиток параметров Gradient Parametres. Настройте все параметры этого свитка, как на следующем рисунке:</p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/nm.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/nm.jpg" /></p> <p>В данном случае, цвета должны быть следующими:<br />Color # 1 : R - 0, G - 0, B - 0<br />Color # 2 : R - 246, G - 232, B - 193<br />Color # 3 : R - 248, G - 231, B - 200</p> <p>10) Следующие действие нашего урока заключается в том, что в настройках второго цвета<br />(Color #2 ) назначаться карта &quot;Gradient'' для усиления и разнообразия цветов внутри вспышки. Итак, щелкаем пока на пустой кнопке ''None'' и в появившемся окне диалога Material/Map Browser ( Просмотр материалов/карт текстур ), из списка карт текстур выберите вариант Gradient. Переиминуйте объекты для того чтобы лучше ориентироваться в материале.</p> <p>11) Настройки второй текстурной карты типа Gradient, должны быть как на следующем рисунке: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/fgfg.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/fgfg.jpg" /></p> <p>В данном случае, цвета должны быть следующими:<br />Color # 1 : R - 223, G - 115, B - 0<br />Color # 2 : R - 234, G - 183, B - 128<br />Color # 3 : R - 244, G - 219, B - 174</p> <p>12) Когда все материалы будут настроены, выполнены тестовую визуализацию.<br />Результат должен быть похожим на следующий рисунок: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/gfg.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/gfg.jpg" /></p> <p>Итак эффект готов. Но хочется чтобы и по краям были вспышки. Попробуем их создать.</p> <p>13) Вернитесь к настройкам фильтра Glow ( Свечение ) - Rendering &gt; Effects &gt; Glow.<br />Найдите группу параметров Radial Color в свитке параметров Glow Element.<br />Там, Вы должны увидеть кнопку Falloff Curve ( Кривая спада ), нажмите на нее.</p> <p>14) В появившемя окне диалога Radial Falloff, нажмите на кнопку Add Point и<br />добавте одну точку прямо по середине кривой. Теперь давайте изменим тип точки,<br />нажмите правую кнопку мыши и выберите вариант Bezier-Smooth, на рисунке все хорошо видно: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/fgg.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/fgg.jpg" /></p> <p>15) Теперь приподнимите только что созданную точку повыше, при помощи инструмента Move,<br />в результате кривая должна быть похожа на следующий рисунок: </p> <p><img class="postimg" loading="lazy" src="https://www.3dneo.3dn.ru/uroki/urok1/fggfg.jpg" alt="http://www.3dneo.3dn.ru/uroki/urok1/fggfg.jpg" /></p> <p>16) Выполните финальную визуализацию. Полученный результат, можно увидеть на рисунке: </p> <p><a href="http://www.3dneo.3dn.ru/uroki/urok1/dfdf.jpg" rel="nofollow" target="_blank">http://www.3dneo.3dn.ru/uroki/urok1/dfdf.jpg</a></p> <p>Советы:<br />01) Попробуйте разнообразить текстурные карты, дабовляя при этом другие типы карт и меняя основные цвета и оттенки.<br />02) Изменяйте параметры текстурной кары Gradient и кривой спада ( Falloff Curve ).<br />03) Попробуйте задать в материале Gradient свойство ''Phase'' тем самым анимировав картинку<br />( потом это можно наложить как текстуру ).<br />04) Попробуйте создать взрыв (статичный) добавив частиц, туман, combustion, а может и еще пару сечений с 'Gradient'ом' для смешения цветов (в этом случае надо сбавить ( через кривую ) насыщенность изображения ).<br />05) Добавьте другие эффекты и фильтры - ''Star'', ''Streak'', ''Ray'', ''Ring''.<br />06) Попробуйте создать с помощью этой технологии и Gradient карты - небо.</p> mybb@mybb.ru (Werbreeze) Tue, 10 Mar 2009 14:59:27 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=96#p96 https://dotcg.liveforums.ru/viewtopic.php?pid=95#p95 <p><strong>Anders</strong><br /><strong>Rhainer</strong></p> <p>Сейчас тогда сделаю</p> mybb@mybb.ru (Werbreeze) Tue, 10 Mar 2009 14:53:19 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=95#p95 https://dotcg.liveforums.ru/viewtopic.php?pid=92#p92 <p><strong>Автор</strong>: -<br /><strong>Перевод</strong>: -<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 10.03.2008<br /><strong>Источник</strong>: <a href="http://www.spoono.com/photoshop/tutorials/tutorial.php?id=24" rel="nofollow" target="_blank">http://www.spoono.com/photoshop/tutoria &#8230; .php?id=24</a></p> <p>Кисти в Photoshop дают нам возможность избавиться от повторения одних и тех же операций. В этом уроке мы выясним, как сделать простую кисть с листьями.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/48/b4/48b46e621d57965507e7f4949fc67a89.gif" alt="http://smages.com/i/48/b4/48b46e621d57965507e7f4949fc67a89.gif" /></a></p> <p>1. Нам нужно начать с создания листка. Всегда легче начать, если у вас есть пример, поэтому я взял листок со двора и отсканировал его. Вы можете скачать мой листок здесь. Используйте Pen Tool, чтобы нарисовать контур листка. Вам не нужно повторять каждую деталь, просто нарисуйте основную форму.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/a9/24/a92474cfd0289c91288fecb0df945928.jpg" alt="http://smages.com/i/a9/24/a92474cfd0289c91288fecb0df945928.jpg" /></a></p> <p>2. Залейте фигуру черным, зайдя в палитру Paths, кликнув правой кнопкой на контур, чтобы выбрать “Make a Selection“, затем нажмите Alt+Backspace, пока ваш цвет переднего плана – черный. Убедитесь, что позади листка отображается прозрачность. Вы можете спрятать фоновый слой и другие, кликнув иконку глаза в палитре слоев. Теперь мы готовы создавать кисть.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/33/df/33df2dd13b2e2b976147ab2095af9a0c.gif" alt="http://smages.com/i/33/df/33df2dd13b2e2b976147ab2095af9a0c.gif" /></a></p> <p>3. Используйте Rectangular Marquee Tool, чтобы выделить ваш листок. Зайдите в&#160; Edit&gt;Define Brush и назовите кисть как хотите в диалоговом окне, которое появится.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/6f/80/6f8000d12431a329033a044eb55a922e.gif" alt="http://smages.com/i/6f/80/6f8000d12431a329033a044eb55a922e.gif" /></a></p> <p>4. Вы можете теперь увидеть вашу кисть в Brush Palette. Создайте новое пустое изображение, выберите Paintbrush Tool и кликните на вашей кисти внизу палитры слоев.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/95/c0/95c0b1d5d9ab714f5ad55ef04dd0492b.gif" alt="http://smages.com/i/95/c0/95c0b1d5d9ab714f5ad55ef04dd0492b.gif" /></a></p> <p>5. В палитре слоев существует много способов настроить кисти так, как вам нравится. Начните с увеличения Master Diameter кисти, пока она не будет выглядеть реалистично в превью. Я выбрал 40 пикселей. Затем кликните на Brush Tip Size и увеличьте расстояние. Я поставил 90%. Далее - Shape Dynamics. Вот где начинается веселье. Поставьте Size Jitter на 100%. Экспериментируйте с другими настройками, пока вам не покажется, что хватит. Увеличьте Minimum Diameter до примерно 24%, чтобы избегнуть появления слишком маленьких листочков в результате. Я также изменил Angle Jitter на 13% и Angle Jitter Control на Pen Pressure.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/6c/bd/6cbdae38556c0f98fe8d3528198c81bd.gif" alt="http://smages.com/i/6c/bd/6cbdae38556c0f98fe8d3528198c81bd.gif" /></a></p> <p>6. Кликните на Scatter в левом меню. Поиграйте с Crank up the Scatter. Я поставил 607%. Убедитесь, что выбрана опция Both Axes. Настройте Count, если хотите. Я оставил 4. Count Jitter у каждой кисти сильно отличается, поэтому все зависит от вас. Я снизил до 20%.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/7b/34/7b346e72b898b6bdecf192c892d27877.gif" alt="http://smages.com/i/7b/34/7b346e72b898b6bdecf192c892d27877.gif" /></a></p> <p>7. Затем зайдите в меню Color Dynamics. Поставьте Foreground/Background Jitter на 100%, чтобы вышло наибольшее разнообразие цветов. Также вам понадобится изменить&#160; немного Hue Jitter. Я поставил на 14%. Hue Jitter, как и три настройки под ним, меняет цвет листьев. Вам, возможно, понадобится вернуться назад и настроить их ещё раз, чтобы добиться лучшего эффекта.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/06/67/06670f71d022628b8624d9b18b1f2415.gif" alt="http://smages.com/i/06/67/06670f71d022628b8624d9b18b1f2415.gif" /></a></p> <p>8. Затем вам нужно выбрать цвет переднего плана и фона, которые определят диапазон цветов листьев. Я выбрал красный в качестве цвета переднего плана и желто-оранжевый в качестве фонового. Убедитесь, что Opacity и Flow кисти поставлены на 100% меню опций наверху экрана так, чтобы листья отображались в полном цвете. Теперь примените кисть на холсте и поразитесь.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/48/b4/48b46e621d57965507e7f4949fc67a89.gif" alt="http://smages.com/i/48/b4/48b46e621d57965507e7f4949fc67a89.gif" /></a></p> <p>9. Кстати в Photoshop есть отличная кисть листьев по умолчанию. Но всё это мы делали не зря, потому что мы создали кленовые листки, а по умолчанию – дубовые. И, конечно, было интересно самим создавать кисть и она вышла естественной. Внизу версия с зелеными листками.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/2c/a6/2ca64d08f622cd0cbb6abf371e854b38.jpg" alt="http://smages.com/i/2c/a6/2ca64d08f622cd0cbb6abf371e854b38.jpg" /></a></p> mybb@mybb.ru (Rhainer) Tue, 10 Mar 2009 09:52:08 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=92#p92 https://dotcg.liveforums.ru/viewtopic.php?pid=91#p91 <p><strong>Автор</strong>: -<br /><strong>Перевод</strong>: -<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 10.03.2008<br /><strong>Источник</strong>: <a href="http://www.tutorial9.net/photoshop/designing-a-software-box/" rel="nofollow" target="_blank">http://www.tutorial9.net/photoshop/desi &#8230; tware-box/</a></p> <p>В этом уроке мы создадим 3D коробку, используя Photoshop. Это довольно просто, но результаты могут быть довольно реалистичными и дать пищу для размышлений перед тем, как вы будете создавать коробки для ваших собственных продуктов.</p> <p>Перед началом урока вам понадобится то, что вы поместите на коробку.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/66/a8/66a8dcca5d9765876e1582122dbe16a8.jpg" alt="http://smages.com/i/66/a8/66a8dcca5d9765876e1582122dbe16a8.jpg" /></a></p> <p>Шаг 1</p> <p>Создавая коробочный дизайн, помните, что вы должны изобразить все стороны, которые хотите показать. Лучший способ сделать это – создать по слою для каждой стороны.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/94/36/94369332d6d5bf012a76d759f9af710d.jpg" alt="http://smages.com/i/94/36/94369332d6d5bf012a76d759f9af710d.jpg" /></a></p> <p>Шаг 2</p> <p>Теперь нам нужно трансформировать фигуру для передней стороны. Выберите все слои, которые для неё нужны, лучше расположите их группой. Если там есть какие-то текстовые слои, вам нужно растеризовать (Layer &gt; Rasterize &gt; Type)</p> <p>Когда у вас будут выбраны все слои, используйте Move Tool (V) и убедитесь, что выбрана опция “Show Transform Controls”.</p> <p>Зайдите в Edit &gt; Transform &gt; Distort, чтобы начать трансформацию изображения. Выберите верхнюю правую угловую точку контроля и, зажав Shift, тяните вниз. Проделайте то же самое с нижним правым углом, но тяните вверх. Должно выйти как на рисунке внизу.</p> <p>(Совет: Если вы хотите настроить перспективу так, чтобы верхний и нижний правые углы были одинаковыми, зажмите Ctrl + Alt + Shift, когда перетаскиваете)</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/9a/8f/9a8f2ae68f68f7b1ef6106fc6b50abe1.jpg" alt="http://smages.com/i/9a/8f/9a8f2ae68f68f7b1ef6106fc6b50abe1.jpg" /></a></p> <p>Перспектива выглядит немного не такой, если вы сравните переднюю сторону с той, что на плоском изображении, теперь она выглядит вытянутой. Чтобы исправить эту иллюзию, нам нужно укоротить переднюю часть. Зайдите в Edit &gt; Transform &gt; Scale и выберите средний правый ползунок, чтобы перетащить правую сторону влево, пока вы не будете довольны результатом. У меня получилось так:</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/69/3f/693ff1e44132fbebf8015e433d64b364.jpg" alt="http://smages.com/i/69/3f/693ff1e44132fbebf8015e433d64b364.jpg" /></a></p> <p>Шаг 3</p> <p>Закончив переднюю сторону, двигаемся дальше. Используйте тот же способ, чтобы изменить углы и ширину сторон. Это будет сложно, мой совет – посмотрите на коробку в реальной жизни и как она выглядит с разных сторон. Это очень важно в дизайне в общем, сравнивайте с реальностью, даже если вы создаете что-то нереальное.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/ed/73/ed7365ef7d8168be1d006caa368fa63b.jpg" alt="http://smages.com/i/ed/73/ed7365ef7d8168be1d006caa368fa63b.jpg" /></a></p> <p>Из-за угла, который я выбрал, моя сторона выглядит довольно узкой. Если вы хотите, чтобы у вас было шире, вам нужно поменять угол обзора, что отразится на углах передней стороны.</p> <p>Теперь, когда коробка почти готова, остались лишь финальные штрихи.</p> <p>Шаг 4</p> <p>Коробку нужно поместить куда-то, чтобы она выглядела лучше, я сделаю для этого простую вещь. Давайте начнем с фона.</p> <p>Создайте новый слой и расположите его над фоновым. Выберите&#160; нижнюю треть изображения, используя Rectangular Marquee Tool (M). Используя Gradient Tool (G), выберите тип - Radial Gradient. Отредактируйте градиент, нажав на превью градиента вверху слева и поставьте цвет слева более светлого оттенка, а справа – прозрачный. Тащите gradient tool из центра изображения донизу. Попробуйте несколько раз прежде, чем вы будете довольны результатом. У меня вот что вышло:</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/7d/d6/7dd6087a078b278ed9e014172a30b864.jpg" alt="http://smages.com/i/7d/d6/7dd6087a078b278ed9e014172a30b864.jpg" /></a></p> <p>Шаг 5</p> <p>Добавив легкий градиент сбоку, мы придадим изображению глубину.</p> <p>Зажмите Ctrl и кликните на вашем боковом слое, чтобы загрузить выделенную область. Создайте новый слой и убедитесь, что у вас всё ещё выбрана сторона. Используйте&#160; Gradient Tool, в верхней панели выберите Linear Gradient. Выберите цвет темнее, чем ваша сторона, и потяните снаружи в сторону примерно посередине, чтобы создать мягкий градиент. Это должно добавить коробке ощущения глубины.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/eb/ba/ebbab0e652a300338f43318339eba8f3.jpg" alt="http://smages.com/i/eb/ba/ebbab0e652a300338f43318339eba8f3.jpg" /></a></p> <p>Шаг 6</p> <p>В этом шаге мы создадим отражение коробки.</p> <p>Продублируйте слои, использованные для коробки. Выберите все продублированные слои и зайдите в Edit &gt; Transform &gt; Flip Vertical. Переместите их так, чтобы верхняя часть перевернутого слоя была внизу коробки, вот так:</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/6e/91/6e91ebfdb8bc069f778bc83535e26a4d.jpg" alt="http://smages.com/i/6e/91/6e91ebfdb8bc069f778bc83535e26a4d.jpg" /></a></p> <p>Теперь, используя Transform &gt; Skew (каждая сторона книги отдельно), перетащите уголки так, чтобы все стороны выглядели правильно. Снизьте opacity обоих слоев до 50%.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/aa/d1/aad1089e571f522beabe0e18dddcf1c2.jpg" alt="http://smages.com/i/aa/d1/aad1089e571f522beabe0e18dddcf1c2.jpg" /></a></p> <p>Отражение выглядит хорошо, но нам нужно его сделать более тусклым. Существует много способов сделать это, использование маски – это один из них. Я выбрал использовать стиль слоя и применение градиента с фоновым цветом в качестве одного из цветов, а другой поставил прозрачным. Измените значение Location % в фоновом цвете, пока вы не обнаружите подходящее значение. Для этого изображения я использовал 65%.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/66/a8/66a8dcca5d9765876e1582122dbe16a8.jpg" alt="http://smages.com/i/66/a8/66a8dcca5d9765876e1582122dbe16a8.jpg" /></a></p> <p>Коробка готова — попробуйте разные углы. Внизу я использовал другой угол и более светлый фон с более темным фоновым градиентом, чтобы показать, как можно ещё сделать.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/cc/1c/cc1cb9b1bb3eb933779191cf527a97b8.jpg" alt="http://smages.com/i/cc/1c/cc1cb9b1bb3eb933779191cf527a97b8.jpg" /></a></p> mybb@mybb.ru (Rhainer) Tue, 10 Mar 2009 09:42:06 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=91#p91 https://dotcg.liveforums.ru/viewtopic.php?pid=90#p90 <p><strong>Автор</strong>: -<br /><strong>Перевод</strong>: -<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 10.03.2008<br /><strong>Источник</strong>: <a href="http://psdtuts.com/photo-effects-tutorials/how-to-break-sunlight-through-the-clouds/" rel="nofollow" target="_blank">http://psdtuts.com/photo-effects-tutori &#8230; he-clouds/</a></p> <p>В этом уроке я покажу вам, как превратить пасмурный день в красиво освещенную сцену с лучами солнца, проникающими сквозь тучи. Эта техника может использоваться для других приложений. Я наткнулся на неё, когда пытался создать лучи света, идущие сквозь деревья. Они создаются из самой картинки, поэтому выглядят очень органично. Давайте начнем.</p> <p>До и после</p> <p>Вот фото, с которым мы работаем:</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/3e/eb/3eebeef01cedf76f9f87fb0af92743f6.jpg" alt="http://smages.com/i/3e/eb/3eebeef01cedf76f9f87fb0af92743f6.jpg" /></a></p> <p>И вот что у нас выходит</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/b7/bf/b7bfae997748fdb843676e4539f884ff.jpg" alt="http://smages.com/i/b7/bf/b7bfae997748fdb843676e4539f884ff.jpg" /></a></p> <p>Приблизительное время выполнения: 10 минут</p> <p>Шаг 1</p> <p>Продублируйте фоновый слой с фото, перетащив его на иконку с новым слоем внизу на палитре слоев. Назовите его ‘Light Beam Base‘.</p> <p>С выбранным слоем нажмите CMD + M (или CTRL+M на ПК), чтобы применить к нему Curve. Примените к нему этот прием так, чтобы у нас вышло максимум контраста и в облаках&#160; маленькие области стали совсем белыми. Я фокусируюсь на области в верхней трети кадра немного влево. Эти белые области будут теми местами, откуда будет исходить свет.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/d2/b3/d2b38e1a3879f66acd649fe55610ad28.jpg" alt="http://smages.com/i/d2/b3/d2b38e1a3879f66acd649fe55610ad28.jpg" /></a></p> <p>Теперь примените gaussian blur размером два пикселя к этому слою (Filter &gt; Blur &gt; Gaussian Blur).</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/8b/6b/8b6b05b6c5bfcceab703e5ad818a19e3.jpg" alt="http://smages.com/i/8b/6b/8b6b05b6c5bfcceab703e5ad818a19e3.jpg" /></a></p> <p>Шаг 2</p> <p>Выключите видимость слоя Light Beam Base и выберите фоновый слой. Выберите Polygonal Lasso tool (L). Поставьте Feather на 50 в панели Properties наверху экрана.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/8a/7f/8a7fdcba454258eb351521ed92d7a9db.jpg" alt="http://smages.com/i/8a/7f/8a7fdcba454258eb351521ed92d7a9db.jpg" /></a></p> <p>Нарисуйте свободное выделение вокруг области, где лучи будут исходить из облаков, кликая по разным точкам. Вот как я выделил, если просмотреть в режиме Quick Mask:</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/20/70/20705d191b379d49593127c30bc440b5.jpg" alt="http://smages.com/i/20/70/20705d191b379d49593127c30bc440b5.jpg" /></a></p> <p>Создайте новый слой Curves Adjustment над фоновым. Наше выделение автоматически применяется к маске слоя. Примените такую же резкость, как мы делали до этого, но на этот раз мы хотим ограничить его так, чтобы области с тенями не изменились. Назовите слой ‘Light Source‘.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/66/ee/66eedfc5665b08ca0c0b20ca3a9b1413.jpg" alt="http://smages.com/i/66/ee/66eedfc5665b08ca0c0b20ca3a9b1413.jpg" /></a></p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/fd/8c/fd8cca369998d89727a675e456441b0d.jpg" alt="http://smages.com/i/fd/8c/fd8cca369998d89727a675e456441b0d.jpg" /></a></p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/63/ca/63ca116f9ac6f327350905ceb6607858.jpg" alt="http://smages.com/i/63/ca/63ca116f9ac6f327350905ceb6607858.jpg" /></a></p> <p>Шаг 3</p> <p>Включите и выберите слой Light Beam Base. В панели инструментов выберите Single Row Marquee tool. Увеличьте одну из белых областей облаков и кликните посередине её. Так вы выберете один ряд пикселей поперек изображения.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/af/14/af14d517af82944a3265aa4dbad9df95.jpg" alt="http://smages.com/i/af/14/af14d517af82944a3265aa4dbad9df95.jpg" /></a></p> <p>Уменьшите масштаб так, чтобы видеть всё изображение. Выберите Marquee tool. Удерживая клавишу alt/option, тяните из левого края изображения вправо до левого края белой области, чтобы снять выделение с этих пикселей. Сделайте то же самое на правой стороне. </p> <p>С выбранным слоем ‘Light Beam Base‘ нажмите CMD + J. Так вы перенесете выбраннеые пиксели на новый слой. Назовите его ‘Beam 1‘.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/f0/fe/f0fe605be3cea54cd5994cec559c5626.jpg" alt="http://smages.com/i/f0/fe/f0fe605be3cea54cd5994cec559c5626.jpg" /></a></p> <p>Шаг 4</p> <p>Выключите слой ‘Light Beam Base‘. Выберите слой ‘Beam 1‘. Нажмите CMD+T, чтобы применить Free Transform к слою. Выберите нижнюю центральную точку и тяните её вниз туда, где лодка. Зажав CMD, протяните ту же точку вправо так, чтобы она находилась под лодкой. Зажав CMD+SHIFT, потяните нижнюю правую и левую точки наружу, пока у вас не выйдет фигура, которая вам нравится.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/97/5f/975fa4bbbd420ac3bddf670febbd1ad8.jpg" alt="http://smages.com/i/97/5f/975fa4bbbd420ac3bddf670febbd1ad8.jpg" /></a></p> <p>Заметьте, что превью Free Transform может выглядеть странным, потому что Photoshop использует только ряд пикселей. Эта техника называется растягиванием пикселей. Когда вы примените трансформацию, всё будет выглядеть правильно.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/65/d2/65d25b085e5355d119523ae44bc954d9.jpg" alt="http://smages.com/i/65/d2/65d25b085e5355d119523ae44bc954d9.jpg" /></a></p> <p>Шаг 5</p> <p>Поставьте режим слоя ‘Beam 1‘ на Screen на палитре слоев.</p> <p>Нажмите CMD+M, чтобы применить curve к слою. Затемните слой, пока не начнут показываться лучи света.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/97/3e/973e95d87c060c90c7a781f54ad56e41.jpg" alt="http://smages.com/i/97/3e/973e95d87c060c90c7a781f54ad56e41.jpg" /></a></p> <p>Добавьте маску слоя, нажав на иконку Add Layer Mask внизу на палитре слоев. Выберите маску, кликнув на палитре слоев, затем нажмите CMD+M, чтобы применить к нему curve. Поставьте уровень освещения на 50%. Нажмите OK.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/b9/ff/b9ff6b19ccebecd954a7bf4b7e0376b6.jpg" alt="http://smages.com/i/b9/ff/b9ff6b19ccebecd954a7bf4b7e0376b6.jpg" /></a></p> <p>Выберите Polygonal Lasso tool (L) и поставьте Feather на 15 на этот раз. Выберите центр луча. Вот выделение, которое сделал я, в режиме quickmask.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/91/53/91531269a1e86d130d903711f32c28af.jpg" alt="http://smages.com/i/91/53/91531269a1e86d130d903711f32c28af.jpg" /></a></p> <p>Выберите маску ‘Beam 1‘ и нажмите CMD+M, чтобы применить curve. На этот раз увеличьте shadow point на 50%. Это сделает центр луча ярче, чем края.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/0f/48/0f48b710da6cfc021cc0fbfa35875542.jpg" alt="http://smages.com/i/0f/48/0f48b710da6cfc021cc0fbfa35875542.jpg" /></a></p> <p>Шаг 6</p> <p>С всё ещё выбранной маской, нажмите G в Gradient tool. Кликните на превью градиента слева на экране и поставьте его на градиент от чёрного к белому, если он ещё не стоит. Поставьте режим градиента на Multiply в панели Properties.</p> <p>Потяните сверху донизу луча. Перед тем, как продолжить, зайдите в Edit &gt; Fade Gradient. Примените Fade примерно 50%. Это создаст переход на луче, но мы использовали Fade, чтобы он совсем не исчез внизу.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/d3/be/d3be16c28cd86dee063d3af00dda46d3.jpg" alt="http://smages.com/i/d3/be/d3be16c28cd86dee063d3af00dda46d3.jpg" /></a></p> <p>Шаг 7</p> <p>Выберите фоновый слой. Выберите Elliptical Marquee tool. Кликните и тащите прямо на лодку, зажав и удерживая мышь и ALT, чтобы создать узкий эллипс у основания луча.</p> <p>Нажмите Q, чтобы зайти в Quick Mask mode. Зайдите в Filter &gt; Blur &gt; Gaussian Blur и используйте 5 в качестве радиуса. Зайдите в Filter &gt; Blur &gt; Motion Blur и поставьте angle 0, а distance 150. Нажмите Q, чтобы выйти из режима Quick Mask.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/c4/b6/c4b6e4e9227637296f6dacff26e0d8d1.jpg" alt="http://smages.com/i/c4/b6/c4b6e4e9227637296f6dacff26e0d8d1.jpg" /></a></p> <p>Создайте слой curves adjustment над фоновым слоем. Высветлите воду немного так, чтобы выглядело, как будто луч падает на воду.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/f7/10/f7104522b5afb16569a1923a3f374722.jpg" alt="http://smages.com/i/f7/10/f7104522b5afb16569a1923a3f374722.jpg" /></a></p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/ef/69/ef6915f2695c5d0f303a27c45f993a1e.jpg" alt="http://smages.com/i/ef/69/ef6915f2695c5d0f303a27c45f993a1e.jpg" /></a></p> <p>Шаг 8</p> <p>Я хотел лишь добавить немного контраста изображению в целом. Чтобы сделать это, поместите слой с curve наверху палитры слоев и просто добавьте немного контраста.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/8b/99/8b9909c7b873057371c09e35812e983a.jpg" alt="http://smages.com/i/8b/99/8b9909c7b873057371c09e35812e983a.jpg" /></a></p> <p>Повторите шаги от 3 до 7 столько раз, сколько вы бы хотели использовать белые области для лучей, но убедитесь, чтобы углы, под которыми они идут, выглядели естественно. Они должны выглядеть так, как будто идут из одного источника света. Я создал три разных луча.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/b7/bf/b7bfae997748fdb843676e4539f884ff.jpg" alt="http://smages.com/i/b7/bf/b7bfae997748fdb843676e4539f884ff.jpg" /></a></p> mybb@mybb.ru (Rhainer) Tue, 10 Mar 2009 09:37:51 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=90#p90 https://dotcg.liveforums.ru/viewtopic.php?pid=89#p89 <p><strong>Автор</strong>: -<br /><strong>Перевод</strong>: -<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 10.03.2008<br /><strong>Источник</strong>: <a href="http://www.spoono.com/photoshop/tutorials/tutorial.php?id=77" rel="nofollow" target="_blank">http://www.spoono.com/photoshop/tutoria &#8230; .php?id=77</a></p> <p>Блестящие стеклянные кнопки для веб-интерфейсов и скинов к приложениями долгое время были популярными решениями. В этом уроке мы научимся технике создания стеклянной сферической кнопки.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/bc/d5/bcd52222b492e58e030ada6028bf93f8.jpg" alt="http://smages.com/i/bc/d5/bcd52222b492e58e030ada6028bf93f8.jpg" /></a></p> <p>1. Откройте новый документ (250&#215;250 в этом примере) и выберите Circular Marquee Tool. Сначала нам нужно создать металлический фон для кнопки, так что зажмите Shift и нарисуйте круг. Создайте новый слой, назвав его One и залейте круг темно-серым (таким, как #333333). Оставьте выделение и создайте новый слой под названием Two над ним. Зайдите в Select&gt;Modify&gt;Contract, 2 пикселя, затем в Select&gt;Modify&gt;Feather 5 пикселей.</p> <p>Выберите умеренно серый (такой, как #666666) в качестве цвета вашего фона. Залейте выделенную область, нажав Alt+Backspace (Mac: Option+Delete). Создайте третий слой под названием Three, не снимая выделение. Выберите белый в качестве цвета переднего плана и выберите Linear Gradient Tool. Убедитесь, что выбрана опция Foreground to Transparent. Кликните и протяните от верха к низу выделения (зажав Shift), чтобы залить выделенную область градиентом. Затем, чтобы сделать выделение немного светлее, продублируйте слой Three, выполнив Layer&gt;Duplicate Layer, затем нажмите Ctrl+E (Command+E), чтобы выполнить слияние слоев. Теперь у нас есть немного металла, продолжим.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/fb/d2/fbd22b787325c9a1ebaecfaa17e1760c.jpg" alt="http://smages.com/i/fb/d2/fbd22b787325c9a1ebaecfaa17e1760c.jpg" /></a></p> <p>2. Создайте новый слой над остальными, назвав его Four. Используйте Circular Marquee Tool, чтобы создать меньший круг (зажав Shift). Залейте круг синим (например, #6699dd).</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/de/0e/de0e704a461df1be28895d0b87c53a33.jpg" alt="http://smages.com/i/de/0e/de0e704a461df1be28895d0b87c53a33.jpg" /></a></p> <p>3. Зажав Ctrl (Command), кликните кнопку нового слоя, чтобы создать новый слой под Four. Назовите его и. Зайдите в Select&gt;Modify&gt;Expand - 2 пикселя. Теперь выберите Gradient Fill. Используйте градиент от черного к белому с этими настройками. Снизьте opacity слоя SubFour до 80%.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/71/43/7143f3315c8e3bebe05c33918d15846e.jpg" alt="http://smages.com/i/71/43/7143f3315c8e3bebe05c33918d15846e.jpg" /></a></p> <p>4. Затем вернитесь в слой Four, кликните на нем правой кнопкой и примените Blending Options - Inner Glow с такими настройками. Затем примените Inner Shadow с этими настройками. Далее идет экспериментальная часть. Создайте новый слой на Four под названием Dodge, поставьте Blending Mode на Linear Dodge. Выберите Brush Tool с кистью 100 пикселей и Hardness 10%, а Flow 40%. Зажмите Ctrl (Command) и кликните на Four, чтобы загрузить его в выделение. Выберите черепаховый цвет (например #2d8e97) и залейте этот слой для получения приятного эффекта. Чтобы сделать это, вам, вероятно, понадобится использовать цвета светлее, так же, как и для нижней области. Если нужно, снизьте opacity слоя до 80%. После того, как останетесь довольны, кликните Ctrl+E, чтобы сцепить этот слой с Four.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/58/05/5805337426c13d879172a75bf6e72269.jpg" alt="http://smages.com/i/58/05/5805337426c13d879172a75bf6e72269.jpg" /></a></p> <p>5. Создайте наверху новый слой под названием Five. Зажмите Ctrl (Command) и кликните на Four, чтобы загрузить его в качестве выделения. Залейте эту область белым. Кликните Ctrl+D (Command+D), чтобы снять выделение. Поставьте Blending Mode слоя на Overlay. Нажмите Ctrl+T, чтобы вызвать диалоговое окно Free Transform. Зажмите Shift и сожмите выделение из нижнего угла, чтобы он выглядел, как пример справа. Зайдите в Filter&gt;Blur&gt;Gaussian Blur, поставьте радиус 2.8. Снизьте opacity слоя до 40% или как потребуется.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/e8/7f/e87fb79702d9eef129b3079fee6ff244.jpg" alt="http://smages.com/i/e8/7f/e87fb79702d9eef129b3079fee6ff244.jpg" /></a></p> <p>6. Далее, создайте новый слой наверху под названием Six. Зажмите Ctrl (Command) и кликните Four, чтобы загрузить его, как выделение. Залейте его светло-голубым (например #80f2e1). Нажмите Ctrl+D (Command+D). Нажмите Ctrl+T (Command+T), чтобы выбрать Free Transform и сжать фигуру, чтобы она выглядела, как на картинке. Зайдите в Filter&gt;Blur&gt;Boxed Blur, выберите радиус 5 пикселей (если у вас более старая версия Photoshop, Gaussian blur в шаге выше тоже подойдет). ПоставьтеBlending Mode слоя на Soft Light и opacity на 75%.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/82/ae/82ae3d5a31571a38c3518a2bec1ab9ef.jpg" alt="http://smages.com/i/82/ae/82ae3d5a31571a38c3518a2bec1ab9ef.jpg" /></a></p> <p>7. Создайте новый слой под названием Seven. Используйте Rectangular Marquee Tool, чтобы создать прямоугольное выделение. Залейте его белым, выбрав белый в качестве цвета переднего плана и нажав Alt+Backspace (Option+Delete). Затем, используйте Rectangular Marquee, чтобы выбрать узкий прямоугольник посередине и нажмите Delete, чтобы очистить область. Сделайте то же самое с тонким горизонтальным прямоугольником, пока у вас не выйдет 4 прямоугольника, как у меня на картинке.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/da/0d/da0d8bb96ded4b48bf11df2ea0b3d42e.jpg" alt="http://smages.com/i/da/0d/da0d8bb96ded4b48bf11df2ea0b3d42e.jpg" /></a></p> <p>8. Чтобы округлить белые прямоугольники, откройте Liquify, нажав Shift+Ctrl+X (Shift+Command+X). Убедитесь, что выбрана опция Backdrop внизу справа. Это сложно объяснить, поэтому экспериментируйте с Liquify, пока у вас не выйдет так, как нужно. Я начал с выбора кисти радиусом 400, и использовал Pucker, кликнув вверху и прямо посередине прямоугольников и потянув немного вниз. Затем я выбрал кисть радиусом 172 и кликнул посередине прямоугольников с выбранным Bloat, чтобы немного их надуть. Затем я рисовал кистью, чтобы закрыть всю синюю область, и кликнул на все, чтобы подвинуть их вверх и наклонить. Когда я закончил, я создал слой над Seven, загрузил выделение из Seven и залил его градиентом Foreground to Transparent, используя белый в качестве цвета переднего плана. Я поставил opacity слоя на 90%. Затем я удалил оригинальный слой Seven.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/c1/03/c1032a25b75dd9aa0116fab6aefee9c9.jpg" alt="http://smages.com/i/c1/03/c1032a25b75dd9aa0116fab6aefee9c9.jpg" /></a></p> <p>9. Вот и всё! Я добавил логотип Spoono наверху для забавы.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/bc/d5/bcd52222b492e58e030ada6028bf93f8.jpg" alt="http://smages.com/i/bc/d5/bcd52222b492e58e030ada6028bf93f8.jpg" /></a></p> mybb@mybb.ru (Rhainer) Tue, 10 Mar 2009 09:25:57 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=89#p89 https://dotcg.liveforums.ru/viewtopic.php?pid=88#p88 <p><strong>Автор</strong>: -<br /><strong>Перевод</strong>: -<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 10.03.2008<br /><strong>Источник</strong>: <a href="http://psdtuts.com/photo-effects-tutorials/photoshop-button-maker/" rel="nofollow" target="_blank">http://psdtuts.com/photo-effects-tutori &#8230; ton-maker/</a></p> <p>В это простом уроке мы научимся простому способу создания маленьких кнопок, используя пару слоев и один перемежающийся с ними слой изображения.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/aa/45/aa45242437765fc6092ab8c7844c2e79.jpg" alt="http://smages.com/i/aa/45/aa45242437765fc6092ab8c7844c2e79.jpg" /></a></p> <p>Шаг 1</p> <p>Начните рисовать цветной фон. Я использовал темно-коричневый и серый здесь, а также легкий радиальный градиент. Затем в новом слое нарисуйте круг и залейте его цветом. Не имеет значения, какой цвет вы используете, я использовал зеленый.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/b3/bb/b3bbbf261e258acbce217d61d1254a84.jpg" alt="http://smages.com/i/b3/bb/b3bbbf261e258acbce217d61d1254a84.jpg" /></a></p> <p>Шаг 2</p> <p>Далее мы собираемся применить некоторые стили слоя. Мы используем два типа Inner Shadow (Inner shadow и Inner glow). Также применим легкий Gradient Overlay и Drop Shadow и немного Satin. Я выбрал их, чтобы придать объекту 3D-вид, используя тени по краям и радиальный градиент, чтобы создать впечатление, что свет падает на середину. Последний эффект нужен лишь для того, чтобы добавить изюминку.</p> <p>Как бы то ни было, вместо того, чтобы показывать вам оригинальные настройки, скачайте исходник и скопируйте оттуда Layer Style.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/5b/ca/5bca3628833a5184620db3a5d8a747f0.jpg" alt="http://smages.com/i/5b/ca/5bca3628833a5184620db3a5d8a747f0.jpg" /></a></p> <p>Шаг 3</p> <p>Вот как будет выглядеть круг после применения стилей слоя.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/a1/37/a1374893ad62986f89a1dd26d3e61fc2.jpg" alt="http://smages.com/i/a1/37/a1374893ad62986f89a1dd26d3e61fc2.jpg" /></a></p> <p>Шаг 4</p> <p>Используя Circular Selection Tool, мы нарисуем эллипс, который длиннее горизонтально, чем вертикально (как показано). Создайте новый слой и нарисуйте радиальный градиент от белого к прозрачному. Заметьте, что вам нужно протянуть градиент так, чтобы общая прозрачность появилась снаружи выделенной области (чтобы белая часть имела острый краешек там, где заканчивается выделенная область).</p> <p>Когда закончите, поверните эллипс на 30 градусов. Это наша основная освещенная область.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/90/78/9078b0ad85bef14ff00a192b413f7079.jpg" alt="http://smages.com/i/90/78/9078b0ad85bef14ff00a192b413f7079.jpg" /></a></p> <p>Шаг 5</p> <p>Теперь продублируйте слой с освещением. Выключите видимость первого слоя, чтобы вы видели, что делаете, далее зажмите Ctrl и кликните на втором освещенном слое, чтобы выбрать его пиксели. Затем нажмите стрелку вниз и влево несколько раз, а затем delete. У вас должен остаться освещенный краешек (как показано).</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/02/6b/026b7e861c942f2b766ab2ce985f6008.jpg" alt="http://smages.com/i/02/6b/026b7e861c942f2b766ab2ce985f6008.jpg" /></a></p> <p>Шаг 6</p> <p>Переключитесь на ваш первый освещенный слой. Затем продублируйте второй и поверните его вниз влево, как показано. Теперь у вас есть стиль для кнопки!</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/4d/ad/4dad67094efda13eef7f1a56721b73b6.jpg" alt="http://smages.com/i/4d/ad/4dad67094efda13eef7f1a56721b73b6.jpg" /></a></p> <p>Шаг 7</p> <p>Далее нам нужно сделать кнопку переливающейся. Чтобы сделать это, просто берем главный зеленый слой и ставим Fill на 0%</p> <p>Fill вроде Opacity, только когда вы ставите Opacity 0%, стили слоя также становятся прозрачными, а если вы сделаете Fill 0%, стили слоя будут видны. Это отлично, поскольку мы избавляемся от зеленого, но у нас по-прежнему есть все для наших кнопок. Теперь все, что нам нужно – это поместить что-то под стили.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/b9/39/b939b9d284ee5e8cea65ecc5be86a162.jpg" alt="http://smages.com/i/b9/39/b939b9d284ee5e8cea65ecc5be86a162.jpg" /></a></p> <p>Шаг 8</p> <p>Я выбрал британский флаг и вот, вы видите его и как работают стили слоя.</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/15/53/15532f590f47beb88e77c965c929061f.jpg" alt="http://smages.com/i/15/53/15532f590f47beb88e77c965c929061f.jpg" /></a></p> <p>Шаг 9</p> <p>Теперь нажмите Ctrl и кликните на слое с кругом, чтобы выбрать этот круг, нажмите Shift+Ctrl+I, чтобы инвертировать выделение, и нажмите delete. Вы закончили! Одна кнопка готова!</p> <p>photoshop-button-maker9.jpg</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/40/f0/40f0ba11310a1d6091effde9d682306d.jpg" alt="http://smages.com/i/40/f0/40f0ba11310a1d6091effde9d682306d.jpg" /></a></p> <p>Шаг 10</p> <p>Затем я создал ещё несколько кнопок, используя разные картинки. Шрифт, которым набрана надпись “Button Maker“, называется “Dynamoe“, если вам интересно!</p> <p><a href="http://smages.com/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://smages.com/i/aa/45/aa45242437765fc6092ab8c7844c2e79.jpg" alt="http://smages.com/i/aa/45/aa45242437765fc6092ab8c7844c2e79.jpg" /></a></p> mybb@mybb.ru (Rhainer) Tue, 10 Mar 2009 09:18:57 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=88#p88 https://dotcg.liveforums.ru/viewtopic.php?pid=86#p86 <p>Буду краток: готишно! ^_^</p> mybb@mybb.ru (Werbreeze) Sun, 08 Mar 2009 09:24:32 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=86#p86 https://dotcg.liveforums.ru/viewtopic.php?pid=82#p82 <p>вроде все норм =) и урок отличный =))</p> mybb@mybb.ru (DeviL) Sat, 07 Mar 2009 19:44:33 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=82#p82 https://dotcg.liveforums.ru/viewtopic.php?pid=81#p81 <p>эффект хорош а подчерк неочень =))</p> mybb@mybb.ru (DeviL) Sat, 07 Mar 2009 19:34:57 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=81#p81 https://dotcg.liveforums.ru/viewtopic.php?pid=80#p80 <p><strong>DeviL</strong></p> <p>Видимо, из-за того, что рот изображен прерывистой линией :))). Можно, в принципе, не обозначать точку на подбородке, тогда &quot;эффекта усов&quot; ( :suspicious:&#160; ) не будет :)))))</p> mybb@mybb.ru (Rhainer) Sat, 07 Mar 2009 17:22:16 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=80#p80 https://dotcg.liveforums.ru/viewtopic.php?pid=78#p78 <p>В этой теме я немного расскажу о том, как должен выглядеть урок при размещении на форуме. </p> <p>1) Вне зависимости от того, пишете ли вы урок сами, или берете его из какого-либо источника, размещение урока без выходных данных не приветствуется. Данные об уроке оформляются следующим образом:</p> <p>Автор: &lt;Имя автора&gt;<br />Перевод: &lt;Имя переводчика&gt;<br />Разместил: &lt;Ваше имя&gt;<br />Дата размещения: &lt;Дата в формате дд.мм.гггг&gt;<br />Источник: &lt;ссылка на оригинал урока&gt;</p> <p>Примечание: если урок не является переводным, то поле &quot;Перевод&quot; можно стереть. Если урок нигде ранее не публиковался, то поле &quot;Источник&quot; также можно стереть.</p> <p>2) Графику для уроков мы копируем и сохраняем на файл-хостинге Smages (<a href="http://smages.com/" rel="nofollow" target="_blank">http://smages.com/</a>).</p> <p>Ccылку на изображение копируйте из поля, над которым написано &quot;BBCODE, полная картинка:&quot;</p> <p>3) Немного общих правил</p> <p>3.1) Урок должен быть размещен в теме, соответствующей содержанию урока.<br />3.2) Запрещено создавать дубликаты темы<br />3.3) Урок должен быть написан на русском языке</p> mybb@mybb.ru (Rhainer) Sat, 07 Mar 2009 16:40:56 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=78#p78 https://dotcg.liveforums.ru/viewtopic.php?pid=75#p75 <p>непросто делается, но оно того стоит. <br />сейчас сижу, парюсь. если интересует результат - выложу как закончу</p> mybb@mybb.ru (Anders) Sun, 08 Feb 2009 10:57:55 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=75#p75 https://dotcg.liveforums.ru/viewtopic.php?pid=74#p74 <p>на самом деле - полезный скрипт. если попробовать нарисовать другой символ вместо круга, и сделать анимацию (внутри символа), то можно очень классные результаты получить. Rhainer, спс. урок простой, но актуальный.</p> mybb@mybb.ru (Anders) Sun, 08 Feb 2009 10:55:59 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=74#p74 https://dotcg.liveforums.ru/viewtopic.php?pid=73#p73 <p><strong>Автор</strong>: Кирилл Коваленко, Андрей Коваленко<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 08.02.2008<br /><strong>Источник</strong>: <a href="http://flashzone.ru/s/flash-training/delaem_igru/" rel="nofollow" target="_blank">http://flashzone.ru/s/flash-training/delaem_igru/</a></p> <p>В ролике, который мы предлагаем вашему вниманию, практически вся анимация будет реализована с помощью Action Script. Начиная с версии 4, во Flash включен достаточно мощный язык сценариев (скриптов), по синтаксису напоминающий C. Если вы знакомы с этим замечательным языком — это здорово поможет вам в освоении Flash Action Script.</p> <p>Мы будем делать ролик-игру. Причем игру для двоих человек. Все очень просто — внизу ездит пушка и стреляет, скажем, по летающей тарелке, а тарелка, как вы уже догадались, стреляет по пушке. Такой, знаете ли, симулятор звездных войн.</p> <p>Мы не будем подробно описывать создание рисунков (символов), а постараемся больше внимания уделить Action Script’ам (языку сценариев).</p> <p>Итак, Flash 5 (mx) загрузилась на вашем компьютере. Создаем новый проект (File &gt; New), сохраняем его с каким-нибудь именем (например, «StarWars») и настраиваем параметры ролика (Modify &gt; Movie). Здесь надо только изменить количество кадров в секунду — сделаем его равным 60. Затем настраиваем параметры публикации (File &gt; Publish Settings) — убираем галочку с HTML и ставим галочку на Windows Projector. Это значит, что наша программа будет публиковаться отображаться) не в HTML, а в виде исполняемого exe-файла. Это сделано для временного удобства — разумеется, истинная красота и мощь Flash (ну вот, обещал ведь без рекламы :-)) проявляется именно в возможности встраивания роликов в<br />web-странички. В конце статьи мы расскажем, как это сделать.</p> <p>Теперь создаем символы, которые нам пригодятся в работе.</p> <p>Создаем новый символ (Insert &gt; New Symbol), называем его plate («тарелка»), кликаем OK и рисуем тарелку (летающую, с зелеными кровожадными человечками. Тарелка (как и все остальные символы) должна находиться приблизительно по центру окна (центр символа совпадает с крестиком). Особо не утруждайтесь, простой овал подойдет для начала, а наводить красоту можно и после написания самой программы. Чтобы увидеть все символы, находящиеся в ролике, откройте библиотеку символов (Window &gt; Library).</p> <p>Таким же образом создаем пушку (вытянутый по горизонтали прямоугольник), называем ее cannon. Дуло для пушки (назовите символ cannon_barrel) и для тарелки (plate_barrel) изобразите в виде вертикальных прямоугольников. Не забывайте: для каждого из этих игровых объектов мы создаем новый символ (Insert &gt; New Symbol). Затем создайте снаряды, которыми будет стрелять тарелка и пушка (это тоже отдельные символы), и назовите их соответственно plate_shell и cannon_shell.<br />Нарисуйте их в виде маленьких прямоугольников или кругов. Для начала этого хватит.</p> <p>После этого в основном ролике создайте 7 слоев — по одному для каждого символа и один для сценариев (Insert &gt; Layer) — и переместите по одному символу в каждый слой (простым перетаскиванием символов из окна библиотеки), оставив верхний слой пустым. Сделайте так, чтобы слои с тарелкой и пушкой находились выше слоев со стволами, а те, в свою очередь, поверх снарядов (простым перетаскиванием в окне со слоями). Это нужно для того, чтобы дуло орудия было скрыто корпусом машины, а не наоборот.</p> <p>Символы, находящиеся в основном ролике, называются экземплярами (instance). В одном ролике может быть несколько экземпляров одного и того же символа. Этим экземплярам нужно дать имена (поле Name на закладке Instance на вспомогательной панели; по умолчанию эта закладка находится слева на нижней панели). Для удобства имена экземплярам дайте те же, что и самим символам.</p> <p>Теперь перейдем собственно к Action Script’ам. Они бывают двух типов — сценарии символа и сценарии кадра. Сценарии символа ориентированы на внешние команды, поступающие от пользователя (нажатие клавиши, перемещение мышки и т.д.), сценарии кадра могут исполняться и сами по себе. В нашей программе будут использоваться и те, и другие. Сама программа будет построена с помощью трехкадрового цикла — одного из самых распространенных приемов написания сценариев во Flash. В первом кадре устанавливаются начальные значения переменных, второй кадр — тело цикла, основная часть ролика. В третьем кадре происходит переход на второй кадр с помощью функции gotoAndPlay() или gotoAndStop().</p> <p>Итак, начнем. В каждом слое должно быть по три кадра, причем только первый из них — ключевой (keyframe), остальные два обычные. Чтобы создать новый ключевой кадр (или превратить простой кадр в ключевой), надо щелкнуть на нем правой кнопкой и из выпадающего меню выбрать команду Insert Keyframe. Однако в слое со сценариями все три кадра должны быть ключевыми, так как писать сценарии можно только в ключевых кадрах. Кстати, чтобы не путаться, слоям тоже можно дать имена, соответствующие содержащимся в них экземплярам символа (слою со сценариями можно дать имя action). Для начала напишем сценарий, благодаря которому вся наша техника будет устанавливаться в начальное положение — например, по центру экрана (тарелка — вверху, пушка — внизу). Открываем окно сценариев (Window &gt; Actions) и щелкаем на первом кадре. Обратите внимание — сверху появившегося окна написано Frame Actions, то есть сейчас<br />мы пишем сценарий кадра. Для удобства перейдите в режим эксперта (Expert Mode), нажав Ctrl+E или с помощью стрелки в верхнем правом углу.</p> <p>Итак,пишем:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 12em"><pre>plate._x=275; plate_barrel._x=275; plate_shell._x=600; cannon._x=275; cannon_barrel._x=275; cannon_shell._x=600;</pre></div></div></div><p>Затем щелкаем на третьем кадре и в сценарии третьего кадра пишем:gotoAndPlay(2); Давайте разберемся. _x — это свойство экземпляра, указывающее на горизонтальную координату экземпляра символа. По умолчанию ширина ролика равна 550, и поэтому все экземпляры (кроме снарядов) будут находиться как раз посередине. Нам пока не надо, чтобы снаряды были видны. При выполнении функции gotoAndPlay(2) происходит переход на второй кадр без остановки (то есть воспроизведение продолжается). Теперь сохраняем, нажимаем F12 (клавиша публикации), наслаждаемся, закрываем окно и думаем дальше. Придется подобрать вертикальные координаты экземпляров. Можно, конечно, сразу при расстановке<br />экземпляров расставить их вручную, но это не наш метод! Итак, записываем</p> <p>y-координаты:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 12em"><pre>color=#0000ff&gt; plate._y=60; plate_barrel._y=70; cannon._y=350; cannon_barrel._y=330;</pre></div></div></div><p>У вас они могут немного отличаться (в зависимости от размеров символов). Только оставьте вверху и внизу немного места, оно понадобится нам в дальнейшем (там мы будем отображать военные успехи наших механических бойцов). А как, собственно говоря, будет происходить движение? А очень просто! Мы будем всего лишь менять x-координату (а для снарядов еще и y-координату) экземпляров во втором кадре. Но перед этим надо написать сценарий на событие нажатия клавиш и . Это мы будем делать уже в сценарии символа. Итак, нажмем на экземпляр тарелки, а потом снова на окно Action. Обратите внимание, теперь в заголовке окна должно быть написано Object Action, то есть мы пишем сценарий символа. Перейдите в режим эксперта (Ctrl+E или с помощью стрелки в верхнем правом углу окна) и напишите следующий код:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 18em"><pre>onClipEvent (keyDown) { if (key.isdown(key.right)){ plate_flag=true; } if (key.isdown(key.left)){ plate_flag=false; } }</pre></div></div></div><p>onClipEvent — ключевое слово, означающее событие. isDown — это метод встроенного объекта key, который возвращает значение true (истина), если нажата указанная клавиша. Теперь при нажатии любой клавиши будет выполняться код, написанный во внешних скобках, в котором проверяется, нажата ли клавиша или , а переменной plate_flag присваивается соответствующее значение. Обратите внимание, что переменная plate_flag нигде до этого не определялась. Это одно из отличий Flash Action Script от языка C. Еще один важный момент: если вы объявляете некую переменную (свойство) в сценарии объекта (Object Action), то при обращении к этому свойству из сценария кадра (Frame Action) необходимо перед именем переменной (перед свойством) указать имя объекта с точкой. В нашем случае, объявив свойство plate_flag в сценарии объекта plate, мы будем обращаться к нему из сценария кадра вот так: plate.plate_flag (по аналогии со структурами в C).</p> <p>Почти такой же код будет и для экземпляра пушки:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 18em"><pre>onClipEvent (keyDown){ if (key.isDown(ord(“D”))){ cannon_flag = true; } if (key.isDown(ord(“A”))){ cannon_flag = false; } }</pre></div></div></div><p>Для пушки клавиша A будет означать движение влево, а клавиша D — вправо. Так что при переходе на нашу гениальную игру с Counter-Strike долго переучиваться не придется :-). Теперь во втором кадре перейдем к сценарию кадра. Напишем следующий текст:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 13.5em"><pre>if (plate.plate_flag == true) { plate._x = plate._x+3; } else { plate._x = plate._x–3; }</pre></div></div></div><p>Этот код проверяет переменную plate_flag и взависимости от ее значения передвигает тарелку на 3 пикселя влево или вправо.</p> <p>Опять сохраняемся, жмем F12, нажимаем по очереди клавиши и , а затем возвращаемся к раздумьям. Тарелка-то двигается, но вот ее дуло остается на месте. Однако это запросто исправляется. Во втором кадре пишем:plate_barrel._x = plate._x;Заодно напишем код и для пушки:if (cannon.cannon_flag == true) { cannon._x = cannon._x+3;} else { cannon._x = cannon._x–3;}cannon_barrel._x = cannon._x; Опять смотрим. Все хорошо, вот только тарелка с пушкой плавно уплывают куда-то вбок и исчезают из поля нашего тактического зрения. Надо, чтобы они появлялись с другой<br />стороны. Сказано — сделано. Пишем следующий код (в сценарии второго кадра):</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 13.5em"><pre>if (plate._x&lt;10) plate._x=560; if (plate._x&gt;560) plate._x=–10; if (cannon._x&lt;–10) cannon._x=560; if (cannon._x&gt;560) cannon._x= — 10;</pre></div></div></div><p>То есть если тарелка «почти зашла» за левый край, то она появляется на правом крае, и наоборот. То же самое происходит и с пушкой. Кстати, советую код для тарелки и для пушки отделять комментарием (любая строка после //, как в C++). И вообще, пишите больше комментариев, потом это поможет не запутаться.</p> <p>Теперь разберемся с орудийными стволами нашей техники. Пусть для тарелки клавишами поворота ствола орудия будут и , а для пушки — W и S.</p> <p>Итак, код для экземпляра ствола тарелки:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 9em"><pre>onClipEvent (keyDown) { if (key.isDown(key.UP)) { _rotation = _rotation+3; } if (key.isDown(key.Down)) { _rotation = _rotation–3; } if (_rotation&lt;–90) _rotation=–90; if (_rotation&gt;90) _rotation=90;}</pre></div></div></div><p>_rotation — свойство экземпляра, определяющее угол поворота (в градусах). Сначала мы изменяем значение _rotation в зависимости от того, какая клавиша нажата, а потом проверяем, не повернулось ли дуло на угол, больший 90 градусов (ведь оно не может вращаться на все 360 градусов).</p> <p>Почти такой же код будет и для дула пушки:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 9em"><pre>onClipEvent (keyDown) { if (key.isDown(ord(“W”))) { _rotation = _rotation+3; } if (key.isDown(ord(“S”))) { _rotation = _rotation–3; } if (_rotation&lt;–90) _rotation = –90; if (_rotation&gt;90) _rotation = 90;}</pre></div></div></div><p>В сценарии второго кадра напишем следующий код:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 6em"><pre>plate_shell._rotation=plate_barrel._rotation; cannon_shell._rotation=cannon_barrel._rotation;</pre></div></div></div><p>Теперь угол поворота снарядов будет равен углу поворота стволов.</p> <p>Перейдем теперь к выстрелам. Все будет происходить так: при нажатии клавиши «огонь» координаты снаряда становятся равными координатам тарелки или пушки, а затем начинают двигаться с учетом угла поворота ствола.</p> <p>Итак, код для снаряда тарелки (пишем в сценарии экземпляра снаряда тарелки plate_shell):</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 10.5em"><pre>onClipEvent (keyDown) { if (key.isDown(key.DELETEKEY)) { flag = 1; } }</pre></div></div></div><p>Переменная plate_shell.flag будет принимать три значения: 0 — выстрела нет (снаряд не летит и на экране невидим; реализуется это установлением координат снаряда числом, большим размеров видимого окна), 1 — был произведен выстрел (приравниваются координаты снаряда и ствола), 2 — снаряд в полете.</p> <p>В сценарии первого кадра обнулите значение переменной plate_shell.flag:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>plate_shell.flag =0;</pre></div></div></div><p>Далее, в сценарии второго кадра допишите :</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 13.5em"><pre>if (plate_shell.flag == 1) { plate_shell._x = plate._x; plate_shell._y = plate._y; // Координаты снаряда = координатам орудия plate_shell.flag =2; }</pre></div></div></div><p>То есть, если была нажата клавиша Delete, то координаты снаряда становятся равными координатам тарелки, и переменной plate_shell.flag присваивается значение 2 — снаряд полетел громить вражеское орудие.</p> <p>А сейчас нам понадобятся знания, почерпнутые из школьного курса геометрии. Итак, нам известен угол поворота снаряда и его скорость (допустим, 40 пикселей за кадр). Требуется найти смещение по x- и y-координатам.</p> <p>Напоминаем: отношение –x/s равно sin(A) (отношение противолежащего катета к гипотенузе), отсюда x=–s*sin(A). Отношение y/s равно cos(A), отсюда y=s*cos(A).</p> <p>В языке сценариев Flash 5 существует объект Math, предназначенный для математических вычислений. Нам потребуются два метода этого объекта: метод Math.cos() и Math.sin(), вычисляющие косинус и синус указанного в скобках параметра. Параметр должен быть указан в радианах. Но мы работали только с углами, заданными в градусах.</p> <p>Специально чтобы обойти это препятствие хитрые математики :-) придумали формулу, позволяющую переводить градусы в радианы: B = *A/180, где B — угол в радианах, а A — угол в градусах. Если взять скорость снаряда, равную 40, то x = –40*sin(*A/180), y = 40*cos(*A/180). Константа задается свойством pi объекта Math: Math.pi.</p> <p>Чтобы не писать очень длинные строки, будем записывать значения синусов и косинусов в отдельные переменные, и уже затем писать код смещения. Пусть значение выражения sin(*A/180) хранится в переменной PS, а cos(*A/180) — в переменной PC.</p> <p>Итак, в сценарии второго кадра пишем:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 18em"><pre>if (plate_shell.flag == 2) { PS = Math.sin(Math.pi*Plate_shell._rotation/180); PC = Math.cos(Math.pi*Plate_shell._rotation/180); Plate_shell._x = Plate_shell._x–40*PS; Plate_shell._y = Plate_shell._y+40*PC; }</pre></div></div></div><p>То есть, если plate_shell.flag равен 2, мы вычисляем синус и косинус угла поворота, а затем происходит смещение.</p> <p>Настало время посмотреть, что у нас получилось.</p> <p>Нажмите F12 и оцените творение своих рук. Все замечательно, но обращают на себя внимание две досадные мелочи: во-первых, снаряд, вылетев за левый край, так и улетает в неизвестность, а во-вторых, если быстро нажимать на клавишу выстрела, снаряд возвращается на исходную для стрельбы позицию и опять начинает полет. С первой трудностью справиться легко — как и в случае с тарелкой, напишем в сценарии второго кадра следующие строки:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>if (plate_shell._x &lt; –10) { plate_shell._x = 560; } if (plate_shell._x &gt; 560) { plate_shell._x = –10; }</pre></div></div></div><p>А в отношении второй поступим так: когда произойдет выстрел, включится какой-то счетчик, и пока он не будет больше какого-то числа (например, 60), выстрелить опять будет нельзя (пока зарядятся импульсные энерго-генераторы, пока то-се :-)…) Когда значение счетчика будет больше 60, движение снаряда прекратится, и он займет исходную позицию за границей видимого окна (т.е. «спрячется» — до следующего выстрела).</p> <p>Итак, замените блок, который начинается со строки</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>if (plate_shell.flag == 2)…</pre></div></div></div><p>на следующий:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 33em"><pre>if ((plate_shell.flag == 2) || (plate_shell.flag == 1)) { plate_shell_counter = plate_shell_counter+1; if (plate_shell_counter&lt;60) { PS = Math.sin(Math.pi*Plate_shell._rotation/180); PC = Math.cos(Math.pi*Plate_shell._rotation/180); Plate_shell._x = Plate_shell._x–40*PS; Plate_shell._y = Plate_shell._y+40*PC; } else { plate_shell.flag = 0; plate_shell_counter = 0; plate_shell._x = 600; } }</pre></div></div></div><p>То есть теперь в этом блоке еще увеличивается счетчик, а затем, в зависимости от его значения, либо происходит смещение, либо обнуляются счетчик и флаг снаряда, а сам снаряд сдвигается за область экрана. Кстати, в сценарии первого кадра обнулите счетчик</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>color=#0000ff&gt; plate_shell_counter:plate_shell_counter = 0;</pre></div></div></div><p>Кроме того, расширилось условие — флаг plate_shell.flag может быть равен как двойке, так и единице (двойным символом | обозначается булево (логическое) ИЛИ). Дело в том, что если мы нажмем клавишу выстрела, а счетчик еще не зашкалит за 100, то значение plate_shell.flag станет равным единице и без дополнительного условия смещение снаряда выполняться не будет.</p> <p>Далее, строку</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 6em"><pre>if (plate_shell.flag == 1) {</pre></div></div></div><p>замените на строку</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 6em"><pre>if ((plate_shell.flag == 1) &amp; (plate_shell_counter == 0)) {</pre></div></div></div><p>Здесь мы, наоборот, сужаем условие. Ведь выстрелить заново можно, только если движения снаряда уже нет (счетчик plate_shell_counter обнулен).</p> <p>Далее, если во время полета снаряда изменять угол наклона пушки, то можно заметить, что траектория полета снаряда тоже будет меняться. Конечно, пришельцы в техническом плане очень продвинуты, но будем считать, что управлять каким-нибудь там плазменным снарядом им не под силу. Поэтому угол наклона траектории снаряда будет меняться только тогда, когда снаряд не движется (счетчик plate_shell_counter обнулен).Дляэтого строку</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>plate_shell._rotation = plate_barrel._rotation;</pre></div></div></div><p>замените на следующий блок:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 9em"><pre>if (plate_shell_counter == 0) { plate_shell._rotation = plate_barrel._rotation; }</pre></div></div></div><p>Теперь вроде бы все. Почти все. Осталось написать то же самое для пушки и придумать, каким образом будет происходить попадание.</p> <p>Для пушки код сценария будет почти таким же — только немного изменятся формулы, по которым будет вычисляться смещение снаряда.</p> <p>Итак, в сценарии снаряда для пушки (cannon_shell) пишем:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 12em"><pre>onClipEvent (keyDown) { if (key.isDown(ord(“Q”))) { flag = 1; } }</pre></div></div></div><p>Тут все ясно — если нажата клавиша Q, то переменной cannon_shell.flag присваивается значение 1.</p> <p>Далее в первом кадре обнуляем флаг:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>cannon_shell.flag =0;</pre></div></div></div><p>Объявляем и обнуляем счетчик для снаряда пушки (тоже в первом кадре):</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>cannon_shell_counter = 0;</pre></div></div></div><p>Теперь во втором кадре заменяем строку</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>cannon_shell._rotation = cannon_barrel._rotation;</pre></div></div></div><p>на блок</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 9em"><pre>if (cannon_shell_counter == 0) { cannon_shell._rotation = cannon_barrel._rotation; }</pre></div></div></div><p>Далее пишем во втором кадре:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 35em"><pre>if ((cannon_shell.flag == 1) &amp; (cannon_shell_counter == 0)) { cannon_shell._x = cannon._x; cannon_shell._y = cannon._y; cannon_shell.flag = 2; } if ((cannon_shell.flag == 2) || (cannon_shell.flag == 1)) { cannon_shell_counter = cannon_shell_counter+1; if (cannon_shell_counter&lt;60) { CS = Math.sin(Math.pi*cannon_shell._rotation/180); CC = Math.cos(Math.pi*cannon_shell._rotation/180); cannon_shell._x = cannon_shell._x+40*CS; cannon_shell._y = cannon_shell._y–40*CC; } else { cannon_shell.flag = 0; cannon_shell_counter = 0; cannon_shell._x = 600; } } if (cannon_shell._x&lt;–10) { cannon_shell._x = 560; } if (cannon_shell._x&gt;560) { cannon_shell._x = –10; }</pre></div></div></div><p>То есть все делаем так же, как для случая с тарелкой, но только заменяем слово «plate» на слово «cannon» и немного изменяем формулы (переменная CS вместо PS, СС вместо PC, также меняем местами знаки + и –, т.к. пушка стреляет вверх, а тарелка — вниз).</p> <p>Вот теперь можно и протестировать. Нажимаем F12 и проверяем, все ли работает так, как мы задумали. Вроде, все нормально. Тогда переходим к самой главной (но не самой сложной!) части.</p> <p>Как же будут происходить попадания? И как будет реагировать на это наша техника? А примерно так: во время полета снаряда будет проверяться расстояние от центра вражеской машины. При достижении определенного значения будет считаться, что снаряд попал. Играть до первого попадания неинтересно, поэтому будем играть до пяти. Количество оставшихся жизней будем отображать в виде вытянутого по горизонтали красного прямоугольника, который при каждом попадании будет уменьшаться.</p> <p>Итак, создайте новый символ с именем hits в виде прямоугольника красного цвета. Его размеры сейчас не важны. Придется создать еще два слоя. Назовите их plate_hit и cannon_hit. Поместите в каждый из этих слоев по одному экземпляру символа hits и в поле Name закладки Instance дайте им имена: plate_hit и cannon_hit. Разместите их так, чтобы экземпляр plate_hit находился выше тарелки, а экземпляр cannon_hit — ниже пушки. Теперь подберем размеры этих экземпляров.<br />Во-первых, они должны находится по центру. Их длина должна быть равна длине ролика, т.е. 550 пикселей. Ширину можно взять 10 пикселей. Длина и ширина символа во Flash задается свойствами _height и _width.</p> <p>Итак, в сценарии первого кадра пишем:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 24em"><pre>color=#0000ff&gt; plate_hit._width=550; plate_hit._height=10; plate_hit._x=275; plate_hit._y=10; color=#0000ff&gt; cannon_hit._width=550; cannon_hit._height=10; cannon_hit._x=275; cannon_hit._y=390;</pre></div></div></div><p>Вертикальные координаты указаны приблизительно, у вас они могут быть немного другими. Теперь о попаданиях. Снаряд попал, если он находится в прямоугольнике, центр которого совпадает с центром тарелки (пушки). То есть, если размеры тарелки 40 пикселей в высоту и 70 — в длину, то условие попадания будет выглядеть так:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 16.5em"><pre>if ((math.abs(cannon_shell._y–plate._y)&lt;20) &amp; (math.abs(cannon_shell._x–plate._x)&lt;35)) { plate_hit._width = plate_hit._width–110; plate_hit._x = plate_hit._x–55; cannon_shell._y = –100; }</pre></div></div></div><p>То есть если снаряд попал, то «линию жизни» надо уменьшить на 110 пикселей, а затем сдвинуть ее на 55 пикселей влево (чтобы полоска оставалась у левого края).</p> <p>Если размеры тарелки и пушки совпадают, то для снаряда тарелки код будет почти таким же (если нет, то сделайте их размеры одинаковыми):</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 16.5em"><pre>if ((math.abs(plate_shell._y–cannon._y)&lt;20) &amp; (math.abs(plate_shell._x–cannon._x)&lt;35)) { cannon_hit._width = cannon_hit._width–110; cannon_hit._x = cannon_hit._x–55; plate_shell._y = 500; }</pre></div></div></div><p>Теперь, в третьем кадре после строки gotoAndPlay(2); пишем:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>if (plate_hit._width == 0) { gotoAndPlay (10); } if (cannon_hit._width == 0) { gotoAndPlay (11); }</pre></div></div></div><p>То есть, если длина одной из линий будет равна нулю, то произойдет переход на нужный кадр. Теперь создаем еще один слой. В этом слое десятый и одиннадцатый кадр делаем ключевыми (keyframe). В десятом кадре создаем надпись Humans win!. На вспомогательной панели Character увеличиваем размер шрифта. В сценарии этого кадра пишем stop(), чтобы остановить ролик. В одиннадцатом кадре пишем Aliens win!, увеличиваем размер шрифта, в сценарии, как и для десятого кадра, пишем stop(), сохраняем, запускаем. Вот в общем-то и все. Осталась работа по улучшению геймплея. Можно увеличить количество кадров в секунду, индивидуализировать скорости для тарелки и пушки, изменить скорости для<br />снарядов, изменить «живучесть», нарисовать красивый задний фон, скажем, красные плоскогорья Марса (придется создать еще один слой). Только внимательно следите за тем, чтобы снаряд не проскочил «сквозь» цель, то есть смещение снаряда не должно превышать размеров цели. Играйте и выигрывайте! Теперь о публикации. Как уже говорилось, основное назначение Flash — возможность размещения качественных анимированных роликов на веб-страницах. Так что зайдите снова в меню File &gt; Publish Settings и поставьте галочку в checkbox’e HTML. После публикации кроме файла StarWars.swf появится еще и автоматически созданная HTML-страница StarWars.html, которая содержит ссылку на созданный нами Flash-ролик. Открываем этот файл, копируем код, заключенный между тэгами &lt;OBJECT&gt; и &lt;/OBJECT&gt;, в код своей страницы, и вот — на ней уже появилась наша игра. Обратите внимание: по умолчанию предполагается, что ролик (swf-файл) «лежит» в той же папке, что и html-страница. Это же правило сохраняется для интернет-адресов. Если, допустим, ваша страница имеет адрес <a href="http://server.com/my/page.html," rel="nofollow" target="_blank">http://server.com/my/page.html,</a> то swf-файл в данном случае будет иметь адрес <a href="http://server.com/my/StarWars.swf." rel="nofollow" target="_blank">http://server.com/my/StarWars.swf.</a></p> mybb@mybb.ru (Rhainer) Sun, 08 Feb 2009 10:41:09 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=73#p73 https://dotcg.liveforums.ru/viewtopic.php?pid=72#p72 <p><strong>Автор</strong>: Павел Лапин<br /><strong>Разместил</strong>: Rhainer<br /><strong>Дата размещения</strong>: 08.02.2008<br /><strong>Источник</strong>: <a href="http://flashzone.ru/s/flash-training/banner/" rel="nofollow" target="_blank">http://flashzone.ru/s/flash-training/banner/</a></p> <p>Давайте попробуем сделать простой баннер. Прежде всего необходимо четко представить себе, что мы хотим создать, то есть разработать сценарий. Чем лучше вы будете знать, что и как должно быть в вашем проекте – именно так называется работа во Flash-редакторе, – тем быстрее и проще будет осуществить задуманное. В нашем случае баннер будет очень простым: на фоне вращающегося квадрата выезжает надпись, которая затем растворяется.</p> <p>Как известно, в кинематографе используется частота 24 кадра в секунду, но в мультипликации, особенно предназначенной для Интернета, вполне достаточно 12. Чем больше будет частота кадров, тем более плавными получатся движения, но при этом значительно сильнее загружается процессор, что становится существенно в сложных сценах. Именно от процессора зависит скорость воспроизведения Flash, и на разных компьютерах она может заметно различаться. Обычно это проявляется в торможении или прерывистом движении, особенно когда сложная анимация синхронизирована со звуком.</p> <p>Определившись со сценарием, приступим к творчеству. Для начала решим, какого размера должен быть баннер. Пусть это будет общепринятый в баннерообменных сетях формат 468x60. Именно эти размеры необходимо указать в панели Movie Properties (параметры фильма) Modify Movie [Ctrl+M], в полях Width (ширина) и Height (высота). В этом же окне выберем цвет фона (Background Color) нашего баннера, а также в поле Frame Rate укажем значение fps – количество кадров в секунду.</p> <p>После того как указаны все параметры фильма и нажата кнопка ОК, проверьте масштаб отображения сцены. При необходимости установите 100%.</p> <p>Теперь создадим основу будущего баннера – движущуюся надпись:</p> <p># Выберите инструмент Text [T].<br /># Откройте панель настройки данного инструмента: Window Panels Characters [Ctrl+T] или нажмите в правом нижнем углу окна кнопку с изображением буквы «А».<br /># В выпадающем меню Font открытой панели Characters выберите кириллический шрифт, например Arial Cyr.<br /># Установите необходимый размер, например 35, и цвет.<br /># Щелкните на месте начала надписи (в нашем случае — в начале баннера) и введите текст. Если вдруг выяснилось, что выбранный размер или цвет не подходят, переключитесь на инструмент Arrow [M] (черная стрелка на панели инструментов) и выделите текст, щелкнув по нему. Вокруг текста появится рамка, теперь на панели Characters можно изменить его параметры: размер, цвет шрифта и т. п.</p> <p>Настало время вашей первой анимации. Успокойте дрожащие от волнения руки и продолжайте творить:</p> <p># Преобразуйте текст в символ: Insert Convert to Symbol [F8]. Не забудьте дать ему соответствующее имя и указать тип Graphic. При этом созданный символ будет помещен в библиотеку текущего проекта.<br /># Выделите 20-й кадр на линейке Timeline и вставьте ключевой кадр Insert Keyframe [F6]. Слева от нового кадра появится серая полоска, идущая от первого ключевого кадра.<br /># Вернитесь в первый кадр и переместите надпись на баннере за его границу, например, за правый край.<br /># Не снимая выделения с первого кадра, откройте панель параметров кадра Window Panels Frame [Ctrl+F] (можно также нажать кнопку Show Instance в правом нижнем углу экрана), затем переключитесь на вкладку Frame.<br /># В выпадающем меню Tweening (построение промежуточных кадров) выберите тип анимации – Motion, то есть анимацию движения. При этом серая полоска между ключевыми кадрами станет голубой со стрелкой вправо.</p> <p>Поздравляю! Вы только что заставили текст двигаться. Убедиться в этом можно, перемещая указатель кадров, расположенный над линейкой Timeline, или включив режим предварительного просмотра: Control Test Movie [Ctrl+Enter].</p> <p>Время, которое займет проигрывание фильма или клипа от начала воспроизведения, отображается в строке статистики Timeline. Реальная длительность отдельных эпизодов может незначительно отличаться от отображаемого значения, которое вычисляется на основе установленного fps. Оно зависит в основном от сложности расчетов, требующихся для построения изображения отдельного кадра, и быстродействия компьютера.</p> <p>Использование слоев дает большие возможности при создании фильма. Кроме того, что объекты, помещенные на разные слои, можно накладывать или скрывать, создавая имитацию объема сцены, правильное применение слоев может заметно уменьшить размер готового файла. Любой объект, который предстоит анимировать, нужно помещать на собственный слой. Так вы значительно быстрее добьетесь нужных эффектов и сократите загрузку процессора.</p> <p>Для каждого слоя старайтесь придумать подходящее название. Для изменения имени слоя щелкните дважды левой кнопкой мыши на названии слоя и введите новое.</p> <p>Если предполагается, что на кнопках будут анимированные объекты, создайте заранее символы Movie clip, а затем просто разместите их в соответствующем кадре кнопки.</p> <p>Согласно нашему сценарию, текст должен не только «выехать» на экран, но и, побыв некоторое время, исчезнуть. Следовательно, придется еще немного помучить символ с текстом, ведь мы анимируем именно символ, а не сам текст.<br /># Вставьте новый ключевой кадр, на этот раз 60-й. Надеюсь, вы уже привыкли к тому, что для этого надо выделить соответствующий кадр и нажать F6? Тем самым мы установили время статического отображения текста после его остановки – примерно на три с половиной секунды.<br /># Вставьте последний ключевой кадр, например 80-й.<br /># Из выпадающего списка выберите эффект Alpha и, передвигая ползунок, установите нулевую прозрачность.</p> <p>Этим мы указали редактору Flash, что последний кадр будет прозрачным, но не объяснили ему, что менять прозрачность следует постепенно. Как уже, наверное, понятно, необходимо анимировать отрезок между ключевыми кадрами, в нашем случае — между 60-м и 80-м.<br /># Перейдите на предыдущий ключевой кадр (60-й) и установите для него тип анимации Motion так же, как мы делали это с первым ключевым кадром.</p> <p>Основа нашего баннера готова. Текст делает то, что мы от него хотели, убедитесь в этом, включив тестовый просмотр: Control Test Movie [Ctrl+Enter].</p> <p>Теперь необходимо добавить последний элемент фильма – вращающийся квадрат:</p> <p># Создайте новый символ: Insert New Symbol [Ctrl+F8], присвоив ему необходимое имя и установив тип Movie Clip.<br /># Выберите инструмент Rectangle [R] и установите нужный цвет заливки и тип границ. Цвет можно выбрать на палитре (панель Mixer), вызываемой через меню (Window Panels Mixer), или соответствующей кнопкой в правом нижнем углу программы.<br /># Нарисуйте квадрат, постаравшись сделать так, чтобы метка центра объекта действительно приходилась на центр квадрата, или переместите уже нарисованный квадрат.<br /># Преобразуйте квадрат в графический символ, как вы ранее это сделали с текстом.<br /># Вставьте ключевой кадр, например, на 30-м фрейме.<br /># Выделите первый кадр, откройте панель Frame для данного кадра и укажите уже знакомый тип анимации Motion.<br /># В выпадающем меню Rotation выберите вращение по часовой стрелке – CW, а в поле Times укажите, сколько оборотов должен сделать объект (например, один).</p> <p>Осталось совсем немного — разместить созданный Movie-клип на сцене, то есть на нашем баннере:<br /># Перейдите в режим сцены, щелкнув на вкладке Scene1 над списком слоев.<br /># Добавьте новый слой. Для этого необходимо нажать на изображение бумажки с загнутым уголком и плюсиком под списком слоев.<br /># Перейдите в первый кадр созданного слоя, выделив его мышкой.<br /># Откройте библиотеку проекта: Window Library [Ctrl+L] или щелкнув на книжке в правом нижнем углу экрана.<br /># Найдите в библиотеке Movie-клип вращающегося квадрата и перенесите его на сцену, расположив на нужном месте баннера.<br /># Если, создавая квадрат, вы ошиблись с размерами, – ничего страшного, воспользуйтесь модификатором Scale, изменив размеры квадрата до необходимых.<br /># Убедитесь, что Flash создал на панели Timeline неанимированную линейку для данного слоя, равную по продолжительности предыдущему. Если этого не произошло, щелкните на последнем кадре слоя и вставьте пустой кадр: Insert/Flame [F5].</p> <p>Просмотрите созданный фильм в тестовом режиме. Что не так? Правильно! Вращающийся квадрат закрывает собой надпись. Все верно, ведь мы его поместили на слой, расположенный выше слоя с текстом. Достаточно перетащить верхний слой вниз. Перемещать слои следует, нажав на название слоя и передвигая его вверх или вниз.</p> <p>Конечно, можно было бы остановиться на том, что уже создано, но покой нам только снится! Не кажется ли вам, что вращающийся квадрат очень одинок и ему не помешала бы пара разноцветных приятелей? Для этого не придется создавать новые Movie-клипы, достаточно использовать уже имеющийся с небольшими изменениями для каждого экземпляра:<br /># Разместите на баннере еще пару квадратов, перетащив соответствующий Movie-клип из библиотеки проекта на сцену, можно на уже имеющийся слой с первым квадратом.<br /># После того как квадраты заняли свое место и подогнаны по размерам, выделите один из них, щелкнув по нему мышью.<br /># Откройте панель эффектов экземпляра Effects и в выпадающем меню выберите эффект Tint (оттенок). Установите необходимый цвет для каждого из экземпляров квадратов.</p> <p>Раз уж речь зашла о баннерах, хочется упомянуть, что некоторые баннерообменные сети ограничиваются принятием Flash-роликов определенного размера, а некоторые требуют обязательного размещения кнопки, выполняющей роль фона (подложки) со специальным сценарием на ActionSript.</p> <p>Баннер немыслим без возможности перехода на сайт при щелчке на нем мышью, в противном случае это уже не баннер, а обыкновенный Flash-ролик. За обработку нажатий во Flash отвечают символы-кнопки с присвоенными им фрагментами кода на ActionScript.</p> <p>Создание кнопки мало отличается от создания Movie-клипа: InsertёNew Symbol [Ctrl+F8] (тип символа – Button). Основная особенность кнопки состоит в том, что ее Timeline используется нестандартно. Она содержит всего четыре кадра, никак не связанных с последовательностью анимации. В кадре Up представлено обычное состояние кнопки, в кадре Over – вид, когда над ней находится курсор мыши, Down – нажатая кнопка и Hit – область реагирования.<br /># Нарисуйте прямоугольник в первом кадре кнопки, равный по размерам всему баннеру и имеющий цвет фона. Размеры можно проконтролировать на панели Info, вызываемой кнопкой в правом нижнем углу окна с изображением квадрата и координатных стрелок, или через меню: Window Panels Info [Ctrl+Alt+I].<br /># Перейдите на второй фрейм – Over, вставьте ключевой кадр [F6]. Измените цвет прямоугольника, выделив его и выбрав цвет заливки Fill.<br /># Установите область реагирования кнопки во фрейме – Hit, просто вставив еще один кадр [F5] для данного фрейма.<br /># Вернитесь на основную сцену, создайте новый слой и разместите в нем кнопку, совместив ее с границами баннера.</p> <p>Теперь необходимо заставить кнопку открывать необходимый сайт. Для этого нам надо научиться присваивать объектам сценарий на ActionScript:<br /># Выделите кнопку и откройте панель Object Action, нажав в нижнем правом углу кнопку с изображением голубой стрелки или выбрав в меню Window Actions [Ctrl+Alt+A].<br /># В правом окне открывшейся панели найдите группу Basic Actions и дважды щелкните на команде Get URL или просто перетащите ее в правое окно.<br /># Выделите вторую строку.<br /># Заполните поля в нижней части окна. В поле URL введите имя своего любимого сайта (например, <a href="http://www.flash.polarcom.ru" rel="nofollow" target="_blank">http://www.flash.polarcom.ru</a>), а в поле Window выберите значение «_blank» – открывать в новом окне (если вы создавали свои веб-проекты, это значение должно быть вам хорошо знакомо). Поле Variable используется при необходимости передавать данные серверному CGI-скрипту с использованием методов GET и POST; в нашем случае оставьте значение «Don’t sent». В результате в правой части окна у нас получится следующий сценарий:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 10.5em"><pre>on (release) { getURL (“http://www.flash.polarcom.ru”, “_blank“); }</pre></div></div></div><p>Вот мы и создали баннер, а точнее — Flash-ролик с элементами интерактивности. Пришла пора сохранить созданный проект. Сохранение ничем не отличается от аналогичного процесса в других программах. Созданный файл имеет расширение .fla, его нельзя использовать для размещения в Интернете, так как это формат редактора, да и объем этого файла может быть достаточно большим, в нашем случае около 20 Кбайт. Для размещения фильма на веб-странице необходимо сохранить его в подходящем формате. Как правило, создаются сразу два файла: HTML-страница и файл формата .swf – собственно сам фильм. Это вовсе не означает, что мы не можем использовать другие форматы! При желании можно опубликовать проект в таких распространенных графических форматах, как GIF, JPEG, PNG, доступен видеоформат MOV, а при желании Flash создаст для вас исполняемый файл в формате .exe, и ваш фильм можно будет показать даже на компьютерах, где не установлен Flash.<br /># Откройте панель настройки публикации: File Publish Settings.<br /># Выберите нужные форматы, в нашем случае — HTML и Flash.<br /># Нажмите кнопку Publish.</p> <p>Все! Процесс создания баннера можно считать законченным. Теперь в папке, в которой вы сохранили Flash-проект, появятся еще два файла. После публикации размер готового файла .swf будет гораздо меньше исходного .fla (в нашем случае меньше 3 Кбайт).</p> <p>Конечно, в небольшой статье невозможно описать все приемы работы во Flash. Но надеюсь, после этого небольшого примера, когда буквально за несколько минут был создан Flash-баннер, применена пара эффектов анимации и создана кнопка, реагирующая на прохождение над ней курсора мыши и открывающая сайт после нажатия, вы убедились, что работать с Flash действительно легко и интересно. Мы не успели коснуться таких приемов анимации, как трансформация, когда один объект превращается в другой, или движение по заданной траектории. Не познакомились с различными типами слоев, например маскирующим слоем, позволяющим достигать удивительно красивых эффектов. Не изучили возможности текстовых полей: динамических – изменяемых в ходе работы сценария ActionScript, полей для ввода – дающих возможность пользователю вводить необходимую информацию, которую затем можно передать для обработки серверу. Мы почти не говорили об ActionScript, языке, очень похожем по своей структуре на JavaScript, но предназначенном для работы с объектами анимации. Его применение позволяет создать фильм, полный движения, но состоящий из одного-двух кадров. Не коснулись мы и такого нововведения пятой версии Flash, как интеллектуальные Smart-клипы. Собственно, и приемы рисования во Flash мы не рассматривали. Но все это нетрудно изучить самостоятельно. Главное начать, а это, будем надеяться, вы сегодня смогли.</p> mybb@mybb.ru (Rhainer) Sun, 08 Feb 2009 10:24:40 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=72#p72 https://dotcg.liveforums.ru/viewtopic.php?pid=70#p70 <p>знакомая тема. <br />мне кажется стоит сделать урок по тем флэшевым фишкам которые нигде больше не затрагивают.</p> mybb@mybb.ru (Anders) Thu, 15 Jan 2009 15:12:18 +0300 https://dotcg.liveforums.ru/viewtopic.php?pid=70#p70