<Просмотр> Главная / Все , BUTTON , учебник , сайт / блог статьи: RIATMP1067 - Строка меню / кнопки - Photoshop Учебник

RIATMP1067 - Строка меню / кнопки - Photoshop Учебник

19 июня 2009
Simple but attractive Menu Bar / Button – Photoshop Tutorial
RIATMP1067 - Строка меню / кнопки - Photoshop Учебник

Простой, но привлекательный Строка меню / кнопки - Photoshop Учебник

Click here to download

Это простой, но очень привлекательные кнопки можно создать за 5 минут и это шаг за шагом учебник почти все с мало или не знают в Photoshop может это сделать. Пожалуйста, нажмите на изображение, чтобы увеличить.

Шаг 1: Создать новый файл из примерно 770px / 300 пикселей, с белым фоном (File -> New)

Шаг 2: Убедитесь, что окно открыто слоя и добавьте новый слой, нажав кнопку Создать новый слой иконы в правом нижнем углу окна слоя. Дайте этот новый слой кнопку 'имя'.

Шаг 3: Теперь выберите Rounded Rectangle Tool, введите 5 пикселей, как радиус закругленный угол и обратить ваше прямоугольник кнопки формы (pic1). Щелкните правой кнопкой мыши на этой форме и выберите "Make Selection" (pic2).

pic11 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic11

pic1

pic2 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic2

pic2

Шаг 4: В слое неба; правой кнопкой мыши на "кнопки" слое и выберите Blending Options. Сначала добавьте Gradient Overlay. Следуйте изображения (pic3) для всех значений. Затем добавьте инсульта. Следуйте изображения (PIC4) для значений. С помощью этих эффектов слоя вы получите кнопки, как изображение (PIC5).

pic3 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic3

pic3

pic4 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic4

pic4

pic5 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic5

pic5

Шаг 5: Скопируйте эту "кнопку" слой и дать ему имя "Button2". Теперь выберите небольшую часть этой кнопки, а затем выберите "Select Inverse", а затем удалить выбранную часть. Пожалуйста, следуйте этим 2 изображения (PIC6, PIC7) для вашей справки.   Сделать еще 2 копии и объединить их все в один слой.

pic6 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic6

pic6

pic7 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic7

pic7

Шаг 6: Создайте еще один слой и дать ему имя "Button3". Теперь выберите небольшую часть основной кнопки с помощью инструмента прямоугольное выделение. Затем выберите Blending Options. Сначала добавьте Gradient Overlay. Следуйте изображения (PIC8) для всех значений. Теперь добавим текст, что вы хотите. Вы можете также добавить некоторые эффекты в вашем тексте. Здесь я добавил "тень" эффект. А теперь вы сделали с вашей строке меню. Благодарим Вас за Ваш визит.

pic8 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic8

pic8

Делите и наслаждайтесь
  •  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1067   Menu Bar / Button – Photoshop Tutorial  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1067   Menu Bar / Button – Photoshop Tutorial
Написать ответ 2200 просмотров, 4 до сих пор сегодня |

Написать ответ