• Авторизация
Дневник КОПИЛ_КА Лента друзей - Дневник - Полная версия


Без заголовка 30-04-2011 14:04 к комментариям - к полной версии - понравилось!



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

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

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

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

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

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

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

[показать]

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

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

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

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

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

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

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

Вот что вышло у меня. Буду ждать Ваших результатов!
[699x211]
[412x51] [287x51]
[412x63] [287x63]
[699x50]
[699x81]


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | КОПИЛ_КА - Дневник - КОПИЛКА | Лента друзей КОПИЛ_КА / Полная версия Добавить в друзья Страницы: раньше»