Посмотреть демо

Рекомендую скачать и самостоятельно разобраться, как это работает. Если конечно хотите чему-то научиться. Просто знаю из личного опыта то, что если тебя носом тыкают и говорят что и как делать, то научиться чему-то, чтобы делать потом что-нибудь свое никогда не получится. Так и будешь выполнять чужие указания. Движение-жизнь, так что развивайтесь.

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

Наиболее корректно отображаются в браузерах Mozilla Fire Fox и Google Chrome. В Opera и Interner Explorer смотрится не совсем так, как должно. Эффект наведения практически не заметен, хотя на нажатие реагируют. В общем Вы можете убедиться в этом сами, посмотреть демо, а также скачать исходники и реализовать данную конструкцию кода на своем сайте.

Посмотреть демо

Программа Adobe Illustrator обладает огромными возможностями и поможет раскрыть Ваши творческий потенциал в наиболее полном объеме. Все программные продукты компании Adobe являются коммерческими, то есть платными. И Цена этого продукта на сегодняшний день составляет 19688.71 руб. Сумма не маленькая, но Вы можете скачать пробную версию и оценить все ее преимущества на русском сайте Adobe.

Например вот такую простую картинку я сделал за 5 минут. Смотрится симпатично.

Таким образом можно изготавливать логотипы для сайта совершенно не напрягаясь использую свои творческие способности. Для более подробного изучения и знакомства с инструментами программы рекомендую скачать руководство Adobe Illustrator CS5. Размер 16.3мб.

Приветствую постоянных читателей и гостей SerBlog.ru. Как уже многие заметили, изменился дизайн блога. Старый уже притерся и порядком поднадоел, да и блогу в этом месяце исполняется год. Заодно и расширился немного функционал.

Что же такое CMS MODx? На этот вопрос я сейчас постараюсь ответить. Ну, во-первых это система управления сайтом с открытым исходным кодом, а это означает, что она полностью бесплатна. Поддерживает русский язык. Русифицированы даже всплывающие подсказки в административной панели. Довольна проста в управлении простыми пользователями. А веб-разработчикам предоставляет отличную среду для создания сайтов различной сложности. Одним отличительным достоинством CMS MODx является удивительная легкость интеграции шаблонов для сайта. Это значит, что не нужно специально искать темы только для MODx. Можно использовать любой понравившийся.

Для тех, кто занимается версткой, CMS MODx станет незаменимым инструментов, потому, как работать с кодом сайта можно прямо из его админки. Очень удобно редактировать шаблон. Он разбивается на несколько частей и работать можно с каждым по отдельности. Эти части называются: чанки.

Очень хорошо продумана файловая система. Нет необходимости заходить на сервер и просматривать файлы. Загружать, просматривать, редактировать все файлы можно напрямую из админ-панели, что не может не радовать.

В плане SEO все тоже отлично. Можно настраивать  ЧПУ по своему усмотрению.

Также, еще одним важным моментом является работа с PHP кодом. Это делается тоже из админки. Можно создавать, редактировать, удалять необходимые php файлы, которые называются сниппеты. И вставлять в страницы сайта, где Вы хотите вывести обработчик php кода — определенную запись.

Для более детального изучения CMS MODX рекомендую посетить русский сайт поддержки пользователей.

]]> http://serblog.ru/modx-cms-idealnaya-sreda-dlya-veb-razrabotchikov/feed 2 http://serblog.ru/sozdanie-3d-dvd-korobki-v-fotoshope http://serblog.ru/sozdanie-3d-dvd-korobki-v-fotoshope#comments Sat, 12 Mar 2011 22:28:14 +0000 Александр Маврин http://www.serblog.ru/?p=1904 Приветствую всех читателей SerBlog.ru. Сегодня будем рассматривать создание 3D объектов в фотошопе. А именно, будем делать, а некоторые даже запустят в производство, свои собственные DVD-диски с фирменными логотипами и изображениями на коробке.))

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

Ну что, приступим?

Первое, что Вам нужно сделать, это подготовить изображения, которые будут красоваться на самой коробке. Это лицевая сторона, боковая и задняя.

