Рубрика: Веб-дизайн

Прежде чем начать фотошопить:
Скачиваем шрифт 04В и перетаскиваем его в папку C:/Windows/Fonts.
- Сохраняем вот эту текстуру:

http://tritroichki.narod.ru/uroki/urok19-1.png

Теперь можно начинать творить!

1. Открываем только что сохранённую текстуру (File > Open).

2. Теперь открываем картинку, которая будет служить исходником - File > Open. Постарайтесь выбрать картинку, которая бы при уменьшении, не потеряла своего качества и чёткости. Я нашла вот такие красные воздушные шарики:

http://tritroichki.narod.ru/uroki/urok19-2.jpg

3. Выделяем шарики (Ctrl+А) и копируем их (Ctrl+C).

4. Переходим к текстуре-марке и клеим исходник - Ctrl+V. Если картинка слишком большая, её нужно уменьшить - нажимаем Ctrl+T и, удерживая клавишу Shift, уменьшаем исходник. Ещё можете увеличить резкость - Filter > Sharpen > Sharpen.

http://tritroichki.narod.ru/uroki/urok19-3.jpg

Окошко со слоями:

http://tritroichki.narod.ru/uroki/urok19-4.jpg

5. Теперь перетаскиваем слой с шариками вниз, под слой с рамкой, вот так:

http://tritroichki.narod.ru/uroki/urok19-5.jpg

Получается вот такая марочка.

http://tritroichki.narod.ru/uroki/urok19-6.jpg

6. Делаем активным слой с шариками и, при помощи стёрки (Eraser Tool - http://tritroichki.narod.ru/uroki/urok7-5.gif ), стираем края которые вылезают за текстуру, удерживая кнопку Shift.

http://tritroichki.narod.ru/uroki/urok19-7.jpg

Размер стёрки - 3 пикселя.

http://tritroichki.narod.ru/uroki/urok19-8.jpg

Результат:

http://tritroichki.narod.ru/uroki/urok19-9.jpg

7. Создаём новый слой, нажав на эту кнопочку:

http://tritroichki.narod.ru/uroki/urok19-9-1.jpg

Удостовертесь что только что созданный слой находится в самом верху:

http://tritroichki.narod.ru/uroki/urok19-9-2.jpg

8. Теперь добавим объёма. Выбираем инструмент "овал" - Elliptical Marquee Tool - .

http://tritroichki.narod.ru/uroki/urok19-10.jpg

9. Создаём примерно вот такой овал:

http://tritroichki.narod.ru/uroki/urok19-11.jpg

10. Заливаем белым цветом (#ffffff) выделенную область, используя инструмент "ведро" - Paint Bucket Tool (G) - http://tritroichki.narod.ru/uroki/urok1-10.gif .

http://tritroichki.narod.ru/uroki/urok19-12.jpg

11. Уменьшаем прозрачность этого слоя до 25%. Затем, повторяем пункт 6, только теперь для 3-его слоя. Итог:

http://tritroichki.narod.ru/uroki/urok19-13.jpg

12. Осталось только что-нибудь написать :) Щёлкаем по инструменту "текст" - Horizontal Type Tool - http://tritroichki.narod.ru/uroki/urok11-7.gif, выбираем шрифт 04В и размер в 8 пикселей!

http://tritroichki.narod.ru/uroki/urok19-14.jpg

1. Сохраняем картинку в формате PNG. (Чтобы сохранить прозрачность фона, сохраняем: файл-сохранить для web и устройств-png 24) Готово!

http://tritroichki.narod.ru/uroki/urok19-14.jpg
Первоисточник

Отредактировано faiko (2011-08-19 16:58:08)