Пятница, 29.03.2024, 14:25
Приветствую Вас Гость | RSS



Шаблоны для ucoz
Категории раздела
Наш опрос
Конец света в 2012 году реален?
Всего ответов: 801
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz



Главная » Файлы » красивые шаблоны

Создаём иконки для сайта
Здраствуйте! Наверное все видели на сайтах возле разделов картинки, обозначающие данную тематику? Так вот, решил я написать урок о создании серии иконок в одном стиле.

Шаг 1.
Создадим документ размером 100х500 пикселей, 72 точки. Ширину я брал из расчета 5 иконок по 100 пикселей = 500.
"Разметим область". Создаем направляющие через каждые 100 точек. Для удобства я еще добавил линейки на месте самой крайней иконки.

Шаг 2.
Приступим к рисованию.
Выбираем инструмент "Custom Shape Tool"(U). В качестве форм я выбрал стандартные фотошоповские формы Web.

Рисуем "конвертик", режим - "Paths".

Новый слой (Ctrl+Shift+N). Сбрасываем цвета (D). Выбираем кисть диаметром 2-4px.
Далее инструмент "Pen Tool"(P), правый клик на конверте, Stroke Path > Brush, (ставим галочку Simulate Pressure).
Да, важно, чтобы у кисти стояли такие параметры, иначе эффекта Simulate Pressure не выйдет

Результат:

Новый слой. "Pen Tool"(P) - Fill Path - Background Color(белый). Метод смешивания - Overlay. Сливаем слои (Ctrl+E).

Далее выбираем Polygonal Lasso Tool.
Ctrl+клик на слое с конвертом, и вместе с зажатой Shift рисуем вот такое выделение, то есть делаем фон конверта.
Вот пример:

Создаем новый слой. заливаем его белым цветом. И помещаем за слой с конвертом.
Настройки слоя: Gradient Overlay 7dbe0a(0%) - a1d54f(50%) - 80c218(50%) - a2d93f(100%)

Сливаем слои. Free Transform - Distort (Кстати лучше оставлять скрытую копию слоев)

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

Вот результат с 5-ю иконками.

П.С. Чтобы разрезать общую картинку, собственно на иконки, ограничте каждую иконку направляющими через каждые 100 пикселей, как в шаге 1, а потом выберите инструмент Slice, -> Get slices from guides и сохраните в формате, который Вам нужен.

[size=18]Cтавь + в репутацию если понравилось!!!

Категория: Уроки | Добавил: Чувак_наруто (21.01.2009)
Просмотров: 1369 | Комментарии: 2 | Рейтинг: 5.0/1
Всего комментариев: 1
20.05.2009
1. Данил (Nil) [Материал]
ааа...
я не понял как делать)
почему у вас всех не русские фотошопы) руссификатор скачайте ёпт

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz
Поиск
Статистика

Всего на сайте: 1
Гостей: 1
Юзеров: 0
Programpk - это ресурс, который предоставляет бесплатные шаблоны для сайта на Ucoz, также у нас есть светлые и темные шаблоны, шаблоны для cs и шаблоны для форума, и другие файлы для ваших сайтов.
Карта сайта (map1, map2, map3, map4.)
Хостинг от uCoz