Создайте новый документ размера 800×600 пикселей. Затем во вкладке сверху: 3D — Новая фигура из слоя — Куб, чтобы получился вот такой кубик:

Теперь нам нужно из этого куба сделать нечто, что будет более похоже на DVD-коробку для дисков. Для этого Вам нужно вызвать меню 3D. Окно — 3D. И нажать на кнопку вращения объекта (горячая клавиша K), чтобы появились стрелки, как на скриншоте сверху. Можете повращать Ваш куб в разные стороны. Но давайте разберем эти инструменты более подробней.

Дело в том, что при помощи этих стрелочек можно изменять размер объекта, приближать или удалять его, а также вращать в разные стороны и менять его положение. Эти 3 стрелки работают по принципу осей координат X, Y, Z. Маленький кубик, который соединяет эти разноцветные стрелки имеет возможность удалять и приближать объект. Попробуйте навести на него курсор и поэкспериментировать.

На концах каждой стрелки — активный элемент, который перемещает объект из стороны в сторону. Следующий элемент стрелки (второй с края)- вращает объект по кругу. Третий с края — сжимает объект.

Это основные элементы, которыми мы будем пользоваться.

Но, для начала поместим изображение, которое будет на лицевой стороне нашей коробки. Для этого идем в слой нашего куба и делаем двойной клик на слое под названием Фон. Он находится в самом низу. Откроется новое окно, в которое нужно поместить подготовленное изображение. Возможно, что Ваше изображение не совпадает с размером этого окна. Для того, чтобы оно туда вписалось, нужно зайти в Изображение — Тримминг. Далее: Редактирование — Выполнить обводку и установить значение 5 пикселей и белый цвет.  Теперь можно удалить изображение, сохранив изменения. Следующим шагом будет изменение размера. Используя стрелки, придайте Вашему кубу нужный размер. Получиться должно примерно так:

Это не очень сложные шаги, поэтому описывать подробно их не буду. Все должно получится. Дальше Идем снова в слои, делаем двойной клик по слою: Материал сверху и помещаем изображение, которое будет на узкой стороне коробки. Это может быть просто какой-то вертикальный текст. Таким же образом добавляем Материал слева, который будет располагаться сзади.

Так, как данный материал расчитан скорее на новичков, не буду углубляться в работу с 3D светом. Это заслуживает отдельного урока.

После того, как все изображения находятся на своем месте, нужно создать дубликат слоя, разместив их рядом друг с другом и развернув один из них в обратную сторону.

Вы наверное заметили, что углы коробки весьма шероховаты? Сейчас мы будем это исправлять. Перейдем во вкладку: Окно — История, сделаем снимок и определим его как источник для архивной кисти. 

Затем идем меню 3D и выбираем: Окончательная трассировка лучей. 

Нужно будет немного подождать, пока программа обработает изображение. После чего, нажать на слой правой кнопкой мыши и выбрать: Растрировать 3D. Взять архивную кисть и аккуратно стереть необходимые участки, чтобы вернуть былую яркость Вашему изображению.

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

Надеюсь, что у Вас получится лучше, чем у меня.)) Если, что не понятно, пишите и оставляйте отзывы.

• Настройку верхнего меню навигации.
• Изображение заголовка, так что Вы можете загружать свои собственные изображения в качестве заголовка изображения.
• Поддержка Gravatar .
• Три колонки с помощью боковой панели.
• Поддержка виджетов.
• Multi Paged Комментарии.
• Многопоточные Комментарии.
• Поддержка Тегов
• Архив по месяцам, категории, поиск, теги и архив автора

Скачивайте пособие по созданию WordPress-шаблонов.

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

Регистрируемся на Gravatar.com. Вводим свой e-mail, загружаем фото или картинки по Вашему желанию. Вот собственно и все. Смысл в том, что введенный Вами e-mail теперь привязан к картинке. Если будете комментировать блог или еще что, вводите тот email, который указывали при регистрации в Gravatar. И теперь рядом с записью будет виден Ваш аватар. Можете попробовать прямо сейчас.