ШаТиКа

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Дизайн

Сообщений 1 страница 10 из 10

1

Добрый день! Мы решили сделать всего 2 темы по обучению - дизы и графники. То есть в этих двух темах будут обучаться абсолютно все желающие. Задвайте свои вопросы, показывайте примеры, спрашивайте совета.
БОЛЬШАЯ ПРОСЬБА!!!!
- не задавайте те вопросы, ответы на которые есть в уроках, например, как нарисовать рамочку
- не спрашивайте того, на что уже был дан ответ выше!!! То есть перед тем как задать вопрос. прочитайте все посты
- не обижайтесь на критику, потому как без нее вы никогда не научитесь рисовать!!! Дизайнеры критикуют для того, чтобы вы             улучшали свои навыки, а не для того, чтобы вас унизить или оскорбить.

ЖДЕМ ВОПРОСОВ!!!

PS Прошу НЕ дизайнеров Не давать советы и уж тем более не критиковать

такс..  в этом уроке показываю как я рисую диз (рисую без правил так как мне удобно..если видите неточности создавайте свой урок )
http://s2.uploads.ru/t/6BsL8.png

разметка

1.Создаю файл параметрами 2000на1200 и заливаю черным цветом.
Параметры нашего диза будут
-банер 60
-меню 30
-отправка 30
2.Делаем разметку (Направляющими я не пользуюсь..но в уроке решила использовать ..)
и так выставляем параметры для шапочки (банер+меню)..выставляем 2000(длинна )и90высота (60банер+30меню=90)
-http://s2.uploads.ru/t/adgVr.png
-http://s3.uploads.ru/Twgui.png
и выходит
http://s2.uploads.ru/t/voMUX.png
дальше делаем еще одну направляющую во фрейме сообщений
http://s2.uploads.ru/t/aC7k1.png
выходит
http://s2.uploads.ru/t/FAUNK.png
Беру инструмент "Прямоугольная область"для выделения левой стороны файла
http://s2.uploads.ru/Shwl4.png
и задаю такие параметры
http://s2.uploads.ru/9aoyA.png
и просто тыкаю на правой стороне файла (там появиться пунктирный прямоугольник )
беру инструмент перемещение
http://s2.uploads.ru/t/wcbPm.png
с линейки беру направляющую и перетягиваю ее на пунктирный прямоугольник
http://s2.uploads.ru/LwtjG.png
и выходит
http://s3.uploads.ru/t/mXMLH.png

3. Задаем параметры для фрейма отправки сообщений

берем инструмент прямоугольная область задаем параметры
http://s3.uploads.ru/dctG6.png
дальше с линейки перетягиваем направляющую вниз на пунктирный прямоугольник
и выходит
http://s3.uploads.ru/t/6ixwf.png
вот разметка готова

Теперь переходим к созданию диза

рисуем

1.Создаю новый слой
http://s2.uploads.ru/t/Qiukh.png
беру инструмент прямоугольная область
http://s2.uploads.ru/xeqHh.png
и выделяю как на картинке
http://s2.uploads.ru/t/Q1a9i.png
заливаю  созданный слой черным цветом
http://s2.uploads.ru/CtA7P.png
перехожу на слой1 и жму del(backspace)
и увидим такое
http://s3.uploads.ru/ubtmI.png

http://s2.uploads.ru/t/2k6uK.png
2. На слое1 задаю параметры как на картинках
http://s2.uploads.ru/t/im27t.png
http://s2.uploads.ru/t/UPj3p.png
http://s2.uploads.ru/t/pTLsN.png
http://s3.uploads.ru/t/ZcU9y.png
http://s3.uploads.ru/t/6MYWX.png
3.Задаем направляющей параметры 1280
http://s3.uploads.ru/0p1uO.png
http://s2.uploads.ru/713Ef.png
http://s3.uploads.ru/1mFW7.png

Создаем навигацию

навигация

-Создаем новый документ (файл)...можно создать  слой но делать тогда надо иначе
1.Делаем разметку
примерно беру заголовок с параметрами 33(обычно берут 30)
навигация 240на300(параметры зависят от параметров в чате)
http://s3.uploads.ru/o9CK6.png
http://s3.uploads.ru/RKmOC.png
http://s3.uploads.ru/t8I6K.png
2.Беру инструмент прямоугольная область (задаю обычный стиль)и выделяю как на картинке
http://s2.uploads.ru/iZVYh.png
3.Создаю новый слой
4.Делаю как на картинке
http://s2.uploads.ru/BpSbe.png
и выходит
http://s3.uploads.ru/BXvQ4.png

http://s2.uploads.ru/t/47RW8.png
http://s2.uploads.ru/t/sY4C8.png
и выходит у нас навигация
http://s2.uploads.ru/GnZq9.png
http://s3.uploads.ru/GhXWI.png

[h2]Режем наш дизайн[/h2]

тык

