Графика для дизайна

Xara3D: экспериментируем!

4design.su — Tue, 01 Dec 2009 05:08:00 +0000

В прошлом нашем обзоре совершенно незаслуженно была забыта программа Xara3D, хотя именно с ее помощью можно создавать трехмерную графику, эмблемы, кнопки и логотипы как раз для публикации в web. Кроме того, Xara3D позволяет создавать обои на рабочий стол и screensaver-ы. Фишка этой проги – возможность сохранения созданной 3D - анимации в формате gif или flash. Последняя версия этого редактора Xara3D6 вышла летом 2009 года. Интерфейс – английский, но разобраться с командами меню легко сможет даже начинающий веб-дизайнер.

4 комментариев | Посмотреть все записи в категории 3D графика

RSS | Графика для дизайна

ЗD-графика: открываем новые горизонты

4design.su — Mon, 30 Nov 2009 04:32:58 +0000

Думаю, никому не нужно объяснять, что такое трехмерная графика. В отличие от двухмерной графики, ее средства и приемы предназначены не для рисования изображений при помощи компьютера, а для имитации видеосъемки или фотографирования трехмерных объектов.

ЗD-графика незаменима, если в изображение реального мира нужно встроить воображаемую сцену или, наоборот, в трехмерную сцену как составную часть добавить изображение реального объекта. Применяется она при создании компьютерной мультипликации, спецэффектов, виртуальных выставочных залов и галерей, в архитектурном проектировании, дизайне интерьеров и др. Главное преимущество ЗD-графики — возможность синтезировать изображение тех событий, которые в обыденной жизни не встречаются, или же выполнение реальной их фотосъемки затруднено (или невозможно) и связано со значительными материальными затратами.

1 комментарий | Посмотреть все записи в категории 3D графика

RSS | Графика для дизайна

Макет web-страницы: может быть, все-таки Adobe Illustrator? Часть II

4design.su — Fri, 27 Nov 2009 04:58:14 +0000

Продолжаем работу над макетом web-страницы. Чтобы сохранить полученные слайсы, используем команду File > Save for Web & Devices… Слайс, который нужно сохранить, выделите при помощи Slice Select Tool (k). Чтобы выбрать несколько блоков, удерживайте Shift. Параметры сохранения изображений можно выбрать на панели справа. Если число цветов у изображения невелико и есть много однотонных областей, можно использовать формат GIF. Для сохранения изображений с несколькими цветами подходит JPEG, а если вас интересует сохранение прозрачности в изображениях, ваш формат – PNG (правда, он не всегда корректно отображается в Internet Explorer). В принципе, можете поэкспериментировать с настройками и выбрать, какой из форматов вас больше устраивает.

Нет комментариев | Посмотреть все записи в категории Векторная графика

RSS | Графика для дизайна

Макет web-страницы: может быть, все-таки Adobe Illustrator?

4design.su — Thu, 26 Nov 2009 04:11:53 +0000

В комментариях к одной из статей по созданию макета web-страницы в Photoshop было высказано мнение, что Adobe Illustrator для этих целей подходит больше. Что же, давайте попробуем сделать вот такой условный макет при помощи Adobe Illustrator:

Нажмите на картинку для увеличения

3 комментариев | Посмотреть все записи в категории Векторная графика

RSS | Графика для дизайна

CorelDRAW Graphics Suite X4: что новенького? Часть II

4design.su — Wed, 25 Nov 2009 04:40:38 +0000

Продолжим знакомство с новшествами CorelDRAW Graphics Suite X4. Еще одним приятным нововведением стал механизм импорта таблиц в документы CorelDRAW. Таблицы теперь стали равноценным объектом, их можно форматировать, колдовать над заливкой и окантовкой ячеек, прямо на экране менять размеры строк и столбцов, вставлять иллюстрации в ячейки и т.д.

Нет комментариев | Посмотреть все записи в категории Векторная графика

RSS | Графика для дизайна

CorelDRAW Graphics Suite X4: что новенького?

4design.su — Tue, 24 Nov 2009 05:35:01 +0000

В прошлый раз мы познакомились с основными редакторами для работы с векторной графикой. Сегодня более подробно мы остановимся на CorelDraw, а именно – посмотрим, что новенького появилось в CorelDRAW Graphics Suite X4. Нельзя сказать, что новая версия порадовала множеством основных новшеств, однако многие из них вполне весомы.

