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/05/14/sozdanie-nestandartnoj-veb-knopki/ http://zikofff-bux.ru/index.php/2010/05/14/sozdanie-nestandartnoj-veb-knopki/#comments Fri, 14 May 2010 13:48:11 +0000 admin http://zikofff-bux.ru/index.php/2010/05/14/sozdanie-nestandartnoj-veb-knopki/ 1)Создаём новый файл 400 х 120 (большой размер нужен чтобы видеть все детали работы), фон заливаем чёрным (сбросим цвета (D) и жмём Alt+Back Space). 2) Новый слой (Ctrl+Shift+N). Назовём его, скажем, Button Base. Теперь нам надо создать форму для нашей кнопки. Делаем выделение как на рисунке в пункте 3. Для этого берём Rectangular Marquee Tool (выделение прямоугольника), выделяем. Сгладим выделение (Select [...]]]> http://zikofff-bux.ru/index.php/2010/05/14/sozdanie-nestandartnoj-veb-knopki/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/21/knopka-v-stile-web-2-0/ http://zikofff-bux.ru/index.php/2010/04/21/knopka-v-stile-web-2-0/#comments Wed, 21 Apr 2010 08:17:00 +0000 admin http://zikofff-bux.ru/index.php/2010/04/21/knopka-v-stile-web-2-0/ В этом уроке я покажу как можно сделать простую, но в тоже время красивую Download-кнопку в современном и всеми полюбившемся стиле Web 2.0. Download - как пример, использовать этот метод можно для чего угодно, даже для меню на сайте. Итак, к делу. 1. Создаем новый документ или открываем макет дизайна для вэб-страницы, если Вы хотите создать [...]]]> http://zikofff-bux.ru/index.php/2010/04/21/knopka-v-stile-web-2-0/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/20/industrialnye-knopki-dlya-sajta/ http://zikofff-bux.ru/index.php/2010/04/20/industrialnye-knopki-dlya-sajta/#comments Tue, 20 Apr 2010 14:34:53 +0000 admin http://zikofff-bux.ru/index.php/2010/04/20/industrialnye-knopki-dlya-sajta/ 1. Сначала создай новый документ для твоей кнопки. Я использовал документ размером 400x300 пикселей и установил цвет фона (background) на # 5c5947. 2. Создай новый слой. Layer> New> Layer Теперь измени основной (foreground) цвет на # 4a4839, затем инструментом Rounded Rectangle Tool : Создай прямоугольник с округленными углами примерно так : 3. Щелкни правой кнопкой мыши на кнопке слоя и выбери Blending Options. Нажми и применяй следующие [...]]]> http://zikofff-bux.ru/index.php/2010/04/20/industrialnye-knopki-dlya-sajta/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/18/fotografii-na-knopkax/ http://zikofff-bux.ru/index.php/2010/04/18/fotografii-na-knopkax/#comments Sun, 18 Apr 2010 17:02:28 +0000 admin http://zikofff-bux.ru/index.php/2010/04/18/fotografii-na-knopkax/ В данном уроке мы научимся создавать интересный эффект - размещать фото на кнопках. Для создания одной кнопки достаточно выполнить всего несколько шагов, после чего ее можно применять в качестве шаблона для создания всех необходимых кнопок. Шаг 1. Создайте новый документ в режиме RGB. Щелкните на образце основного цвета в палитре инструментов и в появившемся диалоговом окне Color [...]]]> http://zikofff-bux.ru/index.php/2010/04/18/fotografii-na-knopkax/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/18/originalnye-knopki/ http://zikofff-bux.ru/index.php/2010/04/18/originalnye-knopki/#comments Sun, 18 Apr 2010 15:44:50 +0000 admin http://zikofff-bux.ru/index.php/2010/04/18/originalnye-knopki/ Шаг 1. Создайте новый документ, цвет фона задайте показателем: #f7f5f6. Активизируйте инструмент Rounded reqtangle Tool (Прямоугольник со скругленными углами) с радиусом скругления 10 пикселей. В качестве цвета для переднего плана установите цвет с показателем: #2f88bb. На новом слое создайте небольшой скругленный прямоугольник. Шаг 2. Теперь перейдите в Layer Style (Стили слоя) и примените для нарисованого прямоугольника Outer Glow [...]]]> http://zikofff-bux.ru/index.php/2010/04/18/originalnye-knopki/feed/ 0 http://zikofff-bux.ru/index.php/2010/04/05/professionalnye-bolshie-knopki-s-otlivom/ http://zikofff-bux.ru/index.php/2010/04/05/professionalnye-bolshie-knopki-s-otlivom/#comments Mon, 05 Apr 2010 15:33:38 +0000 admin http://zikofff-bux.ru/index.php/2010/04/05/professionalnye-bolshie-knopki-s-otlivom/ Создайте новый документ 400х340рх Инструментом Rectangular Marquee выделите область 140х140рх Заполните ее на новом слое РАДИАЛЬНЫМ градиентом цветом на Ваш вкус Примените к слою стиль Stroke подходящего цвета (я выбрал белый) CTRL+клик на иконке слоя, чтобы выделить его содержимое Select > Modify > Contract 4px Инсутрментом Gradient (white to transparent = от белого к прозрачному) Проведите сверху вниз Инструментом Pen начертите подобный контур Правый [...]]]> http://zikofff-bux.ru/index.php/2010/04/05/professionalnye-bolshie-knopki-s-otlivom/feed/ 0 http://zikofff-bux.ru/index.php/2010/03/22/yarkaya-knopochka/ http://zikofff-bux.ru/index.php/2010/03/22/yarkaya-knopochka/#comments Mon, 22 Mar 2010 15:35:35 +0000 admin http://zikofff-bux.ru/index.php/2010/03/22/yarkaya-knopochka/ Создаем новый слой Инструментом eclipse tool создаем коло Два раза кликнем по слою и делаем такие настройки Результат: Дублируем слой С продублируваного слоя стираем стили Два раза кликаем по этому слою и делаем такие настройки Ставим Fill 0% Создаем новый слой Рисуем круг Идем Edit > Stroke Забираем выделение Два раза кликаем по этому слою и делаем такие настройки Результат Делаем круглое выделение по центру На новом слое заливаем любым [...]]]> http://zikofff-bux.ru/index.php/2010/03/22/yarkaya-knopochka/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/22/stilnaya-siyayushhaya-knopochka/ http://zikofff-bux.ru/index.php/2010/02/22/stilnaya-siyayushhaya-knopochka/#comments Mon, 22 Feb 2010 18:31:17 +0000 admin http://zikofff-bux.ru/index.php/2010/02/22/stilnaya-siyayushhaya-knopochka/ Шаг 1. Создай те новое изображение размером, например, 200х50 и залейте его фон каким-нибудь цветом (я взяла серый). Теперь создайте новый слой и при помощи инструмента Rectangular Marquee Tool создайте на нем выделение, как показано на рисунке ниже, и залейте его любым цветом отличным от фона ( у меня оранжевый) Шаг 2. Теперь снимем выделение (CTRL+D) и идем [...]]]> http://zikofff-bux.ru/index.php/2010/02/22/stilnaya-siyayushhaya-knopochka/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/08/delaem-pervoklassnuyu-veb-2-0-knopku/ http://zikofff-bux.ru/index.php/2010/02/08/delaem-pervoklassnuyu-veb-2-0-knopku/#comments Mon, 08 Feb 2010 14:30:01 +0000 admin http://zikofff-bux.ru/index.php/2010/02/08/delaem-pervoklassnuyu-veb-2-0-knopku/ Учимся делать замечательную, стильную, коммерческую WEB 2.0 кнопку для Вашего сайта! Приблизительное время выполнения: 9 минут Создайте новый документ и на новом слое нарисуйте скругленный (углы 5px) прямоугольник. Теперь примените к слою эти стили: Добавим кнопке красоты. Есть один эффект, который почти всегда работает отлично - диагональные линии. Я добавил белых линий на нижнюю половину кнопки и понизил непрозрачность [...]]]> http://zikofff-bux.ru/index.php/2010/02/08/delaem-pervoklassnuyu-veb-2-0-knopku/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/08/professionalnaya-knopka-navigacii/ http://zikofff-bux.ru/index.php/2010/02/08/professionalnaya-knopka-navigacii/#comments Mon, 08 Feb 2010 14:26:00 +0000 admin http://zikofff-bux.ru/index.php/2010/02/08/professionalnaya-knopka-navigacii/ Создаем pro.кнопку, идеально подходящую для любого сайта! Приблизительное время выполнения: 10 минут Начните, создав документ 217х145 пикселей с прозрачным фоном. Теперь инструментом Paint Bucket (заливка - G) и серым цветом залейте фон. Вот, что получится (без светло-серой рамки!) Теперь нам надо добавить градиент. Layer > Layer Styles > Gradient Overlay. Чтобы настроить цвета заливки, кликните по цветному прямоугольнику, подписанному [...]]]> http://zikofff-bux.ru/index.php/2010/02/08/professionalnaya-knopka-navigacii/feed/ 0