Форум /forum/ Форум Tue, 10 Aug 2010 17:53:58 GMT uCoz Web-Service Анимированный блик по тексту /forum/80-335-1 Tue, 10 Aug 2010 17:53:58 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Dron1k<br />Количество ответов: 3 <span style="color:yellow">В этом уроке я научу вас создавать анимированный блик по тексту, по типу как у меня на аве)</span> <br /> ------------------------------------------------------------------------------------------- <br /> <span style="color:red">Для этого урока нужен Adobe Photoshop не ниже CS3</span> <br /> ------------------------------------------------------------------------------------------- <br /> <span style="font-size:10pt;">1.Итак, создадим новый документ в photoshop. Размеры произвольные. <br /> 2. Поместим туда какую либо картинку. <br /> 3. Берём инструмент текст и пишем текст, на который вы хотите добавить блик. <br /> 4. Теперь создаём новый слой, и называем его анимированная полоска. Рисуем на нём небольшую полоску инструментом кисть либо градиентом. (Для красоты делаем ей внешнее свечение. Кликаем 2 раза по слою, и активируем пункт внешнее свечение. Можно настроить произвольным образом) <br /> 5. Теперь открываем окно работы с анимацией, дублируем первый кадр. Возвращемся обратно в 1й кадр, и жмём правой кнопкой по слою анимированная полоска. В контекстном меню выбираем создать "отбравочную маску" Полоска исчезнет, но это так и нужно. <br /> 6. Переходим во второй кадр, и переносим скрытую полоску в конец текста. Создаём промежуточные кадры, примерно 15-20. Вот и всё)</span> <br /> ------------------------------------------------------------------------------------------ <br /> Вот что получится в итоге: (смотрите на текст и бегающую по нему полоску) <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerA33Cos"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerA33Cos')[0]){if ($('.uSpoilerText',$('#uSpoilerA33Cos'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerA33Cos'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerA33Cos')).val('Закрыть спойлер');$('#uSpoilerA33Cos').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerA33Cos'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerA33Cos')).val('Открыть спойлер');$('#uSpoilerA33Cos').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><!--ust--><img src="http://stalker-war.do.am/avatar/09/101377.gif" border="0" alt=""><!--/ust--></div></div><!--/uSpoiler--> Уроки Master /forum/80-335-1 Рисуем анимированный флаг /forum/80-352-1 Wed, 30 Jun 2010 13:56:29 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Dozer<br />Автор последнего сообщения: KrovoSos<br />Количество ответов: 0 Очередной мой подробный совет по работе в ФШ оброс картинками и превратился в урок. Предлагаю Вам то, что получилось в итоге. <p> Итак, создадим реалистичную анимацию флага, развевающегося на свежем ветру. <p> 1. Для начала создайте новый файл (примерно 600 х 450 пикселей с разрешением 300 пикселей на дюйм). Затем зайдите в редактор градиента и настройте чёрно-белый градиент, примерно такой: <br /> <img src="http://demiart.ru/forum/uploads3/post-89406-1237120246.jpg" border="0" alt=""> <p> 2. Залейте созданный файл этим градиентом. Градиент должен быть линейный, направление строго горизонтальное. Должно получиться как-то вот так: <br /> <img src="http://demiart.ru/forum/uploads3/post-89406-1237114232.jpg" border="0" alt=""> <p> Выделите всё (Ctrl+A) и создайте из полученной заливки новый паттерн (Edit - Define Pattern). <br /> 3. Теперь откройте любую картинку, которая должна будет стать Вашим флагом. Выделите её (Ctrl+A), (или выделите прямоугольным выделением её фрагмент, если Вам нужна не вся картинка целиком), скопируйте и поместите в качестве нового слоя в новый файл. Файл создайте такого размера, какого вы хотите получить Ваш ролик. У меня - 800 х 600 пикселей. Цвет слоя Background - на Ваше усмотрение. <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237115268.jpg" border="0" alt=""> <p> 4. Создайте сверху ещё один слой и залейте получившимся паттерном. Нужно, чтобы сдвоенная белая полоса уместилась на слое трижды. Смените режим наложения для слоя на Soft Light и понизьте непрозрачность слоя до 35% (Этот режим и уровень непрозрачности подходит для этой конкретной картинки - с другими цветами "флага", возможно, лучше будет применить другой режим наложения и другой уровень прозрачности.): <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237115442.jpg" border="0" alt=""> <p> 5. С помощью трансформации растяните полученный слой по горизонтали так, чтобы по краям будущего "флага" оказалось где-то по половинке крайних полос (правой и центральной). Вот как-то так: <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237115496.jpg" border="0" alt=""> <p> 6. Теперь создайте новую группу слоёв и поместите туда слой с картинкой и слой с градиентом. Сделайте столько копий этой группы, сколько кадров вы предполагаете сделать в будущем ролике (я сделала 7). Отключите видимость всех групп, кроме самой первой (нижней). <br /> Внутри группы перейдите на слой с картинкой и выберите фильтр Liquify. Инструментом "заморозка" <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237116230.jpg" border="0" alt=""> <p> проведите по левой стороне картинки, чтобы в дальнейшем флаг не "ёрзал" по флагштоку. <p> 7. Белые полосы слоя с градиентом должны будут создать на флаге эффект выпуклых складок, тёмные полосы, соответственно - вогнутые, затенённые. Нам нужно изгибать будущий флаг так, чтобы его изгибы совпадали с соответствующими полосами градиента. Пальцем <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237116400.jpg" border="0" alt=""> <br /> широкой кистью с зажатой клавишей Sift проведите снизу вверх по картинке там, где поверх проходит белая полоса от градиента, и сверху вниз там, где у градиента тёмные области (примерно вот так): <br /> <img src="http://demiart.ru/forum/uploads3/post-89406-1237117555.jpg" border="0" alt=""> <p> Примените фильтр. <p> Для того, чтобы анимация флага была более-менее реалистичная, нужно создать эффект волнообразного перетекания складок на ткани. У нас - слева направо, от флагштока к свободному краю флага. Для этого мы будем искажать форму самого флага на каждом слое-копии и сдвигать слои с градиентом: <br /> 8. Перейдите к следующей группе слоёв, подключив её видимость. Выберите в группе слой с градиентом и с выбранным инструментом передвиньте слой немного вправо - можно вручную, можно курсорными клавишами: <br /> <img src="http://demiart.ru/forum/uploads3/post-89406-1237117951.jpg" border="0" alt=""> <p> Перейдите на слой с картинкой и изогните её фильтром Liquify по тому же принципу, что и предыдущую. То же самое проделайте с остальными группами слоёв - сдвигайте градиенты в них всё дальше вправо, и искажайте соответствующим образом картинку. Вам необходимо добиться того, чтобы центральная двойная полоса Вашего градиента сдвинулась вправо почти полностью. <br /> 9. Как только Вы обработаете все группы, выберите инструмент . В каждой группе по очереди выделите прозрачную область вокруг будущего флага, затем инвертируйте выделение (Sift+Ctrl+I), перейдите на соответствующий слой с градиентом и подключите к нему маску слоя. Полосы, выходящие за пределы "флага", перекроются маской и станут не видны: <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237118290.jpg" border="0" alt=""> <p> Теперь переходим к созданию собственно анимации. <br /> 10. Оставляем включённую видимость только у самой первой группы слоёв. Заходим в меню Window, включаем панель анимации. На панели анимации автоматически появляется первый кадр (он же - первая группа слоёв). Копируем этот кадр и включаем видимость второй группы слоёв, а у первой группы, соответственно, видимость отключаем: <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237119580.jpg" border="0" alt=""> <p> Постепенно выстраиваем ряд из стольких кадров, сколько групп слоёв у нас имеется: первый кадр - первая группа, второй кадр - вторая группа и так далее. Время для кадров ставим по своему усмотрению. Сохраняем анимацию в Gif-формате. Всё: <br /> <img src="http://demiart.ru/forum/uploads3/post-89406-1237119761.gif" border="0" alt=""> <p> Можно добавить флагу флагшток, нарисованный с помощью вот такого линейного градиента: <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237120160.jpg" border="0" alt=""> <p> Градиент, с помощью которого мы сымитировали идущие по флагу свето-тени, тоже можно дополнительно "погнуть волнами" с помощью фильтра Liquify - соответственно, добавить не только вертикальных искажений и у картинки-флага. Понятно, что проделать это нужно будет в каждой из групп. Маски слоёв тоже придётся переделать. Зато тогда флаг будет "шевелиться" не только вертикальными полосами, а более реалистично, всей своей поверхностью. Вот результат: <p> <img src="http://demiart.ru/forum/uploads3/post-89406-1237120371.gif" border="0" alt=""> Уроки Dozer /forum/80-352-1 Рисуем "деревянную кнопку" /forum/80-339-1 Fri, 11 Jun 2010 14:15:54 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Strazh<br />Количество ответов: 1 Этот Фотошоп урок покажет вам, как создать кнопку на сайт с деревянной текстурой внутри. <br /> Итог: <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerPybAh2"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerPybAh2')[0]){if ($('.uSpoilerText',$('#uSpoilerPybAh2'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerPybAh2'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerPybAh2')).val('Закрыть спойлер');$('#uSpoilerPybAh2').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerPybAh2'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerPybAh2')).val('Открыть спойлер');$('#uSpoilerPybAh2').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><!--ust--><img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/10000000.jpg" border="0" alt=""><!--/ust--></div></div><!--/uSpoiler--> <br /> Шаг 1. <p> Создайте новый документ, размеры 95x95, фон - черный. <br /> Масштабируйте документ до 200% <br /> Возьмите и создайте ровное выделение. <br /> Установите основной цвет на светло-серый (#BCBCBB), а фоновый на темный (#504F4F). <br /> Возьмите инструмент , в настройках выберите радиальный градиент. Протяните градиент из центра к краю, как показано на рисунке a), чтобы результат был как на б). <p> a)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/20000000.gif" border="0" alt=""> <br /> б)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/30000000.jpg" border="0" alt=""> <p> Далее выберите в меню Select > modify > contract (Выделение - Модификация - Сжать) и установите параметр сжатия на 9 пикселей. Создайте новый слой и залейте выделение черным цветом. <p> в)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/40000000.jpg" border="0" alt=""> <br /> г)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/50000000.jpg" border="0" alt=""> <p> Шаг 2. <p> Создайте небольшое овальное выделение наверху черного круга, создайте новый слой и установите основной цвет на серо-коричневый #746D66. <br /> Возьмите , в настройках выберите линейный градиент. Через редактор градиента выберите тип - от основного цвета к прозрачному. <p> Протяните градиент как показано красной стрелкой. Должно получиться вот так: <p> a) <img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/60000000.jpg" border="0" alt=""> <br /> б) <img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/70000000.jpg" border="0" alt=""> <p> Сделайте выделение - зажмите Ctrl и щелкните по черному кругу в палитре слоев. Создайте новый слой. Установите основной цвет на коричневый #C08653, возьмите радиальный градиент и протяните его как показано на рисунке: <p> в)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/80000000.jpg" border="0" alt=""> <br /> г)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/90000000.jpg" border="0" alt=""> <p> Шаг 3. <p> Нарисуйте коричневый овал на новом слое - цвет #A17F5C. <p> Далее сожмите выделение (select > modify > contract) на 1 пиксель, а затем нажмите Delete. Останется у вас только линия. <p> Повторите те же действия на этом слое, чтобы нарисовать маленький овал. <p> a)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/10000001.jpg" border="0" alt=""> <br /> б)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/11000000.jpg" border="0" alt=""> <p> в)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/12000000.jpg" border="0" alt=""> <br /> г) <img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/13000000.jpg" border="0" alt=""> <p> Шаг 4. <p> Создайте последний овальчик еще меньше чем предыдущие. <p> a)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/14000000.jpg" border="0" alt=""> <br /> б)<img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/15000000.jpg" border="0" alt=""> <p> Теперь дублируйте слой с овальными линиями дважды. Разместите как показано на рисунке и слейте все три слоя в один. Загрузите выделение от черного круга, перейдите обратно на кольца, нажмите Shift+Ctrl+I, чтобы инвертировать выделение, затем клавишу Delete, чтобы обрезать кольца. <p> в) <img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/16000000.jpg" border="0" alt=""> <br /> г) <img src="http://www.photoshop-master.ru/lessons/2007/031207/wood_button/17000000.jpg" border="0" alt=""> <p> Шаг 5. <p> Измените режим наложения слою с кольцами на Overlay (Перекрытие) <br /> Ну вот и всё <img rel="usm" src="http://stalker-war.do.am/skype_smile/Smile.gif" border="0" align="absmiddle" alt=":)"> <br /> <a class="link" href="http://u.to/OEst" title="http://photoshop-mater.ru/" rel="nofollow" target="_blank">Источник урока</a> Уроки Master /forum/80-339-1 Рисуем глянцевую кнопку /forum/80-346-1 Wed, 09 Jun 2010 05:05:00 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: ICE<br />Количество ответов: 2 Глянцевая кнопка в фотошопе. <br /> Шаг 1. Создайте новый документ, можете залить его черным цветом или черно-серым градиентом. <br /> Шаг 2. Выберите инструмент - Овальная область и нарисуйте такой же овал как на рисунке: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/10000000.jpg" border="0" alt=""> <br /> Шаг 3. Создайте новый слой (Shft + Ctrl + N) и с помощью инструмента <img src="http://www.photoshop-master.ru/lessons/tools/zalivka.gif" border="0" alt=""> - залейте выделение любым цветом. <br /> Шаг 4. Перейдите в меню Layer >> Layer styles >> Blending Options (Слой - Стили слоя - Параметры наложения) и примените следующие стили: <br /> Тень: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/2.jpg" border="0" alt=""> <br /> Внутреннее свечение: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/3.jpg" border="0" alt=""> <br /> Тиснение: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/4.jpg" border="0" alt=""> <br /> Наложение цвета - (цвет используется: #4cd302) <br /> режим - мягкий свет <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/5.jpg" border="0" alt=""> <br /> Наложение градиента (черный #000000 and белый #ffffff) <br /> стиль - линейный <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/6.jpg" border="0" alt=""> <br /> Обводка - снаружи, градиент, разбивка фигуры: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/7.jpg" border="0" alt=""> <br /> После того, как применили все стили у вас должно получиться вот так: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/80000000.jpg" border="0" alt=""> <br /> Шаг 5. Дублируйте слой с эллипсом. Новый слой автоматически примет на себя стили слоя. <br /> Убедитесь, что выбран верхний слой, нажмите Ctrl + T (будем трансформировать слой). Зажмите клавишу Shift (чтобы сохранять пропорции при трансформации) или немного уменьшите фигуру как показано на рисунке: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/90000000.jpg" border="0" alt=""> <br /> Нажмите 'Enter' чтобы применить трансформацию. <br /> Шаг 6. Теперь передвиньте маленький эллипс к левому краю, чтобы он соприкоснулся с большим. <br /> Затем уменьшите прозрачность (opacity) маленького до 60%. <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/10000001.jpg" border="0" alt=""> <br /> Шаг 7. Создайте новый слой <br /> Возьмите инструмент "Произвольная фигура", из дополнительного списка выберите фигуру "стрелка" (Arrow 6). <br /> Нарисуйте стрелку также как показано ниже. Не забывайте про инструмент свободная трансформация, который поможет вам добиться нужной формы и длины стрелки. <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/11000000.jpg" border="0" alt=""> <br /> Шаг 8. Теперь стрелке будем придавать стили. <p> Снова перейдем в окно "Стили слоя" <p> Добавим тень: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/12.jpg" border="0" alt=""> <br /> Наложение градиента: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/13.jpg" border="0" alt=""> <br /> Цвета используемые в градиенте: <br /> (#fcfcfc ... #d1d2d5 ... #9c9ea5 ... #dddee0); <br /> Обводка - внутри: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/15.jpg" border="0" alt=""> <br /> Цвета используемые в градиенте: <br /> #ecedee ... #ffffff ... #929494 ... #ecedee ... #868687 ... #e0e0e0: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/16000000.jpg" border="0" alt=""> <br /> Вот что у вас выйдет после применения стилей к стрелке: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/17000000.jpg" border="0" alt=""> <br /> Шаг 9. Создайте новый слой и снова возьмите инструмент <br /> Нарисуйте выделение еще меньше на маленьком овале: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/18000000.jpg" border="0" alt=""> <br /> Возьмите градиент от белого к прозрачному (white to transparent) <p> Проведите линию сверху вниз по выделенной области. Вы получите легкий прозрачный отблеск. Уменьшите прозрачность до 50% чтобы он выглядел еще натуральнее: <br /> <img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/19000000.jpg" border="0" alt=""> <br /> Шаг 10 - он же последний. Добавьте текст вашей кнопке. <br /> Возьмите инструмент текст (<img src="http://www.photoshop-master.ru/lessons/tools/T.jpg" border="0" alt="">), подберите шрифт, размер, который будет соответствовать стилю вашей кнопки. <p> Здесь использовался шрифт Georgia, размер 33px. <p> Примените к тексту тот же стиль, который использовался к стрелке, только на этот раз оставьте прозрачность тени 100%. <p> Вы справились с заданием! Поздравляем! <br /> Иттог: <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerfg1pkk"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerfg1pkk')[0]){if ($('.uSpoilerText',$('#uSpoilerfg1pkk'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerfg1pkk'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerfg1pkk')).val('[&#92;&#8211;] Открыть');$('#uSpoilerfg1pkk').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerfg1pkk'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerfg1pkk')).val('[+] Открыть');$('#uSpoilerfg1pkk').attr('class','uSpoilerClosed');}}" value="[+] Открыть"/></div><div class="uSpoilerText" style="display:none;"><!--ust--><img src="http://www.photoshop-master.ru/lessons/2007/290807/lor_logo/00000000.jpg" border="0" alt=""><!--/ust--><!--usn(=Открыть)--></div></div><!--/uSpoiler--> <br /> <a class="link" href="http://u.to/g9ct" title="http://www.photoshop-master.ru/lessons.php?rub=4&id=159" rel="nofollow" target="_blank">Источник</a> Уроки Master /forum/80-346-1 Создание реалистичного огня /forum/80-345-1 Tue, 08 Jun 2010 15:21:06 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Master<br />Количество ответов: 0 <img src="http://www.photoshop-master.ru/lessons/les1130/Step29.jpg" border="0" alt=""> <br /> Часть 1: <p> Шаг 1. Размер файла можно настроить в соответствии с вашими требованиями. Например, размеры моего файла: <br /> Ширина: 800 пикселей <br /> Высота: 600 пикселей <br /> Разрешение: 300 пикс/дюйм <br /> Цветовой режим: RGB <p> Шаг 2. Установите настройки цветов по умолчанию на черный и белый (Нажмите D). <br /> Шаг 3. Заполните фон белым цветом (CTRL+Backspace). <br /> Шаг 4. Зайдите Фильтр — Рендеринг — Облака с наложением (Filter > Render > Difference Clouds). <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step04.jpg" border="0" alt=""> <br /> Шаг 5. Продолжайте применять к изображению фильтр облака с наложением до тех пор пока не сформируется рисунок огня (CTRL+F). <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step05.jpg" border="0" alt=""> <br /> Шаг 6. Зайдите Изображение — Коррекция — Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation (CTRL+U), <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step06.jpg" border="0" alt=""> <br /> Шаг 7. Установите галочку на Тонирование и примените следующие настройки: <br /> Цветовой тон: 30 <br /> Насыщенность: 60 <br /> Яркость: 0 <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step07.jpg" border="0" alt=""> <br /> Шаг 8. Дублируйте слой, нажав Слой — Создать дубликат слоя (Layer > Duplicate Layer (CTRL+J)), и нажмите ОК. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step08.jpg" border="0" alt=""> <br /> Шаг 9. Перейдите на панель слоев , измените режим наложения с Обычный на Мягкий свет (Normal > Soft Light) (нажмите F7, чтобы показать его, если панель будет закрыта). Смягчите огонь немного, а затем измените цвет в следующем шаге. <br /> С другой стороны, вы можете попробовать использовать другие режимы наложения, такие как Затемнение основы (Color Burn), Перекрытие (Overlay) или Яркий цвет (Vivid Light), чтобы получить цвет огня немедленно. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step09.jpg" border="0" alt=""> <br /> Шаг 10. Зайдите Изображение — Коррекция — Цветовой баланс (Image > Adjustments > Color Balance (CTRL+B)) и измените «Слой 1 копия». <br /> Установите следующие настройки уровней: <br /> Тени: 50, 0, -30 <br /> Средние тона: 45, 0, -45 <br /> Света: 70, 0, -50 <br /> Убедитесь, что установили галочку «Сохранить свечение» для повышения яркости и контраста. <br /> (Все настройки могут быть изменены как вам угодно) <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step10.jpg" border="0" alt=""> <br /> Шаг 11. Нажмите на маленький значок стрелки в окне слоев в правом верхнем углу. Затем выберите Выполнить сведение (Flatten Image). <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step11.jpg" border="0" alt=""> <br /> Шаг 12. Огонь, наконец-то, создан. <br /> Если вы не удовлетворены результатами, или вы хотите узнать больше, следующие шаги научат вас, как можно изменить огонь и создать пламя, которое можно использовать в качестве элементов монтажа. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step12.jpg" border="0" alt=""> <br /> Часть2: <p> Шаг 13. Сначала посмотрите на огонь, который мы только что создали. Выберите зоны, которые можно изменить в пламя. <br /> Создайте копию слоя Слои — Создать дубликат слоя (Layer > Duplicate Layer (CTRL+J)) и нажмите ОК. <br /> Выберите слой-оригинал. Нажмите на маленький значок стрелки в окне слоев в правом верхнем углу и выберите Удалить слой (Delete Layer) (нам необходимо, чтобы фон был прозрачным, поэтому мы создали копию слоя и удалили оригинал). <br /> Используя инструмент «Волшебная палочка»(Magic Wand tool (нажмите W)), выделите огонь (значение Допуска выставляйте по желанию). Чем меньше вы установите значение, тем более точное выделение вы получите. В этом случае, наилучшим значением является 25). <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step13.jpg" border="0" alt=""> <br /> Шаг 14. Выделите темные области для удаления (удерживайте Shift и нажимайте на них). В этом изображении я захотел выделить среднюю часть, которая выглядит как пламя. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step14.jpg" border="0" alt=""> <br /> Шаг 15. Нажмите клавишу Delete или Backspace (пробел), чтобы удалить выделенное. Зайдите Выделение — Отменить выделение (Select > Deselect (CTRL+D)), чтобы снять выделение. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step15.jpg" border="0" alt=""> <br /> Шаг 16. Сейчас можно использовать инструмент «Ластик» (Eraser Tool (E)), чтобы стереть остальной огонь и сохранить нужную нам часть. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step16.jpg" border="0" alt=""> <br /> Шаг 17. Нажмите М, чтобы выбрать инструмент «Прямоугольная область» (Rectangular Marquee Tool), и создайте квадратное выделение вокруг пламени. <br /> Выберите Свободное трансформирование (CTRL+T) и поверните огонь по вашему желанию. Нажмите ОК. Зайдите Выделение — Отменить выделение (Select > Deselect (CTRL+D)), чтобы снять выделение. Сейчас мы можем представить как будет выглядеть пламя. <br /> Шаг 18. Зайдите Фильтр — Пластика (Filter > Liquify) и измените форму пламени. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step18.jpg" border="0" alt=""> <br /> Шаг 19. В фильтре Пластика (Liquify) вы можете экспериментировать с инструментом «Скручивание по часовой стрелке» (Twirl Clockwise) или другими инструментами пока не добьетесь реалистично выглядящих краев пламени. Нажмите ОК, когда результат вас устроит. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step19.jpg" border="0" alt=""> <br /> Шаг 20. Если края пламени выглядят слишком жесткими, вы можете попытаться использовать этот метод решения проблемы. Нажмите L и используйте инструмент «Лассо» (Lasso Tool) для выделения краев пламени, которые вы хотите смягчить. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step20.jpg" border="0" alt=""> <br /> Шаг 21. Зайдите Выделение — Растушевка (Select > Feather). Установите значение растушевки 3 пикселя. <br /> Шаг 22. Зайдите Фильтр — Размытие — Размытие в движении (Filter > Blur > Motion Blur) для придания пламени эффекта движения. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step22.jpg" border="0" alt=""> <br /> Шаг 23. Установите Угол (Angle) в соответствии с движением вашего пламени (в данном случае правильный угол -35) <br /> Затем зайдите Выделение — Отменить выделение (Select > Deselect (CTRL+D)), чтобы снять выделение. Повторите шаги 20 — 23 для других краев пламени, чтобы они выглядели более правдоподобно. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step23.jpg" border="0" alt=""> <br /> Шаг 24. Следующие шаги смягчат края вокруг всего пламени. <br /> Нажмите и удерживайте клавишу CTRL и нажмите на иконку слоя (на панели слоев). Зайдите Выделение — Модификация — Сжать (Select > Modify > Contract), чтобы сжать выделение пламени внутрь. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step24.jpg" border="0" alt=""> <br /> Шаг 25. Установите значение сжатия 2 пикселя (правильное значение для пламени, которое я только что создал). <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step25.jpg" border="0" alt=""> <br /> Шаг 26. Зайдите Выделение — Инверсия (Select > Inverse(Shift+CTRL+I)) и инвертируйте выделение пламени. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step26.jpg" border="0" alt=""> <br /> Шаг 27. Зайдите Фильтр — Размытие — Размытие по Гауссу — Радиус 1,5 пикселя (Filters > Blur > Gaussian Blur > Radius 1.5 pixels). (Вы можете экспериментировать с друними значениями размытия для другого эффекта). <br /> Зайдите Выделение — Отменить выделение (Select > Deselect (CTRL+D)), чтобы снять выделение огня, который вы только что создали. <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step27.jpg" border="0" alt=""> <br /> Шаг 28. Это конечный результат урока: <br /> <img src="http://www.photoshop-master.ru/lessons/les1130/Step28.jpg" border="0" alt=""> <br /> Шаг 29. Это все! Повторяйте некоторые шаги, чтобы создать другие типы пламени. Если вы знакомы с основами работы Photoshop, здесь есть несколько идей, которые вы можете использовать: <br /> Используйте маску слоя, чтобы создать глубину. <br /> Или измените прозрачность слоя на панели слоев, чтобы придать пламени полупрозрачность. <br /> <a class="link" href="http://u.to/Pe4M" title="http://photoshop-master.ru/" rel="nofollow" target="_blank">Источник</a> Уроки Master /forum/80-345-1 Текст на газоне /forum/80-338-1 Mon, 07 Jun 2010 17:30:58 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Master<br />Количество ответов: 0 <img src="http://www.photoshop-master.ru/lessons/les1133/20.jpg" border="0" alt=""> <br /> Создайте новый документ ( File – New… (Файл – Новый..)) с белым фоном. Для того чтобы вы уловили идею, задайте размер, как у меня 800х600px. <br /> Возьмите инструмент Horizontal Type (Горизонтальный текст) и напишите любой текст. <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/1.jpg" border="0" alt=""> <br /> Слейте изображения. Layer – Merge Layers (Слой – слить слои). <br /> Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). <br /> Перейдем к меню Channels (Каналы), которое находится во вкладке рядом с панелью слоев, Duplicate (дублируем) Blue(Синий) канал. <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/2.jpg" border="0" alt=""> <br /> Image – Adjustment – Invert (Изображение – Коррекция – Инвертировать), у вас должно получиться вот так: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/3.jpg" border="0" alt=""> <br /> Выберите канал RGB, для этого кликните по пиктограмме слоя RGB. <br /> Перейдите к меню Edit-Fill (Редактирование – Заливка) и примените следующие параметры: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/4.jpg" border="0" alt=""> <br /> Не беспокойтесь о том, что у вас все белое, так и должно быть. <br /> Перейдите к панели слоев и create new layer (создайте новый слой). Чтобы не запутаться, назовите этот слой «Текст 1». Для того, чтобы переименовать слой, просто кликните дважды по буквам «Layer 1» (Слой 1). <br /> Перейдите снова к меню Channels (Каналы) и загрузите выделение с копии синего канала. Для этого нажмите и удерживайте клавишу Ctrl и кликните по пиктограмме канала. Вот как сейчас это должно выглядеть: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/5.jpg" border="0" alt=""> <br /> Теперь в качестве переднего плана определим следующий цвет: я прилагаю окно с настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/6.jpg" border="0" alt=""> <br /> Меню Edit-Fill (Редактирование – Заливка) со следующими наcтройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/7.jpg" border="0" alt=""> <br /> Выделите фоновый слой. <br /> Создайте новый слой и назовите его «Линии 1». <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/8.jpg" border="0" alt=""> <br /> Нажмите клавишу "D", чтобы установить цвета по умолчанию и установите белый цвет в качестве цвета переднего фона. <br /> Меню Edit – Stroke (Редактирование – Обводка) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/9.jpg" border="0" alt=""> <br /> Select – deselect (выделение – Снять выделение). <br /> Выделите слой «Текст 1», объедините его со слоем «Линии 1», для чего перейдите к меню Layer – Merge down (Слой – Объединить слои). <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/10.jpg" border="0" alt=""> <br /> Выделите фоновый слой. <br /> Установите текущий цвет в качестве цвета переднего плана: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/11.jpg" border="0" alt=""> <br /> Меню Edit – Fill (редактирование – Заливка) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/12.jpg" border="0" alt=""> <br /> Меню Filter – Render – Clouds (Фильтр – Рендеринг – Облака). <br /> Меню Edit – Fade Clouds (Ослабить облака) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/13.jpg" border="0" alt=""> <br /> Меню Filter – Noise – Add noise (Фильтр – Шум – Добавить шум): <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/14.jpg" border="0" alt=""> <br /> Дублируйте слой «Текст 1». <br /> Выделите слой «Текст 1». <br /> Установите в качестве цвета переднего плана следующий цвет: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/15.jpg" border="0" alt=""> <br /> Ctrl+ клик по пиктограмме слоя «Текст 1», чтобы загрузить выделение. <br /> Меню Edit – Fill (редактирование – Заливка) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/16.jpg" border="0" alt=""> <br /> Select – deselect (выделение – Снять выделение). <br /> Filter – Other – Offset (Фильтр – Другие – Сдвиг) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/17.jpg" border="0" alt=""> <br /> Объедините текущий слой с копией слоя «Текст 1». <br /> Выделите фоновый слой и создайте новый слой, переименовав его в «Линии 2». <br /> Нажмите клавишу D, чтобы установить цвета по умолчанию. <br /> Ctrl+ клик по слою «Текст 1» для того, чтобы загрузить выделение. <br /> Меню Edit – Stroke (Редактирование – Обводка) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/18.jpg" border="0" alt=""> <br /> Меню Select-Deselect (Выделение – Снять выделение). <br /> Выделите слой «Текст 1» и «Линии 2» и объедините их. <br /> Меню Filter – Noise – Add noise (Фильтр – Шум – Добавить шум): <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/19.jpg" border="0" alt=""> <br /> Измените Blending mode (Режим смешивания) этого слоя на Dissolve (Растворение) и понизьте уровень Opacity (Непрозрачности) до 75%. <br /> Layer – Merge down (Слой – Объединить слои). <br /> И для завершения перейдите к меню Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и, не включая опцию Сolorize (Тонирование), измените Saturation (Насыщенность) на свой вкус, я установил значение 15, вот результат: <br /> <img src="http://www.photoshop-master.ru/lessons/les1133/20.jpg" border="0" alt=""> <p> Урок от: <br /> <a class="link" target="_blank" href="http://u.to/Pe4M" title="http://photoshop-master.ru/" rel="nofollow">http://photoshop-master.ru/</a> Уроки Master /forum/80-338-1 Рисуем красивые кнопки для сайта /forum/80-337-1 Mon, 07 Jun 2010 17:18:32 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Master<br />Количество ответов: 0 В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта. <br /> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoiler4fnSos"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoiler4fnSos')[0]){if ($('.uSpoilerText',$('#uSpoiler4fnSos'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler4fnSos'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler4fnSos')).val('[&#92;&#8211;] Итог');$('#uSpoiler4fnSos').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler4fnSos'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler4fnSos')).val('[+] Итог');$('#uSpoiler4fnSos').attr('class','uSpoilerClosed');}}" value="[+] Итог"/></div><div class="uSpoilerText" style="display:none;"><!--ust--><img src="http://www.photoshop-master.ru/lessons/les1099/11.jpg" border="0" alt=""><!--/ust--><!--usn(=Итог)--></div></div><!--/uSpoiler--> <br /> Шаг 1. Создайте новый документ, цвет фона задайте показателем: #f7f5f6. Активизируйте инструмент Rounded reqtangle Tool (Прямоугольник со скругленными углами) с радиусом скругления 10 пикселей. В качестве цвета для переднего плана установите цвет с показателем: #2f88bb. На новом слое создайте небольшой скругленный прямоугольник. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/1.jpg" border="0" alt=""> <br /> Шаг 2. Теперь перейдите в Layer Style (Стили слоя) и примените для нарисованного прямоугольника Outer Glow (Внешнее свечение) и Inner Glow (Внутреннее свечение) со следующими настройками: <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/2.gif" border="0" alt=""> <br /> Шаг 3. Удерживая клавишу <Ctrl>, щелкните мышкой на пиктограмме слоя с прямоугольником, для того, чтобы загрузить на него выделение. Создайте новый слой, войдите в меню: Select> Modify> Contract (Выделение -Модификация - Сжать) и в параметре «размер сжатия» установите значение: 1 пиксел. Активизируйте инструмент Elliptical marquee Tool (Овальная область выделения), и, удерживая нажатой клавишу <alt>, начинайте вычитать выделение, как показано на рисунке. После того, как останется необходимая часть выделения, заполните это выделение белым прозрачным градиентом, режим наложения градиента установите «Перекрытие», непрозрачность слоя-48%, и снимите выделение, нажав комбинацию клавиш <CTRL+D>. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/3.jpg" border="0" alt=""> <br /> Шаг 4. Создайте новый слой и, используя инструмент Elliptical marquee Tool (Овальная область выделения), создайте эллипс, как показано на рисунке. Теперь, используя инструмент Gradient (Градиент), стиль - от основного к прозрачному, и создайте градиентную заливку по овальному выделению. Этот градиент будет выполнять функцию тени. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/4.jpg" border="0" alt=""> <br /> Шаг 5. Далее, удерживая клавишу <Ctrl>, щелкните мышкой на пиктограмме слоя с прямоугольником, для того, чтобы загрузить на него выделение. Теперь, войдите в меню Select> Inverse (Выделение - Инверсия), и нажмите клавишу <Delete>. Этим действием мы уберем лишнюю тень с кнопки. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/5.jpg" border="0" alt=""> <br /> Шаг 6. Установите непрозрачность для слоя с кнопкой до 32%. Удерживая клавишу <Ctrl>, щелкните мышкой на пиктограмме первого слоя, для того, чтобы загрузить на него выделение, а затем, удерживая клавишу <Alt> и используя <b>Rectangular marquee Tool</b><img src="http://www.photoshop-master.ru/tools/marque.png" border="0" alt=""> (Прямоугольную область выделения), вычтите половину выделения. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/6.jpg" border="0" alt=""> <br /> Шаг 7. Залейте созданное выделение белым цветом, и измените непрозрачность до 11%. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/7.jpg" border="0" alt=""> <br /> Шаг 8. Теперь создайте новый слой, и нарисуйте круг, как показано ниже. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/8.jpg" border="0" alt=""> <br /> Шаг 9. Далее, войдите в меню: Layer Style (Стили слоя) и выберите команду Gradient Overlay (Наложение градиента) для заливки градиентом созданного небольшого круга. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/9.gif" border="0" alt=""> <br /> Шаг 10. Теперь можно добавить немного сияния для круга. <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/10.jpg" border="0" alt=""> <br /> Шаг 11. Теперь добавьте необходимый текст и веб - кнопка готова! <br /> <img src="http://www.photoshop-master.ru/lessons/les1099/11.jpg" border="0" alt=""> <br /> Успехов! <br /> <span style="font-size:10pt;"><a class="link" href="http://u.to/Pe4M" title="http://photoshop-master.ru" rel="nofollow" target="_blank">Источник</a></span> Уроки Master /forum/80-337-1 Придаём тексту эффект ледяного излучения /forum/80-336-1 Mon, 07 Jun 2010 17:12:25 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: Master<br />Автор последнего сообщения: Master<br />Количество ответов: 0 В этом уроке мы будем создавать красивый эффект, излучающий холод. <p> Шаг 1. Создайте новый документ (например 300×300), залейте его черным и введите ваш текст (белый). <br /> <img src="http://www.photoshop-master.ru/lessons/les649/1.jpg" border="0" alt=""> <br /> Шаг 2. Используйте Filter – Distort – Polar Coordinates (Фильтр – Искажение – Полярные координаты) и выберете параметр Polar to Rectangular (Полярные в прямоугольные). Фильтр работает только с растрированными изображениями, поэтому перед его применением растеризуйте ваш текст. <br /> <img src="http://www.photoshop-master.ru/lessons/les649/2.jpg" border="0" alt=""> <br /> Шаг 3. Далее используйте Filter – Stylize – Wind (Фильтр – Стилизация – Ветер). Выберете направление вправо. Проделайте это два раза. Затем сделайте тоже самое, но влево. <br /> <img src="http://www.photoshop-master.ru/lessons/les649/3.jpg" border="0" alt=""> <br /> Шаг 4. Поверните изображение по часовой стрелке: Image – Rotate Canvas – 90 CW (Изображение – Повернуть холст – 90 по часовой) и примените фильтр Wind (Ветер). ( Аналогично: два раза влево, затем два раза вправо). <br /> <img src="http://www.photoshop-master.ru/lessons/les649/4.jpg" border="0" alt=""> <br /> Шаг 5. Переверните изображение назад и используйте Polar Coordinates (Полярные координаты) снова. Только сейчас примените переход Rectangular to Polar (от прямоугольного к полярному). <br /> <img src="http://www.photoshop-master.ru/lessons/les649/5.jpg" border="0" alt=""> <br /> Шаг 6. Создаем корректирующий слой. Layer –> New Adjustment Layer –> Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/насыщенность) и применяем данные настройки: <br /> <img src="http://www.photoshop-master.ru/lessons/les649/6.jpg" border="0" alt=""> <br /> Вот что получится: <img src="http://www.photoshop-master.ru/lessons/les649/7.jpg" border="0" alt=""> <p> <a class="link" href="http://u.to/hp8C" title="http://www.photoshop-master.ru/" rel="nofollow" target="_blank">Источник</a> Уроки Master /forum/80-336-1 F.A.Q. по Flash и Photoshop /forum/80-298-1 Thu, 03 Jun 2010 18:14:30 GMT Форум: <a href="/forum/80">Уроки</a><br />Автор темы: ICE<br />Автор последнего сообщения: ICE<br />Количество ответов: 0 ЧастоЗадаВаемые вопросы (ЧаВо) по программам Flash и Photoshop. Уроки ICE /forum/80-298-1