Форум » Уроки ФШ » [img]http://s57.radikal.ru/i157/0905/75/cf5113c2fdc0.png[/img]Рисуем кнопку DOWNLOAD(авторский урок) » Ответить
[img]http://s57.radikal.ru/i157/0905/75/cf5113c2fdc0.png[/img]Рисуем кнопку DOWNLOAD(авторский урок)
Admin: Конечный результат. [more]1. Создаём новый слой (Ctrl+N) 500X500px, фон прозрачный. 2. Определяем центр документа. Для этого открываем новые направляющие( меню - вид - новая направляющая) по горизонтали и вертикали. Каждая направляющая по 50% 3. Активируем инструмент Elliptical Marquee (Эллиптическое выделение) и настраиваем его. Переводим позицию Style (Стиль) — задает способ выделения на Fixed Size (Фиксированный размер) и устанавливаем 450px по ширине и высоте. Теперь кликаем на пересечении направляющих и получаем круглое выделение, которое заливаем радиальным градиентом. 4.Снимаем выделение (Ctrl+D), дублируем слой (Ctrl+J), меняем режим смешивания на экран. и свободной трансформацией уменьшаем слой по ширине до 80% и высоте до 75% Жмём Enter, чтобы применить трансформацию. 5.Активируем инструмент Custom Shape Tool( Произвольные формы) и выбираем стандартную форму стрелки. Рисуем стрелку, не соблюдая симметричность. Сделаем её толще. Растеризуем слой (клик правой кнопкой по слою - выбор позиции) Разворачиваем стрелку на 90градусов и инструментом Move (Перемещение) ставим стрелку так Включаем у слоя со стрелкой маску слоя ( третья кнопка слева внизу палитры слоёв) и заливаем маску линейным градиентом от чёрного к белому начиная с верхней границы стрелки до пересечения направляющих. 6. Активируем инструмент Horizontal Type Tool (Горизонтальный текст) и стандартным шрифтом Arial пишем надпись. Применяем к тексту эффекты слоя( вторая иконка слева внизу палитры слоёв) 7.Подкорректируем слои с окружностями. Перейдём в палитре слоё в первому слою и применим к нему эффект слоя "внутреннее свечение" с настройками Затем перейдём на второй слой и применим у нему Filter > Blur > Gaussian Blur (фильтр - размытие - размытие по гауссу) с радиусом размытия в 4px После всех манипуляций получаем вот такое изображение. 8. Уменьшаем размер документа до 100px И кнопка готова. Сохраните файл в формате PNG. Можно сделать анимированную кнопку. Для этого переходим в палитру анимации и создаём 2 кадра. У первого кадра слой со стрелкой видимый, у второго - не видимый. Время ставим 0.5сек. у каждого слоя и сохраняем, как гиф файл. Вот такая простенькая кнопка, которая может пригодиться для оформления постов, в которых есть ссылки на скачивание. Автор - ваш Admin- Ольга Бор. Если вам урок понравился, нажмите "спасибо" справа внизу этого поста. Тогда я буду знать ваше мнение. Мне это важно.[/more]
Ответов - 2
мурзилка: уррраа!кнопки рисовать теперь будем! я в смайлики добавила
Admin: мурзилка пишет: уррраа!кнопки рисовать теперь будем! Ага. Это моя зачётная работа. Принята и одобрена. мурзилка пишет: я в смайлики добавила Видала уже.
полная версия страницы