1.Начинаем резать с баннера (высота баннера у нас 60пикс.)
Объединяем все слои в один. Берем инструмент "Прямоугольна область" задаем параметры как на картинке
http://s2.uploads.ru/bdumk.png
2.Дальше идем
http://s2.uploads.ru/IlXOA.png
3.Скопировали данные и идем  в файл и создаем его(параметры не меняем оставляем какие шоп задал)
 http://s3.uploads.ru/gc5QJ.png
4.Создали файл и у нас вышла полоска с параметрами 2000на60 нажимаем
http://s2.uploads.ru/eH8No.png
и получаем баннер
http://s2.uploads.ru/ckTNf.png
5сохраняем его (Сохранить для Web устройств...)вес чтоб не больше 50к
6.Переходим на слой где наш диз  и не снимая выделение нажимаем Del  и видим вот такое
http://s3.uploads.ru/t/Bd6Vt.png
тогда переходим изображение и применяем тримминг
http://s2.uploads.ru/P62sd.png
7.Дальше выделяем наше меню.
Так как и в баннере берем инструмент "Прямоугольна область" задаем параметры 2000на30(30 высота меню)
http://s2.uploads.ru/3TPov.png

дальше делаем как в пункте 2,3,4(только тут выйдет полоска 2000на30),5,6
8.Дальше нам надо вырезать полоску которая будет в участниках.
Берем параметры как на картинке (5 ширина полоски и 1110 высота (1200-90=1110))
http://s2.uploads.ru/3o0Rd.png
http://s2.uploads.ru/cSray.png
делаем как в пункте 2,3,4,5,6
9.Задаем параметры для фрейма отправки
http://s2.uploads.ru/NEiet.png
http://s3.uploads.ru/0zRfo.png
делаем как в пункте 2,3,4,5,6
10. Осталась картинка с фрейма сообщений просто выделяем ее и сохраняем
http://s2.uploads.ru/VfaHY.png
11.В навигации просто выделяем заголовок проделываем пункт 2,3,4,5,6   и сохраняем оставшуюся часть

во фрейме не используйте картинки с белым фоном! также не используйте картинки которые будут мешать чтению текста !

0

2

Скажите, как правильно рисовать Окно килла? Мне сказали что оно обязательно идет в каждом дизайне, это так?

0

3

lady написал(а):

Скажите, как правильно рисовать Окно килла? Мне сказали что оно обязательно идет в каждом дизайне, это так?

Нет не так. окно килла НЕ рисуется. Оно оформляется автоматически, когда вы настраиваете дизайн и цвета. Меньше используйте как фон - transparent -  прозрачно. Потому что потом в окне килки, фон в нужных местах может исчезнуть. А так как у вас, как у дизайнера, к килке обычно нет доступа, то методом тыка (самый проверенный годами метод) вы не сможете отыскать какой именно фон исчез ). Так что по возможности в строке ввода (там где вы пишите свой текст сообщения окошечко, я обычно его делаю в рамочке) ставьте цвет фона черный - #00000. Кстати именно цвета и кнопки строки ввода и влияют на окно киллера, на сколько я помню.
Отдельно рисуются и устанавливаются только - сам дизайн, контекстное меню, записная книжка и анкеты. Допом устанавливаются скроллбары для хрома - если вы себя уважаете разумеется как дизайнер и хотите придать законченность своему дизу хотя бы в хроме )Там еще можно пошаманить с выездным доп меню, но его редко можно встретить в чатах и обычно его оставляют по умолчанию в настройках августа. Такие прибамбасы как килка идут автоматом от цветовых -  я повторюсь - ОТ ЦВЕТОВЫХ НАСТРОЕК чата. Никаких картинок вы туда не вставите. Ну если вы не мега кодер и знаете коды доп параметров ) но это уже высшая материя и стоит гораздо дороже чем просто диз )

0

4

Шармэль
спасибо большое))

0

5

Подскажите пожалуйста, в чате на одном из дизайнов, в разделе Кто в чате, между графниками полосы, убираем как положено везде 0 ставим, кнопку сохранить жмем все закрылось как положено, полосы как были так и есть, обратно заходим все опять на своих местах, что это может быть?

0

6

lady
глюки августа) попробуйте перезайти в чат и опять убрать - сохранить. Не поможет - смените браузер. Не поможет, отложите на другой день или до вечера. Обычно перезаход или другой браузер помогает.
Либо другой вариант -  вы просто их НЕ УБРАЛИ. Полосы -  в доп стилях ) ну так, на всякий случай )

0

7

Шармэль
ладно попробуем спасибо))

0

8

lady
есть еще вариант доп.стилями убрать
ТЫК СЮДА

0

9

Твое Алиби
я так и написала - линии в доп стилях - может их просто не убрали ) :crazyfun:

0

10

Шармэль написал(а):

Твое Алиби
я так и написала - линии в доп стилях - может их просто не убрали )

с телефона не весь текст видела )))))

0



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC