создание иконки навигации фотошоп

Выберите Слой-маску (Layer Mask) затем зажмите клавишу Ctrl  и кликните на текстовом слое, чтобы сделать выделение, затем залейте его цветом # 000000. 

Добавьте Слой-маску (Layer Mask) к форме, которую мы только что создали, нажав на кнопку в панели слоев.

Возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и создайте квадрат размером в 38 на 38 пикселей и цветом  # f7941d. Далее возьмите инструмент Горизонтальный текст (Text Tool), выберите шрифт Myriad Pro, сделайте его жирным и задайте размер в  36 пунктов. Напишите букву «М», как показано на изображении ниже.

Шаг 3: Работа с логотипом

Используя инструмент Прямоугольник (Rectangle Tool) с цветом # 363636 нарисуйте прямоугольник высотой в 10 пикселей, начиная с верхней левой части холста с правой стороны.

Перейдите в меню Редактирование> Определить узор (Edit> Define Pattern), назовите его пунктиром. Теперь вернемся к нашему макету. Создайте новый слой выше фона и с помощью инструмента Заливка (Paint Bucket) предварительно выбрав ваш точечный узор залейте слой и снизьте его Непрозрачность (Opacity) до 15% . Сгруппируйте все слои, которые мы только что создали и назовите их «фон».

Дублируйте фоновый слой и залейте его цветом # f8f8f8. Далее мы создадим простой точечный узор. Создайте новый документ размером в 15 на15 пикселей. Увеличьте новый документ, нажав комбинацию клавиш Ctrl + . Скройте фоновый слой и создайте новый слой, используя инструмент Карандаш (Pencil Tool) создайте точку в левом верхнем углу нашего холста.

Шаг 2: Работа с фоном

Давайте создадим первые направляющие. Перейдите в меню  Просмотр> Новая направляющая (View> New Guide) и создайте вертикальную направляющую в положении120 пикселей. Повторите действие и измените значение на 1080 пикселей.

Направляющие: Ctrl + ;

Убедитесь, что вы включили линейку и направляющие

Открываем Photoshop и создаем новый документ размером в 1200 на 1850 пикселей.

Шаг 1: Создание документа

Ресурсы для этого урока

Это будет просто образец дизайна темы, созданный в Photoshop. Рабочий демо-шаблон будет чуть позже, вместе с уроком, который будет включать в себя преобразование PSD-макета в рабочий HTML/CSS-код.  Откройте Photoshop и начнем!

В этом уроке мы будем создавать простую тему для WordPress в Photoshop. Данный урок подойдёт людям с любым уровнем владения Фотошопом.

Создание простой темы для Wordpress в Фотошопе

» » » Создание простой темы для Wordpress в Фотошопе

С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.

Создание простой темы для Wordpress в Фотошопе