Как и раньше, в пакет, кроме CorelDRAW, входят CAPTURE, PHOTO-PAINT и PowerTRACE. Большинство нововведений коснулось именно векторного редактора. Во-первых, изменилось окно запуска (экран приветствия). В нем теперь не только отображается список последних использовавшихся документов, но и есть возможность их предварительного просмотра.

Нет комментариев | Посмотреть все записи в категории Векторная графика

RSS | Графика для дизайна

Первое знакомство с представителями семейства векторных программ

4design.su — Mon, 23 Nov 2009 04:53:56 +0000

Для создания графических элементов веб-страниц используется не только растровая, но и векторная графика. Главное преимущество последней – масштабируемость без потери качества. Чаще всего для работы с вектором используют Adobe Illustrator или CorelDraw, однако есть еще несколько представителей семейства векторных программ. Это Macromedia FreeHand, Inkscape, Xara Xtreme, OpenOffice.org Draw, Sodipodi, Deneba Canvas, Creature House Expression и пр.

Основное предназначение Adobe Illustrator – создание и обработка векторной графики, причем полученный результат может быть использован и для web-дизайна, и для мультимедийных приложений, и для полиграфической печати. Программа может работать с техническими иллюстрациями, планами, схемами, всевозможными знаками и логотипами. Созданные в Adobe Illustrator изображения легко интегрируются в мультимедийные программы.

Нет комментариев | Посмотреть все записи в категории Векторная графика

RSS | Графика для дизайна

Adobe Photoshop: перемещаем, режем, склеиваем слои

4design.su — Fri, 20 Nov 2009 11:40:23 +0000

Довольно часто при разработке макета веб-страницы возникает необходимость не только выравнивать изображения по горизонтали или вертикали, но и менять порядок следования слоев. Такие операции позволяют, к примеру, вынести один из графических элементов на передний план. Для изменения порядка следования слоев нужно выделить нужный слой и, удерживая нажатой левую кнопку мыши, переместить символ слоя. Имейте в виду, фоновый слой перемещать нельзя. Чтобы изменить его положение относительно других слоев, скопируйте его, используя команду Duplicate Layer... (Скопировать слой...) из меню палитры, а копию поместите в нужное место. После этого исходный фоновый слой можно удалить.

Нет комментариев | Посмотреть все записи в категории Photoshop

RSS | Графика для дизайна

Adobe Photoshop: способы получения и перемещения направляющих линий

4design.su — Wed, 18 Nov 2009 11:16:29 +0000

Продолжим создание макета нашей страницы. Получить направляющую в окне документа можно двумя способами: либо просто вытащить ее из линейки мышью, либо выбрать в меню команду View > New Guide... (Вид > Новая направляющая...). Чтобы переместить направляющую, подведите курсор мыши к ней и нажмите клавишу Ctrl. Также для перемещения можно использовать инструмент Move (Перемещение) – в этом случае удерживать клавишу Ctrl не нужно.

Используя команды меню View (Вид), можно задавать поведение направляющих и характер их взаимодействия с частями изображения. Например, Lock Guides (Заблокировать направляющие) позволяет запретить перемещение направляющих линий, а Snap (Прикрепить) –включает/выключает режим «прилипания» объектов к направляющим линиям и прочим элементам окна.

Нет комментариев | Посмотреть все записи в категории Photoshop

RSS | Графика для дизайна

Использование Adobe Photoshop для создания макета веб-страницы

4design.su — Mon, 16 Nov 2009 13:48:34 +0000

Подготовка веб-страницы состоит из двух этапов – разработки ее внешнего вида (оформления) и написания реализующего это оформление HTML-кода. В нашей сегодняшней программе – первый этап, создание макета страницы при помощи Adobe Photoshop. Вы можете подготовить все необходимые элементы страницы (рисунки, заголовки, маркеры списков, кнопки, текстуры и т.д.) заранее или же создавать нужные элементы непосредственно в процессе подготовки макета. Второй вариант даже удобнее, так как позволяет сразу же учитывать размеры и цветовую гамму изображений в сочетании с другими элементами вашей веб-страницы.

Выбирая размеры макета, не забывайте, что слишком широкое изображение не поместится в окне браузера без горизонтальной прокрутки. Чтобы избежать этого, страницу делают масштабируемой по ширине или, как вариант, оставляют свободное место с одной или с двух сторон информационной части, имеющей строго определенную ширину.

2 комментариев | Посмотреть все записи в категории Photoshop

RSS | Графика для дизайна