Кнопка "ВВЕРХ" в Фотошоп


Как сделать кнопку для сайта "ВВЕРХ" в Фотошоп




Чтобы самостоятельно сделать уникальную, неповторимую, личную кнопку для своего блога воспользуемся программой Фотошоп.

Я покажу основные шаги и примерные настройки. В процессе создания своей кнопки можно экпериментировать с цветом, формой, размером. Можно добавить надпись. Самое главное, чтобы в итоге кнопка была украшением блога, естественно вписывающимся в общий дизайн.




На выходе в нашем примере получится вот такая симпатичная кнопочка-стрелочка:

Как сделать кнопку для сайта "ВВЕРХ" в Фотошоп


Приступим. Для начала создаем новый документ в Фотошоп Файл => Создать (CTRL+N) с настройками, как показано на скриншоте ниже:

Создаем новый документ
В панели инструментов выбираем "Произвольная фигура"

Инструмент "Произвольная фигура" 
В настройках инструмента (вверху в строке меню) устанавливаем нужный тип фигуры. В данном случае я выбрала фигурную стрелку.

Как сделать кнопку для сайта "ВВЕРХ" в Фотошоп
Выбираем тип произвольной фигуры

Левой кнопкой мыши один раз кликаем по созданному документу и в открывшемся окошке выбираем нужный размер фигуры и нажимаем Ок:


Устанавливаем размер фигуры
Вот что должно получиться:

Теперь повернем стрелку вверх:
Редактирование => Трансформирование контура => Повернуть на 90 против ч.с.

Повернем стрелку вверх

В окне "Слои" кликаем правой кнопкой мыши по слою с созданной фигурой и в контекстном меню выбираем пункт "Растрировать слой"

Растрировать слой

В том же окне "Слои" левой кнопкой мыши дважды щелкаем по миниатюре слоя с фигурой и в окне Стиль слоя установим такие настройки.

1.Тиснение.

Стиль слоя: Тиснение


2.Контур

Стиль слоя: Контур


3. Наложение градиента

Стиль слоя: Наложение градиента

4. Тень

Стиль слоя: Тень

Вот такой результат

Как сделать кнопку для сайта "ВВЕРХ" в Фотошоп

Теперь сохраним полученную кнопку в формате PNG с такими настройками:

Сохранить как PNG
Кнопка готова, можно устанавливать на блог. Также готовые кнопки на свой вкус можно найти здесь.

Сделаем свой блог лучше! Удачи!


Комментариев нет:

Отправить комментарий