Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Иконка на сайт

Anna | 14.05.2014 | нет комментариев

Открываем новый документ размером 25 x 25 px, цвет для фона выберите белый. Используя инструмент  увеличьте изображение до 800%.
С помощью инструмента “Прямоугольник с круглыми краями”  (радиус скругления = 5px) рисуем скругленный квадрат.

Идём в Layer > Layer Style > Blending Options (Слой – Стиль слоя – Параметры наложения) здесь применяем следующие стили к нашему слою с квадратом:

Inner Glow (Внутреннее свечение)
режим: осветление основы

Gradient Overlay (Наложение градиента)
стиль – линейный

Настройки градиента

Stroke (Обводка) – внутри

Кликаем OK и получаем:

Дублируем слой с иконкой Layer > Duplicate Layer.

Командой Layer > Layer Style > Clear Layer Style (Слой – стиль слоя – очистить стиль слоя) удалим все стили с нового слоя.

Далее нажмите Ctrl + T (свободная трансформация), в настройках этого инструмента установите параметры Width (ширина) и Height (высота) на 90%.

Растрируем наш слой, идём в Layer > Rasterize > Shape (слой – растрировать – форму). Выбираем прямоугольное выделение  и выделяем половину нашей иконки.

Нажимаем Delete и снижаем прозрачность слоя до 30%.

И получаем вот что:

Далее будем создавать RSS символ. Выбираем инструмент , потом в окошке Форма находим такую фигурку – ©,

и располагаем её на нашей иконке, как показано на рисунке:

Идём в Edit > Transform Path > Flip Horizontal (Редактирование – Трансформировать контур – Отразить по горизонтали) и разворачиваем рисунок на 180 градусов.

Сейчас берём  с такими настройками:

Рисуем маленький круг в центре нашего символа.

Растрируем наш слой с символом, идём в Layer > Rasterize > Shape. Выбираем  и выделяем левую часть нашего символа, нажимаем Delete, чтобы удалить её, эту операцию проделываем и с нижней частью. Получаем вот что:

Перемещаем слой с символом вниз под слой с бликом.

Идём в окно Стиль слоя и применяем следующие стили:

Drop Shadow (Тень)

Gradient Overlay (наложение градиента)

Настройки градиента

И вот результат нашей работы:

Источник: photoshop-master.ru

Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB