-Поиск по дневнику

Поиск сообщений в little_anime_house

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 28.02.2007
Записей:
Комментариев:
Написано: 39934


[+Урок по созданию шаблонов на сайт. Часть 1.+]

Четверг, 03 Января 2008 г. 19:10 + в цитатник
Burden все записи автора Припёрло написать урок по изготовлению шаблонов для сайта. Ставлю под кат, много скринов большого размера.

1. Выбираем, что и из чего хотим сляпать. Мне по любому нужен был шаблон Death Note, поэтому выбор пал на это:




(был ещё один исходник, но я не могу его найтиО.о")
2. За основу лучше всего брать простенькую обою, но, если есть желание, можно любую картинку. Я взяла последнюю, размером 1024*763 (стандарт страницы - 1024*768). Как видите, увеличения не потребовалось.
3. Открываем картинку и слегка растушуем нижний край, приводя его к одинаковому цвету. (потом это нам пригодится)
4. Снимаем в табличке Layers блокировку с первого слоя. Вылезает такая херня, нажимаем "Ок".

5. Я немного размыла картинку. Так, просто чтоб не очень ярко было^_^'

6. Берем одну из картинок, которые мы взяли как исходники (именно эту я и не нашла^^''') и копируем в наш шаблон. Получаем:

7. Ставим картинку с помощью инструмента "Move" куда нам нужно. И немного ретушируем края, я это делала кистью с цветом фона. Вот что выходит:

8. С остальными исходниками делаем то же. Исходников может быть сколько угодно, главное - не перебарщивать^____^
Получили почти готовый шаблон:

9. Делаем подписи внизу. Menu и News. По идее - подписи любые, но такие удобнее^^

10. Шаблон готов. Сохраняем. Теперь нам понадобится фон. Лучше - чтоб однотонный и по цвету сливающийся с картинкой. Вот зачем в начале снизу ретушировали. Итак, вырезаем фон.

11. Вырезали. Сохраняем.

Часть в фотошопе закончена, вторая часть урока по установке на сайт будет позже^_^
Вот, что получилось. Сам шаблон:

Фон:


В следующей части - HTML, вставка на сайт. Думаю, что кому-нибудь всё же пригодится)
Рубрики:  Уроки


Процитировано 2 раз

ITDalee   обратиться по имени Четверг, 03 Января 2008 г. 19:29 (ссылка)
жуть...топором...
Ответить С цитатой В цитатник
Таба4ок   обратиться по имени Четверг, 03 Января 2008 г. 19:34 (ссылка)
я картинки стырю^^ спасиб))
Ответить С цитатой В цитатник
Burden   обратиться по имени Четверг, 03 Января 2008 г. 19:36 (ссылка)
ITDalee, если про шаблон - внимание не на картинки, а на урок. Эт просто самый простой вариант.
ксо... оправдываюсь=_=
Ответить С цитатой В цитатник
Burden   обратиться по имени Четверг, 03 Января 2008 г. 19:36 (ссылка)
Ответить С цитатой В цитатник
Tadashi_Matsuura   обратиться по имени Четверг, 03 Января 2008 г. 21:47 (ссылка)
Уря...уроки...теперь буду учится!
Ответить С цитатой В цитатник
ciani   обратиться по имени Пятница, 04 Января 2008 г. 00:25 (ссылка)
ммм..не поняла я (как не старалась) зачем это все?
И зачем было размыто?
Как-то странно Мису вы вырезали ,а Эла за что так кружком обрезали?=))
Ответить С цитатой В цитатник
Cant_stop   обратиться по имени Пятница, 04 Января 2008 г. 06:44 (ссылка)
Не совсем понял суть урока О_О'
Да и получилась не мегакрасота имхо
Ответить С цитатой В цитатник
Burden   обратиться по имени Пятница, 04 Января 2008 г. 14:05 (ссылка)
Cant_stop, ciani, это для установки на сайт. Так сказать создание шаблона для размещения на главной странице.
Ответить С цитатой В цитатник
-Наталия-   обратиться по имени Пятница, 04 Января 2008 г. 14:47 (ссылка)
самое сложное в создании шаблона именно его нарисовать красиво, а установить - это дело техники..
Ответить С цитатой В цитатник
Нэнси_Дэй   обратиться по имени Суббота, 05 Января 2008 г. 04:07 (ссылка)
Оформление шаблона,мгяко говоря,не очень аккуратное.
Ты уж прости.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку