Создаем в фотошопе кнопки постраничной навигации в стиле YouTube

12749
11-10-2012

Создаем в фотошопе кнопки постраничной навигации в стиле YouTubeВ этом уроке мы сделаем в фотошопе простейшую постраничную навигацию в стиле YouTube в легкой светло-серой гамме. Обычно я использую для создания квадратиков для номеров страниц специальный шрифт с различными символами. С их помощью мы создадим квадратики для обычной навигации, большую крайнюю кнопку для текста, активную кнопку в нажатом состоянии и кнопку для эффекта при наведении мыши. Потом последовательно применим к ним различные стили слоя. После этого напишем цифры с номерами страниц и надписью «Следующая», и применим к тексту стиль слоя.

Читать полностью…»

Создаем в фотошопе объемную кнопку с ON/OFF переключением

11398
26-09-2012

Создаем в фотошопе объемную кнопку с ON/OFF переключениемВ этом уроке мы будем пошагово создавать объемную кнопку с ON/OFF переключением. Но сначала мы создадим соответствующий текстурный фон с шумовым эффектом и эффектом размытости. Потом создадим фигуру кнопки, а все остальные превращения будем делать только с помощью стилей слоя. После этого мы вручную сделаем имитацию тени. Далее мы напишем текст, соответствующий выключенному состоянию с красным цветом. Ну и напоследок мы сделаем дубликат кнопки с тенью, повернем ее по горизонтали и напишем текст для включенного состояния с зеленым цветом.

Читать полностью…»

Создаем в фотошопе объемную кнопку для мобильного телефона

22389
12-04-2012

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

Читать полностью…»

Как в фотошопе создать несколько кнопок навигационного меню

104717
08-01-2012

Как в фотошопе создать несколько кнопок навигационного менюВ моем уроке «Как оформить группу В Контакте и создать красивое графическое меню» было вскользь упомянуто о создании графического меню. Сегодня я хочу подробно рассказать о том, как его можно сделать. Сначала с помощью прямоугольника со скругленными краями мы создадим фигуру. Потом наложим на нее стиль слоя для придания объема. Далее оформим круглый маркер навигационного меню. Потом с помощью текста создадим указатель-стрелку. В заключении раскопируем созданную кнопку и напишем на каждой из них свой текст.

Читать полностью…»

Создаем в фотошопе простую кнопку в нажатом и отжатом состоянии

25021
02-11-2011

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

Читать полностью…»

Создаем в фотошопе линованный стикер с текстом и кусочком скотча

17763
04-08-2011

Создаем в фотошопе линованный стикер с текстом и кусочком скотчаОчень полезный урок, в котором мы будем делать линованный стикер с текстом, приклеенный кусочком скотча. За идею спасибо Premiumpixels, который радует нас своими дизайнерскими изысками. Сначала мы создадим белый лист бумаги, применим к нему пару стилей слоя и разлинуем его голубыми и красными полосками. Потом мы сделаем декоративную тень, выглядывающую из-под листочка. Далее напишем и отформатируем текст. И под конец создадим реалистичный кусочек скотча.

Читать полностью…»

Создаем в фотошопе современную кнопку для дизайна сайта

736
07-07-2011

Создаем в фотошопе современную кнопку для дизайна сайтаСегодня дизайнерские элементы для современных интерфейсов приобрели особое значение в оформлении сайтов. Всякие кнопочки, указатели, стикеры и другие визуальные детали очень украшают любой дизайн. Поэтому в сегодняшнем уроке мы будем учиться делать простейшую кнопку «Добавить в корзину». Хотя, в принципе, текст для кнопки может быть любой на ваше усмотрение. Ну а помогут нам в этом несколько фигур и текст, к которым мы применим стили слоя. Главное усидчивость и внимательность.

Читать полностью…»

Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

12831
07-05-2011

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

Читать полностью…»

Учимся делать в фотошопе простейшую кнопку Download для скачивания

8089
07-06-2010

Учимся делать в фотошопе простейшую кнопку Download для скачиванияМногие современные сайты, особенно те, которым есть что предложить, побуждают пользователя совершить какое-либо действие. Простое и эффективное средство, с помощью которого этого можно достичь — это стильная и привлекательная графическая кнопка. Сегодня, с помощью урока от Carsonified, мы будем учиться делать в фотошопе кнопку Download для скачивания.

Читать полностью…»

28 queries in 0,146 seconds.