Архив рубрики "Графика для сайта"
Фев
15
2011

Делаем простой и красивый стикер

В этом уроке я расскажу, как сделать наклейку, которую можно будет использовать в дальнейшем на любом сайте, как элемент веб-дизайна, в любом блоге и ещё много где. Шаг №1. Фон. Ну, фон, очевидно, не очень важен, но мы всё же сделаем что-нибудь простенькое. Вы также можете открыть любую из своих работ и начать делать наклейку прямо там. Создаём новый документ размером 800 x 600 px, вполне удобным для такой работы. Залейте фоновый слой темным цветом. […]

Фев
2
2011

Кнопка плеера для сайта

Шаг №1. Создаём новый документ 150×150 пикс. Создаём новый слой (Ctrl + Shift + N или «Слой — Новый — Слой») и делаем выделение в форме круга с помощью инструмента «Овальная область». Щелкнув правой кнопкой мыши, внутри окружности в выпадающем меню, выбираем пункт «Трансформировать выделенную область»: Шаг №2. Выставляем настройки как показа показано на рисунке: x 75 пикс. y 75 пикс. Шаг №3. Затем заливаем черным цветом (Shift + F5 или Редактирование — Выполнить заливку). […]

Ноя
5
2010

Закругленные углы картинок в Фотошопе

На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем […]

Окт
14
2010

Делаем меню для сайта

1. Создать новый документ, воспользуйтесь Rectangular Marquee Tool сделать прямоугольник с круглой кромки и заполнить ее в черный цвет: 2. Перейти к Blending Options: 3. Создайте новый слой, использование Rectangular Marquee Tool сделать меньше внутри прямоугольной формы, с 2px разрыв между внутренней и наружной прямоугольники. Заполните цвета и перейдите на Blending Options: После этого вы получите результат: 4. На этом этапе Вам будут составлять кнопку, используйте Linear Gradient с черным цветом, выбор 1px, вы получите […]

Страницы:«12