Unknown" |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Unknown" » учимся вместе. » сделаем стиль"
На этом уроке я не буду рассказывать вам о css в дизайне. Наоборот, мы займёмся дизайнерскими частями дизайна (шапки, иконки и т.д.) Внимательно слушаем и делаем работы по всем урокам.
Не обращайте внимания на количество текста, просто я не усею кратко всё описывать) Хочется всегда дать как можно больше информации.
Ученики под спойлером.
Ученики
.kinder-surprise
андроид
future}
Урок №1. Шапка
Заранее - у меня хрень вышла.
Предупреждение: Все части дизайна изготовлены лично мной. Плагиат и использование их как элементов дизайна, запрещено!
Шапка - главная часть в оформлении форума. От неё следует отталкиваться. Потом уже будет проще построить фон, иконки и прочее. А вот с шапкой нужно покипеть.
1. Главное - определиться с выбором фона и исходника. Если вы не имеете даже дизайнерского уровня, то лучше выбрать какой-то фон обычный (как у меня - вензеля). Если вы уже имеете приличный опыт работы, то вам под силу будет создать фон и самим, я думаю.
Классические размеры шапки - 800*500 или 800*400. Я взяла 800*500.
Что же, я выбрала Музу в стиле сити и фиолетовые вензеля.
2. Нужно заполнить пустое место. Я вставила текстуру чалов и круги с цветовыми бликами. Музу пока не трогаем.
3. Я наложила ещё несколько текстур. В общей сложности они сделали тон шапки более светлым, но потом всё снова придёт в норму. К тому же, я вставила ещё одну Музу, но она уже полупрозрачная и в другой позе. Чтобы через неё "не просвечивала" текстура часов, я её немного подтёрла ластиком.
4. Я наложила колор на шапку, что бы всё как-то "скрепилось". Ещё добавила кадр из мульта к фону, но позже уберу, так как он не будет подходить к общей картине.
Работайте тщательно, не бойтесь экспериментов! Не жалейте времени - пусть вы будете три дня делать шапку, но это того стоит. Работа будет качественнее и красивее.
5. Завершающий штрих - колор Музы и тень. Она стала вся в этих квадратах, а мне так и нравится) к тому же, мы написали текст. Он получился таким странным, так как лежит между слоями с текстурами.
Примечание: Что бы колор наложился только на Музу, нужно переключить слои данного колора в режит отбравочной маски. Аналогично и с тенью.
В принципе, готово. Я может сделала не лучшую шапку, но от этого можно оттолкнуться, поверьте мне. Главное - наличие времени и желания.
Теперь ваша очередь пробовать)
Урок №2. Фон
Предупреждение: Все части дизайна изготовлены лично мной. Плагиат и использование их как элементов дизайна, запрещено!
Вы сами знаете, что фоны бывает обычные (как правило повторяющийся орнамент), с полосами по краям (как у нас) и Шапка+фон.
Мы будем к нашему дизайну делать такой же фон, как и у нас сейчас.
Размеры можно подобрать разные. Классический (1100*1100 - 1200*1200), Средний (1500*1200. Такой фон подойдёт и для широкоформатного монитора и будет органично повторяться) и большой (1920*1200. Такой фон подойдёт на любой экран). Лучше брать средний или большой, но так как мы учимся, мы возьмём классический - 1200*1200.
1. Нужно определиться с цветом. Я выбрала нежно-фиолетовый. Наша основа по цвету должна подходить к уже имеющимся частям дизайна (шапка).
2. Теперь сделаем боковинки. Так как как фон имеет размер 1200*1200, то боковинки нам нужны размера 200*1200 (чтобы средняя часть имела ширину 800, как раз под ширину шапки).
Если шапка у вас очень тщательно продумала и загружена, то можно взять обычные боковинки, без всяких выкрутасов (просто те же вензеля), максимум наложить колор и текстуры. Если шапка на половину пуста (как у меня в 1 уроке), то можно на боковинки приделать какие-то интересные текстуры (как у меня, часы) или клипарты, а можно вообще кадры из мультика, цветы и прочее. А можно одну боковинку сделать простую, а другую с теми же часами. В общем, вам подскажет фантазия!
Я сделала самые просты боковинки, ну и с часиками посложнее.
А ещё, по краю боковинок можно пустить узкие полоски. Они могут быть однотонные, с орнаментом или надписью. На полосках надписями как правило пишут название форума или адрес форума. Отличная тема для дизайнов в каталог, кстати. Тут уж вас никто не сплагиатит.
Вот как выглядят полоски с надписями.
А я, как видите, выбрала обычные белые.
Итак, наши боковинки.
Простая С часами
3. Осталось просто перетащить боковинки на края нашей основы. Чтобы получить вторую боковинку, достаточно просто отразить уже имеющиеся.
Так как у меня была два вида боковин, то и фона будет тоже 2.
Простой
С часиками
дальше продолжать?
Да! Продолжай. Мне сейчас нужны эти уроки. *стиль один делаю...*
И ещё - запиши меня, если не трудно)
.kinder-surprise
хорошо. это будем считать частью нашего персонального обучения.
g r a s s.
Ок)
В скором времени ждите ещё урок.
Урок №3. Иконки
Предупреждение: Все части дизайна изготовлены лично мной. Плагиат и использование их как элементов дизайна, запрещено!
Два основных типа иконок - иконки с картинками и иконки с текстом.
1. Иконки с картинками - текст на таких иконках отсутствует. Поэтому, вредством выразительности тут являются колоры. Более яркие колоры подойдут для иконок "новых сообщений", а блёклые - для иконок "старых сообщений".
2. Иконки с текстом. Та таких иконках наоборот, как правило присутствует только текст, а картинок нет.
3. Смешанные - самая большая группа. Перемешиваются иконки разных сортов и получаются интересные штуки:)
Для нашего дизайна я подобрала иконки без текста.
(извиняюсь за сплющенную Музу)
1. Важно
2. Новые сообщения
3. Закрыто
4. Старые сообщения
я с вами)
андроид
записала.
а можешь часики дать плз 
а где вы часики нашли
андроид
Вот тебе:
http://img0.liveinternet.ru/images/attach/c/2/70/38/70038977_1296506217__clock_texture_4.png
спасибо
андроид
угу. набери в яндексе "текстура часы". там ещё похожие есть.
А записаться можно?
Аня
можно. но нужно делать работы к урокам.
я делаю скоро готово будет
узасно)
новое 
старое 
важное 
закрытое
Отредактировано андроид (2011-12-20 15:51:25)
андроид
шапка красивая. возможно, чуть пустовато, но красиво.
иконки напротив вышли плохо. какая-то непонятная текстура на них все испортила.
фон тоже неплохой, но что-то не то.
иконки
важно
закрытое
новое
старое
шапка
фон
андроид
не хуже не лучше стало xd
не хуже не лучше стало xd
эт как? о.0
андроид
все не то.
разве что кроп у блум на иконках лучше.
вот-ес
андроид
первое - у тебя шапка меньше в ширину, чем пространство для форума.
если тебе так хочется гороха по краям форума, то он не должен быть таким черным (и к шапке это относится!) и Блум должна быть над горохом. горох может быть даже таким, как посередине форума. тоже будет мило.
шапка слишком яркая, пересвечена.
Отредактировано .kinder-surprise (2011-12-26 07:44:07)
.kinder-surprise
мило, но пустова-то.
g r a s s.
спасиб)
а что можно добавить?
Вы здесь » Unknown" » учимся вместе. » сделаем стиль"
![[Коты-воители. По книгам Э. Хантер.]](http://xmages.net/storage/10/1/0/5/f/upload/40ce5385.png)
