http://zikofff-bux.ru Уроки по Photoshop, графический дизайн, web-дизайн, создание сайтов в программе Photoshop Thu, 29 Jul 2010 10:55:39 +0000 en hourly 1 http://zikofff-bux.ru/index.php/2010/04/30/korolevskaya-navigacionnaya-panel-dlya-sajta/ http://zikofff-bux.ru/index.php/2010/04/30/korolevskaya-navigacionnaya-panel-dlya-sajta/#comments Fri, 30 Apr 2010 10:57:08 +0000 admin http://zikofff-bux.ru/index.php/2010/04/30/korolevskaya-navigacionnaya-panel-dlya-sajta/ Шаг 1. Для  начала нужно создать новый документ с настройками как на рисунке: Теперь используя Rectangle tool (Инструмент "Прямоугольник") закрасим черным цветом нашу картинку, результате мы должны получить черный квадрат: Шаг 2. Теперь создадим новый слой и на нем нарисуем прямоугольник, тем самым инструментом что и в шаге 1, только в настройках установим закругленные края с радиусом [...]]]> http://zikofff-bux.ru/index.php/2010/04/30/korolevskaya-navigacionnaya-panel-dlya-sajta/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/20/navigacionnyj-interfejs-v-stile-hi-tech/ http://zikofff-bux.ru/index.php/2010/04/20/navigacionnyj-interfejs-v-stile-hi-tech/#comments Tue, 20 Apr 2010 14:52:38 +0000 admin http://zikofff-bux.ru/index.php/2010/04/20/navigacionnyj-interfejs-v-stile-hi-tech/ - Начинаем, создаем новый документ (ctrl + n) и устанавливаем размеры 710 x 250рх, с белым фоном. - Создаем прямоугольник и переименовываем этот слой как " base shape " - Делаем новый слой, и размещаем на нем черный круг размером 49*49рх. Это закруглит прямой край нашей формы. В screenshot ниже, я понизил непрозрачность моего круга к 50 [...]]]> http://zikofff-bux.ru/index.php/2010/04/20/navigacionnyj-interfejs-v-stile-hi-tech/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/14/sozdaem-web-2-0-navigacionnuyu-panel-v-stile-hi-tech/ http://zikofff-bux.ru/index.php/2010/04/14/sozdaem-web-2-0-navigacionnuyu-panel-v-stile-hi-tech/#comments Wed, 14 Apr 2010 10:26:21 +0000 admin http://zikofff-bux.ru/index.php/2010/04/14/sozdaem-web-2-0-navigacionnuyu-panel-v-stile-hi-tech/ Создайте новый документ 600х150 пикселей с черным фоном. Инструментом Rounded Rectangle на новом слое нарисуйте черный скругленный прямоугольник и добавьте к нему следующие стили: У Вас должно получиться что-то вроде этого: Теперь создайте новый слой над уже существующим и инструментом Pen нарисуйте подобный контур: Кликните по контуру правой кнопкой и выберите Make a selection. Заполните его белым цветом. Кликните [...]]]> http://zikofff-bux.ru/index.php/2010/04/14/sozdaem-web-2-0-navigacionnuyu-panel-v-stile-hi-tech/feed/ 0 http://zikofff-bux.ru/index.php/2010/03/19/panel-navigacii/ http://zikofff-bux.ru/index.php/2010/03/19/panel-navigacii/#comments Fri, 19 Mar 2010 12:36:42 +0000 admin http://zikofff-bux.ru/index.php/2010/03/19/panel-navigacii/ В процессе изучения этого урока вы научитесь создавать стильное меню для сайта. Создайте новый документ и залейте его серым цветом. Создайте новый слой, используйте Rounded Rectangle Tool (Прямоугольник с округленными краями) и залейте его этим  #313131 цветом. Измените стиль этого слоя: Тень Внутренняя тень Наложение градиента Результат этого шага Создайте новый слой и при помощи того же инструмента Rounded Rectangle Tool (Прямоугольник с округленными [...]]]> http://zikofff-bux.ru/index.php/2010/03/19/panel-navigacii/feed/ 0 http://zikofff-bux.ru/index.php/2010/03/15/risuem-krasivuyu-navigaciyu-na-sajt/ http://zikofff-bux.ru/index.php/2010/03/15/risuem-krasivuyu-navigaciyu-na-sajt/#comments Mon, 15 Mar 2010 16:11:07 +0000 admin http://zikofff-bux.ru/index.php/2010/03/15/risuem-krasivuyu-navigaciyu-na-sajt/ Приблизительное время выполнения: 10 минут Создайте новый файл: Залейте фон градиентом от #10365a к #2070bf Создайте новый слой и нарисуйте белый прямоугольник Смените режим смешивания для этого слоя на Soft Light и параметр Fill подведите до 25% Создайте новый слой и выделите инструментом Rectangular Marquee полоску в один пиксель. После этого залейте полоску градиентом тех же цветов, только в обратном [...]]]> http://zikofff-bux.ru/index.php/2010/03/15/risuem-krasivuyu-navigaciyu-na-sajt/feed/ 0 http://zikofff-bux.ru/index.php/2010/03/15/sozdayom-vosxititelnoe-menyu-v-stile-visty/ http://zikofff-bux.ru/index.php/2010/03/15/sozdayom-vosxititelnoe-menyu-v-stile-visty/#comments Mon, 15 Mar 2010 15:50:28 +0000 admin http://zikofff-bux.ru/index.php/2010/03/15/sozdayom-vosxititelnoe-menyu-v-stile-visty/ Приблизительное время выполнения: 15 минут В этом уроке вы научитесь создавать полупрозрачные меню в стиле Висты, используя градиенты, тени и размытие, чтобы придать созданному восхитительный современный эффект. Шаг 1 Создайте новый документ размером 600х335 пикселей. Начните с отображения Rulers (View>Rulers), затем создайте две метки, как показано на рисунке внизу. Один из них должен находиться на отметке 285 пикселей, второй - 310 пикселей. Шаг [...]]]> http://zikofff-bux.ru/index.php/2010/03/15/sozdayom-vosxititelnoe-menyu-v-stile-visty/feed/ 0 http://zikofff-bux.ru/index.php/2010/03/15/urok-photoshop-po-sozdaniyu-yarkogo-shablona-dlya-portfolio/ http://zikofff-bux.ru/index.php/2010/03/15/urok-photoshop-po-sozdaniyu-yarkogo-shablona-dlya-portfolio/#comments Mon, 15 Mar 2010 15:46:19 +0000 admin http://zikofff-bux.ru/index.php/2010/03/15/urok-photoshop-po-sozdaniyu-yarkogo-shablona-dlya-portfolio/ Приблизительное время выполнения: 20 минут Шаг 1 Сначала создайте новый документ размером 770×480 и с темно-серым (242424) фоном. Выберите rounded rectangle tool (a, i) и установите радиус на 15 пикселей (a, ii). Поставьте цвет переднего плана черный и создайте сверху закругленный прямоугольник (b) Шаг 2 Установите цвет переднего плана на ярко-синий bright blue (4BC5E2) и создайте второй прямоугольник с [...]]]> http://zikofff-bux.ru/index.php/2010/03/15/urok-photoshop-po-sozdaniyu-yarkogo-shablona-dlya-portfolio/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/23/navigaciya-v-stile-texno/ http://zikofff-bux.ru/index.php/2010/02/23/navigaciya-v-stile-texno/#comments Tue, 23 Feb 2010 09:02:04 +0000 admin http://zikofff-bux.ru/index.php/2010/02/23/navigaciya-v-stile-texno/ Вы не всегда пользуетесь инструментом Pen-Tool, чтобы создавать причудливые формы. В этом уроке я буду использовать только Circular Marquee-Tool. Для создания кнопок используем только Rounded Rectangle-Tool. Итак, я создал овальную форму, которую вы можете увидеть на рисунке ниже, и используя тот же инструмент, извлек новую форму из овала. Когда у Вас есть своя круглая форма яйца [...]]]> http://zikofff-bux.ru/index.php/2010/02/23/navigaciya-v-stile-texno/feed/ 0 http://zikofff-bux.ru/index.php/2009/12/24/sozdaem-prostenkuyu-navigaciyu/ http://zikofff-bux.ru/index.php/2009/12/24/sozdaem-prostenkuyu-navigaciyu/#comments Wed, 23 Dec 2009 22:05:39 +0000 admin http://zikofff-bux.ru/index.php/2009/12/24/sozdaem-prostenkuyu-navigaciyu/ Шаг 1: Начнем с создания нового документа 300 х 300 пикс. Шаг 2: Теперь увеличьте ваш документ до 300%. Возьмите Rounded Rectangle Tool. Используйте эти настройки: Шаг 3: Теперь установите цвет переднего плана # e1911e, а цвет фона на # feb302. Создайте новый слой и нарисуйте прямоугольник в центре документа. Шаг 4: Теперь возьмите "Rectangle Marquee Tool". Используйте эти настройки: Шаг [...]]]> http://zikofff-bux.ru/index.php/2009/12/24/sozdaem-prostenkuyu-navigaciyu/feed/ 0 http://zikofff-bux.ru/index.php/2009/12/17/trexmernaya-glubina-i-prostranstvo/ http://zikofff-bux.ru/index.php/2009/12/17/trexmernaya-glubina-i-prostranstvo/#comments Thu, 17 Dec 2009 21:03:13 +0000 admin http://zikofff-bux.ru/index.php/2009/12/17/trexmernaya-glubina-i-prostranstvo/ В web-дизайне всё больше и шире начинают использоваться 3D элементы. Здесь Вы сможете посмотреть, как с помощью нескольких дополнительных слоев можно создать иллюзию 3D пространства. Этот пример взят с mosaiko.com.br. Шаг 1 Создаём новый документ и заливаем черным цветом. Шаг 2 С помощью инструмента Rectangle Toоl рисуем прямоугольник и заливаем цветом #21262a. Шаг 3 С помощью того же инструмента рисуем другой, [...]]]> http://zikofff-bux.ru/index.php/2009/12/17/trexmernaya-glubina-i-prostranstvo/feed/ 0