| Главная » Статьи » Дизайн в Photoshop |
Как правильно рисовать блоки для сайта
| Каждый день путешествуя по сайтам ucoz, все чаще вижу неимоверной
красоты шапки и ужасно нарисованные к ним блоки. Причем, ошибки у всех
практически одинаковые и очень глупые. Именно по этому в этом уроке
расскажу как правильно, быстро и что немало важно - качественно
нарисовать картинки для блоков (меню, мини-чат, опрос и т.д.) Блоки могут состоять из 1, 2 или 3х картинок. Размеры, естественно разные у каждого дизайна. Первое что вам нужно сделать это посмотреть стандартные размеры их желательно и использовать при рисовании своих блоков. Конечно никто вам не запрещает брать свои размеры, но делайте это в том случае если понимаете, что именно нужно будет изменить в коде помимо замены адреса картинок. Совет: если не знаете как в коде посмотреть размеры, то правой кнопкой мыши нажмите на блок (допустим меню) и сохраните картинку(и) у себя на компьютере. Затем в Photoshop можно будет посмотреть размер. И так допустим вы определили, что блок состоит из трех картинок. Верхняя часть (в ней написано название блока), Средняя часть (содержимое), Нижняя часть. Начнем с Верхней части. Вообще, я почти всегда беру 204х32, почему? Да, просто в свое время, когда пыталась разобраться с системой ucoz работала только с дизайном 983, теперь умею работать со всеми дизайнами, а привычка осталась. Чуть-чуть отвлеклись... продолжим? Естественно сейчас я не буду рассказывать вам абсолютно все возможные варианты. Главное запомнить, что верхнюю часть можно полностью обвести, ширина обводки 1 рх максимум. Помните о том, что на картинку будет наложен текст и он должен быть обязательно четко виден, поэтому если помимо однотонной картинку вы вставляете ещё что-то (например лампочку), то она не должна быть очень растянута и стоять в середине, лучше разместите ее с краю. Средняя часть. Если решили делать обводку, то не забудьте, что она должна быть только по бокам. Средняя часть всегда растягивается в зависимости от количества информации в блоке, а если быть точнее, то картинка повторяется, поэтому не используйте градиенты и полностью законченные картинки. Как нельзя рисовать:   Как нужно рисовать:  И тогда, например в мини-чате это будет выглядеть так:  Нижняя часть. Очень часто про нее вообще забывают и блок кажется незаконченным. Если делаете обводку, то она должна быть с трех сторон(по бокам и с низу) и обязательное условие - обводка должна идеально совпадать по цвету и размерам с обводкой средней части. Появились вопросы? Немедленно задавайте их в комментариях) Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации. | |
| Просмотров: 2999 | Комментарии: 7 | Теги: | Рейтинг: 6.7/10 |
| Всего комментариев: 7 | |
|
| |
02.03.2011