Делаем бродилку в фотошоп. Урок.

Четверг, 08 Декабря 2011 г. 12:09 + в цитатник

Делаем бродилку в фотошопе

Автор урока Ангел Ада!

Сейчас я попытаюсь объяснить, как делается фотошоп бродилка.
Возможно где-то есть более осмысленные уроки на эту тему, но я таких уроков не встречала, действовала интуитивно.
Начнем с того, что открываем в ФШе картинку, я взяла клипарт-указатель.

Чтобы картинка не смотрелась пустой, мы ее украсим. Можно указатель поставить на уже готовую картинку, но я ее сама "нарисую"...
Добавим градиент...

И украсим небо при помощи кистей луны и звезд...

Теперь уже можно подписать наши "кнопочки", я к ним еще и стиль применила...

Когда Вы закончите с "кнопочками", и убедитесь что Вам все нравиться, то объедините все слои, нажав правой кнопкой мыши на слоях и выбрав пункт "Объединить видимые".
Теперь ищем инструмент "Раскройка", и раскраиваем нашу бродилку...

И вырезаем ее инструментом таким образом, чтоб кнопки были отдельно друг от друга...

И сохраняем их под номерами таким образом (кому как удобно, но я делаю так, чтоб не запутаться потом)...

После каждого разрезания и сохранения мы идем в "Историю" и возвращаемся на шаг назад, и снова вырезаем, но теперь уже следующую область...

При загрузке в радикале наших фрагментов, проверьте настройки. Чтоб небыло галочки на уменьшение картинки, и формат соответствовал Вашему. И можете сделать как делаю я. Поставьте режим переход на Url (для клекабельности), а в адресной строке ведите что-то такое как у меня...Тогда при роставлении ссылок на кнопки Вы будете меньше путаться!

А теперь соберем нашу рамку и рассмотрим код...

1. Ставим нашу бродилку по центру.
2. Изображение (кнопка)
3. Ссылка на кнопку

Обратите внемание, что нет никаких пробелов в коде (кроме как переход на следующую строку). Это очень важно, чтоб бродилка была без зазоров....

Вот вроде и все!
Совет: Если кнопок в ряду больше двух, то лучше воспользоваться кодом для вставки картинок в ряд.
Скопируйте из окошечка код
КАРТИНКИ В РЯД...
с 2 картинками
с 3 картинками
с 4 картинками
с 5 картинками
с 6 картинками

И еще, при окончании работы, заскочите на страничку "Упрощенный формат" в новой записи и вернитесь обратно. В таком случае кнопки не будут выделяться как клекабельные (будут без синей рамки).

Вот что вышло у меня. Буду ждать Ваших результатов!