tag:blogger.com,1999:blog-25424714595589199352024-02-21T05:42:04.849+03:00XD - xara designersСайт посвящённый программе Xara Designer, а так же полиграфии и вообще графике.Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-2542471459558919935.post-32488562649936554932099-06-06T13:45:00.000+03:002011-07-10T11:02:23.710+04:00Предложения и пожелания.<div dir="ltr" style="text-align: left;" trbidi="on">Данная тема создана для Ваших предложений, пожеланий и просто для связи с автором сайта. Пишите сюда какие уроки Вам бы хотелось увидеть.<br />
Мои контактные данные:<br />
caleb.el.tropicano AT gmail.com - здесь почта и джаббер.<br />
calebeltropicano AT list.ru - здесь почта и джаббер.<br />
Аська: пятнадцать 36 пятнадцать 067<br />
caleblt AT qip.ru - только джаббер.<br />
Шкуре: calebeltropicano<br />
<br />
Извиняюсь за такие противо-спамерские ухищрения.</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com17tag:blogger.com,1999:blog-2542471459558919935.post-9861012652064022672020-09-19T17:15:00.000+03:002011-09-19T18:15:39.614+04:00Учебник Corel Xara на русском языке.<div dir="ltr" style="text-align: left;" trbidi="on">Этот учебник единственный, который когда либо переводили. Он очень старый, но начальные знания даст. Распакуйте архив в корень диска C:\ и запускайте файл index.html. Если Вы распакуете учебник в другое место, то он не будет работать, потому что в файлах пути не относительные. Сохранял я его ещё под Windows 95 и мало что понимал об относительности путей :).<br />
<a href="http://narod.ru/disk/25637947001/XARAX.ZIP.html">Учебник Corel Xara на русском языке.</a><br />
Если ссылка перестанет работать - не стесняйтесь пишите в любое время в любой из контактов.</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com2tag:blogger.com,1999:blog-2542471459558919935.post-6461108075487111272011-10-20T15:25:00.001+04:002011-10-20T17:07:21.425+04:00Конвертер изображений в CMYK TIFF.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><b><a href="http://narod.ru/disk/29015311001/ConverterTiff.exe.html">ConverterTIFF</a></b> - полностью бесплатное приложение для конвертации RGB файлов формата PNG, JPG, TIF в CMYK, RGB и Gray TIF. Программа использует консольную утилиту convert из пакета ImageMagic. По сути это просто GUI оболочка утилиты, для выполнения специализированной задачи.</div><div style="text-align: justify;">Жалобы и предложения по программе можно оставлять здесь же в комментариях или связаться со мной по любым из контактов.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4KZqpSQd8PpFxwEfRwy9xVAFZxFIeXE44uU0YCiPuZFq34-6X7OKcp8NcJT18LwcXnxxdSNIZkjtHhTA2MXfMHwCQ4HkeRgxV76KvFjigaWW4YW6hGCw4yaBUCt4n91p8KTSF3LjMZE/s1600/converter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4KZqpSQd8PpFxwEfRwy9xVAFZxFIeXE44uU0YCiPuZFq34-6X7OKcp8NcJT18LwcXnxxdSNIZkjtHhTA2MXfMHwCQ4HkeRgxV76KvFjigaWW4YW6hGCw4yaBUCt4n91p8KTSF3LjMZE/s1600/converter.png" /></a></div></div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-51692618322825450502011-10-17T11:08:00.001+04:002011-10-17T11:20:50.821+04:00Чертежи упаковок.<div dir="ltr" style="text-align: left;" trbidi="on">Когда я смотрю статистику сайта, то вижу, что часто люди приходят сюда в надежде найти чертежи упаковки, которую я описываю в уроках. Буду выкладывать чертежи здесь.<br />
TCA, Tetra Classic Aseptic, треугольная упаковка, призма, тетра пак - <a href="http://narod.ru/disk/28632776001/TCA_yabloko_grusha.xar.html">готовый в печать макет</a>.<br />
TetraRex, молочная упаковка, тетра пак - чертёж <a href="http://narod.ru/disk/28634138001/TetraRex_1000g.xar.html">1000 грамм</a>, <a href="http://narod.ru/disk/28634291001/TetraRex_500g.xar.html">500 грамм</a>. Так же этот чертёж подходит для МолоПак, EloPack и т.д.</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-14036152070944823632011-10-13T16:20:00.000+04:002011-10-13T16:20:00.491+04:00Работа с цветом. Часть 2.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться корректировать и менять цвет растровых изображений (фотографий).</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Хотя Xara в основном предназначена для создания векторных изображений и вёрстки, в ней присутствуют очень мощные инструменты для работы с растровыми изображениями.</div><div style="text-align: justify;"></div><a name='more'></a><div style="text-align: justify;">Простые инструменты цветокоррекции.</div><div style="text-align: justify;">Загрузите в документ любую фотографию, выделите объект и кликните слева на панели по инструменту <b>Enhance Photos</b>.Сверху появится панель с инструментами.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUixLoTrrvR4UhVFGmnDtHlyWoPVV4fRCWPX0VFlvwTSqYiZy6hQo6Su6b2XTmxLvVM2N-DmgUaenSviPK0bu62n1BQMaURBxBv9vfXIEIWKYvL4nD6OelAQOaCzmIGUhEPckHkJoQ3uQ/s1600/color_2_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUixLoTrrvR4UhVFGmnDtHlyWoPVV4fRCWPX0VFlvwTSqYiZy6hQo6Su6b2XTmxLvVM2N-DmgUaenSviPK0bu62n1BQMaURBxBv9vfXIEIWKYvL4nD6OelAQOaCzmIGUhEPckHkJoQ3uQ/s1600/color_2_1.jpg" /></a></div><br />
<ol style="text-align: left;"><li>Поворот изображения на 90°.</li>
<li>Переключение между фотографиями, если они открыты отдельными документами.</li>
<li>Масштаб.</li>
<li>Авто уровни.</li>
<li>Яркость.</li>
<li>Контраст.</li>
<li>Насыщенность цвета.</li>
<li>Насыщение голубого или красного (актуально для плохих фотоаппаратов).</li>
<li>Размытие и чёткость (здесь как бы два фильтра в одном).</li>
<li>Вернуть начальные значения.</li>
<li>Включить окно цветовых кривых и уровней.</li>
</ol><div style="text-align: justify;">Думаю здесь не нужно расписывать каждый инструмент отдельно, потому что они очень просты и понятны каждому. А вот окно кривых и уровней я опишу подробно.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00ZlyrROc3jM619w6qgqaR9NgkkCKB0sRdgxrmCxHffS8NbxPTHLMWhItklP9IYpxztb_WuRElOZxHwFwFZGd9Er_C9dJKKNkjG6xrfQDZyrepTzp99NRlRt1KE3VYSO1k-wnHUH_JFg/s1600/color_2_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00ZlyrROc3jM619w6qgqaR9NgkkCKB0sRdgxrmCxHffS8NbxPTHLMWhItklP9IYpxztb_WuRElOZxHwFwFZGd9Er_C9dJKKNkjG6xrfQDZyrepTzp99NRlRt1KE3VYSO1k-wnHUH_JFg/s1600/color_2_2.jpg" /></a></div><br />
<ul style="text-align: left;"><li><b>Channel</b> - список каналов: <b><span style="color: red;">R</span><span style="color: #38761d;">G</span><span style="color: blue;">B</span></b> вместе, <b style="color: red;">красный</b>, <b style="color: blue;">голубой</b> и <b style="color: #38761d;">зелёный</b>.</li>
<li><b>Auto</b> - авто уровни.</li>
<li><b>Reset</b> - вернуть начальные значения.</li>
<li><b>Curves</b> - когда вы корректируете цвет с помощью кривых, иногда нужно взглянуть на изначальное состояние изображение, эта кнопка как раз позволяет это сделать.</li>
<li><b>Input levels</b> - числовое представление уровней (тонов): чёрного, серого и белого. Под отображением уровней и кривых есть специальные бегунки - ими можно управлять значением уровней курсором мыши.</li>
<li>Окно с отображением уровней и кривых.</li>
<li><b>Output level</b> - значения с которых начинаются тени и света.</li>
<li>Иконки пипеток - это инструмент автоматического выбора чёрного, серого и белого уровней на фотографии.</li>
</ul><div style="text-align: justify;">Давайте попробуем увеличить контрастность фотографии по всем каналам. Смотрите, я выбрал канал <b>JoinedRGB</b> и сдвинул влево бегунок серого и белого. То есть я серые и белые тона сделал светлее.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHPmxeV8rHV7sjYX9OPseHZApKQ9xfGh7J2ghm0HV9ebvXLUKP6pn8lYLtv1jYS9bycdMiOSYbslKUiwJph4KJL_2RkVbaZ-O_mxf4AU9_NCIe4kEJINXqX3e46ZeDi_0bIQXOh7QpxA/s1600/color_2_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHPmxeV8rHV7sjYX9OPseHZApKQ9xfGh7J2ghm0HV9ebvXLUKP6pn8lYLtv1jYS9bycdMiOSYbslKUiwJph4KJL_2RkVbaZ-O_mxf4AU9_NCIe4kEJINXqX3e46ZeDi_0bIQXOh7QpxA/s1600/color_2_3.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Зелёная линия в центре изменила форму, это общая цветовая кривая. С кривыми мы разберёмся чуть позже. Давайте теперь разберёмся с самыми нижними бегунками. Здесь тоже всё просто. Меня к примеру не устраивает, что все тени, в том числе фон, на фотографии чёрный, здесь должен быть скорее серый. Я передвигаю бегунок отвечающий за тени вправо. То есть теперь 100% чёрный станет скажем 90% серым.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEZKsS_UyUahzzIRpFY_w2ToiosHASemYKrKdKuX5HAl2-FSl8BMDifS3IbBnLh_N9eKSBRcl41AdKjVPCcDkKFleLhEiIRcf1fx4HILWh5nloJoEnx8BdMszJLRewNbUOxh5JOLEEx6M/s1600/color_2_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEZKsS_UyUahzzIRpFY_w2ToiosHASemYKrKdKuX5HAl2-FSl8BMDifS3IbBnLh_N9eKSBRcl41AdKjVPCcDkKFleLhEiIRcf1fx4HILWh5nloJoEnx8BdMszJLRewNbUOxh5JOLEEx6M/s1600/color_2_4.jpg" /></a></div><br />
<div style="text-align: justify;">Та же ситуация со светами. Даже самый яркий белый на фотографиях желательно сделать чуть чуть серым, что бы не было белых дыр. Для этого бегунок светов сдвигаем влево до нужного значения.</div><div style="text-align: justify;">Часто света на фотографии можно скорректировать автоматически. Давайте разберёмся как работают инструменты пипетки уровней.</div><div style="text-align: justify;">Найдите на фотографии самую тёмную область теней. На фотографии с хамелеоном это по идее фон. Хотя это не совсем правильно, желательно искать точки с естественной тенью или чёрным цветом. Ухватите пипетку с чёрным кружком слева и перетащите в тёмную точку. Цвет изображение изменится. Так же поступите с серой пипеткой - найдите точку где у вас должен быть нейтральный цвет, желательно близкий к серому. И наконец белая пипетка. Опять же это должен быть не чисто белый цвет, а немного сероватый (зеленоватый, синеватый) - просто светлый, участок который освещает лампа или солнце.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKK-hGr_NrqBqfjSHPprOB3Ru8BNNRwuIYXQ5s0D_SxrZ4ZuYAsRG2YGaxAH_QxdWU_Z2PDhw41guRJ5wHH6jYGvvZ89TQrLYg2iYHEXwbrfqDPe-VYVyU2At4UMqtJToHiMvnwwFBDU/s1600/color_2_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKK-hGr_NrqBqfjSHPprOB3Ru8BNNRwuIYXQ5s0D_SxrZ4ZuYAsRG2YGaxAH_QxdWU_Z2PDhw41guRJ5wHH6jYGvvZ89TQrLYg2iYHEXwbrfqDPe-VYVyU2At4UMqtJToHiMvnwwFBDU/s1600/color_2_5.jpg" /></a></div><br />
<div style="text-align: justify;">Вот что у меня получилось.</div><ol style="text-align: left;"><li>Исходное изображение.</li>
<li>Здесь я предположил, что ветка на которой сидит хамелеон серая и поэтому указал серой пипеткой на светлый участок ветки.</li>
<li>На этом изображении я указал серой пипеткой участок теней на подбородке пресмыкающегося.</li>
</ol><div style="text-align: justify;">Какие цвета правильнее - решать Вам. Перейдём к кривым.</div><div style="text-align: justify;">Что бы редактировать кривую достаточно кликнуть на линию и появится точка, которую можно перемещать. Что бы убрать точку - нужно кликнуть по ней правой кнопкой мыши. Каждая точка обозначает цвет. Если я поставлю точку в центре кривой, то это она будет иметь значение приблизительно <b style="color: red;">R</b>-127, <b style="color: #38761d;">G</b>-127, <b style="color: blue;">B</b>-127. То же самое касается отдельных каналов.</div><div style="text-align: justify;">В примерах ниже видно как я изменяю зелёный канал.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSOJWt6tce_7l4_Bagk9Rj7SwBGNm3vA72dXKm3qe7YQUIJq5ntBhsQqEi82Lnw63K6QN0BWvOCvKvuINqPArZyKtgZz03mXfDQWeDn6U-kUdcpO0Z9-xMaC4kH1FPaHS2XwQGiNRbUA/s1600/color_2_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSOJWt6tce_7l4_Bagk9Rj7SwBGNm3vA72dXKm3qe7YQUIJq5ntBhsQqEi82Lnw63K6QN0BWvOCvKvuINqPArZyKtgZz03mXfDQWeDn6U-kUdcpO0Z9-xMaC4kH1FPaHS2XwQGiNRbUA/s1600/color_2_6.jpg" /></a></div><br />
<div style="text-align: center;">Чем точка ниже, тем темнее цвет.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybNvNfe5qbGV8CRZZBvaQXjFqjYyTsHbDIZIqeJndU-Cc_ayJcI3bOzX0eAEB1tVwd4T5iSLnBBG4oqHOXASAK8qRpzVbB7MUUAlH8KyBgWQTIAnB-FTZSsb5aZIXcOWQ68eN7jc26d4/s1600/color_2_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybNvNfe5qbGV8CRZZBvaQXjFqjYyTsHbDIZIqeJndU-Cc_ayJcI3bOzX0eAEB1tVwd4T5iSLnBBG4oqHOXASAK8qRpzVbB7MUUAlH8KyBgWQTIAnB-FTZSsb5aZIXcOWQ68eN7jc26d4/s1600/color_2_7.jpg" /></a></div><br />
<div style="text-align: center;">Точка выше и цвет светлее.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhslkPowuPbWeJjLwab8dRJOuwiHRVVfbg2Ll_9qvYGxSOKcF4Lphu1IexFohYstYZFlz9dw3L_bMUKtHivAAx9vOSlufbU9w1ciaSkct3lo8lAGHfJUypQm5sJYekISVyuGfuM5XaIUEU/s1600/color_2_8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhslkPowuPbWeJjLwab8dRJOuwiHRVVfbg2Ll_9qvYGxSOKcF4Lphu1IexFohYstYZFlz9dw3L_bMUKtHivAAx9vOSlufbU9w1ciaSkct3lo8lAGHfJUypQm5sJYekISVyuGfuM5XaIUEU/s1600/color_2_8.jpg" /></a></div><br />
<div style="text-align: center;">А здесь я сделал зелёный цвет ярче, но оставил тени.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Конечно это не такой мощный инструмент как в Photoshop, но для большинства фотографий его будет достаточно.</div><div style="text-align: justify;">Так же в Xara есть в комплекте <b>Live Effects</b> плагин <b>Mehdi>HSL Plus</b>, с помощью которого можно менять значения палитры изображения.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9L1BgLanFNpPv6u_LpwPVOWsURSsC5isqMSGFjt3GE3BblAem8RUIQxYI27lRseSmX52UPr6MhN0QZE3DFOddPXa5URdzY1k56naWpbwHV6cjOn-b7kaEUtBMCgZsgEFkmfVM_aw6RSk/s1600/color_2_9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9L1BgLanFNpPv6u_LpwPVOWsURSsC5isqMSGFjt3GE3BblAem8RUIQxYI27lRseSmX52UPr6MhN0QZE3DFOddPXa5URdzY1k56naWpbwHV6cjOn-b7kaEUtBMCgZsgEFkmfVM_aw6RSk/s1600/color_2_9.jpg" /></a></div><br />
<div style="text-align: justify;">На самом деле подобных плагинов <b>8bf</b>, существует огромное множество. Те кому не нравится стандартная цветокоррекция могут установить полюбившийся плагин и работать с ним.</div><div style="text-align: justify;">Напоследок я покажу фокус с заменой цвета с помощью различных смешений прозрачности. Этим способом можно многого добиться.</div><div style="text-align: justify;">Итак, дублирую изображение (<b>ctrl+k</b>), открываю редактор цвета (<b>ctrl+e</b>) и задаю верхнему изображению цвета: <b>Dark contone</b> - чистый жёлтый, <b>Light contone</b> - чистый белый. Затем выбираю инструмент прозрачности и выпадающем списке - <b>Saturation</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjquSUVfIRYV1BV9H2WED7CkoZeMzgvaR1O3WBKjwcCabA23z2lGtqVjPRqnRdTkIzOqreYtlLdrgH-WdD7cKSRBuogdTe5v8bUpcQRufDVsrz-fazkTIJSgrZ4nnLuq9n9Z868DjLSS0c/s1600/color_2_10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjquSUVfIRYV1BV9H2WED7CkoZeMzgvaR1O3WBKjwcCabA23z2lGtqVjPRqnRdTkIzOqreYtlLdrgH-WdD7cKSRBuogdTe5v8bUpcQRufDVsrz-fazkTIJSgrZ4nnLuq9n9Z868DjLSS0c/s1600/color_2_10.jpg" /></a></div><br />
<div style="text-align: justify;">Я сделал насыщение жёлтого цвета и картинка «заиграла». А теперь я делаю <b>Dark contone</b> и <b>Light contone</b> одинакового цвета и выбираю типа смешения <b>Hue</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEel4CO16jw1CfZd-mDK0DZCrmuSWtpEfRqrDDfn-WG6EnSNK74jqxuW4LK5pWRpntqKK8C9YZL9oSaR8e6XbsUb2-AqcyspVlHUPWHQgfF2GnB6jnR5okMwHk_LakYVrEVgLOmU9alk/s1600/color_2_11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEel4CO16jw1CfZd-mDK0DZCrmuSWtpEfRqrDDfn-WG6EnSNK74jqxuW4LK5pWRpntqKK8C9YZL9oSaR8e6XbsUb2-AqcyspVlHUPWHQgfF2GnB6jnR5okMwHk_LakYVrEVgLOmU9alk/s1600/color_2_11.jpg" /></a></div><br />
<div style="text-align: justify;">Всё в Ваших руках. Комбинируйте и эксперементрируйте.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK8c00CETC9VSNyNv7R2U4v7Hwmv1ajY6OWAjGSlIFCjtkAEbm-0Vovvl1kMkZPdy2kFNR7lGaqpLFp8vsN3SvcISJoDQH4wGIQzhb7jkZ7PATHyNBOGkQxohJAuBPKwWxc0oAUbKhMOU/s1600/color_2_12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK8c00CETC9VSNyNv7R2U4v7Hwmv1ajY6OWAjGSlIFCjtkAEbm-0Vovvl1kMkZPdy2kFNR7lGaqpLFp8vsN3SvcISJoDQH4wGIQzhb7jkZ7PATHyNBOGkQxohJAuBPKwWxc0oAUbKhMOU/s1600/color_2_12.jpg" /></a></div><br />
<br />
</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-70883070910771512742011-09-21T15:54:00.001+04:002011-10-20T15:29:32.536+04:00Широкоформатная печать.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Подготовить макет для широкоформатной печати.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Как раз на базу где я работаю заехала, недавно оклеенная рекламой, машина и появилась тема для небольшого урока.</div><div style="text-align: justify;">Для начала немного теории. Широкоформатные плоттеры печатают не так как это делают струйные принтеры. В принтере печатающая головка выдаёт чернила по капле. Печатающие головки плоттеров устроены иначе.</div><a name='more'></a> Существует множество различных технологий улучшения качества печати и из них можно выделить основные: переменная точка и «длинная» точка. Переменная точка - это подача различного количества чернил в одну точку, чем больше капля, тем больше она расплывётся. Длинная точка - это подача струи чернил в момент движения головки плоттера, получается не точка, а чёрточка.<br />
<div style="text-align: justify;">Когда Вам говорят про качество печати, к примеру, в 720 dpi, то следует потребовать образец печати и посмотреть каким способом он напечатан. Часто на проверку заявленные 720 dpi оказываются всего лишь 120 dpi напечатанными вышеописанными технологиями. Обычно больше и не нужно, потому что широкоформатная реклама смотрится из далека.</div><div style="text-align: justify;">Перейдём к примеру. Допустим мне нужно напечатать какой то рекламный банер размером 3000х3000 мм. Я делаю макет в масштабе 1 к 10, то есть 300 на 300 мм.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5oUz8i8CA0zFU_9Hog1RdNYmwI5quKC0iON7xt31um3tkk0778zdO9nNfYyPSzeYA7Y5B_4Cad5qK_7-NMae8bcUyp5WitqPpa_UwSzTDWvHc-nCps-JqAed7WCnr_a4k2X37NAyUtg/s1600/shirok_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5oUz8i8CA0zFU_9Hog1RdNYmwI5quKC0iON7xt31um3tkk0778zdO9nNfYyPSzeYA7Y5B_4Cad5qK_7-NMae8bcUyp5WitqPpa_UwSzTDWvHc-nCps-JqAed7WCnr_a4k2X37NAyUtg/s1600/shirok_1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Обратите внимание, что я создавал макет в режиме Simulate Print Colours. Теперь макет нужно экспортировать в TIFF и я перехожу в режим Screen Colours (Window>Show Printer Colours). Экспортирую в TIFF и выбираю следующие настройки.</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDX9jqoOKtCSPegoRvCnlWCArxwcZ-n13cjfcc8LF1tj-y-ewvuvpSBSZ8D2VchOaq69d8rjYY82PBkP9NPnijhuip1rlJ_G0mivNBGlVJ-zRo1vE1znARA0xygKxAZkzX8nfACq1TRU/s1600/shirok_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDX9jqoOKtCSPegoRvCnlWCArxwcZ-n13cjfcc8LF1tj-y-ewvuvpSBSZ8D2VchOaq69d8rjYY82PBkP9NPnijhuip1rlJ_G0mivNBGlVJ-zRo1vE1znARA0xygKxAZkzX8nfACq1TRU/s320/shirok_2.jpg" width="320" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Здесь видно, что я выбрал 24 битный цвет, то есть RGB. Сделал я это потому, что в Xara экспорт в TIFF CMYK, работает немного не верно, цвета получаются не такими яркими как на фотографии (а фотографии всегда изначально в RGB) и мне это не нравится. Полученный TIFF RGB я открываю программой, написанной много лет назад одним из пользователей Xara как раз для этих целей - <a href="http://www.smokingun.co.uk/index/downloads">RGB2CMYK</a>.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTG74jydSNi4Qc5atnhmV3ZyyaUXpWq5pfU8hD95QHHpQKlsGRioUJA90p6A5gakl7tlI2HYukRGgCbfbshDQ0i0m-JUHLTiuQ9ZHO4mpkWnidHpvcQ2CtCzNIkH6VM7pK8h0qppH9XQ/s1600/shirok_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTG74jydSNi4Qc5atnhmV3ZyyaUXpWq5pfU8hD95QHHpQKlsGRioUJA90p6A5gakl7tlI2HYukRGgCbfbshDQ0i0m-JUHLTiuQ9ZHO4mpkWnidHpvcQ2CtCzNIkH6VM7pK8h0qppH9XQ/s1600/shirok_3.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">И тут же сохраняю в этот же файл. Программа корректно переводит цвета RGB в CMYK.<br />
Для этих же целей теперь можно использовать мою новую программу <a href="http://xaradesigners.blogspot.com/2011/10/cmyk-tiff.html">ConverterTIFF</a>.</div><div style="text-align: justify;">Файл теперь нужно открыть в Photoshop, установить DPI с которым я сохранял TIFF (потому что программа RGB2CMYK сохраняет 96 dpi) и сохранить.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikinxvNW0X2Z6xZgdpr_lpQihz9zcbF-bxUjVWLSei1YTW7886c4cBb5UR__Wiaifu5kCHW-gBGYma61eQXpz34dzA6T1TQPRs5Kb9nAUeFYkxYmTFbcSgUzlrnhAVs9uGIGaizAFb8V0/s1600/shirok_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikinxvNW0X2Z6xZgdpr_lpQihz9zcbF-bxUjVWLSei1YTW7886c4cBb5UR__Wiaifu5kCHW-gBGYma61eQXpz34dzA6T1TQPRs5Kb9nAUeFYkxYmTFbcSgUzlrnhAVs9uGIGaizAFb8V0/s1600/shirok_4.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Вот и всё. Можно смело отдавать такой файл в печать, обязательно указывайте, что масштаб 1 к 10. Все плоттеры сами умеют масштабировать подаваемые им файлы в печать. Не нужно нести в типографию файл весом в 2 гигабайта в реальном размере и с реальными DPI, такой файл плоттер просто не сможет обработать. Плоттер это не принтер и принципы печати сильно различаются.</div><div style="text-align: justify;">Ниже я привожу фотографии свежеотпечатанной рекламы, на которых видно качество масштабированных макетов. Общий вид:</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0mXVtPhmGN_fGbMvZPESfF1FhVa3rq2hPYTNumNr-CrdLmmCYDSJHP0R_3jWp7D1A9jRCs4VFNtrkghm9tfrvBD-wGSJ-VAfKEK-RSAPc3jDDeD_C5sUFrBKfW2qvXmBTmRYNfMHFs4/s1600/shirok_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0mXVtPhmGN_fGbMvZPESfF1FhVa3rq2hPYTNumNr-CrdLmmCYDSJHP0R_3jWp7D1A9jRCs4VFNtrkghm9tfrvBD-wGSJ-VAfKEK-RSAPc3jDDeD_C5sUFrBKfW2qvXmBTmRYNfMHFs4/s1600/shirok_5.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">И с расстояния примерно 50 см.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x2M4CO_N9h7Cxr7HirCK37yPOZjpgFnwYLZCdJydGPu9oEBh5l5F0OWjjZNyiSCp3tiQj2UuGwvhVXsLDyVoVCaKMjDFyDxMVIcG-yU6onVQeIsKirr1KkJr3gjx3GLL4_S9ytGrO_M/s1600/shirok_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x2M4CO_N9h7Cxr7HirCK37yPOZjpgFnwYLZCdJydGPu9oEBh5l5F0OWjjZNyiSCp3tiQj2UuGwvhVXsLDyVoVCaKMjDFyDxMVIcG-yU6onVQeIsKirr1KkJr3gjx3GLL4_S9ytGrO_M/s1600/shirok_6.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J45gWaGYa5OIrPduneWEKWY9_wY9KGDcyhiZvpgqKaWBSDfWQs-KA8OUttldBPuGw-oFB_WdepUAPxLptyAIeFIyvGaZmUgrxvmAxr00YNPh-4R7g17sU8wMHW4aw5E4Vl7ipTH2HOg/s1600/shirok_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J45gWaGYa5OIrPduneWEKWY9_wY9KGDcyhiZvpgqKaWBSDfWQs-KA8OUttldBPuGw-oFB_WdepUAPxLptyAIeFIyvGaZmUgrxvmAxr00YNPh-4R7g17sU8wMHW4aw5E4Vl7ipTH2HOg/s1600/shirok_7.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Фотографии я специально не выравнивал и не корректировал, что бы было видно реальное качество печати. Файлы которые я сдавал в печать весили менее 50 мб каждый. Было оклеено около 60 машин разных размеров, включая фуры (когда приедут на базу, я сделаю парочку фотографий). Точку почти не видно даже с такого близкого расстояния, плоттер хороший и чернила растекаются заливая почти всё белое пространство до следующей точки.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-37507066137328621192011-09-20T17:24:00.000+04:002011-09-20T17:24:05.491+04:00Небольшой обзор программ для работы.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Меня часто (почти каждый день) спрашивают про тот или иной софт которым я пользуюсь, либо просто дать совет чем пользоваться самим. Постараюсь кратко описать из каких программ строится мой рабочий процесс. И в конце дам немного советов на какой софт ещё следует обратить внимание.</div><br />
<a name='more'></a><br />
<div style="text-align: justify;">Для начала вот как выглядит мой рабочий стол в среде Windows.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3VrPZnpaM1_zBIKG8oEd3OhSXkr4HJ_l_kAd6rrMmp67zXB2WvZRS_0feA7-sxckqfVB-jWxsMlFdH2yFsahxZ2nLmtV-ugt44bvGrczPmrxxNhDwq9mJ5UlCG3zcvS32p3O02Lap28/s1600/soft_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3VrPZnpaM1_zBIKG8oEd3OhSXkr4HJ_l_kAd6rrMmp67zXB2WvZRS_0feA7-sxckqfVB-jWxsMlFdH2yFsahxZ2nLmtV-ugt44bvGrczPmrxxNhDwq9mJ5UlCG3zcvS32p3O02Lap28/s1600/soft_1.png" /></a></div><br />
<div style="text-align: justify;">Ярлыков на рабочем столе у меня нет, и картинок там тоже нет. Все основные ярлыки расположены в панели быстрого запуска. Рабочие файлы я содержу в строгом порядке на различных жёстких дисках и всегда знаю где и что находится, поэтому не вижу смысла создавать где либо ещё ярлыки. Ниже панель задач, где я всегда вижу какие программы запущены и большинство из них несут какую то информацию. Например как сейчас SCD Writer сообщает сколько процентов проекта уже записано на диск. А музыкальный плеер (AY Player) какой трек сейчас играет.</div><div style="text-align: justify;">В меню «Пуск» я убрал всё лишнее и оставил только ярлыки для программ, которые использую реже чем те которые вынесены на панель внизу.</div><div style="text-align: justify;">Итак вот список моих рабочих «лошадок»:</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://farmanager.com/">FAR</a> 2</b> - файловый менеджер от Евгения Рошаля (автор архиватора RAR) со множеством необходимых плагинов (в т. ч.для TC) - начиная с доступа к FTP и WinSCP и заканчивая прямым доступом к различным файловым системам, как физическим, так и виртуальным. Так же с помощью FAR я содержу все свои рабочие файлы в порядке. Бесплатная. Русский язык.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjctlzKR21baob68FmHEsbpI5yN6ZG11Lwe9QTfTNGcbhB-c1sqUloZyCtB_qYwm8jpuYTFnFXWnJO6i2uQHtlSyknzRAWr33X6bi_7L1XPwGuwc0WhElWAuC9aRg7LVZZaTQWFeHE_eWo/s1600/soft_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjctlzKR21baob68FmHEsbpI5yN6ZG11Lwe9QTfTNGcbhB-c1sqUloZyCtB_qYwm8jpuYTFnFXWnJO6i2uQHtlSyknzRAWr33X6bi_7L1XPwGuwc0WhElWAuC9aRg7LVZZaTQWFeHE_eWo/s1600/soft_2.jpg" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;"><b><a href="http://small-cd-writer.com/">Small CD Writer</a></b> - очень маленькая программа для записи CD и DVD. Так же может создавать простые загрузочные диски. Всё очень просто: бросаешь в окно программы нужные файлы, нажимаешь большую кнопку «Записать». Бесплатная. Русский язык.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://www.imgburn.com/">ImgBurn</a></b> - наверное самое мощное средство для записи дисков, которое существует. Иногда нужно записать что то сложное и с кучей настроек. Можно просто писать диски. Бесплатная. Русский качается отдельно.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://plsoft.narod.ru/calc.html">SimpleCalc</a></b> - неплохой строчный калькулятор. Из всех «строчников» выбрал его просто потому что приглянулся интерфейс. При работе просто не заменим. Бесплатная. Русский язык.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsobWgVGJe4lkNlbYJdiWbc2RyXh-lhCo2EImGlzcPNDw2va7ZnLS_AaNimWADfh_MgAFrs4NmxzXcVmJh_Z9-iassC3j-dQT-d0CNQ87dOVt9T3IpLxT_ZAIzlahXJWCE7bKwCgLOEvc/s1600/soft_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsobWgVGJe4lkNlbYJdiWbc2RyXh-lhCo2EImGlzcPNDw2va7ZnLS_AaNimWADfh_MgAFrs4NmxzXcVmJh_Z9-iassC3j-dQT-d0CNQ87dOVt9T3IpLxT_ZAIzlahXJWCE7bKwCgLOEvc/s320/soft_3.jpg" width="320" /></a></div><br />
<br />
<div style="text-align: justify;"><b><a href="http://www.flashdevelop.org/">Flash Develop</a></b> - отличный редактор кода. В нём я программирую на Action Script. Бесплатна. Русский качается отдельно.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://neonhtml.freehostia.com/">NeonHTML</a></b> -редактор HTML и CSS с просмотром страницы во время редактирования. Должен быть установлен IE. Бесплатная. Русский язык.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZV5ACYfL0VCjeNKXjTR1jdrNzzpsITNwajUc-H2XLJCZB_LMzD_9p5VYX5S0I1Q_RLdwzVfIFT45UawGh8pjSFtnFE-vM1BpDw3J284tkp0vBJGwwtmpO4j9xGtr-HCqzTmaza_zrzsk/s1600/soft_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZV5ACYfL0VCjeNKXjTR1jdrNzzpsITNwajUc-H2XLJCZB_LMzD_9p5VYX5S0I1Q_RLdwzVfIFT45UawGh8pjSFtnFE-vM1BpDw3J284tkp0vBJGwwtmpO4j9xGtr-HCqzTmaza_zrzsk/s1600/soft_4.jpg" /></a></div><br />
<div style="text-align: justify;"><b><a href="http://www.xnview.com/en/">XnView</a></b> - уникальный в своём роде кроссплатформенный графический комбайн. Поддержка более 400 форматов (в т. ч. превью XAR файлов), очень удобный в использовании, можно полностью автоматизировать большинство процессов, постоянно обновляется. Альтернативы просто не существует. Бесплатная. Русский язык..</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://www.stdutility.com/stduviewer.html">STDU View</a>er </b>- хороший просмотрщик документов в форматах FB2, DJVU, PDF, XPS, CBR, PCX, WWF... Всё в одном флаконе. Бесплатна. Русский язык.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="http://ru.libreoffice.org/"><b>Libre Office</b></a> - офис которым я пользуюсь уже более 10 лет (название менялось несколько раз). Быстрый, мощный, много плагинов. Бесплатная. Русский язык.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="https://www.ashampoo.com/ru/rub">Ashampoo Office 2010</a></b> - мой самый любимый офис, который я наконец то купил (за 200 рублей по акции). Пользуюсь теперь исключительно им. Не потому что скажем IBM Lotus хуже или Libre Office чего то не умеет, просто мне нравится интерфейс и компактность. Платный. Русский язык.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><a href="http://color-wheel.info/">Harmony finder</a></b> - цветовое колесо. Бесплатная. Английский язык.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJn4khlLLOvjf-o4dHU24Cs7k63-pvLCR4CUg8IrCFkioTn_BJPyWxSqX-IcDg9FXvGFGOwP7-8Y21o56NRrd8RY9amQiZx9YRSlmi52KEElK6lbWi4QCkMwzAi_yzz934BwRTo71Tars/s1600/soft_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJn4khlLLOvjf-o4dHU24Cs7k63-pvLCR4CUg8IrCFkioTn_BJPyWxSqX-IcDg9FXvGFGOwP7-8Y21o56NRrd8RY9amQiZx9YRSlmi52KEElK6lbWi4QCkMwzAi_yzz934BwRTo71Tars/s1600/soft_5.jpg" /></a></div><br />
<b><a href="http://www.smokingun.co.uk/index/downloads">RGB2CMYK</a></b> - конвертер RGB TIFF в CMYK TIFF. С помощью этой программы я обычно готовлю файлы TIFF в печать. Стандартный экспорт Xara в CMYK TIFF уже давно не обновлялся и работает довольно криво. В одном из уроков я обязательно расскажу об этой программе. Бесплатная. Английский язык.<br />
<br />
<b><a href="http://sk1project.org/modules.php?name=Products&product=uniconvertor&op=download">UniConverter</a></b> - единственный из существующих конвертеров из файлов CDR в нормальные векторные форматы, которые можно открыть любой программой. Бесплатная. Английский язык.<br />
<br />
<b><a href="http://www.adobe.com/">Adobe Photoshop</a></b> - сюрприз :). Вы думали я ярый поклонник freeware software и пользуюсь каким то бесплатным редактором? Вообще да, я поклонник OpenSorce, но замены Photoshop пока нет, просто потому что это единственная программа с полной поддержкой всех стандартных цветовых пространств и печатных стандартов. Платная. Русский язык. (Я использую английскую версия, потому что не люблю исковерканную переводом терминологию.)<br />
<br />
<b><a href="http://www.adobe.com/">Adobe Illustrator</a></b> - хотя я в нём и не рисую ничего, но все типографии с которыми я работаю требуют файлы AI10. Платная. Русский язык.<br />
<br />
<b><a href="http://www.blender.org/">Blender</a></b> - 3D программа в которой я уже много лет работаю. Когда то пытался изучать 3D Max, Maya, но как то не проникся их психологией. Blender же сразу привлёк тем, что все действия можно делать с помощью горячих клавиш, не забираясь в меню. А я терпеть не могу листать различные меню. Бесплатная. Английский язык.<br />
<br />
<b><a href="http://www.daz3d.com/i/software/daz_studio">DAZ Studio</a></b> - младшая сестра Poser, да и побыстрее работает. Программа для анимации персонажей в 3D. Имеет статус «<em>Free for a limited time!</em>», не знаю что это значит, но вот пользуюсь бесплатно уже пару лет и ничего. Русский нужно искать отдельно.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ05cTGP0sXKfkiqQ9a0HgNRhyeaaSHEus1JeY81Pif4B-e-pkUn__1bDIWrqBNj4eV2Popj0iV1oVCQBsnd7imQ6I7sNqSJRxCBteoZcDe-niXLWT_a3TFCWjHqUrv-1DJ-C0up-zn0/s1600/soft_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ05cTGP0sXKfkiqQ9a0HgNRhyeaaSHEus1JeY81Pif4B-e-pkUn__1bDIWrqBNj4eV2Popj0iV1oVCQBsnd7imQ6I7sNqSJRxCBteoZcDe-niXLWT_a3TFCWjHqUrv-1DJ-C0up-zn0/s320/soft_6.jpg" width="320" /></a></div><br />
<b><a href="http://sketchup.google.com/">Google Sketchup</a></b> - программа для создания 3D моделей в формате Collada. Использую для открытия файлов в формате SKP. Бесплатная. Русский надо устанавливать отдельно.<br />
<br />
<b><a href="http://camstudio.org/">CamStudio</a> </b>- запись видео роликов с экрана, много настроек и возможностей, умеет делать swf. Бесплатная. Английский язык. (Русифицированные версии видел, но не помню где).<br />
<br />
<b><a href="http://cognitiveforms.ru/demo/">CuneiForm</a></b> - распознавание сканированных текстов. Распознаёт на твёрдую четвёрочку. Бесплатная для домашнего использования. Русский язык.<br />
<br />
<b><a href="http://www.videospin.com/Redesign/">Pinnacle VideoSpin</a></b> - упрощённый видео редактор от всем известной компании. Использую что бы совершать простейшие операции с видео файлами. Бесплатная. Русский язык..<br />
<br />
<b><a href="http://usa.autodesk.com/adsk/servlet/pc/item?id=10775855&siteID=123112">Autodesk FBX Converter 2012</a></b> - конвертер FBX, DAE, OBJ, 3DS. Можно просматривать анимацию в Collada и FBX. Бесплатная. Английский язык.<br />
<br />
Вот приблизительно и все используемые мной программы, которые так или иначе касаются веб-графики или полиграфии. Я конечно не стал упоминать различные программы генераторы спиралей или конвертация растрового изображения в векторные точки. Таких программ очень много и они редко пригождаются.<br />
Как и обещал даю рекомендации какие программы интересно посмотреть:<br />
<br />
<b><a href="http://www.creativedocs.net/">Creative Docs.NET</a></b> - отличный векторный редактор с поддержкой CMYK и экспортом в PDF. Бесплатная. Английский язык.<br />
<br />
<b><a href="http://www.serif.com/">Serif</a></b> - различные программы для работы с графикой. Фоторедактор, векторный редактор, визуальный веб редактор... Все программы выполнены на пятёрку: удобный интерфейс, много инструментов. Программы платные, но есть и бесплатные версии с урезанными возможностями. Например нельзя экспортировать файл ни во что кроме, как сохранить в собственный формат программы (но мы то знаем что можно просто установить себе PDF принтер и распечатывать файл в PDF :) ). Стоят кстати недорого, но по качеству (сугубо моё личное мнения) на много превосходят продукты компании Corel, и в то же время гораздо дешевле. Русифицированные версии бывают.<br />
<br />
<b><a href="http://www.irfanview.com/">IrfanView</a></b> - популярный за рубежом просмотрщик. Довольно функциональный, но автор немного странноват. Бесплатная. Русский надо качать отдельно.<br />
<br />
<b><a href="http://www.pl32.com/">PhotoLine</a></b> - мощный графический редактор. Работает с CMYK и LAB. Растрово-векторно-анимационно-верстательно-издательски-всёчтоможноинельзятельский комбайн. Когда то я хотел перейти на эту программу, но в ней есть довольно большой минус - очень запутанный интерфейс, разработчики нагромоздили всего побольше друг на дружку. Хотя наверное можно привыкнуть. Платная, но стоит всего 60 евро. В комплекте идёт несколько языков, но русского нет. Эта программа стала реальным спасением для некоторых бедных типографий, когда всем пришлось покупать лицензионный софт.<br />
<br />
<b><a href="http://paintnet.ru/">Paint.NET</a></b> - популярный растровый редактор, очень удобный и быстрый. Минус в том что работает только в RGB. Я бы им пользовался вместо Photoshop будь там поддержка CMYK. Бесплатная. Русский язык.<br />
<br />
<b><a href="http://www.imagemagick.org/script/index.php">ImageMagic</a></b> - набор утилит для работы с графикой. Утилиты естественно консольные. Используются программистами. Например можно взять <b><a href="http://www.autohotkey.com/">AutoHotKey</a></b> и написать GUI приложение для применения определённых фильтров к определённым графическим файлам. Ну или просто использовать утилиты из консоли, если не собираетесь писать собственную графическую программу. Бесплатная. Язык... C++, Java, Python, PHP... :)</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-65571142370170120242011-09-19T17:39:00.000+04:002011-09-19T17:39:13.747+04:00Работа с цветом. Часть 1.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться работать с цветовыми палитрами.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">В Xara существует несколько способов задать цвет объекту. Я сейчас рассмотрю один из основных - палитры.</div><div style="text-align: justify;"></div><a name='more'></a><br />
<div style="text-align: justify;">Для начала я Вам напомню о двух режимах отображения цвета: экранный и печатный. Эти режимы выбираются в <b>Window>Show Printer Colours</b>. Если Вы создаёте веб-страничку или планируете размещать изображения в электронном виде, то устанавливайте режим <b>Screen Colours</b>. Если Вы планируете печатать свой макет, то работайте в режиме <b>Simulate Print Colours</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Как задать цвет объекта из палитры? Самый простой способ это навести курсор на цветовой маркер внизу экрана и кликнуть на него. Левый клик устанавливает цвет заливки, а правый цвет линии. В левом нижнем углу расположено несколько инструментов.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxSuDrv_h4aDCP1g8K10B353Bt21KyE9-MVS53rDEhOUdQr7tFgVN_wGn2zpYdm6Xxf84xo8NHR_0rdozBKABtp4BIRJHjN2bEABAEUcqL9M6Rxk8TWasQDUMzdVaY-fydR8aIwpaTZM/s1600/color_1_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxSuDrv_h4aDCP1g8K10B353Bt21KyE9-MVS53rDEhOUdQr7tFgVN_wGn2zpYdm6Xxf84xo8NHR_0rdozBKABtp4BIRJHjN2bEABAEUcqL9M6Rxk8TWasQDUMzdVaY-fydR8aIwpaTZM/s1600/color_1_1.jpg" /></a></div><br />
<ol style="text-align: justify;"><li>Отображает цвет заливки и обводки (линии) выбранного объекта. Сейчас у моего объекта нет обводки (или же она прозрачна) и это показано косой клеткой на белом фоне.</li>
<li>Включает диалоговое окно <b>Colour editor</b> (<b>ctrl+e</b>).</li>
<li>Пипетка. Работает так же как и в остальных программах: зажимаете левую кнопку мыши и перемещаете курсор к нужному цвету (например на фотографии в браузере), затем отпускаете и выделенный объект становится нужного цвета. Если в Colour editor включен режим CMYK - цвет получится не правильный, потому что пипетка работает в RGB режиме.</li>
<li>Прозрачный цвет. Это так называемый альфа-канал. Не путайте с полным отсутствием цвета, это не пустота. Это именно «невидимый» цвет. Если его задать объекту, то объект никуда не исчезнет.</li>
</ol><div style="text-align: justify;">Далее идёт палитра или палитры цветов. Мне например часто приходится в работе использовать палитру Pantone solid coated, и будет разумным перенести её на нижнюю панель. Откройте цветовую галерею (<b>Utilities>Galleries>Colour Gallery...</b>), выделите нужную палитру, кликните на ней правой кнопкой мыши и в выпадающем меню выберите <b>Show in Colour Line</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_aP4fnSIha_KzOO1_ZxGhAiawRvX0OUVlISdpcDoCyQYzOOPpfb43v7BGxjpkDBsQIyPjCpaZ2AH0C3SvfH0wivqpmnuM72WfzQ68UC4JuSHYbmYuBFAn525jmmpLMEIrByYEse8wTbc/s1600/color_1_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_aP4fnSIha_KzOO1_ZxGhAiawRvX0OUVlISdpcDoCyQYzOOPpfb43v7BGxjpkDBsQIyPjCpaZ2AH0C3SvfH0wivqpmnuM72WfzQ68UC4JuSHYbmYuBFAn525jmmpLMEIrByYEse8wTbc/s1600/color_1_2.jpg" /></a></div><br />
<br />
<br />
<br />
<div style="text-align: justify;">Так же Вы наверное заметили, что у меня здесь есть такие странные палитры с названиями «3640х2100_mashina.xar» и «Untitled2*». Это цветовые палитры которые создаю я сам в файлах в которых работаю. В первом файле у меня сейчас есть заданные мною цвета, я действительно сейчас делаю макеты для широкоформатной печати, а во втором файле я делаю скриншоты, которые вставляю в блог и там я не задаю своих цветов, но пустая палитра уже заранее создана (звездочка после названия второго файла означает, что я его изменил, но не сохранил).</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-K6RkSTFhPlTyoj3gHDFoeqf7rB4Rz_6JO-X7axuLhMU6wUnD1z2Oj4wOOwBKtqkeqpVPpcAphVgbt8GDbIzAACt6xSTn0Cb0z3jy23GTlzbr85zAAMCnKOIy81Kdr0w7eIU-pP6o0oo/s1600/color_1_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-K6RkSTFhPlTyoj3gHDFoeqf7rB4Rz_6JO-X7axuLhMU6wUnD1z2Oj4wOOwBKtqkeqpVPpcAphVgbt8GDbIzAACt6xSTn0Cb0z3jy23GTlzbr85zAAMCnKOIy81Kdr0w7eIU-pP6o0oo/s1600/color_1_3.jpg" /></a></div><br />
<div style="text-align: justify;">Возьмите себе за правило всегда создавать именованные цвета. Если такой цвет изменить, то все объекты закрашенные им так же изменят свой цвет.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9OlyOrOYMY34h2uSU0gR4K6kbIznSzY1GrK_ZEBN6QpNosgXGC8OUZil20cPRhL4xyaKhGcTs7MAVYAc9T8b4rfgGaUP9KS11C7PpgTmNIkix9qDOWilgUv_QRdwbGppFrf6cnTjL3Y/s1600/color_1_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9OlyOrOYMY34h2uSU0gR4K6kbIznSzY1GrK_ZEBN6QpNosgXGC8OUZil20cPRhL4xyaKhGcTs7MAVYAc9T8b4rfgGaUP9KS11C7PpgTmNIkix9qDOWilgUv_QRdwbGppFrf6cnTjL3Y/s1600/color_1_4.jpg" /></a></div><br />
<div style="text-align: justify;">Допустим у меня есть рисунок изображающий густую траву. Здесь три сегмента травы в три ряда. Впечатление глубины создаёт различный размер сегментов и градиентная заливка: внизу тёмный зелёный, сверху светлый. Я создал два зелёных цвета и покрасил ими траву. Но потом заказчик решил, что должна быть нарисована осенняя трава и нужно перекрасить её в оранжевые цвета.</div><div style="text-align: justify;">Не нужно выделять каждый сегмент рисунка и заново перекрашивать, можно просто отредактировать цвета в палитре. Для этого кликните правой кнопкой мыши на нужный цвет и в выпадающем меню выберите пункт <b>Edit</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnXm6oYCwVPnBexQJQ8avTD0LO8HqB18RT98saUCACpYKEmo29QaB_qYBTWHhEktQqh49C_Ce4usgbtcgW2sq-yS6qXncC5SMrA-l-XPu0Nzn-WuiQHrT9LnV9hcaNLVEImASi-OwyCc/s1600/color_1_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnXm6oYCwVPnBexQJQ8avTD0LO8HqB18RT98saUCACpYKEmo29QaB_qYBTWHhEktQqh49C_Ce4usgbtcgW2sq-yS6qXncC5SMrA-l-XPu0Nzn-WuiQHrT9LnV9hcaNLVEImASi-OwyCc/s1600/color_1_5.jpg" /></a></div><br />
<div style="text-align: justify;">Откроется стандартное диалоговое окно <b>Colour Editor</b>, где можно изменить цвет на любой другой.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKhTLqvZItsIGbYrPcz7EudGUCEHIOmxr67UU8-7yWtdeOlG443e3lQGcSze_j48nLLrQ-dMSdWgiN8WdjJiPGpR0EWfimTPyKeY19mlNbDxvPA4tH_5CY6p08E9kDOpvpVJ5rmeBO05M/s1600/color_1_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKhTLqvZItsIGbYrPcz7EudGUCEHIOmxr67UU8-7yWtdeOlG443e3lQGcSze_j48nLLrQ-dMSdWgiN8WdjJiPGpR0EWfimTPyKeY19mlNbDxvPA4tH_5CY6p08E9kDOpvpVJ5rmeBO05M/s1600/color_1_6.jpg" /></a></div><br />
<div style="text-align: justify;">К сожалению в Xara нет такого мощного инструмента как <b>Magic Wand</b> в <b>Adobe Illustrator</b> или «Поиск и Замена» в <b>Macromedia Freehand</b>. Поэтому старайтесь быть аккуратными заранее и не ленитесь создавать цвета в палитре.</div><div style="text-align: justify;">Так же в палитрах работает Drug&Drop, то есть можно просто выбрать цвет, зажать левую кнопку мыши, потянуть квадратик с цветовым маркером к нужному объекту и «положить» на него. Объект тут же окрасится.</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com2tag:blogger.com,1999:blog-2542471459558919935.post-35120417602902995882011-08-16T15:02:00.000+04:002011-08-16T15:02:44.953+04:00Создание сайта. Выпадающее меню.<div dir="ltr" style="text-align: left;" trbidi="on"><i><b>Задача:</b></i><br />
Научиться делать выпадающее меню.<br />
<br />
<i><b>Урок:</b></i><br />
Для начала нужно нарисовать кнопку меню и расположить её на странице. Вот что получилось у меня.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFSFLwUHwrkEaxzqHQiYISlBkmBk4qffK0cYegRgBwOxUSIjkjWis8t9YBaFOK0x1Q9rTD7gdi3tGEZFu9RX3tms4F_9_MePdNFjg8x7gAymp7Y7VG0a-Kr6KDdYpwxqowVZJYPdRXsE/s1600/menu_1.jpg" /></div><a name='more'></a><br />
<div style="text-align: justify;">Кнопка - это сгруппированный объект. Текст на кнопке так же входит в группу и у него выбрана центральная ориентация. Это сделано для того что бы какой бы текст потом не был на кнопке - он будет всегда расположен по центру.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNiEqK0KaZlu8hvYyejTGsU49VNDThSxG9d3Mtx8DWuTNpL-7toXJ-uNFl49P4iX_BjYHXzHiMtoc4DNvX2lXtboQv7HM24-zuvytMVLppV-NM7BdnnvrHMsb9nxG5WbUJhfnxEDlwsPk/s1600/menu_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNiEqK0KaZlu8hvYyejTGsU49VNDThSxG9d3Mtx8DWuTNpL-7toXJ-uNFl49P4iX_BjYHXzHiMtoc4DNvX2lXtboQv7HM24-zuvytMVLppV-NM7BdnnvrHMsb9nxG5WbUJhfnxEDlwsPk/s1600/menu_2.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Теперь скопируйте кнопку в буфер обмена (<b>ctrl+c</b>), перейдите на слой <b>MouseOver</b> и вставьте кнопку на то же самое место (<b>shift+ctrl+v</b>). Поменяйте кнопке цвет, каким он должен быть при наведении курсора мыши. Вы это уже должны уметь, потому как читали первый урок. После этого нужно выделить обе кнопки и нижнюю и верхнюю и создать мягкую группу (<b>Arrange>Apply Soft Group</b>). Такая группа не переносит объекты с других слоёв в один и не изменяет порядок их расположения.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEomT0QtkGOsSmu65AYX6d78M7IvS-vRPnoCaSVOkpnG1ABErD4IHmOh-MSuK6C8jDSurg5wBsqb88TM3_y6H8dxyWaghaG5YRAE6mpwcHNhknPL15oGwKtFw0AHQP9GpzwLHRmqVK4Yo/s1600/menu_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEomT0QtkGOsSmu65AYX6d78M7IvS-vRPnoCaSVOkpnG1ABErD4IHmOh-MSuK6C8jDSurg5wBsqb88TM3_y6H8dxyWaghaG5YRAE6mpwcHNhknPL15oGwKtFw0AHQP9GpzwLHRmqVK4Yo/s1600/menu_3.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Не снимая выделения с группы кликните правой кнопкой мыши по ней и выберите пункт меню <b>Create Navigation Bar</b>. Перед Вами появится окно настройки выпадающего меню.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ALS_FuH8HqR_uB-7jS0K57DXi7YZGOkKE09vg57QTO1MHPpeNKgo4sLXE13t0FxChQiyytmFX8_W5c0w00ssT_t143SuYZ-xQCjZg0NYpmvBfOlg7cOAv83wXijoQb2Kyz69yFEIUaA/s1600/menu_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ALS_FuH8HqR_uB-7jS0K57DXi7YZGOkKE09vg57QTO1MHPpeNKgo4sLXE13t0FxChQiyytmFX8_W5c0w00ssT_t143SuYZ-xQCjZg0NYpmvBfOlg7cOAv83wXijoQb2Kyz69yFEIUaA/s1600/menu_4.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Здесь всё просто. Ориентация горизонтальная или вертикальная, дальше идёт выравнивание, ниже расположение кнопок. Больше опций к сожалению нет - для более сложных меню нужно добавлять javascript или flash ролики.</div><div style="text-align: justify;">В окне Buttons and Menu составляете древовидную структуру. Когда Вы вписываете свой текст в заголовок, то текст на кнопке изменится. Сделайте двойной клик в пункте <b>(Double-click to add button)</b> и у Вас появится дополнительная кнопка, Xara продублирует её автоматически. Вот какое меню сделал я.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZKNvY46kbMgiUUzP99209-C3-EqyNFC_jM7ebkbIlvvwAkOM5CGp1DX3uOh6r_Fww_AqjP7VoYNzaq6a9jyjmXeI2DaFQ73g57SCsa0HO27ZP2j11jBChlH9NARxK7rLCs6uJGUVnQM/s1600/menu_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZKNvY46kbMgiUUzP99209-C3-EqyNFC_jM7ebkbIlvvwAkOM5CGp1DX3uOh6r_Fww_AqjP7VoYNzaq6a9jyjmXeI2DaFQ73g57SCsa0HO27ZP2j11jBChlH9NARxK7rLCs6uJGUVnQM/s1600/menu_6.jpg" /></a></div><br />
И вот что получилось когда я нажал <b>File>Preview web page</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOprartHHfX3k6wx0SbQV5-OiEuCrmZsLhYqkBJ9H2bSlQFBOXPgMZPsfVU7XMbR9kbJTEpnZwv5CYku2TXQTYBiD4wYL2QMurxbqZ7TOsa3_kbj1wB2UNDyuWMWQI3D2ysfZ6fIjKjmg/s1600/menu_7.jpg" /> </div><div class="separator" style="clear: both; text-align: justify;">Что бы попасть в окно редактирования меню нужно опять кликнуть на группу правой кнопкой мыши и выбрать пункт меню <b>Edit Navigation Bar</b>.</div><div class="separator" style="clear: both; text-align: justify;">Справа внизу есть кнопка <b>Menu style</b>, нажав её Вы попадёте в меню настройки стиля выпадающих вкладок.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSaWCtBaag9ZvxaIaHVgjOxJEK0bo5eS_VmxiDfT_Af9WOx9z7Ev5zvUyUamGb1lEDlI20gkPWsIV56hPb_wZCM9ylUTYRguyFBOgiL3X4oii_BHDWaCVhsB9X2rzqhc799OnXuQ4AlA/s1600/menu_8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSaWCtBaag9ZvxaIaHVgjOxJEK0bo5eS_VmxiDfT_Af9WOx9z7Ev5zvUyUamGb1lEDlI20gkPWsIV56hPb_wZCM9ylUTYRguyFBOgiL3X4oii_BHDWaCVhsB9X2rzqhc799OnXuQ4AlA/s1600/menu_8.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Здесь к сожалению тоже очень мало настроек.</div><ul style="text-align: left;"><li><b>Font</b> - шрифт.</li>
<li><b>Bold</b> - жирный шрифт (италика почему то нет).</li>
<li><b>Font size</b> - размер шрифта.</li>
<li><b>Direction </b>- направление выпадения меню.</li>
<li><b>Horizontal offset</b> - расстояние от края кнопки по горизонтали.</li>
<li><b>Spacing</b> - расстояние между пунктами меню.</li>
<li><b>Border</b> - рамка.</li>
<li><b>Animation</b> - скорость появления.</li>
<li><b>Transparency</b> - прозрачность.</li>
<li><b>Vertical offset</b> - расстояние от края кнопки по вертикали.</li>
<li><b>Menu background</b> - цвет фона.</li>
<li><b>Menu text </b>- цвет шрифта.</li>
<li><b>Menu background (over)</b> - цвет фона при наведении курсора мыши.</li>
<li><b>Menu text (over)</b> - цвет шрифта при наведении курсора мыши.</li>
<li><b>Border</b> - цвет рамки.</li>
</ul><div class="separator" style="clear: both; text-align: justify;"> </div><div class="separator" style="clear: both; text-align: justify;"> После того как Вы введёте все пункты меню, настроите стили - задайте каждому пункту ссылку на нужную страницу в поле URL, а в поле Tooltip можно добавить стандартную HTML всплывающую подсказку.</div><div class="separator" style="clear: both; text-align: justify;">Меню получается довольно простенькое и аскетичное, но для многих проектов этого достаточно. Продублируйте меню на остальные страницы как это было рассказано в первом уроке (Repeat on all pages) и простенький сайт с интересным меню - готов.</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-84685074648797254512011-08-16T12:40:00.001+04:002011-08-16T12:47:48.184+04:00Сохранение файла для Adobe Illustrator.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Сделать в Xara макет, который потом можно открыть в Adobe Illustrator для последующего сохранения в AI версии 10 с линкованными растровыми файлами.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Это довольно маленький, но полезный урок для тех, кто подаёт свои макеты в печать и где требуют правильно составленный AI10.</div><br />
<a name='more'></a><br />
<div style="text-align: justify;">Мне недавно нужно было пересобрать чужой макет масла с одного типа упаковки на другой. Я взял присланный мне исходник растрового изображения в формате PSD и немного подработал. Ниже на рисунке показан исходный файл.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOoAwWGSvkVMQWncXULbMoFXBrCG2R1TMvNRGKffaW4QmZiLIhUGkuc7YHf1T6mGgiTywSQsgKTwUY5qV6Kaz8vwo29yEZtvXUnbU1izb8E6VgrCRyjwtoqddJkTJSs4-rwRNPMxM_Wrs/s1600/ai_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOoAwWGSvkVMQWncXULbMoFXBrCG2R1TMvNRGKffaW4QmZiLIhUGkuc7YHf1T6mGgiTywSQsgKTwUY5qV6Kaz8vwo29yEZtvXUnbU1izb8E6VgrCRyjwtoqddJkTJSs4-rwRNPMxM_Wrs/s1600/ai_1.jpg" /></a></div><br />
<div style="text-align: justify;">На рисунке ниже видно, что я убрал с изображения весь чёрный цвет, потому что на фольге его печать не нужно, он очень грязнит. Так же я разделил изображение на несколько частей.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9CuYFC0Z9-nSDOcQnSwRkE6r5IQTMkKMTUZDa709-WmvS5r8GmQVXQDdHm3-3ZziMSDSLmystCrBQhaT8iB8tWYuuX0mugoejYdPLAThk6imuQhyhIWb0vni9QpfFZug2RUp6hs4RJ4/s1600/ai_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9CuYFC0Z9-nSDOcQnSwRkE6r5IQTMkKMTUZDa709-WmvS5r8GmQVXQDdHm3-3ZziMSDSLmystCrBQhaT8iB8tWYuuX0mugoejYdPLAThk6imuQhyhIWb0vni9QpfFZug2RUp6hs4RJ4/s1600/ai_2.jpg" /></a></div><br />
<div style="text-align: justify;">Каждый слой я сохранил в отдельный файл. У меня получилось следующее.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGYfFiAjU-WwglQvyi27NXcvmtVYEVWS3wCV3KZ9pf3N8-wp7zF0-tf8aby1AoT61ePuApqEWu_Vy1RRmooy6fplcOOcCE2LdJvLhGtIWUjJn0kkhksWFkWlHa78UCksZbcOhvfj2CMU/s1600/ai_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGYfFiAjU-WwglQvyi27NXcvmtVYEVWS3wCV3KZ9pf3N8-wp7zF0-tf8aby1AoT61ePuApqEWu_Vy1RRmooy6fplcOOcCE2LdJvLhGtIWUjJn0kkhksWFkWlHa78UCksZbcOhvfj2CMU/s1600/ai_3.png" /></a></div><br />
<div style="text-align: justify;">Три файла PSD!!!, все названы ЛАТИНСКИМИ буквами!!! Будьте внимательны. Когда работаете с компьютером, то забудьте про русские (украинские, белорусские, польские и т.д.) названия файлов. Русских названий не бывает, только латиница. И файлы должны быть именно PSD, что бы сохранился альфа-канал и правильно отработался в Illustrator.</div><div style="text-align: justify;">Затем в Xara я собрал макет под чертёж. Все цвета нужно делать <b><span style="color: #3d85c6;">C</span><span style="color: magenta;">M</span><span style="color: #f1c232;">Y</span>K</b>. Если у Вас программа настроена по умолчанию, то в нижней цветовой палитре представлены web цвета <b><span style="color: red;">R</span><span style="color: #6aa84f;">G</span><span style="color: blue;">B</span></b>, поэтому цвета нужно замешивать вручную или добавить на нижнюю панель палитру из <b>Colour Gallery</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDGecA4AFYCCG-IhI0MAykYedSBxmcZ79FzFIg6shnTO_QdjG-YJTZ0kho9w_s7Uw5Qw6OeRLUcryi-l4_sSRjEC6Wr3gmvvSW3pXiljP7RIVmLjWYCGOY_WbcjcEoKqalwwMXDGb37v4/s1600/ai_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDGecA4AFYCCG-IhI0MAykYedSBxmcZ79FzFIg6shnTO_QdjG-YJTZ0kho9w_s7Uw5Qw6OeRLUcryi-l4_sSRjEC6Wr3gmvvSW3pXiljP7RIVmLjWYCGOY_WbcjcEoKqalwwMXDGb37v4/s1600/ai_4.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Как видите, некоторые части растровых изображений вылезли за пределы отведённого под лицевую сторону поля. Я не буду их обрезать. Всю центральную часть нужно поместить в <b>Clip</b>. Для этого я сделал прямоугольник в размер лицевой части упаковки и поместил под изображения, затем выделил и нажал <b>Q</b>. Подробно про помещение объектов в <b>Clip</b> описано <a href="http://xaradesigners.blogspot.com/2011/06/xara.html">здесь</a>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdahppNPzVtAfpRbObKAFK48ulg9p9bpA1Og5I4qMNWRYWx0grbGtjc3X60dv592QV4QCSVkDvrMzMYnU0gF_hyVvSIOol3ukGdHEBhMbj5VIfWjThflXE_fq3OfMhr8TaiWWZaL1Ij20/s1600/ai_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdahppNPzVtAfpRbObKAFK48ulg9p9bpA1Og5I4qMNWRYWx0grbGtjc3X60dv592QV4QCSVkDvrMzMYnU0gF_hyVvSIOol3ukGdHEBhMbj5VIfWjThflXE_fq3OfMhr8TaiWWZaL1Ij20/s1600/ai_5.jpg" /></a></div><br />
<div style="text-align: justify;">После того как макет был собран, я расположил его на листе и экспортирую в PDF. Ниже приведены параметры которые следует использовать при экспорте.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIlrNDHUru6eml5mgK8z_n1OeNOBGwk7kLFIyksXLeXDZ8exm519Tq3bj-SYfnZD4X5Df9ssusnkk-Vnre3FjF7n-u9pQa64NTezRdmkulmvWjXCw8JJjXbYXrQN5RDtnNcPyDXV3-x14/s1600/ai_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIlrNDHUru6eml5mgK8z_n1OeNOBGwk7kLFIyksXLeXDZ8exm519Tq3bj-SYfnZD4X5Df9ssusnkk-Vnre3FjF7n-u9pQa64NTezRdmkulmvWjXCw8JJjXbYXrQN5RDtnNcPyDXV3-x14/s1600/ai_6.jpg" /></a></div><br />
<div style="text-align: justify;">Опция <b>Preserve Groups</b> нужна для сохранения групп. Опция <b>Use Unicode for text encoding</b> используется для сохранения всех текстов в юникоде, что является правильным ходом, конечно если у Вас шрифты конвертированы в юникод, как у меня. Если же Вы никогда не задумывались в какой кодировке шрифты установленные на Вашем компьютере, то скорее всего большинство шрифтов в кодировке Windows и после экспорта в файле будут видны лишь не читаемые символы. В этом случае все тексты конвертируем в кривые <b>Convert text into shapes</b>.</div><div style="text-align: justify;">После успешного экспорта, откройте файл в Adobe Illustrator и сохраните его в формате AI версии 10. Теперь выделите каждый растровый объект и задайте ему ссылку на свой файл.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn18zauk5-qG59Vdv1yRpCL5DzoeHBFMrSA2n4mL9l08bRbPU123CeuBFbV0_YbI5FwGfE-mKxLV7OKl-1e03J4zLqoOba5DuqSVPE-UL5hXkVI-JpwEIzB_5wgdGBwr2beqQo1O7MDE/s1600/ai_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn18zauk5-qG59Vdv1yRpCL5DzoeHBFMrSA2n4mL9l08bRbPU123CeuBFbV0_YbI5FwGfE-mKxLV7OKl-1e03J4zLqoOba5DuqSVPE-UL5hXkVI-JpwEIzB_5wgdGBwr2beqQo1O7MDE/s1600/ai_7.jpg" /></a></div><br />
<div style="text-align: justify;">Вот и всё. Полученный файл можно отправлять в типографию. К файлу AI следует приложить все файлы PSD, не забывайте это!</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-68078995612024807532011-08-12T23:38:00.000+04:002011-08-12T23:38:05.781+04:00Создаём простой сайт. Первый шаг.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Создать простой сайт в несколько страниц.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Xara как и другой визуальный редактор html позволяет быстро сделать сайт по принципу «как нарисовал - так и будет» или как это правильно называют аббревиатурой - WYSIWYG. На самом деле это очень плохой подход к созданию сайтов. Визуальные редакторы создают ужасный код и с ним впоследствии трудно работать. С другой стороны если нужно создать статический сайт, то здесь такие редакторы просто не заменимы.</div><div style="text-align: justify;">В Xara можно добавлять flash ролики, javascript меню, листы стилей, и многое, многое другое, но сначала нужно понять основной принцип создания сайтов.</div><a name='more'></a><div style="text-align: justify;">Представим, что Вам нужен сайт-визитка например с такими страницами: главная, услуги, контакты.</div><div style="text-align: justify;">Создайте новый документ <b>File>New>955 pix web page</b>. Откройте теперь галерею страниц и слоёв и посмотрите какую структуру приняла страница. Появились два слоя: <b>MouseOff</b> и <b>MouseOver</b>. На слое <b>MouseOff</b> Вы будете располагать весь свой контент, а на слое <b>MouseOver</b> - состояние объекта при наведении на него курсора мыши. Используя это нарисуем меню. Я сделал вот такую начальную страницу.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTa2ytqHP0m-FV8kRSkL4VPDHNi3xSDN4QhyHe27mrVmgVJl8Nou76ducJJrPoxfYLTEugWhgZ5VcQgf9VdUNfkUXkg1zvCkRfynSm7esJ7LDN-t3znnfwCJyeg_kU2sZNbWmbGmLEf0/s1600/site_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="405" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTa2ytqHP0m-FV8kRSkL4VPDHNi3xSDN4QhyHe27mrVmgVJl8Nou76ducJJrPoxfYLTEugWhgZ5VcQgf9VdUNfkUXkg1zvCkRfynSm7esJ7LDN-t3znnfwCJyeg_kU2sZNbWmbGmLEf0/s640/site_1.jpg" width="640" /></a></div><br />
<div style="text-align: justify;">Справа вверху я расположил три кнопки меню, которые должны ссылаться на три страницы. Выделите первую кнопку, кликните на ней правой кнопкой мыши, и в меню выберите пункт <b>Name</b>. В появившемся окне задайте кнопке имя и нажмите кнопку <b>Add</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXskPO2ZdInZlhYss26isBZ0vEh8-D-tQVLLhrzc5uyAz-4vn9dhCzxpZvXPAQOfjwckf8I4AXk1MgU5yKKWMrKQpzFIFj36w5vW-3toVFf4nP0Y0sK_t5fDO8frOSN8pxAvLs9azZ1ZQ/s1600/site_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXskPO2ZdInZlhYss26isBZ0vEh8-D-tQVLLhrzc5uyAz-4vn9dhCzxpZvXPAQOfjwckf8I4AXk1MgU5yKKWMrKQpzFIFj36w5vW-3toVFf4nP0Y0sK_t5fDO8frOSN8pxAvLs9azZ1ZQ/s1600/site_2.jpg" /></a></div><br />
<div style="text-align: justify;">Теперь нужно задать кнопке действие. Опять сделайте правый клик курсором на кнопке и выберите пункт меню <b>Web Properties</b>. Сейчас нас интересует вкладка <b>Link</b> - ссылка. В данном уроке я не буду рассказывать подробно все опции этого окна, всё это я буду раскрывать постепенно в последующих уроках. Поэтому найдите в этой вкладке пункт <b>Link to</b> и в выпадающем списке нажмите <b><Next page></b>, что значит «перейти на следующую страницу». Настоящие ссылки мы добавим потом, когда создадим ещё две страницы.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpT10V-mZg5IjzWRNYWY_cL7lRQ-Je60lCZeWDFNU_2aaJgyDAZWT9-M1TDC5smTA1ejfl6DkG5vvdE6MyJ02LEHM2eGV324a5GvHphfKyOY_5HiuYJz0oJQr2qb1o6aEb5KoI74Ts-E/s1600/site_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpT10V-mZg5IjzWRNYWY_cL7lRQ-Je60lCZeWDFNU_2aaJgyDAZWT9-M1TDC5smTA1ejfl6DkG5vvdE6MyJ02LEHM2eGV324a5GvHphfKyOY_5HiuYJz0oJQr2qb1o6aEb5KoI74Ts-E/s1600/site_3.jpg" /></a></div><br />
<div style="text-align: justify;">Теперь скопируйте кнопку в буфер обмена <b>(ctrl+c)</b>, перейдите на слой <b>MouseOver</b> и вставьте кнопку на тоже самое место в этом слое <b>(shift+ctrl+v)</b>. Не разгруппировывая кнопку, что бы не задавать по новой имя и веб-свойства, я поменял ей цвет. Получилось, что на слое <b>MouseOff</b> у меня есть красная кнопка, а на слое <b>MouseOver</b> фиолетовая и у обоих этих кнопок задано одинаковое имя. Протестируйте страницу <b>File>Preview web page</b>. Теперь при наведении курсора на кнопку она будет менять свой цвет.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbaqM0TNEesbyMjJVcg1FDjIP_1FWRP_T7plr8zT8d3qpAzQIoD8NpQHWDH1GnOjGo4RkD2aeiwDOyLvsio0BVF9Wl3FfDLvgg_OfKWGwT7A93WNJnhFPdkukINgBOyAgt03Vu2ZtbWw/s1600/site_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbaqM0TNEesbyMjJVcg1FDjIP_1FWRP_T7plr8zT8d3qpAzQIoD8NpQHWDH1GnOjGo4RkD2aeiwDOyLvsio0BVF9Wl3FfDLvgg_OfKWGwT7A93WNJnhFPdkukINgBOyAgt03Vu2ZtbWw/s1600/site_4.jpg" /></a></div><br />
<div style="text-align: justify;">Проделайте те же операции с остальными кнопками.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin6iMERQuJ6otu9EGiS8DxVpWO_u7QfxW7XeebMpNwiprJTHu7YWvtSiw9N2b0UytUTMacqse84KpXBtL7ABO5VNLOiqe1t2ESioBJt3bLaLDLLv6Szio74lvA0YXdzOA7gkmHYC94RxQ/s1600/site_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin6iMERQuJ6otu9EGiS8DxVpWO_u7QfxW7XeebMpNwiprJTHu7YWvtSiw9N2b0UytUTMacqse84KpXBtL7ABO5VNLOiqe1t2ESioBJt3bLaLDLLv6Szio74lvA0YXdzOA7gkmHYC94RxQ/s1600/site_5.jpg" /></a></div><br />
<br />
<div style="text-align: justify;">Создайте две новых страницы <b>Edit>Pages>New Page</b> и назовите их.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidboPHDCwQDyJbOh0VmeaDl7nXIqTNrlO4G_WwKEY_wFvN-fIkvUbXzwyYfRtOBrJ3npKdar_JouMSOzzre_kWjKllpFRYd8-2__ZqckAYZBR5G9n2Um5Xq0qdVxXxCi9YBquemp90rpI/s1600/site_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidboPHDCwQDyJbOh0VmeaDl7nXIqTNrlO4G_WwKEY_wFvN-fIkvUbXzwyYfRtOBrJ3npKdar_JouMSOzzre_kWjKllpFRYd8-2__ZqckAYZBR5G9n2Um5Xq0qdVxXxCi9YBquemp90rpI/s1600/site_6.jpg" /></a></div><br />
<div style="text-align: justify;">Задайте каждой кнопке в веб свойствах <b>Link to</b> - на свою страницу. Сделайте это кнопкам на слое <b>MouseOff</b> и <b>MouseOver</b>. Теперь клик на кнопку приведёт Вас на нужную страницу.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij_M9dEs9UBISh9yngbUNb0q8kof93uG0bQcs57owpAAsPoCeRbofOfDgOCdvozOpwPLG3XFItlbgbFhb2pOSdKxODrg856GMXJGJ7WTl-OY6EBUI0foSt_SbvsIf1uf9WL-eMasvEAk/s1600/site_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij_M9dEs9UBISh9yngbUNb0q8kof93uG0bQcs57owpAAsPoCeRbofOfDgOCdvozOpwPLG3XFItlbgbFhb2pOSdKxODrg856GMXJGJ7WTl-OY6EBUI0foSt_SbvsIf1uf9WL-eMasvEAk/s1600/site_7.jpg" /></a></div><br />
<div style="text-align: justify;">Что бы кнопки меню автоматически продублировались на каждой странице, нужно просто выделить их, кликнуть правой кнопкой и выбрать пункт меню <b>Repeat on all pages</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuoYtVPfrAbVtDDF4GNxXcBdhXTMDDIrxgFzLzaXj-z9dux4FvBd7RL8EhJX-XmJjFTHstKTNL7JGkMg2aUtr6qFapn6nrK_-hLv7dtVz4OHGjTE_MAo_rf-NoA8UKer64ZPaH2ee6wY/s1600/site_8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuoYtVPfrAbVtDDF4GNxXcBdhXTMDDIrxgFzLzaXj-z9dux4FvBd7RL8EhJX-XmJjFTHstKTNL7JGkMg2aUtr6qFapn6nrK_-hLv7dtVz4OHGjTE_MAo_rf-NoA8UKer64ZPaH2ee6wY/s1600/site_8.jpg" /></a></div><br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;">После этого останется только наполнить контентом страницы и экспортировать сайт целиком в отдельную директорию.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTQZTyUOVtXA099KbX6cLDNQuPYixebKn58i9cg6Wg2nbytymOHaTyyvYA98ru9Zi0x4_HcHsiSDmDLB2Z4CjNLi92-UFlrVsjXlEUrLMZ7dujcC_lOW7p4f2-Q0u4WIxozoe1jN5037w/s1600/site_9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTQZTyUOVtXA099KbX6cLDNQuPYixebKn58i9cg6Wg2nbytymOHaTyyvYA98ru9Zi0x4_HcHsiSDmDLB2Z4CjNLi92-UFlrVsjXlEUrLMZ7dujcC_lOW7p4f2-Q0u4WIxozoe1jN5037w/s1600/site_9.jpg" /></a></div><br />
<div style="text-align: justify;">Этот урок хоть и простой, но очень важный. Постарайтесь вникнуть во все действия которые делаете, если что то не понятно - спросите. Все остальные уроки по сайтостроению будут базироваться на выше написанном. Разберитесь с именами объектов, со слоями, с дубликатами объектов. Повторите все действия снова и снова, пока не поймёте, как работают эти основы.</div><div style="text-align: justify;"><a href="https://sites.google.com/site/calebeltropicano/site.xar?attredirects=0&d=1">Файл исходник.</a></div><span id="goog_1389150380"></span><span id="goog_1389150381"></span></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com3tag:blogger.com,1999:blog-2542471459558919935.post-10371656373276578922011-07-20T12:56:00.001+04:002011-07-20T16:22:21.399+04:00Отрисовка в подробностях. Видео.<div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Следующий урок демонстрирует принципы работы в Xara во время отрисовки изображений.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFlih5Ox8AHcidXIoLy7ImHe51zhxxpBAYBIIjVFkU4zR6zc__xqw98Tw-zpdAS9ufHlgMnc0rEH3QviSQk-05NUjxKchK4VUrdrAkU9RisuXxp-K5SIjblBDx6zRxxy9NBcJMBYOVMs/s1600/chokobo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFlih5Ox8AHcidXIoLy7ImHe51zhxxpBAYBIIjVFkU4zR6zc__xqw98Tw-zpdAS9ufHlgMnc0rEH3QviSQk-05NUjxKchK4VUrdrAkU9RisuXxp-K5SIjblBDx6zRxxy9NBcJMBYOVMs/s320/chokobo.jpg" width="320" /></a></div><div style="text-align: justify;"></div><a name='more'></a><br />
<div style="text-align: justify;">За основу урока было взято изображение чокобо найденное на просторах сети интернет.</div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzMsxitLuLTOTjfHa4u0ZJjaMZIEl0TFQ7DmUMIrJE2_Fij6p6l3U36otGXv9WPFt_nsSFv-4k0OFhCxRdO9A' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: justify;"></div><div style="text-align: justify;">Здесь я пользовался инструментами объединения форм. Для примера на рисунке ниже я нарисовал звезду и поверх неё окружность. Что бы «откусить» от окружности контур по форме звезды - скопируйте звезду в буфер обмена (<b>ctrl+c</b>), затем нажмите <b>shift+ctrl+v</b>, это вставка из буфера по тем же координатам. У Вас получилась ещё одна звезда поверх окружности. Выделите теперь зажав клавишу <b>shift</b> звезду и окружность и нажмите <b>ctrl+2</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvLlZR7BJLpLGdr4-kWTUmPfPbgh13-m7wCi89c51D-4h_deOpglBcBmrsuaOYCKucMXZtKba1shDSXxatEJQfDWYYxMr1CDKcshTB9aLDLS4cV9ddiBacXpBpFTCsOKslXwDN3KXQeY/s1600/chokobo_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvLlZR7BJLpLGdr4-kWTUmPfPbgh13-m7wCi89c51D-4h_deOpglBcBmrsuaOYCKucMXZtKba1shDSXxatEJQfDWYYxMr1CDKcshTB9aLDLS4cV9ddiBacXpBpFTCsOKslXwDN3KXQeY/s1600/chokobo_2.jpg" /></a></div><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dw5sIRvPWprtJ6OcvxB2Ss3pjperEbYHBY8DcBMfqycisoS5nYRdIFsOVp6-pYhgKGwVsr6OvRCtgmV7rt5og' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">В следующем видео видно, как я использую инструмент <b>Blend Tool</b> (<b>F7</b>). Что бы им воспользоваться нужно просто провести курсором мышки от одного объекта к другому, даже не выделяя их. Потренируйтесь и через минуту поймёте как это работает. Старайтесь что бы у обеих форм было одинаковое количество нодов (крайних точек кривых из которых они состоят).</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMhv7nU3sahP8vj1qIUdtxkt2dUmyr4qbGuhdKfw0QAjHDi5nbd3RXP9O3WeTKvOZHUSPL39i06358RFeB1ToBI2q_dQ0IFcverhpktPwSFL0Tc8oHCI0tcgA9HFcNSiwDc7qkLdh4RM/s1600/chokobo_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMhv7nU3sahP8vj1qIUdtxkt2dUmyr4qbGuhdKfw0QAjHDi5nbd3RXP9O3WeTKvOZHUSPL39i06358RFeB1ToBI2q_dQ0IFcverhpktPwSFL0Tc8oHCI0tcgA9HFcNSiwDc7qkLdh4RM/s1600/chokobo_3.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzQe8eBtKzXZmb5vMYchsKMtHhQ6jY0NMorjiH7UPX25TtHAQSvWknA34YwsfO66-W49wBbS-xrbJ_qgnXQUw' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">И в последнем видео я просто немного добавляю градиентных теней. Что бы сделать несколько градиентов на одном объекте, нужно просто его продублировать, разбить на части и каждой из частей задать свой градиент или прозрачность.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwX8ENCpXJySBJ_YurTHcLWmn4veyxCGHSZJ9KrzuWatmePGJD_wvU-tNafuNh0QpN6IoWfwgFbc2ZpEqAgAg' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div><div style="text-align: justify;"><br />
</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-72072974305434799002011-07-14T11:21:00.000+04:002011-07-14T11:21:07.745+04:00Искажение векторных объектов. Изучаем Mould Tool.<div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться использовать <b>Mould Tool</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">В Xara существует два типа искажений: сгибающее и перспектива. Нарисуйте на странице квадрат и нажмите иконку <b>Mould Tool</b> (<b>shift+F6</b>). На верхней панели появятся следующие иконки. Испытайте их поочерёдно.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuZZobhn2rtO6Z72c6YIupaIuSFR23fu7VBixpdXI-5PmtVpQt88SR84xA6pwYtm8nIOz7yxwG01w8PlRsq_AjRkhv9DMvsqZT6z8Mhlotj6ZyuAsFS5_pzGdAtq1DFtpcsaaolsFXE4w/s1600/mould_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuZZobhn2rtO6Z72c6YIupaIuSFR23fu7VBixpdXI-5PmtVpQt88SR84xA6pwYtm8nIOz7yxwG01w8PlRsq_AjRkhv9DMvsqZT6z8Mhlotj6ZyuAsFS5_pzGdAtq1DFtpcsaaolsFXE4w/s1600/mould_1.jpg" /> </a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<ol><li>Показать сетку.</li>
<li>Убрать искажения.</li>
<li>При включенной опции объект «замёрзнет» в последнем своём состоянии искажения.</li>
<li>Вращение объекта на 90° внутри искажения.</li>
<li>Скопировать искажение в буфер обмена.</li>
<li>Задать гибкий тип искажения.</li>
<li>Несколько готовых форм для гибкого типа искажения.</li>
<li>Применить искажение из буфера обмена к объекту.</li>
<li>Задать перспективу объекту.</li>
<li>Несколько готовых форм перспективы.</li>
</ol><div style="text-align: justify;">Давайте попробуем что нибудь теперь нарисовать. Я нарисовал прямоугольный экран, размножил и сгруппировал (<b>ctrl+g</b>), затем я применил к рисунку тип искажения <b>Banner envelope</b>. Получилось, будто я вижу в перспективе круглую комнату с экранами вместо стен. Добавив сюда пол и потолок, я сгруппировал их с экранами и задал тип искажения <b>Circular envelope</b>. Как видите, искажение можно задать много раз одному и тому же объекту <b>помещая его в группы</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE595U8eN4PAztxaNemI-31haRe_Yt0_kCZ-76AzJt0G9_4WFRQzNf-R3D8Wo5g9RptU1K0dkANPn939D-f-PNy7Zj5YUKIMWE1z1i1F4uCQhVW902xrjdzPMtNgP4mjI1kIWkeK9C544/s1600/mould_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE595U8eN4PAztxaNemI-31haRe_Yt0_kCZ-76AzJt0G9_4WFRQzNf-R3D8Wo5g9RptU1K0dkANPn939D-f-PNy7Zj5YUKIMWE1z1i1F4uCQhVW902xrjdzPMtNgP4mjI1kIWkeK9C544/s1600/mould_2.jpg" /></a></div>Проверим теперь как работают искажения на линии. Я нарисовал несколько линий и применил к ним <b>Circular envelope</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgzLYLPvFtBR7vcNwxLCouHkKL2DY5ELa6EevPEoUdLdGX6D2U2TqUMpc09530wdS9wMLf7qpf5z17OsiujFZINNKyH2Maxqar3o8Ss0fpafEEuYaSujR5T-XGuLGt8Hf4m-ehcP2aUM/s1600/mould_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgzLYLPvFtBR7vcNwxLCouHkKL2DY5ELa6EevPEoUdLdGX6D2U2TqUMpc09530wdS9wMLf7qpf5z17OsiujFZINNKyH2Maxqar3o8Ss0fpafEEuYaSujR5T-XGuLGt8Hf4m-ehcP2aUM/s1600/mould_3.jpg" /></a></div><br />
Очень хорошо, а как себя поведут линии со стилями <b>Stroke shapes</b>.<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHK7yHlHO0dtB-gml00Nz7uAUyYgQ2t4LgUjjO9RKeRrEO7A_0-DOQkZYIzjgfxTWaAuNQbP9iwbtJAP9TnCJrFlvNOSMhWhIdUHUdkIHLJafXkZd-drZciXU8yfAMxt42nohxlPSNSYY/s1600/mould_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHK7yHlHO0dtB-gml00Nz7uAUyYgQ2t4LgUjjO9RKeRrEO7A_0-DOQkZYIzjgfxTWaAuNQbP9iwbtJAP9TnCJrFlvNOSMhWhIdUHUdkIHLJafXkZd-drZciXU8yfAMxt42nohxlPSNSYY/s1600/mould_4.jpg" /></a></div><br />
<div style="text-align: justify;">Видите, в первом случае (обозначено красным) получилось совсем не то, что мы задумали. Но конвертируя линии в формы (<b>Arrenge>Convert Line to Shape</b>) Вы получите нужный результат.</div><div style="text-align: justify;">Искажению легко придать нужную форму перемещая направляющие ноды.</div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnUMeKtZ-KkuBp15-GsxB78XW7KGw18sO-JWP2Dw_Yy6TvTLHjjaqiECKqkvQ7UUwYkMKOJz2UrgeSRE3M8hj1HyjJ6ud8LrQaFh4YY5XPt4tmfNYDBDxTfu-sxMwzoqY-gjs_wdSvm4/s1600/mould_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnUMeKtZ-KkuBp15-GsxB78XW7KGw18sO-JWP2Dw_Yy6TvTLHjjaqiECKqkvQ7UUwYkMKOJz2UrgeSRE3M8hj1HyjJ6ud8LrQaFh4YY5XPt4tmfNYDBDxTfu-sxMwzoqY-gjs_wdSvm4/s320/mould_5.jpg" width="320" /></a></div><div style="text-align: justify;"></div><div style="text-align: justify;">Внимание! С растровыми изображениями гибкие искажения <b>НЕ РАБОТАЮТ!</b> </div><div style="text-align: justify;"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Перейдём к перспективе. С помощью этого инструмента можно легко исправлять фотографии, склеивать панорамные снимки.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlDBMEwrcDjqR-nqY1bsoCw_-RJDB87ARSrIXbXCEMy2AFL-b9-ftc91U2kuYa47o7QWF-XxzEGE3wN2gIcU85dCE4DcOPkRwY308l_tOzCrBIf3IMrBL7JJlDfVbxAmQ4RYUbEABSj88/s1600/mould_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlDBMEwrcDjqR-nqY1bsoCw_-RJDB87ARSrIXbXCEMy2AFL-b9-ftc91U2kuYa47o7QWF-XxzEGE3wN2gIcU85dCE4DcOPkRwY308l_tOzCrBIf3IMrBL7JJlDfVbxAmQ4RYUbEABSj88/s1600/mould_6.jpg" /></a></div><div style="text-align: justify;">Так же для управления перспективой можно использовать специальные курсоры, которые появляются в стороне от объекта в точке пересечения линий на горизонте.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Yz54hHWhEHfxFM62VA161c4vuzFMHM7lp5hxeUTT2ZXj9lUE8i0UwvTd833Tnbk3rr-UwWyZqfBo-v_70HFv2y_bwjIeR070xiSODdMs6uIeg46RJRr-ReZXPxx3nMSPFM0fz4nlpos/s1600/mould_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Yz54hHWhEHfxFM62VA161c4vuzFMHM7lp5hxeUTT2ZXj9lUE8i0UwvTd833Tnbk3rr-UwWyZqfBo-v_70HFv2y_bwjIeR070xiSODdMs6uIeg46RJRr-ReZXPxx3nMSPFM0fz4nlpos/s1600/mould_7.jpg" /></a></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aUeK_UcRiBHHYKDENn_YVYqVVjgS44A7wLVm5TIQ_vU2Po45UkckVvYZN0kb7No7GScKVHkWMZ_Icosr1HsLXqj0NAvF4VQZ7wX9USO5OSIsBdCYnC4wNzT5H1R2kkNuSRq5E3BSlI0/s1600/mould_anim.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aUeK_UcRiBHHYKDENn_YVYqVVjgS44A7wLVm5TIQ_vU2Po45UkckVvYZN0kb7No7GScKVHkWMZ_Icosr1HsLXqj0NAvF4VQZ7wX9USO5OSIsBdCYnC4wNzT5H1R2kkNuSRq5E3BSlI0/s1600/mould_anim.gif" /></a></div><br />
</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-24594753614104918492011-07-11T15:04:00.001+04:002011-07-11T15:07:50.798+04:00Рисуем взрыв. Изучение анимации.<div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Создать сложную анимацию «взрыв», которую потом используем в игре.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Создайте новый анимационный документ и нарисуйте внизу несколько окружностей различного диаметра, так будто Вы рисуете облако. По сути взрыв это и есть облако огня и дыма летящее вверх. Дублируя кадры (кнопка <b>Copy</b> в <b>Animation Frame gallery</b>) я нарисовал следующий набросок.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwK2K-gwg7RgRf58c8rVRpQmwgzlLOZKtgqCGd6m1G4Gl9K-4W9J_3nnqmFwXxi3qsIAR0yemGgUEJffXFG23DFAyi3HiW6V3KeIAWtey0yXJ9nPFdFc0tiBvNRb-7p4D_T8dpgVYY6H8/s1600/vzriv_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwK2K-gwg7RgRf58c8rVRpQmwgzlLOZKtgqCGd6m1G4Gl9K-4W9J_3nnqmFwXxi3qsIAR0yemGgUEJffXFG23DFAyi3HiW6V3KeIAWtey0yXJ9nPFdFc0tiBvNRb-7p4D_T8dpgVYY6H8/s1600/vzriv_1.jpg" /></a></div><br />
<a name='more'></a><br />
<ol style="text-align: justify;"><li>Стадия зарождения облака.</li>
<li>Облако стремиться вверх, но очаг остаётся на месте.</li>
<li>Облако стремиться вверх, но очаг остаётся на месте, добавляется ещё один всполох.</li>
<li>Облако стремиться вверх, очаг уменьшается и тоже летит вверх.</li>
<li>Облако в своей последней фазе взлёта, очаг уже совсем исчезает.</li>
<li>Остаётся только дым, который начинает оседать.</li>
<li>Дым оседает и постепенно рассеивается.</li>
<li>--</li>
<li>Дым почти исчез.</li>
</ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTojbb1CR0EEskx-vgVRPZcLbpjeT4fV5H8GqoiZQuw9y-xw6DfEP2IlsZ36qXTe34bA88-6Xm2rhooU3vA0k3GI_mJ26UYrb18k9HuSpr4muP7fgL_CZUP4LiEvY-Mqtufi0E9JfGFI/s1600/vzriv_anim.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTojbb1CR0EEskx-vgVRPZcLbpjeT4fV5H8GqoiZQuw9y-xw6DfEP2IlsZ36qXTe34bA88-6Xm2rhooU3vA0k3GI_mJ26UYrb18k9HuSpr4muP7fgL_CZUP4LiEvY-Mqtufi0E9JfGFI/s1600/vzriv_anim.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: justify;">Следующий шаг это раскраска. На первом кадре взрыв должен быть очень ярким. Я сделал все окружности желтыми, группировать их не нужно, и клонировал (<b>ctrl+k</b>). Воспользовавшись инструментом <b>Contour Tool</b> я немного уменьшил диаметр клонированных окружностей внутрь (смотрите <a href="http://xaradesigners.blogspot.com/2011/06/blog-post_28.html">урок</a>), задал им стиль линий <b>Blip</b> и сделал оранжевыми.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-q3aLDaQeZMYpXHXzBGS2WBZybGys9k8XjF4Pj4aQXX-jFGG4iUra7ffWUi1LNzfHJ7IYeXH7IKguAgVV6UdXNpIUwhu-1pg6JThkdw2l7gzmWNkhQzuWwBt0nH_Zh1T9mSBopbwd6V8/s1600/vzriv_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-q3aLDaQeZMYpXHXzBGS2WBZybGys9k8XjF4Pj4aQXX-jFGG4iUra7ffWUi1LNzfHJ7IYeXH7IKguAgVV6UdXNpIUwhu-1pg6JThkdw2l7gzmWNkhQzuWwBt0nH_Zh1T9mSBopbwd6V8/s1600/vzriv_2.jpg" /></a></div><br />
<div style="text-align: justify;">Немного потрудившись я сделал следующее.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGgCIMCZT6zxDEmiuUrKQm8RTk1-ggNuARNoKNMOnwsV7k22eiqSDXUfEOxWTyqdP6mXi9Vf4jc6-YbFqrqWx2CMew88Dylao3ddoZrcu_bY2vCsp99FJm8X1h3wamzT0ttm6hTsuftA/s1600/vzriv_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGgCIMCZT6zxDEmiuUrKQm8RTk1-ggNuARNoKNMOnwsV7k22eiqSDXUfEOxWTyqdP6mXi9Vf4jc6-YbFqrqWx2CMew88Dylao3ddoZrcu_bY2vCsp99FJm8X1h3wamzT0ttm6hTsuftA/s1600/vzriv_3.jpg" /></a></div><br />
<div style="text-align: justify;">Перейдите на оставшиеся кадры и в каждом сгруппируйте все окружности, они будут служить Вам шаблоном. Теперь копируя (<b>ctrl+c</b>, <b>shift+ctrl+v</b>) исходный взрыв на другие кадры подставляете всполохи на свои места и немного вращайте их в сторону разлёта.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenQ_u5Xd8is7UXJvt-IHUVEfe5PCSLXDcPcOQ6Bscev__Jj_n0bJoM_T24Z96fU-ipEec5ZwxF9Ik8JFLd-XPb2l6NdTYX6fyO18Qo3qf96hdoohKU0izhyphenhyphen755x3PpV_XK5rbeggPF-Y/s1600/vzriv_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenQ_u5Xd8is7UXJvt-IHUVEfe5PCSLXDcPcOQ6Bscev__Jj_n0bJoM_T24Z96fU-ipEec5ZwxF9Ik8JFLd-XPb2l6NdTYX6fyO18Qo3qf96hdoohKU0izhyphenhyphen755x3PpV_XK5rbeggPF-Y/s1600/vzriv_4.jpg" /></a></div><br />
Можно теперь заняться детализацией, добавить всяких украшений, побольше дыма и т.д. Вот результат.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE146UxvU0U1jtRoSDSKIrG6wP-tfjrqwtj77A7AmfiFsnDOWR7udKMr4pmvSM4WsZqoDqlAOQ0HPE7w2KzvkDZapOwwSrYay08PpTUzZqjPoJJKAXz-OwrSf0DbVNYLwc2Ywq2Q4H9YI/s1600/vzriv_anim_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE146UxvU0U1jtRoSDSKIrG6wP-tfjrqwtj77A7AmfiFsnDOWR7udKMr4pmvSM4WsZqoDqlAOQ0HPE7w2KzvkDZapOwwSrYay08PpTUzZqjPoJJKAXz-OwrSf0DbVNYLwc2Ywq2Q4H9YI/s1600/vzriv_anim_2.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-85440095301745655292011-07-10T17:57:00.000+04:002011-07-10T17:57:35.493+04:00Рисуем мультипликационный самолёт. Изучаем отрисовку.<div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться отрисовывать растровые изображения в векторе.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Для урока я взял бесплатную модель самолётика, покрутил как мне нужно в Blender, отрендерил и импортировал в Xara. Что бы изображение не мешало во время рисования, его следует поместить на отдельном слое и заблокировать, а рисовать на слоях выше.</div><div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXetY1Qzhc6Ka679VC3lyumi7DHpCBOLeXxmasTjzPoO72YRA3tCFUsNWifnZ1T6E9Q_O1gDfXDGE2XHEeRDKOoYoJYaqKPx94wl277F9CgpW7UTUT9vXWjBKbVoxSxmWpSTf99XDO5s/s1600/samolet_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaXetY1Qzhc6Ka679VC3lyumi7DHpCBOLeXxmasTjzPoO72YRA3tCFUsNWifnZ1T6E9Q_O1gDfXDGE2XHEeRDKOoYoJYaqKPx94wl277F9CgpW7UTUT9vXWjBKbVoxSxmWpSTf99XDO5s/s1600/samolet_1.jpg" /></a></div><br />
<a name='more'></a><br />
<div style="text-align: justify;">Выберите инструмент рисования линий (<b>F4</b>) и постарайтесь обрисовать контур фюзеляжа. Обратите внимание, что находясь в режиме рисования линий при выделенной линии Вы можете изгибать её двумя способами: во первых это просто «потянуть» за линию, во вторых используя ноды (такие квадратики на палочках). Что бы замкнуть контур - нужно выделить одну из крайних точек и нажать клавишу <b>Enter</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimdzW7lOX1k8VcrRVXeuPx5nACDFxp7-sY-t-ScfdvPSFgQv2_RXhkiyS_eQ2HVEHePMRbnW7biZbYzHdHAYPaMoFK1nIj6maA93jKykd4XaBI05Yop6o04urCC8Ca8VPuxXLGlR4zL08/s1600/samolet_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimdzW7lOX1k8VcrRVXeuPx5nACDFxp7-sY-t-ScfdvPSFgQv2_RXhkiyS_eQ2HVEHePMRbnW7biZbYzHdHAYPaMoFK1nIj6maA93jKykd4XaBI05Yop6o04urCC8Ca8VPuxXLGlR4zL08/s1600/samolet_2.jpg" /></a></div><br />
<div style="text-align: justify;">В некоторых местах что бы придать линии плавность, вручную это делать не очень удобно и для этого в инструменте рисования линий есть несколько видов соединения: Smooth и Cups. Запомните две горячие клавиши <b>S</b> (сглаженное) и <b>Z</b> (ломаное), это легко запомнить по форме самих букв. Что бы их применить нужно выделить точку соединения и нажать либо горячую клавишу, либо иконку на верхней панели.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKHDVXcYf0ATHbtEXb15B4HZrWRQlicq-djcmgrsy0dH87yMHZhiF80ZmrJvUIRNNsNdVtJQ6bf7_7CPo5qr3feEwO_PIfKgW82WMVX9B4WzC0EKkFcobKThTItafmZf2mS-u4tp548IQ/s1600/samolet_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKHDVXcYf0ATHbtEXb15B4HZrWRQlicq-djcmgrsy0dH87yMHZhiF80ZmrJvUIRNNsNdVtJQ6bf7_7CPo5qr3feEwO_PIfKgW82WMVX9B4WzC0EKkFcobKThTItafmZf2mS-u4tp548IQ/s1600/samolet_3.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU2OIBSLzLQz3Y0YpTbEzt66-Za9aHa0E5sKx0U0JVnr9rvc-2tmxBNa_RV_b_aktnAB5wZBIiz3CZHFsgb1FS3MYeYQmDzVjI5D6xbxButa-YCZsoso8QjLiqfc1uGORzYTp5J_OoS4/s1600/samolet_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU2OIBSLzLQz3Y0YpTbEzt66-Za9aHa0E5sKx0U0JVnr9rvc-2tmxBNa_RV_b_aktnAB5wZBIiz3CZHFsgb1FS3MYeYQmDzVjI5D6xbxButa-YCZsoso8QjLiqfc1uGORzYTp5J_OoS4/s1600/samolet_4.jpg" /></a></div><br />
<div style="text-align: justify;">Так шаг за шагом аккуратно обводим все контуры изображения. Немного грубо, но по мере раскрашивания Вы будете исправлять все недочёты.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OLX-DHrjd2I0J1vUtgMlK_MLflL0_8NcSiaGnaXVyYOtcv0KhtN-6pXH4AeXL0v7jivXjppqJ4nVYhg92JbsMH8Irsft3CotsVIv2Lcng_I8quBPmJVhnAWnvZwqri92EkICmEmQAMQ/s1600/samolet_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OLX-DHrjd2I0J1vUtgMlK_MLflL0_8NcSiaGnaXVyYOtcv0KhtN-6pXH4AeXL0v7jivXjppqJ4nVYhg92JbsMH8Irsft3CotsVIv2Lcng_I8quBPmJVhnAWnvZwqri92EkICmEmQAMQ/s1600/samolet_5.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<div style="text-align: justify;">Сначала нужно раскрасить все объекты в монотонные цвета, и расставить по порядку, что бы колесо допустим было позади объекта лыжи, крыло перед фюзеляжем и т.д.</div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIleD2vhY9lP4QjNZtrIc-bYTzlkQg84ioDE28W2rsr21OtC4w9cMhxJyrzU2zZIg5dPn_m1kfRgMTRLnEWzE65YReoCmxGowPe7AKRIUb00MqOSKEmFX6zfE7Ahr5oJnS6qLiNRHvg0/s1600/samolet_6.jpg" /> </div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Делаем тени с помощью градиентов. Давайте сделаем это на примере закрылка. Выделите его и выберите инструмент заливки (<b>F5</b>). Удерживая левую кнопку мыши проведите градиент от верха закрылка к низу, а затем используя инструмент «пипетка» в панели <b>Colour editor</b> (<b>ctrl+e</b>) задайте нужный цвет ключевым точкам градиента.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LkVEXpgx5DNd9IehmcCSOQ3x0y-UAkTGd-a-wwp0xenj9uN5-YpV04Z6v-xlPZM02tGR6quvVxJZUAy4goxZTYvuOURMCIjVa9cQs8vzW3fSd2z37BcY1lON1HEaWVvoxuZatEhI2hw/s1600/samolet_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LkVEXpgx5DNd9IehmcCSOQ3x0y-UAkTGd-a-wwp0xenj9uN5-YpV04Z6v-xlPZM02tGR6quvVxJZUAy4goxZTYvuOURMCIjVa9cQs8vzW3fSd2z37BcY1lON1HEaWVvoxuZatEhI2hw/s640/samolet_7.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Лыжу самолёта я раскрасил с помощью градиента типа <b>Eliptical</b>. Делая двойной клик на линии градиента можно создавать ключевые точки и так же задавать им свой цвет.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYGuQ9KIzpzmmXrWPEmiHATOnq8QTmWBcZbR0XZeZvaqACmvWtvIq0inInHNmKRSLm4UhZykXGaKJkLraGc3zDl-tPOc4nF-CSzKPflY7ALOG7K2dIYXytrZ7igYC4-Ray0BEflX06YA/s1600/samolet_9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYGuQ9KIzpzmmXrWPEmiHATOnq8QTmWBcZbR0XZeZvaqACmvWtvIq0inInHNmKRSLm4UhZykXGaKJkLraGc3zDl-tPOc4nF-CSzKPflY7ALOG7K2dIYXytrZ7igYC4-Ray0BEflX06YA/s1600/samolet_9.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;">Спустя минут десять у Вас должно получиться что то подобное этому.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDieV3uSowwpA6-A9g5py729gN4L4qCr5jd4lHpy6U0uYCS9ApNZ9fkAQaHCrvGErluS93ofSNyO43Rya1Bu0V5P9C7rEdRMrDYAXWsP1La-LFL4lLJH0XL9n2ea_PDMi9sGkd6YMNmc/s1600/samolet_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDieV3uSowwpA6-A9g5py729gN4L4qCr5jd4lHpy6U0uYCS9ApNZ9fkAQaHCrvGErluS93ofSNyO43Rya1Bu0V5P9C7rEdRMrDYAXWsP1La-LFL4lLJH0XL9n2ea_PDMi9sGkd6YMNmc/s1600/samolet_10.png" /></a></div><div class="separator" style="clear: both; text-align: justify;">Вы можете продолжать детализировать рисунок, но я на этом остановлюсь, потому что самолёт я делаю для небольшой анимации и реалистичность мне особо не нужна </div><div class="separator" style="clear: both; text-align: justify;">Рисуем пропеллер. Начертите прямую линию, откройте <b>Line Gallery</b>, задайте линии стиль <b>Propeller</b> и некоторую толщину, что бы получилась форма пропеллера (у меня получилось 6 px). Клонируйте линию и поверните на 90°, затем конвертируйте в формы (<b>Convert Line to Shape</b>). Добавьте несколько окружностей, конвертируйте их в кривые <b>shift+ctrl+s</b>, разделите с помощью <b>Break at points</b> (на верхней панели в режиме рисования линий) и задайте стиль линий <b>Concave 3</b>.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowAUlOG9DgZzcA-aTtpwP3uSYlf22rr0rQEpSBxLDKjOoCiJURwx_VfsBkxLtM9SyCPIS1531uoQZW8yZayvceKTg2dlS7-WJDlcc7DVwqWZ3OotTAXBdsVox_V6Zhw4pbCYtLMJDJJc/s1600/samolet_11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowAUlOG9DgZzcA-aTtpwP3uSYlf22rr0rQEpSBxLDKjOoCiJURwx_VfsBkxLtM9SyCPIS1531uoQZW8yZayvceKTg2dlS7-WJDlcc7DVwqWZ3OotTAXBdsVox_V6Zhw4pbCYtLMJDJJc/s1600/samolet_11.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;">Конвертируйте теперь окружности в формы (<b>Convert Line to Shape</b>), сгруппируйте пропеллеры и окружности, задайте группе прозрачность 20%. Примерим к самолёту пропеллеры предварительно изменив ширину и наклон.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAnLxaUTXKdcCwuzfHay6ApjS0xnoOFowl8hEQYbYHGqkN8S_MiRAJola16qPA6JGBiWtCYNYEFQ8Z1YWD_AnzgAUo_axW1JHf4DJf_6ziwdDuG1qEKbxZ35HcZh_9mhK5G6_g5b4Nuw/s1600/samolet_12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAnLxaUTXKdcCwuzfHay6ApjS0xnoOFowl8hEQYbYHGqkN8S_MiRAJola16qPA6JGBiWtCYNYEFQ8Z1YWD_AnzgAUo_axW1JHf4DJf_6ziwdDuG1qEKbxZ35HcZh_9mhK5G6_g5b4Nuw/s1600/samolet_12.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;">Можно сделать простую анимацию вращения пропеллера. Создайте новый документ-анимацию и в нём два кадра в которых будет меняться изображение пропеллера. Время отображения каждого кадра я поставил на 0,03 секунды. Вот что получилось.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbPGYvbQCFJpIvGwUfYeuelrE_xCbioS0OMNpID0jiwJaG7zso5F_OeR1gS8Rn9umqSPO6SrhgQu8DpInq0QgjensYQmIlMR13PTQw4i5TSsmyZ4mUdpfO8WKTgxy7JUYdaJCNl7IRMY/s1600/samolet_13.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbPGYvbQCFJpIvGwUfYeuelrE_xCbioS0OMNpID0jiwJaG7zso5F_OeR1gS8Rn9umqSPO6SrhgQu8DpInq0QgjensYQmIlMR13PTQw4i5TSsmyZ4mUdpfO8WKTgxy7JUYdaJCNl7IRMY/s1600/samolet_13.gif" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Самолёт готов и в дальнейшем я использую его в Flash игре, подробно описав процесс её создания.</div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-23864283104037534912011-07-10T12:32:00.000+04:002011-07-10T12:32:01.096+04:00Рисуем персонажа CAT. Автор: Ракутин Андрей.<b>Урок Ракутина Андрея. Источник <a href="http://rakutin.ru/">www.rakutin.ru</a>.</b><br />
В данном уроке я хотел бы рассказать кака я рисовал данного персонажа. Так как, чтобы описать весь процесс, пришлось бы потратить очень много времени, я опишу лишь ключевые моменты при работе с Xara Xtreme.<br />
<span id="more-157"></span><br />
<a name='more'></a><br />
Итак, с помощью инструмента <strong>Shape Editor Tool</strong> рисуем голову нашего кота и заливаем оранжевым цветом.<br />
<img alt="25" class="aligncenter size-full wp-image-181" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/25.png" title="25" width="640" /><br />
Далее применяем к нашей форме эллептический градиент. Градиент у нас имеет начальный и конечный цвет соответственно. Цвета задаем с помощью окошка <strong>Color editor (Ctr+E)</strong>. Начальный цвет градиента у нас чуть темнее, конечный светлее, таким образом, мы получаем освещенную область на голове, что придает нашей форме объема.<br />
<img alt="26" class="aligncenter size-full wp-image-205" height="284" src="http://rakutin.ru/wp-content/uploads/2009/04/26.png" title="26" width="640" /><br />
Доисовываем уши, глаза, и так же с помощью градиента придаем объем.<br />
<img alt="36" class="aligncenter size-full wp-image-182" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/36.png" title="36" width="640" /><br />
Забегая вперед, я хочу немного остановиться на технике рисования бликов, отблесков, свечений и теней. На примере глаза нашего животного. Для того, чтобы получить качественную иллюстрацию приходится потратить немало усилий, так как обычно требуется очень много мелочей. Давайте рассмотрим глаз по частям:<br />
<img alt="44" class="aligncenter size-full wp-image-183" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/44.png" title="44" width="640" /><br />
Далее приведу несколько приемов с помощью которых удобно рисовать тени, блики, обводку (на рисунке сверху под цифрами 1,2,3.<br />
<strong>1. Контур:</strong><br />
Получается путем вырезания одной фигуры из другой. Итак, нарисуем овал. Продублируем его (просто выделяем и перетаскиваем<br />
после чего нажимем правую клавишу мыши). Совмещаем их как показано на рисунке. Затем выделяем оба и нажимаем Ctr+2.<br />
<img alt="54" class="aligncenter size-full wp-image-184" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/54.png" title="54" width="640" /><br />
<strong>2. Размытие краев:</strong><br />
Рисуем белый овал, потом переходим к ползунку Change size of feather region и выставляем значение как показано на рисунке.<br />
Кроме того, рядом с ползунком имеется кнопка в виде стрелки, нажав которую, вы попадаете в окно настроек профиля,<br />
где с помощью кривых можете регулировать параметры размытия.<br />
<img alt="63" class="aligncenter size-full wp-image-185" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/63.png" title="63" width="640" /> <strong>3. Прозрачнось</strong><strong>:</strong><br />
Transparency tool - еще один полезный и нужный инструмент в Xara Xtream. Итак, как и в случае размытия рисуем овал белого цвета.<br />
<strong>Выбираем Transparency too</strong>l (F6), далее в выпадающем списке Transparency shape выбираем Elliptical. Как и в случаем с Feather region, мыс помощью ползунка справа можем задать велечину прозрачности, а с помощью кривых ее профиль. В данном случае у меня велечина Transparency 16,5 %<br />
<img alt="72" class="aligncenter size-full wp-image-186" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/72.png" title="72" width="640" /><br />
Вернемся к рисованию нашего глаза. Теперь всех тех приемов, что я описал выше достаточно, чтобы получить приемлимый результат. Все остально, включая зрачок и веки рисуется по такому же принципу. Дорисовываем второй глаз нашему коту. Тут я просто с копипастил и поиграл с масштабом.<br />
<img alt="82" class="aligncenter size-full wp-image-187" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/82.png" title="82" width="640" /><br />
Рисуем ушки. Опять не забываем про мелкие детали, чем больше деталей, тем лучше) Иногда их может быть очень много. Принцип тотже, рисуем формы с помощью <strong>Shape editor tool</strong>, и делаем их где нужно светлее, где нужно темнее. Не забываем про градиенты и <strong>Transparency</strong>. Вообще, все это сродни мазкам кистью в фотошопе. Тут главное правильно подобрать цвета градиента, чтобы не было явных стыков, а был плавный переход. Для этого, когда я выбираю начальный или конечный цвет градиента, я тыкаю пипеткой в цвет низлежащего слоя. Это делается путем нажатия и перетаскивания в нужную область пиктограммки пипетки, которая находится в окне <strong>Color Editor</strong>.<br />
<img alt="92" class="aligncenter size-full wp-image-188" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/92.png" title="92" width="640" /><br />
С помощью овалов рисуем щеки, и при помощи градиентов и транспарентов придаем объем.<br />
<div style="text-align: center;"><img alt="102" class="aligncenter size-full wp-image-189" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/102.png" title="102" width="640" /></div>По такому же принципу дорисовываем все остальное. А затем кое где на основной форме добавляем света и теней. Для того, чтобы получить нужную форму элемента используем <strong>Shape editor tool</strong>, удаляя кое где ненужное (Ctrl+2). И последний штрих-это полоски. Все наша голова готова.<br />
<div style="text-align: center;"><img alt="20" class="aligncenter size-full wp-image-190" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/20.png" title="20" width="640" /></div>Переходим к рисованию самого туловища кота. Тут все тоже самое, рисуем сначала основную форму.<br />
<div style="text-align: center;"><img alt="114" class="aligncenter size-full wp-image-191" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/114.png" title="114" width="640" /></div>Форма готова, начинаем потихоньку детализировать. сначала градиенты и блики. Там, где нужно тени.<br />
<div style="text-align: center;"><img alt="123" class="aligncenter size-full wp-image-192" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/123.png" title="123" width="640" /></div>Добавляем темные и светлые контуры, для четкости. Рисуем их кривыми, и применяем <strong>Feather</strong>. Усиливаем объем. Не забываем, что если объект лежит поверх другого, то он должен отбрасывать на него тень. Это хорошо видно между пальцев на лапе.<br />
<div style="text-align: center;"><img alt="133" class="aligncenter size-full wp-image-193" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/133.png" title="133" width="640" /></div>Прорисовываем по отдельности детали. Такие, как полоски, ошейник и когти. Обратите внимание, что на самих когтях опять же достаточно мелочей. Тут я изначально прорисовал один а потом склонировал все остальные. Еще раз повторюсь, чем больше детализация, тем интереснее выглядит в итоге картинка.<br />
<div style="text-align: center;"><img alt="142" class="aligncenter size-full wp-image-194" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/142.png" title="142" width="640" /></div>Нашей кошке не хватает тени. Поэтому рисуем тень. Тень в данном случае я рисовал следую щим образом: Создал три овальных формы. Применил к ним эллиптический градиент. От темного к светлому, думаю понятно, что ближе к предмету тень темнее.<br />
<div style="text-align: center;"><img alt="152" class="aligncenter size-full wp-image-197" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/152.png" title="152" width="640" /></div>Применяем <strong>Feather:</strong><br />
<div style="text-align: center;"><img alt="163" class="aligncenter size-full wp-image-196" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/163.png" title="163" width="640" /></div>Совмещаем тень с персонажем, и в конце используем <strong>Transparency:</strong><br />
<div style="text-align: center;"><img alt="110" class="aligncenter size-full wp-image-198" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/110.png" title="110" width="640" /></div><strong>НЕСКОЛЬКО ПОЛЕЗНЫХ СОВЕТОВ:</strong><br />
<strong>1. </strong> Для того, чтобы поместить объект под другой, нужно его выделить и нажать Ctrl+Shif+B. чтобы поместить объект сразу под все, т.е. в самы низ, то делаем тоже самое, только комбинация Ctrl+B. (B=back). Соответственно вперед, т.е. forvard: Ctrl+F и Ctrl+shift+F<br />
<strong>2.</strong> Для того, чтобы выделить объект, который находится под каким - либо другим элементов, кликаем по верх лежащему левой кнопкой мыши и зажатой клавишей Alt.<br />
<strong>3.</strong> Всегда группируйте элементы (Ctrl+G) это избавит вас от лишней мороки, когда у вас накопится несколько сотен объектов. Чтобы найти нужный элемента удобно переключиться в режим “Сетки”. Для этого, нужно переместить ползунок <strong>Set view quality</strong> на самое первое значение:<br />
<img alt="182" class="aligncenter size-full wp-image-199" height="207" src="http://rakutin.ru/wp-content/uploads/2009/04/182.png" title="182" width="640" /><br />
Автор: <strong>Ракутин Андрей</strong><br />
<b>Источник <a href="http://rakutin.ru/">www.rakutin.ru</a>.</b><strong> </strong>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-66146948890089148452011-07-10T00:37:00.000+04:002011-07-10T00:37:26.826+04:00Выравнивание объектов. Панель Alignment.<div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться выравнивать объекты относительно друг друга и страниц.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Все опции выравнивания находятся в панели <b>Alignment</b>. Вот она на рисунке ниже. Вызвать её можно комбинацией клавиш <b>shift+ctrl+L</b> или в меню <b>Arrange>Alignment</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ucQCUAFoc1v_7c43jW0VZlh9fHGxAI2UQ3x-cZhY8gXLNU8rnPAAqp61sDFl3cFgxAJ-094TFEhDB1scIcWChaGq7B3Bi4BR-siboRUZzsK0o7N-QmsHTEvM8yXTtl4VQ3n_rymtWVw/s1600/alignment_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ucQCUAFoc1v_7c43jW0VZlh9fHGxAI2UQ3x-cZhY8gXLNU8rnPAAqp61sDFl3cFgxAJ-094TFEhDB1scIcWChaGq7B3Bi4BR-siboRUZzsK0o7N-QmsHTEvM8yXTtl4VQ3n_rymtWVw/s320/alignment_1.jpg" width="158" /></a></div><br />
<a name='more'></a><br />
<br />
<div align="JUSTIFY">В верхнем блоке схематическое отображение расположения выделенных объектов. Здесь комбинируя левый клик кнопки мыши и клавиш <b>ctrl</b> и <b>shift</b> можно выбрать подходящее расположение. Простой клик по какой либо из сторон блока сместит все объекты в ту или иную сторону выравнивая их в выбранной крайней точке.</div><div align="JUSTIFY"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBobTKiyR71ZU75_gcIFhnBpIn_QYPocHmjo9jt-JgUYD27U2FqMgObFMrXPiPtgUaLAEtMaXYPc8dC0LioXL9EgvtmBq9DmZfhjxRVkbRvuUHtKUAhCFE2WuHcSDFi8CeYDp-SDC57qc/s1600/alignment_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBobTKiyR71ZU75_gcIFhnBpIn_QYPocHmjo9jt-JgUYD27U2FqMgObFMrXPiPtgUaLAEtMaXYPc8dC0LioXL9EgvtmBq9DmZfhjxRVkbRvuUHtKUAhCFE2WuHcSDFi8CeYDp-SDC57qc/s1600/alignment_2.png" /></a></div><div align="JUSTIFY"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgt9b1q2PzQr830tQbcME7I956kbamMhZzY74rCaZd_1b62-1PnExgbWr_K5Ixv48s2v308SaOpC83lwv2P9GWCxMwW9ow6svU_Oo246-15-882V4XEVLd2yroDapMSORRcQEjF6nphM/s1600/alignment_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgt9b1q2PzQr830tQbcME7I956kbamMhZzY74rCaZd_1b62-1PnExgbWr_K5Ixv48s2v308SaOpC83lwv2P9GWCxMwW9ow6svU_Oo246-15-882V4XEVLd2yroDapMSORRcQEjF6nphM/s1600/alignment_3.jpg" /></a></div><div align="JUSTIFY"><br />
</div><div align="JUSTIFY">Если у Вас выпадет джокер, то любой по выбору объект автоматически дорисуется сам по себе, это очень удобно, когда Вам лень рисовать какой то особо сложный элемент.</div><div align="JUSTIFY">Зажав клавишу <b>shift</b> и кликнув левой кнопкой мыши по левой, центральной и правой части блока - Вы получите выравнивание по вертикали. Удерживая <b>ctrl</b> и делая клик левой кнопкой мыши по верхней, центральной и нижней части блока - Вы получите выравнивание по горизонтали. Например вот так, как показано на рисунке ниже.</div><div align="JUSTIFY"><br />
</div><div align="JUSTIFY"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyxzXMdLcKr6yT8nXbUXlbnSilOCQEgjkyTpmgRbZ-1x37hGlaU0AJkklMlYndMK6HjZSSCmTbUM5nzMURD3unzbXJfBWw462nF29Hw1-q0au-xL-75FiEFMfU8rkwO3nZP6WvMlPR0B0/s1600/alignment_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyxzXMdLcKr6yT8nXbUXlbnSilOCQEgjkyTpmgRbZ-1x37hGlaU0AJkklMlYndMK6HjZSSCmTbUM5nzMURD3unzbXJfBWw462nF29Hw1-q0au-xL-75FiEFMfU8rkwO3nZP6WvMlPR0B0/s1600/alignment_4.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: justify;">В среднем блоке можно выбрать относительно чего будут выравниваться выбранные объекты.</div><div style="text-align: justify;"><b>Selection bounds</b> - сдвигаются относительно друг друга.</div><div style="text-align: justify;"><b>Bounds of back object</b> - относительно самого заднего выбранного объекта, при этом он не двигается.</div><div style="text-align: justify;"><b>Page(s)</b> - относительно страницы.</div><div style="text-align: justify;"><b>Spread</b> - в режиме двойной страницы, относительно обоих страниц.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">В нижнем блоке в выпадающих списках можно выбрать то же самое что можно сделать с помощью мыши и клавиш <b>shift</b> и <b>ctrl</b>, а так же выравнивание расстояний между объектами.</div><div align="JUSTIFY"><br />
</div><div style="text-align: justify;"><b>Horizontal positions</b> - выравнивание по горизонтали.</div><ul style="text-align: justify;"><li><b>Distribute left edges</b> - выровнять расстояния между объектами по левому краю.</li>
<li><b>Distribute centres</b> - выровнять расстояния между объектами по центральной оси.</li>
<li><b>Distribute right edges</b> - выровнять расстояния между объектами по правому краю.</li>
<li><b>Distribute equi-spaced</b> - сделать пустые пространства между объектами равными.</li>
</ul><div style="text-align: justify;"> </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Vertical positions</b> - выравнивание по горизонтали.</div><div> </div><ul style="text-align: justify;"><li><b>Distribute bottom edges</b> - выровнять расстояния между объектами по нижнему краю.<br />
</li>
<li><b>Distribute centres</b> - выровнять расстояния между объектами по центральной оси.<br />
</li>
<li><b>Distribute top edges</b> - выровнять расстояния между объектами по верхнему краю.</li>
<li><b>Distribute equi-spaced</b> - сделать пустые пространства между объектами равными. </li>
</ul><div style="text-align: justify;">После выбора нужной комбинации нажмите кнопку <b>Apply</b>, что бы применить выравнивание.</div><div align="JUSTIFY"></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com2tag:blogger.com,1999:blog-2542471459558919935.post-60477602521724286942011-07-09T12:57:00.001+04:002011-07-09T13:04:04.005+04:00Рисуем волосы.<div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться рисовать волосы и шерсть.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">На самом деле рисовать волосы и шерсть не трудно. Если это мультяшный персонаж, то задача вообще сводится к минимуму движений, потому что там нужно обозначить лишь контуры, но когда дело доходит до отрисовки фотографии, то тут уже придётся потрудиться.</div><div style="text-align: justify;"></div><a name='more'></a>Сначала научимся создавать локоны. Нарисуйте несколько линий, выгните их по разному и задайте им стиль<b> Iron из Line Gallery</b>. Затем конвертируйте в формы <b>Arrange>Convert Line to Shape</b> и раскрасьте градиентами, тоже желательно разными, на свой вкус.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJv8VXHpSWYm6neFTA0IqJo0LtjUL87QiafXCRard3vIqbKlrMAhndnfNVX5lDgNBLpgdjdzi2Zl1SDPIBUQUesWAAa9ADJvpP-titkye177X-ujsnrCFd7tThUppTgsmz9CJ99QdXDsM/s1600/volosi_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJv8VXHpSWYm6neFTA0IqJo0LtjUL87QiafXCRard3vIqbKlrMAhndnfNVX5lDgNBLpgdjdzi2Zl1SDPIBUQUesWAAa9ADJvpP-titkye177X-ujsnrCFd7tThUppTgsmz9CJ99QdXDsM/s1600/volosi_1.jpg" /></a></div><br />
<div style="text-align: justify;">Выделите полученные волоски, но не группируйте их. Нажмите инструмент <b>Freehand (F3)</b>, на верхней панели <b>Create Brush</b> и назовите кисть «Lokon». Нарисуйте, с помощью инструмента <b>Freehand (F3)</b>, где нибудь кусочек линии полученной кистью, что бы видеть её и нажмите кнопку <b>Edit Brush</b> на верхней панели. Задайте значения как на рисунке ниже, подробнее о кистях смотрите соответствующий <a href="http://xaradesigners.blogspot.com/2011/06/blog-post_06.html">урок</a>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ZQGa7-vcXrsll07rKv-pYK-YP-PVK_VJnecNe9eMrQC4haDKAyRfEluTHkA-s0vPZIRgF3nROLy_KtczBx-OCqRL2oTbv_6DDarZxCGg1uCIz_4mPZ78JhzGVpeLyu4IUVvAXoq6i2Y/s1600/volosi_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ZQGa7-vcXrsll07rKv-pYK-YP-PVK_VJnecNe9eMrQC4haDKAyRfEluTHkA-s0vPZIRgF3nROLy_KtczBx-OCqRL2oTbv_6DDarZxCGg1uCIz_4mPZ78JhzGVpeLyu4IUVvAXoq6i2Y/s1600/volosi_2.jpg" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Должно получиться что то вроде этого.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsC5giLv1qZ7KWXL8qr9m2i8SSinJO_Nc1tEYAWR9rWqWdpkwFIebm68Tidj-zYzhTcVgCvQ39pNSAEs1HJpQUffS0sDK-7sjr-zeevFvE2Y4L5e448it3UJDtxu9qfxpAfO02GjMn6rc/s1600/volosi_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsC5giLv1qZ7KWXL8qr9m2i8SSinJO_Nc1tEYAWR9rWqWdpkwFIebm68Tidj-zYzhTcVgCvQ39pNSAEs1HJpQUffS0sDK-7sjr-zeevFvE2Y4L5e448it3UJDtxu9qfxpAfO02GjMn6rc/s1600/volosi_3.jpg" /></a></div><br />
<div style="text-align: justify;">Если взять теперь небольшой кусочек волос, конвертировать в форму (<b>Arrange>Convert Line to Shape</b>), то можно используя инструмент <b>Mould Toll</b>, сделать красивые локоны.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2HL-8DSzWLNlf6GIB7ZWKW75XplX8sYJyh709x7StvxKL_rvVcn2cntn14quiY-jTF7BED-mR5we5OkxMMCP6RTqow9W0mI3hbVh0Kqbf8G628nPpVMG8dYPLpaUxykF277hjntve0A/s1600/volosi_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2HL-8DSzWLNlf6GIB7ZWKW75XplX8sYJyh709x7StvxKL_rvVcn2cntn14quiY-jTF7BED-mR5we5OkxMMCP6RTqow9W0mI3hbVh0Kqbf8G628nPpVMG8dYPLpaUxykF277hjntve0A/s1600/volosi_4.jpg" /></a></div><br />
<div style="text-align: justify;">Так можно сформировать целую шевелюру. Сделайте несколько типов локонов от тёмных до светлых и комбинируя рисуйте причёски. С кистями можно поиграться, задавая им разные параметры, вращения, расстояний и т.д.</div><div style="text-align: justify;">Следующий шаг это точная отрисовка по одному волосу. Волосы не всегда просто уложены в пучки, часто они разбросаны по лицу, плечам, цепляются за уши, завиваются. Так же всегда нужно пририсовать выбившиеся волосы из основной массы для придания реалистичности.</div><div style="text-align: justify;">Приготовьте несколько линий - шаблонов волос.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QhDXLtrG1pSmvrIl3qp9-8u64_lVxxas3vEZvOVt2VjC6Q19C7_rYCIs4xai2GBoCWXZLYAE1J9Q-vZpcVlIlwiAlFkkJfwx0hx2Ry0B_XTSCvxmRIR9Rr16xfz9Kthyphenhyphens2HQs1MA5WY/s1600/volosi_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QhDXLtrG1pSmvrIl3qp9-8u64_lVxxas3vEZvOVt2VjC6Q19C7_rYCIs4xai2GBoCWXZLYAE1J9Q-vZpcVlIlwiAlFkkJfwx0hx2Ry0B_XTSCvxmRIR9Rr16xfz9Kthyphenhyphens2HQs1MA5WY/s1600/volosi_5.jpg" /></a></div><br />
<div style="text-align: justify;">Расположите эти линии рядом с изображением, выделите одну из линий и скопируйте в буфер обмена (<b>ctrl+c</b>). Атрибуты стиля теперь находятся в буфере. Так как Xara объектно ориентированная программа, то здесь <b><span style="color: red;">весь документ это тоже объект</span></b>, в котором содержатся дочерние объекты. Нажмите клавишу <b>ESC</b> что бы снять выделение с объектов, сейчас на самом деле выделен один единственный объект - документ целиком. Нажмите <b>shift+ctrl+a</b>, что бы перенести на объект атрибуты из буфера обмена. Теперь все новые объекты создаваемые в документе будут принимать его стиль, так как являются его потомками.</div><div style="text-align: justify;">Попробуйте нарисовать линию, она примет стиль той, что была у Вас в буфере обмена. Порядок действий для Вас сейчас будет следующий: копируем в буфер обмена шаблон волоса (<b>ctrl+c</b>), снимаем выделение со всего (<b>ESC</b>), применяем атрибуты из буфера (<b>shift+ctrl+a</b>), рисуем волосы, когда нужен другой стиль, повторяем действия. Если есть планшетка, то можно задать эту комбинацию на отдельную «кнопку», которые обычно расположены по периметру планшета и программируются драйвером (на рисунке ниже моя планшетка).</div><div style="color: #351c75; text-align: center;"><b>ctrl+c > ESC > shift+ctrl+a</b></div><div style="color: #351c75; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5salWHV3volIPzdAwxtyk6zoIVbK4p5Il9mMkt-9BVDyunGCW2vQaS9pArPFKScTURXSvXSW01PHX3Qqn2IHa3TCmAIV26I77GTNuJwntVb0S-Xu9l25TzXCWwFUBrcT1b_8a7cZjHE0/s320/prodam_novyy_planshet_genius_wizardpen_5x4_26117318_1_F.jpg" width="320" /> </div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="color: #351c75; text-align: center;"><b></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnEwNWSEqnFZlLTQ6-AeRp0PReVqrpZMGYhDs7F9EnbVw_pGkKLY66aosPRXjchJ24DG-udirtwr-e9pGD2T43avCz6JMHEJgk_tlWYsV0vUHXwfUo6o09WGSp1nAQueMBkvU0suCrpnc/s1600/volosi_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnEwNWSEqnFZlLTQ6-AeRp0PReVqrpZMGYhDs7F9EnbVw_pGkKLY66aosPRXjchJ24DG-udirtwr-e9pGD2T43avCz6JMHEJgk_tlWYsV0vUHXwfUo6o09WGSp1nAQueMBkvU0suCrpnc/s1600/volosi_6.jpg" /></a></div><br />
<div style="text-align: justify;">Вот так используя всего лишь инструмент рисования линий <b>(F4)</b> и тут же их изгибая, делаем волосы. Получается быстро и очень аккуратно. Оттенки желательно разнести по слоям, что бы потом удобнее было их менять. Обратите внимание, что линию можно изгибать сразу же находясь в режиме рисования линии, просто наведите курсор поверх неё и увидите как стрелочка изменит форму - линию можно изгибать.</div><div style="text-align: justify;">У меня порядок действий следующий: <b>F4</b>, рисую линию, изгибая, <b>ESC</b> что бы снять выделение, <b>F4</b>... Горячие клавиши можно задать на «кнопках» планшетки.</div><div style="text-align: justify;">Когда Вы будете использовать инструмент <b>Freehand (F3)</b> - включите опцию <b>Scetch Mode</b>, что бы линии не «липли» друг к другу.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVWiHAQ1Wqukgh1iKqcbH-U2DuStCqQFR3ZMmQQ2e4lOizZ8SQtMFMcuY0s5lB9NaX3zfY9wfw_8hjBmfFUQc7Nimu7-Lx2h_VmFAGqx_qq5Xt-ekDtOz3XLJWaijTRjKFMXWu6Z8hFo/s1600/volosi_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVWiHAQ1Wqukgh1iKqcbH-U2DuStCqQFR3ZMmQQ2e4lOizZ8SQtMFMcuY0s5lB9NaX3zfY9wfw_8hjBmfFUQc7Nimu7-Lx2h_VmFAGqx_qq5Xt-ekDtOz3XLJWaijTRjKFMXWu6Z8hFo/s1600/volosi_7.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4_bOOerMP6hUH_BQMkFpyw4klAXmoO4L92SEN37i9H4q7ZPlAhreXARtozo6C8g7T-j06_FDm9pSbyz_eQQazmQ6_etDydhtT7bAbsEIBekgOhIYwKwj4Jvwnurb03i7gYtZgL6hyDc/s1600/volosi_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-57170558236134277622011-07-06T00:44:00.000+04:002011-07-06T00:44:48.070+04:00Рисуем реалистичные планеты. Изучение анимации.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Нарисовать стилизованные планеты и сделать простую анимацию вращения.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Для того что бы нарисовать планеты Вам понадобятся текстуры их поверхностей. Я просто вбил в поисковике - «текстуры планет» и получил отличные текстуры в хорошем разрешении.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMb1lpfxK-TDF7m6Ph-ou5J_FZEjIdhBa6x4GkjPr6kd4JKDKOLVvBQNVZVHSkMMPOR2_ufYlBAv5bqI_FlVkksp87Z8IbmynxKyVVnemGbRsmz_dGNvKSj8zNzobJOf1O9-EBYtQQ4eQ/s1600/planet_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMb1lpfxK-TDF7m6Ph-ou5J_FZEjIdhBa6x4GkjPr6kd4JKDKOLVvBQNVZVHSkMMPOR2_ufYlBAv5bqI_FlVkksp87Z8IbmynxKyVVnemGbRsmz_dGNvKSj8zNzobJOf1O9-EBYtQQ4eQ/s1600/planet_1.jpg" /></a></div><br />
<a name='more'></a><br />
<div style="text-align: justify;">Нарисуйте на рабочем поле окружность. Пусть её размер будет 200 х 200 px. Возьмите одну из текстур (я взял землю), задайте ей высоту тоже в 200 px, сделайте клон (<b>ctrl+k</b>) и поместите его рядом по горизонтали. Сгруппируйте обе текстуры планеты в одну сплошную (<b>ctrl+g</b>).</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnX3MMEOTSOe83w5q_pPAUE-2o_jaSoUxnokCco7X6wKm8mWnG-M7fbf2gPQ-nMpVvT61RH2ExUd6pL1W-iHV9RBDozoa7GOkCQceNcm1Kb5Ei-VZao6GaQyqD2yvOH2KSVWWO-QNSFVA/s1600/planet_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnX3MMEOTSOe83w5q_pPAUE-2o_jaSoUxnokCco7X6wKm8mWnG-M7fbf2gPQ-nMpVvT61RH2ExUd6pL1W-iHV9RBDozoa7GOkCQceNcm1Kb5Ei-VZao6GaQyqD2yvOH2KSVWWO-QNSFVA/s1600/planet_1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Теперь текстуры нужно поместить в контейнер по форме окружности. Сделайте клон окружности (<b>ctrl+k</b>) и задайте ему синий цвет (или любой другой по желанию), что бы не путать контейнер и остальные окружности.</div><div class="separator" style="clear: both; text-align: justify;">Поместите контейнер позади всех объектов (<b>ctrl+b</b>), расположите поверх него группу текстур планеты, выделите оба объекта (контейнер и группу) и нажмите клавишу <b>Q</b>. Текстура должна попасть в контейнер.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIMre-PI4R7PqxGIDMzQwMa5UsEERzMvBamiWhnVG0VcL3OajggKMS_5uOCfWF78v6iTGJ0FOp68r3f8ecrpTC3AQGrIL_nfsTISAkHZG9t39VTVg9E4dfUBgKEf1XFQRALs-Tjfid4U/s1600/planet_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIMre-PI4R7PqxGIDMzQwMa5UsEERzMvBamiWhnVG0VcL3OajggKMS_5uOCfWF78v6iTGJ0FOp68r3f8ecrpTC3AQGrIL_nfsTISAkHZG9t39VTVg9E4dfUBgKEf1XFQRALs-Tjfid4U/s640/planet_3.jpg" width="462" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Уже очень похоже на планету. Расположите пустую окружность над планетой (можно просто выделить оба объекта, вызвать панель выравнивания <b>shift+ctrl+L</b>, кликнуть в центр панели и нажать кнопку <b>Apply</b>).</div><div class="separator" style="clear: both; text-align: justify;">Что бы планета выглядела более объёмной - ей нужно задать тени по краям. Закрасьте окружность в чёрный цвет и задайте ей прозрачность типа <b>Circular</b>.</div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Ci9b3p-Q9e2fiTJlh-SWz2zsacZrh9dM-YcrNYKYBdK0tWXoBcGiEdiM6AW9rFrkBcAcndfGDNNG2zfLLNv6HA8rVDzDwHqQ8SZkSPVOCZpp8jR5HaPeb7V7m8tXZ6i1GXPNw0OE-4M/s1600/planet_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Ci9b3p-Q9e2fiTJlh-SWz2zsacZrh9dM-YcrNYKYBdK0tWXoBcGiEdiM6AW9rFrkBcAcndfGDNNG2zfLLNv6HA8rVDzDwHqQ8SZkSPVOCZpp8jR5HaPeb7V7m8tXZ6i1GXPNw0OE-4M/s1600/planet_4.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Получилась неплохая тень, но наоборот. Находясь в режиме прозрачности выделите первую ключевую точку прозрачности и задайте ей значение 100%, что значит полностью прозрачная. Для второй точки задайте значение 30%.</div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwHQfWWyIII7StdUVgZdXL0tl8vqHSANFyDVl6_ugb4pD88PAv5DNxh1OVqDX5RIY9RkPwB9qaFXvy95dCGiU3j7qbVhd0KivT5SdpEQW3VsX6_gB8ZFg0GXXaJr9531kYZ3Z9h762SfI/s1600/planet_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwHQfWWyIII7StdUVgZdXL0tl8vqHSANFyDVl6_ugb4pD88PAv5DNxh1OVqDX5RIY9RkPwB9qaFXvy95dCGiU3j7qbVhd0KivT5SdpEQW3VsX6_gB8ZFg0GXXaJr9531kYZ3Z9h762SfI/s640/planet_5.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Но это ещё не всё. Тени следует сделать более плавными и рассеянными. На верхней панели есть кнопка <b>Profile</b> (чёрная стрелка вправо), нажмите её и откроется панель управления кривыми данной прозрачности. Сдвиньте верхний бегунок влево. Я не буду рассказывать в этом уроке принцип действия кривых, просто сделайте так как показано на рисунке.</div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybrbEtMiIesXgEcHJet30nBMYNDoQU82iOSBSbU40v2ECuP9R9blIxcluJrzz_D1kvIPx46-x4tunM3sSQrf_epCp8myQH_JTZeAIKXQjL0sHkfY4fX5-7M8c2fOCN6ZwqS8q0sQM2LE/s1600/planet_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybrbEtMiIesXgEcHJet30nBMYNDoQU82iOSBSbU40v2ECuP9R9blIxcluJrzz_D1kvIPx46-x4tunM3sSQrf_epCp8myQH_JTZeAIKXQjL0sHkfY4fX5-7M8c2fOCN6ZwqS8q0sQM2LE/s320/planet_6.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Всё у планеты появился отличный объём. Теперь осталось только украсить её. Я сделал на заднем плане размытую окружность (с помощью прозрачности), а на переднем имитацию блика, как будто планета заключена в некий прозрачный пузырь. </div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNWEG2ccNvmIM1VTO92vFv0b6VzBwAZJGe76LFzXNWMNgkacH_uOTMANhBdRyMsdOF9t-ASzSiNejcn2YyPy92FsAOIHiguQhQylM6IGFbeg7DV6_bJ3PO_b3OyzkfD-uBAQdg5atedro/s1600/planet_7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNWEG2ccNvmIM1VTO92vFv0b6VzBwAZJGe76LFzXNWMNgkacH_uOTMANhBdRyMsdOF9t-ASzSiNejcn2YyPy92FsAOIHiguQhQylM6IGFbeg7DV6_bJ3PO_b3OyzkfD-uBAQdg5atedro/s1600/planet_7.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Планета готова и можно приступать к анимации. Создайте новый документ <b>File>New>Animation</b> и скопируйте в него планету.</div><div class="separator" style="clear: both; text-align: justify;">Что бы получилась иллюзия будто планета вращается нужно всего-навсего двигать текстуру планеты. Сейчас у Вас есть один ключевой кадр, это видно в галерее <b>Animation Frame</b>.</div><div class="separator" style="clear: both; text-align: justify;">В Xara сделано так, что объект с одним и тем же именем на ключевых кадрах будет автоматически анимирован. То есть схема следующая: в первом кадре объект Krug имеет координату X=100 px, а во втором кадре объект Krug имеет координату X=200 px - программа создаст анимацию перемещения объекта Krug из точки 100px в точку 200px. Те объекты которые имён не имеют будут просто отрисованы без каких либо движений.</div><div class="separator" style="clear: both; text-align: justify;">Задайте группе текстур имя. Для этого выделите группу откройте галерею имён <b>Utilities>Galleries>Name gallery</b>, нажмите кнопку <b>New</b>, в открывшейся панели напишите имя и нажмите кнопку <b>Add</b>.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitzCgF3cU3XcgKHknTOHJK_VId6gSqTph4zX_3rdoSQap0GiOzqO_KEphBYKBJcbbVhfJz6oXA6uiJabD9Vj9vUlPVt8wxK_Vr_1arX6r93K44G4QlfJhLX29WkTING9w5TQ_yae8psr0/s1600/planet_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitzCgF3cU3XcgKHknTOHJK_VId6gSqTph4zX_3rdoSQap0GiOzqO_KEphBYKBJcbbVhfJz6oXA6uiJabD9Vj9vUlPVt8wxK_Vr_1arX6r93K44G4QlfJhLX29WkTING9w5TQ_yae8psr0/s1600/planet_2.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">В <b>Animation Frame gallery</b> нажмите кнопу <b>Copy</b>, это продублирует выделенный кадр. А теперь сам фокус анимации. Нужно сделать так что бы вторая текстура из группы стала на место первой. Находясь на втором кадре выделите группу и сделайте координату X=Xизначальное-ширина группы/2 (учитывайте ургентность математических операций - сначала делается деление).</div><div class="separator" style="clear: both; text-align: justify;">Осталось только определить время продолжения анимации. Сделайте двойной клик на первом кадре в галерее кадров, в открывшейся панели впишите значение - 3 секунды. Во втором кадре поставьте значение - 0, потому что это последний кадр.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdaBouKC2wR7k49aYZ63N8OKlrsgvbkREvLQVT18xFDnxgLxNN1y-8Lg_uKDVkED-oIaeK3VvVvW2zlAplmt4nUCMKL0gczOs6K4BmYPg_rsZBv-9GhtoZw6MCbqZcupglByQbhu3nwRY/s1600/planet_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdaBouKC2wR7k49aYZ63N8OKlrsgvbkREvLQVT18xFDnxgLxNN1y-8Lg_uKDVkED-oIaeK3VvVvW2zlAplmt4nUCMKL0gczOs6K4BmYPg_rsZBv-9GhtoZw6MCbqZcupglByQbhu3nwRY/s1600/planet_3.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Вот и всё. Можно проверить анимацию нажав на верхней панели кнопку <b>Preview Flash animation in browser</b>.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IZfou-8s6Ze9rml-FsqU7RG-sxIrRb02Txl4P5o9NbfyKCwiea6tABQ1XE8ioBOcpfwLtL5kNeFunio9TW5qDm6MtqBQDrhQjK-tEjpVTjOeDvNhObht1C3fL3PC2xA27UQHfw5qwI8/s1600/planet_10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IZfou-8s6Ze9rml-FsqU7RG-sxIrRb02Txl4P5o9NbfyKCwiea6tABQ1XE8ioBOcpfwLtL5kNeFunio9TW5qDm6MtqBQDrhQjK-tEjpVTjOeDvNhObht1C3fL3PC2xA27UQHfw5qwI8/s1600/planet_10.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div>Если всё устраивает, то экспортируйте в SWF и можно вставлять анимашку на страничку.<br />
<br />
<div style="clear: both; text-align: center;"><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="226" width="228"> <param name="quality" value="high"><param name="src" value="https://sites.google.com/site/calebeltropicano/planet.swf?attredirects=0"><embed type="application/x-shockwave-flash" width="228" height="226" src="https://sites.google.com/site/calebeltropicano/planet.swf?attredirects=0" quality="high"> </embed> </object></div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-79586052122746580472011-06-29T16:46:00.000+04:002011-06-29T16:46:17.173+04:00Сердце, ромашка, волна... всё за несколько секунд. Использование Stroke shapes / Pressure profiles.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Научиться пользоваться <b>Stroke shapes / Pressure profiles</b> из<b> Line gallery</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Откройте <b>Utilities>Galleries>Line Gallery</b>, в списке разверните директорию <b>Stroke shapes / Pressure profiles</b>.</div><div style="text-align: justify;"></div><div style="text-align: justify;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPxkwc63KFcWufRtztqFTQE1YJnINsw1NhpgqhYwmC4ibcdWvtwIDHweu3n0TqYeYpR5JAz8OjkDtRZmJq4rc1Tu7j3vBHKhZ78g6x04dGDg8LXsbdutuxZeTaVIlVoelXs7Xygaeaoc/s1600/stroke_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPxkwc63KFcWufRtztqFTQE1YJnINsw1NhpgqhYwmC4ibcdWvtwIDHweu3n0TqYeYpR5JAz8OjkDtRZmJq4rc1Tu7j3vBHKhZ78g6x04dGDg8LXsbdutuxZeTaVIlVoelXs7Xygaeaoc/s1600/stroke_1.png" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Нарисуйте на поле прямую линию, задайте ей толщину скажем 20px и не снимая выделения сделайте двойной клик курсором мыши по одному из профилей. Линия тут же примет форму профиля. Попробуйте нарисовать какую нибудь кривую и применить к ней профили.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSnHbP9fHsIk8jEOLZUSYZ-dvOIKE4KRUXG8aGizKLYlUJc4yBQ4WisADRKJ8XGQOkCaVtMNQT1VGFS242bedS4A45UTkDAmto6WJdds5oiUWD7TkH9q_on1UVjZtqjUztrAjff18LNc/s1600/stroke_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSnHbP9fHsIk8jEOLZUSYZ-dvOIKE4KRUXG8aGizKLYlUJc4yBQ4WisADRKJ8XGQOkCaVtMNQT1VGFS242bedS4A45UTkDAmto6WJdds5oiUWD7TkH9q_on1UVjZtqjUztrAjff18LNc/s320/stroke_2.png" width="320" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Вот так - 30 секунд баловства и можно уже продавать картину «Апокалипсис и сбоку чёрточки». Вся прелесть такого профиля, что его можно применить к линии любой сложности и он повторит её контур. Попробуем нарисовать что то полезное, к примеру сердечко.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6zZBla0d49cyBeiNu4IK-Y7eFtGgARC4vnK9nBZTvop3Bpl9yQJcV7XJgJE3MnP5lsGeC8AHNVSEXmCTWejP64OBz3vRiNUCUJX4S1KZeL45esWXC8ohg6q498a78C5aFD5hlpJmak0/s1600/stroke_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6zZBla0d49cyBeiNu4IK-Y7eFtGgARC4vnK9nBZTvop3Bpl9yQJcV7XJgJE3MnP5lsGeC8AHNVSEXmCTWejP64OBz3vRiNUCUJX4S1KZeL45esWXC8ohg6q498a78C5aFD5hlpJmak0/s1600/stroke_3.png" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">После того как сердечко приняло свою форму, переведите линию в форму <b>Arrange>Convert Line to Shape</b>. Динамический контур превращается в обычный и можно раскрасить форму градиентами, дать блики и т.д.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YWQ70GJvx2_247VFeWUMC32lUK2SUEE7C17_MOZsia6fT85R5XePgpUHF06LdEqtGulsEaDQEnfCLVKWTO7vnqR8h2e9WvDTESJGzQ_CYxyxICqqFhxK70J4W9AZnvgPijs0vB_dHxQ/s1600/stroke_4.png" /> </div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Попробуйте таким же образом нарисовать ромашку.</div><ol style="text-align: left;"><li>Рисуем линию.</li>
<li>Клонируем линию и поворачиваем, так несколько раз.</li>
<li>Конвертируем линии в формы (<b>Arrange>Convert Line</b>).</li>
<li>Выделяем все лепестки и объединяем в одну форму (<b>crtl+1</b>).</li>
<li>Украшаем. Стебель и листики нарисованы так же при помощи <b>Stroke shapes / Pressure profiles</b>.</li>
</ol><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWj2uDAciGfBNXzN-z1iODX-KD97KcVG7X7XzKw_Im9Ltrq-malyz2Jt1iPQdNvUjwYKS-bGkIlh-ovSFzp9EKTCjjDBjSTvzGtXIo01YSEerk-FFYYP4tjNCeGNqOL8iUZfd-zp6Cw5Q/s1600/stroke_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWj2uDAciGfBNXzN-z1iODX-KD97KcVG7X7XzKw_Im9Ltrq-malyz2Jt1iPQdNvUjwYKS-bGkIlh-ovSFzp9EKTCjjDBjSTvzGtXIo01YSEerk-FFYYP4tjNCeGNqOL8iUZfd-zp6Cw5Q/s1600/stroke_5.png" /></a></div><div class="separator" style="clear: both; text-align: justify;">Обратите внимание ещё вот на что. На панели с опциями галереи есть два выпадающих списка.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9y-kPr9Jn9zjDQeyveCfLrcGCuiH_YgHIKaLH9EDOSfgN9sJM8RIUv0SmWf4jhKt5OQiDSmcG-rG5_3FMIhvVnYG35VJnEDcSTFBMIJ2uNGWDaKPpZzorgjof3OJYIVJVZTYjvMt-jHM/s1600/stroke_6.png" /> </div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">В них можно выбрать типы соединения углов и окончания линий. Ниже я привожу наглядную таблицу.</div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxBSSnVt8ryvZhS142kDsCze_O3hup1Tl8a_ilvUL5sl0nrxZ7Ppz11MwNE9y1R3hozTnhW0pIvjLH87e34O38YrRbJIJF0Us5HdDhyclLmPuBK-LIJA-_lmp-tG9isDeTrdHHLU_Uvw/s1600/stroke_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxBSSnVt8ryvZhS142kDsCze_O3hup1Tl8a_ilvUL5sl0nrxZ7Ppz11MwNE9y1R3hozTnhW0pIvjLH87e34O38YrRbJIJF0Us5HdDhyclLmPuBK-LIJA-_lmp-tG9isDeTrdHHLU_Uvw/s1600/stroke_7.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;">Это тоже можно использовать в своих целях. Вот как можно используя <b>Round Cap</b> и форму линии <b>Convex</b> быстро нарисовать винные бутылки.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDjBfR8c6xEGRvskJtJHbvHQ0yEMz_kYKbdThyqgrm6l56tjWbeK9_PbFLmJOW5hMCut2nSy0OL7zYDcM6Kv1g9mP-gxR-aSLnHfCOUx211a4n2hrOwWkxg0zDoUNbvHOi8knNf3KCA4E/s1600/stroke_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDjBfR8c6xEGRvskJtJHbvHQ0yEMz_kYKbdThyqgrm6l56tjWbeK9_PbFLmJOW5hMCut2nSy0OL7zYDcM6Kv1g9mP-gxR-aSLnHfCOUx211a4n2hrOwWkxg0zDoUNbvHOi8knNf3KCA4E/s400/stroke_8.png" width="400" /></a></div><div style="text-align: justify;">Я часто применяю такую технику рисования. Брови, галстуки, крыши зданий, капли дождя, волнистые линии... Многое можно нарисовать всего лишь используя линию с профилем.</div><div style="text-align: justify;">Смотрите на рисунок ниже: семечки арбуза, куполы и окна дворца, бутон и листья тюльпана. На всё про всё я потратил не более двух минут. Используйте уже готовые кривые, вместо того что бы рисовать собственные, Вы сильно повысите скорость своей работы. </div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2iDST04AAcBnMUR1kA4oBPK6FWdBOiCa10Jy6FuTpLalCiM-eh4o-rh6XbX3r7J6nKt5udL1FbvJe479TrZQl_l4KEuxQYO185gjwsDkwUxTs1qP1bB7BY2xAICkDZIXofTDpjs3CubA/s1600/stroke_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2iDST04AAcBnMUR1kA4oBPK6FWdBOiCa10Jy6FuTpLalCiM-eh4o-rh6XbX3r7J6nKt5udL1FbvJe479TrZQl_l4KEuxQYO185gjwsDkwUxTs1qP1bB7BY2xAICkDZIXofTDpjs3CubA/s1600/stroke_9.png" /></a></div><div style="text-align: justify;"><br />
</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-63051059717759104912011-06-28T15:34:00.000+04:002011-06-28T15:34:51.956+04:00«Металлическое» меню для сайта. Изучение инструмента создания контура.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Создать стилизованные под лакированный, хромированный металл надписи для сайта.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Первым делом нужно набрать текст меню и подобрать понравившийся шрифт. Желательно выбирать буквы потолще для такого типа стилизации, что бы они были более похожи на штампованные из металла значки.</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyva8svdMbE3w3sFq_w1qtCt89dtLEW5fggZw3Bl6me1midRUwyfzXMfjsL1nc9338MyXfHWFd0ZWqzMZ7ZsZzfidWOcN0lDudpZTzcIgWKAetYc4pKaYEhOkp4Zmpp_6JWJS0wo8D30/s1600/metall_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyva8svdMbE3w3sFq_w1qtCt89dtLEW5fggZw3Bl6me1midRUwyfzXMfjsL1nc9338MyXfHWFd0ZWqzMZ7ZsZzfidWOcN0lDudpZTzcIgWKAetYc4pKaYEhOkp4Zmpp_6JWJS0wo8D30/s1600/metall_1.png" /></a></div><div class="separator" style="clear: both; text-align: justify;">Теперь научимся производить одни и те же действия с несколькими объектами одновременно. Переведите текст в кривые (<b>shift+ctrl+s</b>) и один раз разгруппируйте. Что это даст? В Xara очень чёткая иерархия объектов, как в любом ООП языке. Текстовый объект представляет из себя вот такой объект - Текст.Строка.Буква. То есть когда Вы перевели текст в кривые, то получили группу строк, а строки являются группами букв. Запомните это.</div><div class="separator" style="clear: both; text-align: justify;">Выделите полученные строки, клонируйте (<b>ctrl+k</b>) и задайте серый цвет. Обратите внимание на маленькие чёрные квадратики в углу каждой надписи. Каждый такой квадратик означает отдельный объект или группу.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcf1rPiMpUi0wGrvb0Ix3Fy19F7cTMH8IfWbfZCYi35eGgEfvtKBqI1MnKey9Sb93ocqWQW1GmOQV-Jv8ye6fUrZo9iEFOg1n_VwZk9xBDmlCDAU9W4Mhusi7bTjDB-BLEVPsbc2sVjrA/s1600/metall_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcf1rPiMpUi0wGrvb0Ix3Fy19F7cTMH8IfWbfZCYi35eGgEfvtKBqI1MnKey9Sb93ocqWQW1GmOQV-Jv8ye6fUrZo9iEFOg1n_VwZk9xBDmlCDAU9W4Mhusi7bTjDB-BLEVPsbc2sVjrA/s1600/metall_2.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Не снимая выделения воспользуйтесь инструментом <b>Contour tool</b>. На верхней панели включите опцию <b>Inset Path</b> - это значит, что контур будет всего один. Так же можно поиграть с опциями соединения углов. Я выбрал округление. Теперь можно потянуть за одну из красных стрелочек и увеличить контур строк. Заметьте именно строк, а не всего выделения целиком. Каждый объект здесь сам за себя. Если бы Вы делали это в группе, то все контуры просто объединились бы.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXaCanYAi748JdluxVSaGCwztNlfp8xlUvDkSR8IdnPaCmkgaYGvRhumEy38IPuxirOFDvClISEkb0KeN1S3ayk6zsPqqWiOXv19XFzyWsCyEmKuie7p0j8zsKZLGHv1ollrqLqBSrQgY/s1600/metall_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXaCanYAi748JdluxVSaGCwztNlfp8xlUvDkSR8IdnPaCmkgaYGvRhumEy38IPuxirOFDvClISEkb0KeN1S3ayk6zsPqqWiOXv19XFzyWsCyEmKuie7p0j8zsKZLGHv1ollrqLqBSrQgY/s1600/metall_3.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">После применения инструмента контура передвиньте эти строки назад (<b>ctrl+b</b>), что бы впереди оказались чёрные надписи, созданные изначально. Снимите выделение нажав <b>ESC</b> или кликнув на пустое поле. Выделите одну из серых строк и задайте следующий градиент.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7rOCoT9v_K9zF6jBX_sHmC-R63c9827VxZgtjnLo4aMOpDaRp2_2XFDi3mtgu-zAH83W0F3fWYsIlXhhINKgB90xFrUQ774sg6bWuxk1B_UPPB7FueQrXekV67mCc6hukibZtY0uQuE/s1600/metall_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7rOCoT9v_K9zF6jBX_sHmC-R63c9827VxZgtjnLo4aMOpDaRp2_2XFDi3mtgu-zAH83W0F3fWYsIlXhhINKgB90xFrUQ774sg6bWuxk1B_UPPB7FueQrXekV67mCc6hukibZtY0uQuE/s1600/metall_4.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Как я сделал такой градиент? Сначала я задал обычный линейный градиент, что бы создать новые ключевые точки на линии нужно просто сделать двойной клик мышкой по ней. Будьте внимательны, кликнуть нужно именно по линии, Вы увидите как меняется курсор, находясь над линией градиента. Задайте всем точкам нужные цвета. Я для наглядности сделал градиент всего из четырёх ключевых точек, на самом деле гораздо красивее было бы добавить сюда белых бликов, чёрных теней и т.д. С этим Вы сможете поэксперементировать самостоятельно.</div><div class="separator" style="clear: both; text-align: justify;">После того как Вы задали градиент одной строке - скопируйте её в буфер обмена (<b>ctrl+c</b>). Теперь выделите остальные серые строки и нажмите <b>shift+ctrl+a</b>, что бы применить атрибуты строки из буфера обмена. Опять же возвращаемся к наследованию объектов. Если бы эти строки были в группе, то вся группа получила бы один градиент на всех.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CQGPd-SIMIpoD5WwfV6n76Ma-Ok7DPaxJPmeljGfWKpbwReVM4ATt-t1_70vVWKER5N02AEoJb3PcuUp3D_hBCGGffR1S_yjT8kcOX3QpU-fnnbhDXbthS6sla0ob8zc8rfwYvz6iNc/s1600/metall_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CQGPd-SIMIpoD5WwfV6n76Ma-Ok7DPaxJPmeljGfWKpbwReVM4ATt-t1_70vVWKER5N02AEoJb3PcuUp3D_hBCGGffR1S_yjT8kcOX3QpU-fnnbhDXbthS6sla0ob8zc8rfwYvz6iNc/s1600/metall_5.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Что бы придать немного объёма контуру - выделите все серые строки, клонируйте (<b>ctrl+k</b>), задайте сплошной чёрный цвет, сместите на пару пикселов по диагонали вниз-вправо и поместите позади всех объектов (<b>ctrl+b</b>).</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9W-jm4BJeZwSe2HB19cTb5jxZLqHUOLWuCaRHa9oo6GgUj-13cvXhFsNDLB9dpHhEPyAVadTijFsjFXYIEebPn-G5e3_pdmhSs0yii8xZhdQ4yOAIELo_jRC08q3O0F5haIOgXWdikyY/s400/metall_6.png" width="400" /> </div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Переходим к внутренней части букв. Выделите все чёрные строки и клонируйте (<b>ctrl+k</b>). Задайте одной строке градиенты как показано ниже на рисунке, скопируйте её в буфер обмена (<b>ctrl+c</b>), выделите все строки и задайте атрибуты (<b>shift+ctrl+a</b>). Затем примените <b>Contour tool</b>. Всё как и с серыми строками, но только сейчас Вы должны сделать контур внутрь, а не наружу. Буквально 2-3 пиксела будет достаточно, что бы показать объём.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiczwmvsA3LADaSnKuqUtvjnP4P1u8moIgW1_qg6FInHiLdtRgixNG9X0n38GBX3IxHFJBt914kNXr3JMVJJkmtD-Qjtfs-2UpsTcqmIrcnjdqAs3FqHrBaZpju7BfvV70m4t1DupRGxLI/s1600/metall_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiczwmvsA3LADaSnKuqUtvjnP4P1u8moIgW1_qg6FInHiLdtRgixNG9X0n38GBX3IxHFJBt914kNXr3JMVJJkmtD-Qjtfs-2UpsTcqmIrcnjdqAs3FqHrBaZpju7BfvV70m4t1DupRGxLI/s1600/metall_7.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Объедините все строки в группы. То есть все строки надписи «ГЛАВНАЯ» в одну группу, строки «НОВОСТИ» в другую и т.д. Считайте что надписи почти готовы. Осталось только добавить немного тени и можно ставить на сайт.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMjZNhdd1HqyWVBywtFc8FrLpbVj98lekurcMw-E1ob97FBv6W0kuPVrmgeXu1VyGtp0eOhGAva9dY6OtgPmewSUj5IGXf1H66m7hTSRFk7SmaIIzv7t5eQ3EqJe7cnyOkGw5sDrEr04/s1600/metall_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMjZNhdd1HqyWVBywtFc8FrLpbVj98lekurcMw-E1ob97FBv6W0kuPVrmgeXu1VyGtp0eOhGAva9dY6OtgPmewSUj5IGXf1H66m7hTSRFk7SmaIIzv7t5eQ3EqJe7cnyOkGw5sDrEr04/s1600/metall_8.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Техника такая же как и с градиентами: сначала задаёте одному объекту тень, в буфер обмена его и применяем атрибуты к остальным.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfleFPL6bd0p1h6PJleGXPABlZkn7Z1x6oUTOV3Uu4L9MnJYaclq0QYyX9Hcquppw_q-32V7Srds3q8z2lq-Dz49g_2tr20KGSESaNjXnxeQVoY4ubDFmf_fVi4gu91WcEjDuq5pZwvsA/s1600/metall_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfleFPL6bd0p1h6PJleGXPABlZkn7Z1x6oUTOV3Uu4L9MnJYaclq0QYyX9Hcquppw_q-32V7Srds3q8z2lq-Dz49g_2tr20KGSESaNjXnxeQVoY4ubDFmf_fVi4gu91WcEjDuq5pZwvsA/s1600/metall_9.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-5792974971859830272011-06-21T11:34:00.000+04:002011-06-21T11:34:02.621+04:00Печать на фольгированных материалах.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Создать макет творожных сырков для печати на фольгированной плёнке.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Первым делом я ознакомляюсь с техническими требованиями типографии. Там указано, что печать будет производится шести узловой машиной, где можно использовать как смесевые, так и составные краски. Размер печатной точки довольно мелкий, потому что будут изготавливаться не клише, а керамические валы с помощью лазерных технологий. Но желательно избегать градиентных растяжек.</div><div style="text-align: justify;"></div><a name='more'></a><br />
<div style="text-align: justify;">Готовлю макет по чертежу типографии. Он довольно простой.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju7LNUuMdSFxVt5NJo4tHrLEpgVYyAIXvqjjTQvEOZBEanw2H6i5kpL2q04_LA0MEXqpEP37jNAyWU1E1SLYwz7seXF9V6U7JIvDOQv6hTh8NKSprY-4pBhVv4GiOttGDc47e8UY3y4nY/s1600/sirki_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju7LNUuMdSFxVt5NJo4tHrLEpgVYyAIXvqjjTQvEOZBEanw2H6i5kpL2q04_LA0MEXqpEP37jNAyWU1E1SLYwz7seXF9V6U7JIvDOQv6hTh8NKSprY-4pBhVv4GiOttGDc47e8UY3y4nY/s1600/sirki_1.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHpxvWv9apEJ7Pg4HWkTg6_wTXeOL1HMfFFimaDGHR2e8ZKxU9pRUlnXI_9UDrTVXNVr9Oekett_yEO7nsmENtLk5C4h2ecf6_Qw4DZW-k-XYUu2c5O4EedX7Z17B-iquPQxy_sSNJqI/s1600/sirki_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHpxvWv9apEJ7Pg4HWkTg6_wTXeOL1HMfFFimaDGHR2e8ZKxU9pRUlnXI_9UDrTVXNVr9Oekett_yEO7nsmENtLk5C4h2ecf6_Qw4DZW-k-XYUu2c5O4EedX7Z17B-iquPQxy_sSNJqI/s1600/sirki_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: justify;">Приступаю к размещению главных объектов на лицевой стороне упаковки. Во первых это товарный знак (я его благоразумно изменил, это не настоящий знак, но отражает состав продукта), во вторых это название продукта: «Сырок глазированный». Под названием я оставил место для рисунка-ассоциации вкуса. Обратите внимание, что подложка серого цвета. Я сделал это потому, что фольга серебристого цвета, а поверх неё будет накладываться белая грунтовка. Цвет напечатанный поверх грунтовки будет яркий и хорошо видимый, поэтому под товарный знак и название я подкладываю белый цвет.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhIIM1hfU_2NG9l12fAI3EE6wPS80onRyCEyiGF24Covj09qHbytgx9FhkF2WMnhYIbtRQxP_-Sn0eiMamXlSBD0NTyC85NYzsfoHJ9PQngTSBbhKWr4Jr7JEr_7iVsSYHIUfbYGAbRc/s1600/sirki_2.png" /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-cXLob_-np6XheV7fViWJU7nbct-uYwmJHKKAWB5oOMiPC0oQgzRgkC6khndLsZdLxK0LXBlI8YUlO2VQ3vLbCO_gNenfKrx_D439F8BM3Lalr8NtrBCl6xYrUUyVP-nr7gExNrju20/s1600/sirki_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Считаем сколько у нас было использовано цветов. Белый - раз, <b><span style="color: #6aa84f;">зелёный пантон</span></b> - два. Товарный знак обычно печатается пантонами, потому что он так утверждён в документах и это вообще главная составляющая любой упаковки, он должен быть чистым и аккуратным. Чёрный цвет на названии и фотометке пока не в счёт. Осталось ещё четыре цвета.</div><div class="separator" style="clear: both; text-align: justify;">Оформляю упаковку в соответствие с желанием заказчика.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Gijf9YYzaEGyGHpIaS8Wzz8wL7iW-pnJjQZF6rU6WE4nlT5fzdmECxk59CR9YT4_Z5ERlJu9NmbgYAYySLP7dknM6jXlCG9CnR7BkUuifx3IlgYKyzNib_sAry8Pph5thNrWvJaaqYw/s1600/sirki_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Gijf9YYzaEGyGHpIaS8Wzz8wL7iW-pnJjQZF6rU6WE4nlT5fzdmECxk59CR9YT4_Z5ERlJu9NmbgYAYySLP7dknM6jXlCG9CnR7BkUuifx3IlgYKyzNib_sAry8Pph5thNrWvJaaqYw/s1600/sirki_3.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Что у меня получилось? Добавились ещё три цвета: <b><span style="color: cyan;">cyan</span>, <span style="color: magenta;">magenta</span>, <span style="color: #f1c232;">yellow</span>.</b> При этом заказчик пожелал что бы все элементы дизайна кроме товарного знака, названия и ассоциативного-рисунка были «блестящими», то есть под них не нужно подкладывать грунт - белый цвет. Так как грунт кладут первым слоем, то мне придётся сделать небольшой треппинг, например, в местах стыковки облаков с небом, морем и чайками. Когда я полностью закончу дизайн, то обязательно это сделаю.</div><div class="separator" style="clear: both; text-align: justify;">Для обозначения вкусов я нарисовал следующие изображения.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ZWtikkceIdmb7oK-yZF05XSrzje2HHEhYhX7ZSPdMubngK9_scji289nZUMMzvKz4QdKoeuvh9sbvqr9b5P5EfGxROhe7xiK51TKJOUFx1k42G7BoUVjjN_-lLfryUCszlMrelp_Ut8/s1600/sirki_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ZWtikkceIdmb7oK-yZF05XSrzje2HHEhYhX7ZSPdMubngK9_scji289nZUMMzvKz4QdKoeuvh9sbvqr9b5P5EfGxROhe7xiK51TKJOUFx1k42G7BoUVjjN_-lLfryUCszlMrelp_Ut8/s640/sirki_4.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Смотрите какие получились цвета. В основном я могу смешать их двумя красками, но здесь присутствуют коричневый и бордовый, которые замешиваются тремя цветами. Бордовый в принципе сам по себе довольно чистый цвет, а вот тёмно-коричневый обычно на печати получается невнятным и грубым. Имеет смысл оставшийся цвет сделать <b><span style="color: #990000;">коричневым пантоном </span></b>(не забывайте - это должен быть <b>spot colour</b>, в галерее цветов они обозначены цветными окружностями).</div><div class="separator" style="clear: both; text-align: justify;">Примеряю рисунки-ассоциации к дизайну. И добавляю немножко украшений.</div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTzIxVtaQmkgIigFfcYQdHlNqHxVRk0whum9e8b5YzDCeANCC4Ztg3X5fPhhe1GxKL5hXFi4V0OllmpJR9JUyU0QDHqMZYdOl1n8dpAFAw6DlHkgbITmJYlihKbfvu1E1CXKWYC7Mszk/s1600/sirki_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTzIxVtaQmkgIigFfcYQdHlNqHxVRk0whum9e8b5YzDCeANCC4Ztg3X5fPhhe1GxKL5hXFi4V0OllmpJR9JUyU0QDHqMZYdOl1n8dpAFAw6DlHkgbITmJYlihKbfvu1E1CXKWYC7Mszk/s1600/sirki_5.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Расставляю на макетах тексты, штрих коды, знаки. Шрих код и фотометку я сделал <b><span style="color: #990000;">коричневым пантоном</span></b>, потому что это самый тёмный сплошной цвет. Чёрного цвета на этой упаковке не будет совсем.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHho_TP6u-wwpckLTtRf4oVyhGoTUnFb-Fk4kSTUy0aAITIsF-2YRkCyF2Hd59w8AhBAE_x4cBA0jFB8VRdHF_ESRz96xATWUNd3ceKFbAWCAVw1hr0SJKcX2G6tKy1goQKRPFfZY63E4/s1600/sirki_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHho_TP6u-wwpckLTtRf4oVyhGoTUnFb-Fk4kSTUy0aAITIsF-2YRkCyF2Hd59w8AhBAE_x4cBA0jFB8VRdHF_ESRz96xATWUNd3ceKFbAWCAVw1hr0SJKcX2G6tKy1goQKRPFfZY63E4/s1600/sirki_6.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyg0b95kBcUZjdNGdK5B7uCK3gNLC26VVHkciLYDzO8_s0mJxgRHAUKhXOFkrp_a1CdyDYKfGgz2TLiYy76HItreWdKfx3n9110AyPfZ6cu-H-qBgXYGk2cwsbVoRALM_5Su4l0ySU9yE/s1600/sirki_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Осталось только сделать треппинг на каждом макете для белой грунтовки. Если Вы сами будете делать цветоделение и выводить плёнки, то следует выделить все белые объекты - облака, текст, подложки, продублировать и дать им небольшую дополнительную обводку примерно в 1pt. Этот дубликат можно сохранить отдельным файлом, что бы не спутать с остальными цветами. С остальными цветами ничего делать не нужно.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipVb5pW-mBBRzfOIdpJN9pwgjlSUhNG84ztLSMpfLMrk8NrYopskZ6ZjTLMqONft2uMYUMOVPXhQEdTccdHzw-NqLvWAgsl6YJnsnRG4oq2yaaf7AUZYU4Vk_SC6VKSHT94eu-qlBsMp0/s1600/sirki_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipVb5pW-mBBRzfOIdpJN9pwgjlSUhNG84ztLSMpfLMrk8NrYopskZ6ZjTLMqONft2uMYUMOVPXhQEdTccdHzw-NqLvWAgsl6YJnsnRG4oq2yaaf7AUZYU4Vk_SC6VKSHT94eu-qlBsMp0/s1600/sirki_8.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbN94Nwha-1PnTH-yeTPogEaXHTTlOJk_TjFe93_vC6gjbZDrxClrybtLvfundKTdvTzWOx7E7LKvEG9vV710mrKqDt9htCMBbv-_HNmDEDWJ5EmN3o16c48QHgsDbOeH7wULPJRSBnSE/s1600/sirki_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">На этом изображении я имитировал наложение красок и смещение ленты при печати. Снизу белая-непрозрачная, поверх красная (<b style="color: #f1c232;">yellow</b>+<b><span style="color: magenta;">magenta</span></b>) прозрачная. Красный цвет будет с красивыми бликами, которые даёт фольга, а белый - сплошной и его можно читать не напрягая зрение. Остаётся крохотный ободок, который будет почти не заметен, но он даст нам гарантию, что в тексте не будет просвечивать чистая фольга. </div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-27283622429526388302011-06-10T14:17:00.002+04:002011-06-10T14:23:56.804+04:00Брошюра 4+1 в одну тетрадь.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Сделать брошюру А5 формата, 4+1 в одну тетрадь и подготовить к печати.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">На самом деле эта брошюра уже давно отпечатана, роздана и скорее всего уже выброшена. Поэтому я смело использую материалы из неё для урока.</div><div style="text-align: justify;">Эта брошюра раздавалась посетителям Музея Современного Изобразительного Искусства, в городе где я живу, на выставке работ Николая Фёдоровича Курникова.</div><div style="text-align: justify;"></div><a name='more'></a><br />
<div style="text-align: justify;">Создаю новый документ А5, выставляю опции (<b>shift+ctrl+o</b>) двойной страницы и экспортирования каждой страницы отдельными друг от друга.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2i0Ei231uYBhFxewm87ssKNMu0V125OsA55wJkUHsU_ZuKH1rgsNTSdV70ZjHUV1dNCkFdqtFUQ5s-xXY3vhhmRRboVsFwW5oSzIsldeC7hKcljRlkOII8MciWqw-h8Q4Ikb1tzfXv28/s1600/brosh_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2i0Ei231uYBhFxewm87ssKNMu0V125OsA55wJkUHsU_ZuKH1rgsNTSdV70ZjHUV1dNCkFdqtFUQ5s-xXY3vhhmRRboVsFwW5oSzIsldeC7hKcljRlkOII8MciWqw-h8Q4Ikb1tzfXv28/s1600/brosh_1.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Черчу макетную сетку согласно пожеланиям заказчика, как ему видится расположение контента.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmf-VhyphenhyphenJaiUHh7VJx2ogQyGTIPZDy0wAS7_GP9ayxTCfL0a91hW29lQ7XotmHcrC4ySA8b2foldartuqQ3dbrKNO6y66Cty3RBnSlt23kjqMphLenDNAm_bD3wuoEbiUiSFwYXswAk4o/s1600/brosh_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmf-VhyphenhyphenJaiUHh7VJx2ogQyGTIPZDy0wAS7_GP9ayxTCfL0a91hW29lQ7XotmHcrC4ySA8b2foldartuqQ3dbrKNO6y66Cty3RBnSlt23kjqMphLenDNAm_bD3wuoEbiUiSFwYXswAk4o/s1600/brosh_2.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;">В работе я кстати использую строчный калькулятор с возможностью закрепления поверх всех окон <a href="http://plsoft.narod.ru/calc.html">SimpleCalc</a>. Возьмите этот или найдите любой другой строчный калькулятор, в будущем Вам очень и очень часто придётся делать вычисления с длинными выражениями.</div><div style="text-align: justify;">Далее я добавляю на страницы повторяющееся оформление. Заказчик нарисовал от руки то что ему хочется видеть, а я воплотил в вектор.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ12G8yYEa02nVau57HoITtrO_lHrTF_aLLpyU-deqJ7hPVgE_BpIXVkerKfN-Zze4OvEjsKG5VhCN3-RuxweUhaqwU7Y6jGAllI5RNId-9blrbG17inAhVrWnJJ-3taubrCbW21vUnK4/s1600/brosh_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ12G8yYEa02nVau57HoITtrO_lHrTF_aLLpyU-deqJ7hPVgE_BpIXVkerKfN-Zze4OvEjsKG5VhCN3-RuxweUhaqwU7Y6jGAllI5RNId-9blrbG17inAhVrWnJJ-3taubrCbW21vUnK4/s1600/brosh_3.png" /></a></div><br />
<br />
<div style="text-align: justify;">Украшения сделаны чёрным цветом, потому что часть страниц будет печататься в один цвет, и это сделано для сохранения стиля.</div><div style="text-align: justify;">Теперь мне нужно подсчитать количество страниц. Я в грубую располагаю контент на страницах.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVJd6XrAMzGzTdF629wakhdfrZmVi4op_7pMtv_OGEGCvVWZOGHBrrb_ehudD7SWHxkg-d3asnFLG3EdZWjC6Zps6nv0onz9A-hx5OWlRnZV06jJh7t9hrJJX8JZWyOTZ-JoP-j1ZAvk/s1600/brosh_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVJd6XrAMzGzTdF629wakhdfrZmVi4op_7pMtv_OGEGCvVWZOGHBrrb_ehudD7SWHxkg-d3asnFLG3EdZWjC6Zps6nv0onz9A-hx5OWlRnZV06jJh7t9hrJJX8JZWyOTZ-JoP-j1ZAvk/s1600/brosh_4.png" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Смотрите здесь есть картины яркие и тусклые. Есть смысл тусклые картины печатать оттенками серого, а яркие - цветными. Значит я должен узнать какие страницы будут печататься в четыре цвета, а какие только чёрным. Это очень просто, нужно всего лишь собрать макет брошюры и пронумеровать страницы. Я беру лист А4 из принтера, складываю несколько раз и разрезаю.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSd8XEWLlHZFF0GdEOqh_Riwz-l4gLLuiOOcbv5Yqg3nmBCfQYguPj3gNqxeoza1Kn5bZDrM1xjoJINywKpAAbmtfU3TlcO7o7yGKOE8NnzJ-G1-Gc0Ui8cYvgBWQYoSjD2Bt_luBXMtM/s1600/brosh_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSd8XEWLlHZFF0GdEOqh_Riwz-l4gLLuiOOcbv5Yqg3nmBCfQYguPj3gNqxeoza1Kn5bZDrM1xjoJINywKpAAbmtfU3TlcO7o7yGKOE8NnzJ-G1-Gc0Ui8cYvgBWQYoSjD2Bt_luBXMtM/s1600/brosh_5.jpg" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><br />
<div style="text-align: justify;">В итоге я получил точную копию своей брошюры в меньшем масштабе и теперь могу легко ориентироваться с цветом, а после смогу даже сам сделать спуск полос. Располагаю контент брошюры согласно макету.</div><div style="text-align: justify;">После того как картины стали на свои места - картины на монотонных страницах я делаю в оттенках серого. Тут есть особый секрет. На самом деле Вы можете перечитать все форумы по Xara и все специалисты как один скажу: «Сохранить из Xara PDF с изображениями grayscale невозможно!» Они ошибаются. <b>Что бы картинку сделать grayscale в PDF подложите под неё чёрный spot colour, а самой картинке задайте прозрачность типа Lighten.</b></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcH1c1cyy1psJPx4LCIMwI9L7lLhApDQMVxnu4HQVwn3lumI22qsfdHADcHXisbmyz5HHFICdLSBQewOqqauXoiOK4kH95I7VuPl0-MOdEIRTPxEoiCZkgXmXhExOwOz2pRxR7GpUvKjQ/s1600/brosh_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcH1c1cyy1psJPx4LCIMwI9L7lLhApDQMVxnu4HQVwn3lumI22qsfdHADcHXisbmyz5HHFICdLSBQewOqqauXoiOK4kH95I7VuPl0-MOdEIRTPxEoiCZkgXmXhExOwOz2pRxR7GpUvKjQ/s1600/brosh_8.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljYURRfWOi8Psrrdzoxw_RQd1XLw004IhMBJxTjwfZXUViZtptc5TZHhgrgEbNQJaGsKN7zrz6Nv6geo_dsq07sdJQLBQAkeuR_GkZyYqYOefm4ouWSJrL_CMFtsqqAZ56WAPY42G6q4/s1600/brosh_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><br />
<div style="text-align: justify;">Остаётся только оформить обложку и поставить подписи к картинам.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJ4_gBY7xZC8CCdNORbivqaYlC-4QjU-LdizPdtppczQ76n6ey7nuzWEy9piWCBe8xNmZgUF6VE3wjC2UbgJYfCi36JL-rRdGuPGFX6N8W9MlJeuvh1eefN2bf4av7ifDLGwlL7KFsUU/s1600/brosh_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJ4_gBY7xZC8CCdNORbivqaYlC-4QjU-LdizPdtppczQ76n6ey7nuzWEy9piWCBe8xNmZgUF6VE3wjC2UbgJYfCi36JL-rRdGuPGFX6N8W9MlJeuvh1eefN2bf4av7ifDLGwlL7KFsUU/s1600/brosh_7.png" /></a></div><br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Теперь можно смело экспортировать в PDF. Обратите внимание, что я выставил разрешение в 266 dpi - этого более чем достаточно для линиатуры 175 lpi.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin391Cq7q7b-zbIfsf4OzqXhlQqjvSlkxuumJX_Z9tWKvwcPbd1WXBcAN5thKqkH-sWiwcXQxEVltflrDjSO-oR3N1UQ8kQx-K9lj8q_0HrGN9uAdOGgZOIoOwaXLk2-AHP1B8leooEuI/s1600/brosh_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin391Cq7q7b-zbIfsf4OzqXhlQqjvSlkxuumJX_Z9tWKvwcPbd1WXBcAN5thKqkH-sWiwcXQxEVltflrDjSO-oR3N1UQ8kQx-K9lj8q_0HrGN9uAdOGgZOIoOwaXLk2-AHP1B8leooEuI/s1600/brosh_9.png" /></a></div><br />
<br />
<br />
<div style="text-align: justify;">При желании или требовании типографии Вы можете сделать спуск полос. Зайдите в опции (<b>shift+ctrl+o</b>), уберите галку с опции <b>Double page spread</b>. Затем разберите БУМАЖНЫЙ макет и сверяясь с ним отсортируйте страницы. У меня получилось вот что:</div><i><b>Цветные страницы </b></i><br />
<ul style="text-align: left;"><li>обложка оборот - обложка лицо</li>
<li>8 - 1</li>
<li>6 - 3</li>
</ul><i><b>Одноцветные страницы</b></i><br />
<ul style="text-align: left;"><li>форзац - нахзац</li>
<li>2 - 7</li>
<li>4 - 5</li>
</ul><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK54cWMIWRbn_qVuQM4br2IlISzprEuPWCQX8v2Ur-OXHFY_6FjmVQ2rXTrujLWLWxmn1JgSfrXAozlLCAHYcNJaon5QsDzMKwSFSqVLoTTKUxExTJRUCP1nBhFl3sFas5Y8wxgSdO8pg/s1600/brosh_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK54cWMIWRbn_qVuQM4br2IlISzprEuPWCQX8v2Ur-OXHFY_6FjmVQ2rXTrujLWLWxmn1JgSfrXAozlLCAHYcNJaon5QsDzMKwSFSqVLoTTKUxExTJRUCP1nBhFl3sFas5Y8wxgSdO8pg/s1600/brosh_10.png" /></a></div><br />
<br />
<div style="text-align: justify;">После сортировки открываю настройки страницы (<b>shift+ctrl+o</b>), ставлю галку в опции <b>Double page spread</b>, так же переключаю режим печати и экспорта в режим «склеенных» страниц <b>Whole spread</b>. Всё, спуск полос сделан. Брошюра готова.</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com0tag:blogger.com,1999:blog-2542471459558919935.post-43943753099962162602011-06-08T16:52:00.005+04:002011-06-09T10:21:28.345+04:00Макет упаковки под Flexo Process.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Задача:</b></i></div><div style="text-align: justify;">Сделать макет упаковки TetraPak TCA удовлетворяющий требованиям печати типа Flexo Process. Использовать смесевые цвета и их оттенки.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Первым делом я просматриваю технические требования к макетам от компании ТетраПак.</div><br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisl7QffJtOPufsHn7Pa6xqRDioaDotGNA0DSXBcKq_0FT4OeVDMOjZTac9mhR1cIUobpotWT0FE_lcgf2KO_3Tt5TfGQxLypwe66fh68BRN7RSA2n3eNZ6Xl1t_juOe_eEdXfSPOn-5X8/s1600/rom_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisl7QffJtOPufsHn7Pa6xqRDioaDotGNA0DSXBcKq_0FT4OeVDMOjZTac9mhR1cIUobpotWT0FE_lcgf2KO_3Tt5TfGQxLypwe66fh68BRN7RSA2n3eNZ6Xl1t_juOe_eEdXfSPOn-5X8/s1600/rom_2.png" /></a></div><br />
<div style="text-align: justify;">Ну тут всё понятно, линиатура как в цветной газете, печать в шесть красок. Обратите внимание, что минимальная печатная точка довольна большая, по сравнению с офсетом. Минимальная точка это значит что цвет можно сделать 0% - то есть нет цвета, затем от 13% до 87% и потом уже 100%. Диапазон 1-12% просто будет смываться с формы реактивом, получатся кучка разрозненных точек. Диапазон 88-99% наоборот не будет смыт с формы и у Вас получатся залипшие участки вместо градиента. Реально же в работе я делаю диапазоны 0%...16%-84%...100% для <b><span style="color: cyan;">C</span><span style="color: magenta;">M</span><span style="color: #bf9000;">Y</span>K</b> и 0%...25%-75%...100% для смесевых красок, потому что печать далека от идеалов. Почему отличаются диапазоны <b><span style="color: cyan;">C</span><span style="color: magenta;">M</span><span style="color: #bf9000;">Y</span>K</b> и смесевых красок? Потому что используются различные типы валов при печати. Смесевая краска должна ложиться ровно и чётко, поэтому кстати типографии не любят растрировать пантоны.</div><div style="text-align: justify;">Смотрим дальше. Использовать я буду <b><span style="color: cyan;">C</span><span style="color: magenta;">M</span><span style="color: #bf9000;">Y</span></b>+3 PMS, потому что дизайнеры ТетраПак люто ненавидят чёрный цвет. Связано это скорее всего с экономией. На печатной ленте располагается сразу несколько разных макетов, поэтому часто смесевые краски нужны как раз для печати логотипов, товарных знаков и т.д., в общем того, что требует чистого и чётко заданного заказчиком цвета. Ну а чёрный цвет: «Как нибудь замешаем никто и не заметит» и его отбрасывают, как излишний.</div><div style="text-align: justify;">С возможностями печать разобрались. Открываем чертёж упаковки и приступаем к работе. Чертёж я расположил на отдельном слое, поместил его поверх всех слоёв и запер на замок.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij4PqyXUUtW33ECqmQxYxQ2n2-99ljdt_tb6zHVot9rOjcpVVx_TrhKsIX_jUGqwcxEV5q8dr6T7-JsZvPCIfZZRQZojlYngw4-pSCVZ-GN5CO3T4t_QNwOvfpCgucZoPTLh0gNjau0_A/s1600/rom_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij4PqyXUUtW33ECqmQxYxQ2n2-99ljdt_tb6zHVot9rOjcpVVx_TrhKsIX_jUGqwcxEV5q8dr6T7-JsZvPCIfZZRQZojlYngw4-pSCVZ-GN5CO3T4t_QNwOvfpCgucZoPTLh0gNjau0_A/s1600/rom_3.png" /></a></div><br />
<br />
<div style="text-align: justify;">И так, передо мной чертёж классической упаковки от ТетраПак. Она так и называется Tetra Classic Acceptic (TCA). Acceptic - для стерилизованной продукции или если хотите ультрапастеризованной, это одно и то же. Выглядит классик как треугольная призма. Если кто то помнит в СССР выпускалось «треугольное» молоко - это и есть оно. Изначально эта упаковка поставлялась в СССР именно компанией ТетраПак. У меня на чертеже порционный вариант 200 миллилитров с соломинкой для питья. Ниже фотография такой упаковки, которую я сделал несколько лет назад.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHaDBalk1ueGpkRVQdb4LaP-1OHIhna6TGR1y8UOi7zQJk8hJArwfhr1RlPktFnGtrA8LHGawcmm4rlCcMwrFTGP3bn_3JyZAJOGEBuD71QLhiyZIaiLV-2C4pakb4mwpdjYuxTvDBj4/s1600/rom_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHaDBalk1ueGpkRVQdb4LaP-1OHIhna6TGR1y8UOi7zQJk8hJArwfhr1RlPktFnGtrA8LHGawcmm4rlCcMwrFTGP3bn_3JyZAJOGEBuD71QLhiyZIaiLV-2C4pakb4mwpdjYuxTvDBj4/s1600/rom_4.jpg" /></a></div><br />
<br />
<div style="text-align: justify;">По заданию я должен сделать макет молочного коктейля с ароматом рома. Этот коктейль должен привлекать детей пиратской темой. Нет алкоголя в нём не будет, это просто ароматизатор, и если честно даже не похожий на ром, это просто коктейль для юных пиратов.</div><div style="text-align: justify;">Немного порыскав в сети, я нашёл несколько картинок с пиратами, которые мне понравились и я их использую для того что бы нарисовать пирата.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhDgd6LW2HV16Cm5Hah5c5x2KAjOfVJxjFPK4ihhrIfK2qD4Brd1UbleNgyVknhStpLlb5A5xPsaXL4LNJEI7z82VV8_Tm8kTy2QhIM4W1lU0wEVFDGA9txatdwbzO734Sp34pmdkPAw/s1600/rom_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhDgd6LW2HV16Cm5Hah5c5x2KAjOfVJxjFPK4ihhrIfK2qD4Brd1UbleNgyVknhStpLlb5A5xPsaXL4LNJEI7z82VV8_Tm8kTy2QhIM4W1lU0wEVFDGA9txatdwbzO734Sp34pmdkPAw/s1600/rom_1.png" /></a></div><br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Не стану здесь описывать как я рисовал пирата, это тема для отдельного урока, просто сразу покажу Вам результат своих стараний.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAoP365Y_8D8iJzK_6qFCrHEJf3t_9fD9uQfifWcGjXeUBQwpEymLy87r127OMIR1qS8-4jYmAMJjSc6qGGQNrtLei7iqBm_YjGei338xldaOe6gKhQo7lcVTDQipRMiJCgj7QpDLP0G0/s1600/rom_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAoP365Y_8D8iJzK_6qFCrHEJf3t_9fD9uQfifWcGjXeUBQwpEymLy87r127OMIR1qS8-4jYmAMJjSc6qGGQNrtLei7iqBm_YjGei338xldaOe6gKhQo7lcVTDQipRMiJCgj7QpDLP0G0/s1600/rom_5.png" /></a></div><br />
<br />
<div style="text-align: justify;">Как видите я здесь полностью избежал каких либо градиентов, смешений, перетеканий и прочего, за что на меня ругались бы дизайнеры в далёкой Великобритании, подготавливая макет в печать.</div><div style="text-align: justify;">Теперь я определяю контент, который буду располагать на упаковке: товарный знак, пират, перила корабля или балкона таверны, текст.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6uwJMGiHeBFXO0-vyrIoA3IX8F2df9rxtk_XSGtZn_0A78dvzAOy1AqJHPUy4o63VzSXG_Isy2wPAOlObnD2YcYTN3Zvs3QMQekACRjgrhQnZ9S4BytoLdx7cZ7YumFVgP9gySe3ym0/s1600/rom_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6uwJMGiHeBFXO0-vyrIoA3IX8F2df9rxtk_XSGtZn_0A78dvzAOy1AqJHPUy4o63VzSXG_Isy2wPAOlObnD2YcYTN3Zvs3QMQekACRjgrhQnZ9S4BytoLdx7cZ7YumFVgP9gySe3ym0/s1600/rom_6.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">С текстом всё ясно, будет того цвета, который повезёт. Фон должен быть тёмным и сплошным, сделаю его точно таким же как и фирменный цвет товарного знака - <b><span style="color: #351c75;">тёмно фиолетовым</span></b>, сплошным. <b><span style="color: #cc0000;">Бордовый</span></b> на товарном знаке и на одежде пирата так же будет смесевой цвет. У меня остался в запасе ещё один смесевой и три составных. Попугая я сделаю CY <span style="background-color: #999999;">(</span><b style="background-color: #999999;"><span style="color: cyan;">cyan</span>+<span style="color: yellow;">yellow</span>)</b> цветом, это будут чистые цвета с оттенками. <b style="color: #b45f06;">Оранжевый</b> это будет MY<span style="background-color: white;"> (</span><b><span style="background-color: white; color: magenta;">magenta</span><span style="background-color: white;">+</span><span style="background-color: #999999; color: yellow;">yellow</span></b><span style="background-color: #999999;">)</span>. Коричневый цвет я сделаю третьим пантоном и буду менять его оттенок, это лучше чем смешивать три составных цвета.</div><div class="separator" style="clear: both; text-align: justify;">Приступаю к покраске. ТетраПак пользуется красками и пантонами <b>solid coated</b>, поэтому я переключаюсь на эту палитру и применяю смесевые цвета (<b>spot color</b>) к нужным объектам.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQ7uxhZg53teHdeePoVkukMonrGDfwea3kYHLtpw-8WyN51ltpdeMWpAwGduHLdQBhiJKlhvQD-KpwB-VbI3Rm8CflFI3emZoKJvjzAdfrYzv7yBWYEJltvZUcZ9iubND5bhDY5ohQXM/s1600/rom_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQ7uxhZg53teHdeePoVkukMonrGDfwea3kYHLtpw-8WyN51ltpdeMWpAwGduHLdQBhiJKlhvQD-KpwB-VbI3Rm8CflFI3emZoKJvjzAdfrYzv7yBWYEJltvZUcZ9iubND5bhDY5ohQXM/s1600/rom_7.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Когда я начинаю раскрашивать коричневые детали рисунка, то применяю растрирование пантона. Для этого я применяю к объекту цвет, открываю редактор цвета (<b>ctrl+e</b>), в нижнем выпадающем меню выбираю <b>Tint of another colour</b> и выставляю нужный оттенок цвета. При этом нужно помнить о цветовых диапазонах минимальной точки.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizADO1lQytpMEXTWH2EXDSc171HPy_UxsRtMvuIqeV6EgjNe4c8C92b4ACVKrkNYKnJ3C8hap1zP4g1hi5nEJ8nsEPgt6PgORSvi-Ff6NlWYOnM4kNxaSUfl3NYJpA0kirIT6GuOPNqBk/s1600/rom_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizADO1lQytpMEXTWH2EXDSc171HPy_UxsRtMvuIqeV6EgjNe4c8C92b4ACVKrkNYKnJ3C8hap1zP4g1hi5nEJ8nsEPgt6PgORSvi-Ff6NlWYOnM4kNxaSUfl3NYJpA0kirIT6GuOPNqBk/s1600/rom_8.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Так же я поступаю с манжетами и отворотами на камзоле, где задаю им оттенок тёмно фиолетового пантона. <b><span style="color: cyan;">C</span><span style="color: magenta;">M</span><span style="color: #bf9000;">Y</span></b> цвета я создаю из палитры <b>process coated</b> или просто замешиваю в редакторе цвета, потому что они мне нужны составные, а не смесевые. Оттенки этих цветов я так же задаю в редакторе цвета (<b>ctrl+e</b>), но уже в режиме <b>Normal сolour</b>. Раскрашенные элементы дизайна я расставляю на чертеже согласно направлению рукава. Добавляю тексты, штрих-код, который я делаю цветом товарного знака. Ставлю логотипы компании производителя и ТетраПака. Помещаю всё в <b>clip</b> по размеру чертежа. И вот результат.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HyKi5CSzxSJP9HkWv3_0qvr_Mf8B2lCxCLJWuSjDLVGW7oeD8lpodfKUXV6Z1dzdUMzalIDl0uoxAVzsi7i8UUJ5V-d7LH7JoFQaDTrbGl93QnbVXCzCD9Hc5KL-7aP59FfgkIECTkM/s1600/rom_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HyKi5CSzxSJP9HkWv3_0qvr_Mf8B2lCxCLJWuSjDLVGW7oeD8lpodfKUXV6Z1dzdUMzalIDl0uoxAVzsi7i8UUJ5V-d7LH7JoFQaDTrbGl93QnbVXCzCD9Hc5KL-7aP59FfgkIECTkM/s1600/rom_9.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVHgfv-h0f-YDWIPze2d_xu9d2BrnL_0cMOPF8BRYCZQc5NxFsYuprlz_btqBE09juCuSL1kp1wbOhLcUSmiayBcCrgWuqXMGQJMAlg89As_aJZXYO5olc4eKYzorlcxZiWulxhJJ5YoU/s1600/rom_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="separator" style="clear: both; text-align: justify;">Осталось только экспортировать в PDF и отправить в типографию. При сохранении в PDF Xara помещает весь контент в клип по размеру страницы. Видимо это сделано для того что бы документ можно было просматривать в любом ридере, хотя я бы всё таки опцию добавил помещать в клип или нет. По этой причине я делаю размер листа чуть больше макета, а макет располагаю в центре.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipi7-Wpi4Rjp3yWpri1eyRaeZ1u65jKoILW9C8w7qY7Q5sdYeN03VfvjyzKAnTzMbmYsPpkgeV_cTM_r8yK6c3oWti6vTkda2IonmOK2GfFdbb0NulgRuhyphenhyphenMZgMW39EbpyQxBN9p-QjDs/s1600/rom_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipi7-Wpi4Rjp3yWpri1eyRaeZ1u65jKoILW9C8w7qY7Q5sdYeN03VfvjyzKAnTzMbmYsPpkgeV_cTM_r8yK6c3oWti6vTkda2IonmOK2GfFdbb0NulgRuhyphenhyphenMZgMW39EbpyQxBN9p-QjDs/s1600/rom_10.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Теперь можно смело экспортировать. Цветовую модель обязательно нужно выставлять <b><span style="color: cyan;">C</span><span style="color: magenta;">M</span><span style="color: #bf9000;">Y</span>K</b>, компрессию растра отключить, шрифты должны сохраняться в кривых.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6tTa1VkC5otLku0UDCH_wZ2p42z0AafU9LPiLKySbld96stHyU7KgDNCUEFbgugz1g3dZ0NiqLUJqNqk9j6L7sEKxEWSo39KNrOFfMPfd5mAcuRyKuQahW0zDvOqOEyB4_Qo56y0fNg/s1600/rom_11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6tTa1VkC5otLku0UDCH_wZ2p42z0AafU9LPiLKySbld96stHyU7KgDNCUEFbgugz1g3dZ0NiqLUJqNqk9j6L7sEKxEWSo39KNrOFfMPfd5mAcuRyKuQahW0zDvOqOEyB4_Qo56y0fNg/s1600/rom_11.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">В полученном PDF, почему то не сохраняется структура слоёв, каждый слой будет отдельной группой, что в принципе то же самое, но не кошерно. Надеюсь разработчики всё же исправят этот глюк когда нибудь. Осталось только проверить правильность файла открыв его в Illustrator, Acrobat Reader или FreeHand. Вообще когда работаешь с полиграфией, то обязательно нужно иметь под рукой Illustrator или FreeHand, потому что формат AI версии 10 это стандарт, которого следует придерживаться.</div><div class="separator" style="clear: both; text-align: justify;">Спросите почему же я всё рисую в Xara? Удобно и быстро. Я одинаково хорошо работаю в Illustrator и Freehand. Когда то начинал с Corel Draw 9, но потом естественно пришлось переучиваться на Illustrator. Тогда же я и стал использовать Xara, что бы быстро нарисовать макет, а после подготовить к печати в Illustrator. Я знаю много людей, которые точно так же рисуют в Inkscape, FreeHand, Corel Draw, Serif Draw, CreativeDocs и после готовят макеты в печать в Illustrator.</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1Pm5LDJ_HKlKPQ8Tzzb4sOJTE2ayW86abLP0fEHUTbBvOQS3WOHOVSkoJCbqYzoxtjn0vLDwZjrL1xpHs5UOxIlpJOSWsqthwiR17Jo9c1Uz5gkj85E0dXA3wn2h9nu1Y6tEx1i0e0s/s1600/rom_12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1Pm5LDJ_HKlKPQ8Tzzb4sOJTE2ayW86abLP0fEHUTbBvOQS3WOHOVSkoJCbqYzoxtjn0vLDwZjrL1xpHs5UOxIlpJOSWsqthwiR17Jo9c1Uz5gkj85E0dXA3wn2h9nu1Y6tEx1i0e0s/s1600/rom_12.png" /></a></div><div class="separator" style="clear: both; text-align: justify;"><br />
</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com1tag:blogger.com,1999:blog-2542471459558919935.post-20582854956853429072011-06-06T17:45:00.006+04:002011-07-11T11:09:18.258+04:00Тонкости работы с Xara.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><i><b>Тема:</b></i></div><div style="text-align: justify;">В этом уроке я затрону различные мало известные и нигде не описываемые приёмы работы с программой, но которые очень важны и их необходимо знать.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i><b>Урок:</b></i></div><div style="text-align: justify;">Создайте новый документ и нарисуйте несколько любых объектов на примере которых Вы будете учиться. Желательно что бы это были разные фигуры, разного цвета. Пронумеруйте их поставив поверх объектов цифры. Теперь сгруппируйте каждый объект со своим номером. Вот так сделал я.<br />
<br />
<a name='more'></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvZ-9wvx5RcyQ4OtRQhJS_F0DdLiPSbp2WXn2IrRHZMP6x5chCdVjQFz23c28vUe7qY3BHXFB-rWIwGBrMxxxUuaewN8kpMn9bovJXl4j4V7G78IAz40adwFF_PLfOkF39igLPCR2xIE/s1600/tonkosti_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvZ-9wvx5RcyQ4OtRQhJS_F0DdLiPSbp2WXn2IrRHZMP6x5chCdVjQFz23c28vUe7qY3BHXFB-rWIwGBrMxxxUuaewN8kpMn9bovJXl4j4V7G78IAz40adwFF_PLfOkF39igLPCR2xIE/s1600/tonkosti_1.png" /></a></div><br />
<b><br />
</b><br />
<div style="text-align: justify;"><b>Выбор объекта внутри группы.</b></div><div style="text-align: justify;">Что бы выбрать объект внутри группы надо зажать клавишу <b>ctrl</b> и кликнуть <b>левой кнопкой мыши</b> на нужный объект. Как видно на картинке ниже, в галерее объектов тройка стала теперь выделена отдельно от группы. Можно конечно пользоваться галереей, но когда у Вас будет две сотни объектов на множестве слоёв, то перелистывать весь список становится весьма и весьма утомительно.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9O6alkHninDl7_LTbsBhp1TCLSAslOod-OQ1-0luIvFoImZFXT9Gaq5G6I9GsocQR5vs-jQoRwTqIZykOdXfdhunHjJWsbk14aMUQ_vEYeF7OTb8uFYOMMcb4eA42WfGQxrfA9-6o99A/s1600/tonkosti_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9O6alkHninDl7_LTbsBhp1TCLSAslOod-OQ1-0luIvFoImZFXT9Gaq5G6I9GsocQR5vs-jQoRwTqIZykOdXfdhunHjJWsbk14aMUQ_vEYeF7OTb8uFYOMMcb4eA42WfGQxrfA9-6o99A/s1600/tonkosti_2.png" /></a></div><br />
<div style="text-align: justify;">Теперь выделите все объекты на листе и сгруппируйте. У Вас должна получиться группа объединяющая в себе три группы. Снимите выделение с группы (<b>Esc</b>) для чистоты обучения. Что бы выделить подгруппу в группе зажмите <b>ctrl+alt</b> и сделайте клик<b> левой кнопкой мыши</b> на нужную подгруппу. Первый клик выделит всю группу, второй клик выделит подгруппу, третий клик выделит подподгруппу, четвёртый клик выделит подподподгруппу и т.д. Потренируйтесь.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCA4LdM5XfwlLlZGKArzls7mp3Uvpy9th86aTPvL2pKxdm0Ss70GaiTQZ1vqdgcHtcaqyiGnB21OH9wOshjODbUTl1g6wZ9CdzCm44kDoAL9vADs5qg2YykzW8DVodAGe0cRkknAiyrMY/s1600/tonkosti_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCA4LdM5XfwlLlZGKArzls7mp3Uvpy9th86aTPvL2pKxdm0Ss70GaiTQZ1vqdgcHtcaqyiGnB21OH9wOshjODbUTl1g6wZ9CdzCm44kDoAL9vADs5qg2YykzW8DVodAGe0cRkknAiyrMY/s1600/tonkosti_3.png" /></a></div><br />
<br />
<div style="text-align: justify;"><b>Привязка к невидимым направляющим.</b><br />
Помимо видимых привязок заданных пользователем в программах обычно существуют и невидимые направляющие. Попробуйте выделить любой объект, затем зажмите и удерживайте клавишу <b>ctrl</b>, захватите объект <b>левой кнопкой мыши</b> и перетаскивайте в сторону. Вы увидите, что объект передвигается вдоль невидимой линейки, не отклоняясь в стороны. В Xara Designer Pro 7 разработчики добавили видимое обозначение этих линеек, это сделано специально, что бы мне было удобнее объяснять данный урок.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnSaGT9ewLmesDhR5JOl13dH8s-VqO-zN9zB1v01uv8_zzAMC-aDAcXDQjHqHpm9gqPCI8Isvfn_ghrGut9dYt30afJLlY5cPdmi6GMfla2Ld3dlVodkPTrioUJKfYMPjMUDYeaXYwRI/s1600/tonkosti_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnSaGT9ewLmesDhR5JOl13dH8s-VqO-zN9zB1v01uv8_zzAMC-aDAcXDQjHqHpm9gqPCI8Isvfn_ghrGut9dYt30afJLlY5cPdmi6GMfla2Ld3dlVodkPTrioUJKfYMPjMUDYeaXYwRI/s1600/tonkosti_4.png" /></a></div><br />
<div style="text-align: justify;">Лучи которые я обозначил это направления невидимых линеек. Угол лучей задаётся в опциях (<b>shift+ctrl+o</b>) на вкладке <b>General</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmHtnDYnUh53bHNsEzGqGGVA6tqzxOGhAs1eKzmu7GTvcviUI8mLvZNsUaNZ9oMcwiKKiUaQ7BglLlb3YBU4YQjhYZsdKEMpR2RDxr6MYxqRcsJmTuTm8vlQFWrlUXPC2I6MZdk3pnTs/s1600/tonkosti_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmHtnDYnUh53bHNsEzGqGGVA6tqzxOGhAs1eKzmu7GTvcviUI8mLvZNsUaNZ9oMcwiKKiUaQ7BglLlb3YBU4YQjhYZsdKEMpR2RDxr6MYxqRcsJmTuTm8vlQFWrlUXPC2I6MZdk3pnTs/s1600/tonkosti_5.png" /></a></div><br />
<div style="text-align: justify;">Если Вы станете вращать объект при зажатой клавише <b>ctrl</b>, то увидите, что вращение происходит на строго заданный угол.<br />
В полях <b>Duplication distance</b> <b>X</b> и <b>Y</b>, устанавливаются значения на каком расстоянии появится дубликат объекта при использовании функции дублирования (<b>shift+ctrl+D</b>). Это удобно когда нужно продублировать к примеру визитные карточки на странице. </div><div style="text-align: justify;"><b><br />
</b></div><div style="text-align: justify;"><b>Дублирование объектов.</b></div><div style="text-align: justify;">Часто требуется быстро сделать несколько дубликатов объекта, это очень просто сделать с помощью мышки не вызывая никаких меню. Теперь внимательно!</div><ul style="text-align: justify;"><li>Захватите с помощью <b>левой кнопки мыши</b> объект.</li>
<li><b style="color: red;">Удерживая кнопку</b> переместите его в нужное место.</li>
<li><b style="color: red;">Удерживая</b> <b>левую кнопку мыши</b> нажмите <b>правую кнопку мыши</b> и отпустите.</li>
</ul><div style="text-align: justify;">У Вас должен появиться дубликат объекта. Если Вы будете «таскать» объект по рабочему полю, не отпуская левую кнопку мыши и кликая правой кнопкой, то вы быстро создадите сколько угодно дубликатов.</div><div style="text-align: justify;">Другой способ это создание дубликата объекта на другой странице макета или вообще в другом макете, но так, что бы объект оказался в том же самом месте, по тем же координатам.</div><div style="text-align: justify;">Выделите объект, нажмите копирование (<b>ctrl+c</b>), перейдите в другой макет и нажмите <b>shift+ctrl+v</b> или <b>Edit>Paste in Place</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Копирование атрибутов.</b></div><div style="text-align: justify;">Очень часто требуется сделать какому то объекту точно такой же градиент, шрифт, обводку и т.д. как у другого объекта. Выделите отдельный объект (не группу), нажмите копирование (<b>ctrl+c</b>), затем выделите другой объект или группу и нажмите <b>shift+ctrl+a</b> или <b>Edit>Paste format\attributes</b>. Вообще в Xara версии 7 в меню <b>Edit</b> появилось отдельное подменю <b>Paste</b>, где собраны возможные способы применения свойств занесённых в буфер обмена к выделенному объекту.</div><div style="text-align: justify;">Иногда для того что бы скопировать атрибуты текста нужно войти в режим редактирования текста, выделить несколько букв (можно одну), скопировать в буфер обмена (<b>ctrl+c</b>), после выделить текст на который Вы хотите перенести форматирование и нажать <b>shift+ctrl+a</b>.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Перетаскивание клипарта из программы просмотра.</b></div><div style="text-align: justify;">Запустите программу просмотрщик изображений (я использую для своей работы <b>XnView</b>), захватите с помощью мыши нужное изображение или векторный клипарт, перетащите вниз где на панели Windows расположен список открытых окон, наведите на Xara, окно тут же переключится на неё и отпустите кнопку мыши.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Пропорциональное изменение размера от центральной оси объекта.</b></div><div style="text-align: justify;">Часто когда Вы меняете размер объекта, нужно что бы он изменялся во все стороны. Для этого достаточно просто зажать клавишу <b>shift</b> и не отпуская менять размер объекта.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Переключение между точками (нодами) в режиме редактирования кривой.</b></div><div style="text-align: justify;">Иногда нужно переключиться между первой и последней точкой во время редактирования, но если Вы попытаетесь при выделенной последней точке кликнуть на первую, то контур просто замкнётся. Что бы этого не произошло используйте клавишу <b>Tab</b> для переключения выделения точек по порядку и <b>shift+Tab</b> для обратного порядка.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Изменение цвета и размера тени-обводки.</b></div><div style="text-align: justify;">Задайте объекту тень-обводку.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4upoBruqw1JXJ7sNj5joShtk0r82Y58ewEXOIJca24Cm7KQT92EkR8Y2NC-NpHP2ufLomGhwgMmwh_td5KM-KeIGh5Z-4vh0VoADKJSKN7pxgxMN4OiBudT9vUKTmo8vQH7TWgyLs_j0/s1600/tonkosti_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4upoBruqw1JXJ7sNj5joShtk0r82Y58ewEXOIJca24Cm7KQT92EkR8Y2NC-NpHP2ufLomGhwgMmwh_td5KM-KeIGh5Z-4vh0VoADKJSKN7pxgxMN4OiBudT9vUKTmo8vQH7TWgyLs_j0/s1600/tonkosti_6.png" /></a></div><br />
<div style="text-align: justify;">Затем, не снимая выделения с объекта и находясь в режиме теней, кликните левой кнопкой мыши на саму тень. Теперь можно менять цвет тени. Что бы изменить размер - просто «потяните» её мышкой: от центра оси она будет увеличиваться, а к центру уменьшаться.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5oy1LYCZoUxrwo_XVt2wRJh9D10SbaM3QgytLLm-buAmAGtW0-OCrWgWxdzZs2ULphjihsaEYubTxRmqEorJhcuy1muobdBIQ9dwCioQDd0GPeclFy_mM76BOuppDFYAz5WltNj15suI/s1600/tonkosti_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5oy1LYCZoUxrwo_XVt2wRJh9D10SbaM3QgytLLm-buAmAGtW0-OCrWgWxdzZs2ULphjihsaEYubTxRmqEorJhcuy1muobdBIQ9dwCioQDd0GPeclFy_mM76BOuppDFYAz5WltNj15suI/s1600/tonkosti_7.png" /></a></div><br />
<br />
<div style="text-align: justify;"><b>Склеивание и разбиение.</b></div><div style="text-align: justify;">С помощью склеивания можно объединить два объекта в один. В отличие от команды <b>Add Shapes (ctrl+1)</b>, команда <b>Arrange>Join Shapes</b> не превращает линии в форму. Смотрите, что происходит. В первом случае я применил <b>Add Shapes</b>, а во втором <b>Join Shapes</b>.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgHC2xYKKJN5Xooe7gDg6N0dV3d4VguTOM7dx_Nok2vahrIEBlsuSdcmJDPZF3vR5E8VWL2crXwm6DqCJ7W3OFW_xFGxR15K4_fa-pAOyrSSEpNoDcn_kV0lx2p8f9jtOk_1yVAYg8bE/s1600/tonkosti_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgHC2xYKKJN5Xooe7gDg6N0dV3d4VguTOM7dx_Nok2vahrIEBlsuSdcmJDPZF3vR5E8VWL2crXwm6DqCJ7W3OFW_xFGxR15K4_fa-pAOyrSSEpNoDcn_kV0lx2p8f9jtOk_1yVAYg8bE/s1600/tonkosti_8.png" /></a></div><br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;">В остальном команда склеивания работает на подобии инвертного «откусывания».</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjAoIgi_bp_UyMZuvMxAcIJSyeHmk1aRdDnNUWmq4oWyQc8pqqR9ojejFiw-ZzJ-dcOuP1kD-m6LdqOSu17OnfvyxURO-vDib1CD63jw3jPk-y9dLjaj-SAptFQRAFHNvQjS9aFb7a7i8/s1600/tonkosti_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjAoIgi_bp_UyMZuvMxAcIJSyeHmk1aRdDnNUWmq4oWyQc8pqqR9ojejFiw-ZzJ-dcOuP1kD-m6LdqOSu17OnfvyxURO-vDib1CD63jw3jPk-y9dLjaj-SAptFQRAFHNvQjS9aFb7a7i8/s1600/tonkosti_9.png" /></a></div><br />
<br />
<div style="text-align: justify;">Противоположная команда <b>Arrange>Break Shapes</b>, наоборот разделяет весь объект на замкнутые контуры. Это очень удобно когда нужно разбивать склеенные клипарты или шрифты.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn6NRcbpWUfKYzZSCcOC1a41aO8XeGbZvuH2eMUYn8azrnP_DALpVSBwXiXe39NQLl6etFdBvJ_wabC8c2vM0MsdbA5e_Z75fyHFRzvHPFZxgMLUDYRZKL9xjSz1jQGtbbuPf-27aonE/s1600/tonkosti_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn6NRcbpWUfKYzZSCcOC1a41aO8XeGbZvuH2eMUYn8azrnP_DALpVSBwXiXe39NQLl6etFdBvJ_wabC8c2vM0MsdbA5e_Z75fyHFRzvHPFZxgMLUDYRZKL9xjSz1jQGtbbuPf-27aonE/s1600/tonkosti_10.png" /></a></div><br />
<br />
<br />
<div style="text-align: justify;"><b>Линии в объект</b></div><div style="text-align: justify;">Для того, что бы превратить линию в форму, достаточно нажать <b>Arrange>Convert Line to Shapes</b>.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaG9HK5DVM2EVBIrq4ZzB0NOFrVeKXhb_ljgHcgrazZPUPhyphenhyphenvBicr0NPProzsdKNSgf56bwL8zZvpTNDOCdRQcBUh8tu88dbYCT1Pdfqk5dLyL0KGkcNv4YE_TxTY7Eff-tjsK1xbWNOA/s1600/tonkosti_11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaG9HK5DVM2EVBIrq4ZzB0NOFrVeKXhb_ljgHcgrazZPUPhyphenhyphenvBicr0NPProzsdKNSgf56bwL8zZvpTNDOCdRQcBUh8tu88dbYCT1Pdfqk5dLyL0KGkcNv4YE_TxTY7Eff-tjsK1xbWNOA/s1600/tonkosti_11.png" /></a></div><br />
<br />
<div style="text-align: justify;"><b>Помещение объекта или группы в клип.</b></div><div style="text-align: justify;">Очень часто в работе нужно обрезать часть рисунка, но в то же время сохранить его в целости для последующего редактирования. Не обязательно делать дубликат и обрезать рисунок, достаточно поместить его в так называемый <b>Clip</b>.</div><div style="text-align: justify;">Клипом выступает всегда самый нижний объект в выделении. Возьмите объект или группу объектов, расположите под ними форму, выделите всё вместе и нажмите <b>Q</b>.</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAV6iuR1U69uLRmmk9fyHx2CFaByn7nnyhuWv44Au8iU4fycFiR2USQemmfPjlFqylUwHD0lMjBNpqVuSj_oMLH7ZD19wC4-PmgOAEIq29_-pKLgnRcuBHJGq36dEuX39qhdZ_kcbaVlQ/s1600/tonkosti_12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAV6iuR1U69uLRmmk9fyHx2CFaByn7nnyhuWv44Au8iU4fycFiR2USQemmfPjlFqylUwHD0lMjBNpqVuSj_oMLH7ZD19wC4-PmgOAEIq29_-pKLgnRcuBHJGq36dEuX39qhdZ_kcbaVlQ/s1600/tonkosti_12.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1xKPSzbYsYHG12E3OjNpngelgDDZfEPUj_YbF9wVFUXfpuqDQYVjTwZa7Pc5dhOmJEyrFc09_aJJ9CdZrWzy8Bv45blAR9ujg4OiHlokMjOxQiZdulUGrpk9775tXboGV4SpUzzwftQ/s1600/tonkosti_13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1xKPSzbYsYHG12E3OjNpngelgDDZfEPUj_YbF9wVFUXfpuqDQYVjTwZa7Pc5dhOmJEyrFc09_aJJ9CdZrWzy8Bv45blAR9ujg4OiHlokMjOxQiZdulUGrpk9775tXboGV4SpUzzwftQ/s1600/tonkosti_13.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9WU4dbO7qNybAltE3HC_qIw9ad8pV54eYa0i9adg1Mx-BbNZpJtlxXLD9LfhjEQhJv_kzhGBM2FTOwisb7yi08wJtmHxH0AbGeICJTjHtaBsNH7rFPl0EOXwyY1ZbSeZgl8g0yJwaMQ/s1600/tonkosti_14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9WU4dbO7qNybAltE3HC_qIw9ad8pV54eYa0i9adg1Mx-BbNZpJtlxXLD9LfhjEQhJv_kzhGBM2FTOwisb7yi08wJtmHxH0AbGeICJTjHtaBsNH7rFPl0EOXwyY1ZbSeZgl8g0yJwaMQ/s1600/tonkosti_14.png" /></a></div><br />
<br />
<div style="text-align: justify;">Доступ к объектам в клипе происходит точно так же как и при работе с группой. Что бы убрать клип, нужно нажать <b>alt+Q</b>.<br />
<br />
<b>Перемещение объектов с помощью стрелок курсора.</b><br />
Объекты можно перемещать нажимая стрелки курсора. Зажав клавишу <b>alt</b> и нажимая стрелки Вы увидите, что объект передвигается на очень маленькое расстояние (зависит от масштаба просмотра), так можно подогнать координаты объекта довольно точно вручную. Например когда Вы что то двигаете на глаз оценивая лучшее расположение. При зажатой клавише <b>ctrl</b> - объект будет передвигаться на расстояние указанное в опциях <b>General>Nudge Size</b> (в самом низу), помноженное на 5. А при зажатой клавише <b>shift</b> - помноженное на 10.</div><div style="text-align: justify;"><br />
<br />
<b>Дублирование линеек.</b><br />
Что бы продублировать линейку, нужно ухватить её курсором мыши, зажать клавишу ctrl и потянуть. У Вас под курсором окажется новая линейка.<br />
<b><br />
</b><br />
<b>Изменение толщины линии при изменении размера объекта.</b><br />
На верхней панели в режиме выбора объектов (стрелочка, F2) нужно нажать кнопку Scale line width. Если кнопка активирована - толщина линии будет изменяться, когда Вы будете менять размер объекта.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4s_pC0geJNp-t2D3DvxEkmBd8vvQSnzaxm9vNHCySINsvSYJkNIY6yvtD-Wk-ZkTiLepo4-HCuKE9d6CreA2Amr1PXXiZgp6BucMjvHpeFX979SPLw8qNtzG1k-qIzT2IQ1tRcKx6Yk/s1600/tonkosti.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4s_pC0geJNp-t2D3DvxEkmBd8vvQSnzaxm9vNHCySINsvSYJkNIY6yvtD-Wk-ZkTiLepo4-HCuKE9d6CreA2Amr1PXXiZgp6BucMjvHpeFX979SPLw8qNtzG1k-qIzT2IQ1tRcKx6Yk/s1600/tonkosti.png" /></a></div><br />
<br />
</div><div style="text-align: justify;">Эта статья ещё не закончена, буду дописывать по мере того, как вспомню, что же ещё может быть не явно и не особо описано в хелпах по Xara.</div></div>Caleb El`Tropicanohttp://www.blogger.com/profile/10402971098230757899noreply@blogger.com2