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/04/sozdaem-shapku-dlya-sajta/ http://zikofff-bux.ru/index.php/2010/04/04/sozdaem-shapku-dlya-sajta/#comments Sun, 04 Apr 2010 16:25:31 +0000 admin http://zikofff-bux.ru/index.php/2010/04/04/sozdaem-shapku-dlya-sajta/ Шаг 1 Создаем новый документ (я сделал документ размером 800х180 пикселей). Для начала, зальем наш фон оранжевым цветом. Установите цвет переднего плана в вашей панели цветов в #ffa557 и цвет заднего плана - #ff5404. Выберите инструмент градиентной заливки, затем щелкайте левой кнопкой мыши сверху вашего документа и тяните вниз, не отпуская кнопку. Получился градиент. Шаг 2 Создаем новый [...]]]> http://zikofff-bux.ru/index.php/2010/04/04/sozdaem-shapku-dlya-sajta/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/19/risuem-shapku-dlya-igrovogo-sajta-v-stile-fentezi/ http://zikofff-bux.ru/index.php/2010/02/19/risuem-shapku-dlya-igrovogo-sajta-v-stile-fentezi/#comments Fri, 19 Feb 2010 12:31:00 +0000 admin http://zikofff-bux.ru/index.php/2010/02/19/risuem-shapku-dlya-igrovogo-sajta-v-stile-fentezi/ Надо начать с того, что выбрать фоновую картинку. Автор выбрал эту: 1. Возьмём инструмент перо и слева рисуем вот такую менюшку! : 2. Дублируем слой и ставим Fill на 0%. Предыдущий слой делаем невидимым. 3. К менюшке приминяем вот такие стили слоя: Должно получиться так: 4. Теперь используем инстумент . Приминяем к ним такие же стили. Должно всё это выглядеть [...]]]> http://zikofff-bux.ru/index.php/2010/02/19/risuem-shapku-dlya-igrovogo-sajta-v-stile-fentezi/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/19/zelenaya-shapka-dlya-sajta/ http://zikofff-bux.ru/index.php/2010/02/19/zelenaya-shapka-dlya-sajta/#comments Fri, 19 Feb 2010 12:24:16 +0000 admin http://zikofff-bux.ru/index.php/2010/02/19/zelenaya-shapka-dlya-sajta/ Материалы, использованные в уроке: ------------------------------------------------------------------------------ • http://www.2textured.com/main.php?g2_itemId=3759 • http://www.sxc.hu/photo/935130 • http://www.sxc.hu/photo/1155575 • http://alfoart.com/flash/green_planet_web/...G/lightning.jpg ------------------------------------------------------------------------------ Создание лампочки Создайте новый документ с белым фоном. Возьмите и залейте слой background цветом #ccea89. Сейчас мы будем создавать лампочку с куполом в виде Земли. Вот такую Откройте фотографию обычной негорящей лампочки. Вырежьте по контуру ее стеклянную часть любым удобным для вас способом и вставьте на новый слой. Переведите режим смешивания [...]]]> http://zikofff-bux.ru/index.php/2010/02/19/zelenaya-shapka-dlya-sajta/feed/ 0 http://zikofff-bux.ru/index.php/2010/02/19/shapka-dlya-sajta-s-otrazheniyami/ http://zikofff-bux.ru/index.php/2010/02/19/shapka-dlya-sajta-s-otrazheniyami/#comments Fri, 19 Feb 2010 11:57:31 +0000 admin http://zikofff-bux.ru/index.php/2010/02/19/shapka-dlya-sajta-s-otrazheniyami/ Создаем новый документ 500 на 250 пикселей. Далее рисуем прямоугольник с помощью любого известного вам метода, заливаем его черным цветом, нажимаем Ctrl+T и с помощью трансформации приводим его к такому же виду как и на рисунке: Затем добавляем маску, кликнув на кнопку расположенной на палитре слоев add vector mask, выбираем инструмент градиент (от черного к белому) и [...]]]> http://zikofff-bux.ru/index.php/2010/02/19/shapka-dlya-sajta-s-otrazheniyami/feed/ 0 http://zikofff-bux.ru/index.php/2009/11/10/978/ http://zikofff-bux.ru/index.php/2009/11/10/978/#comments Tue, 10 Nov 2009 15:28:21 +0000 admin http://zikofff-bux.ru/?p=4005 Создайте новый документ в Photoshop размером 700 х 400 пикселей с черным фоном # 333333 Выберите Rectangle Tool и нарисуйте прямоугольник (убедитесь, что вы установили радиус в 10 рх) Выберите Polygon Tool и нарисуйте треугольник (установите число сторон - 3) Измените цвет этого треугольника на # 99982c и примените следующие стили слоя: Результат: Для большого прямоугольника добавьте следующий стиль слоя: Это является результатом: Теперь выделите [...]]]> http://zikofff-bux.ru/index.php/2009/11/10/978/feed/ 0 http://zikofff-bux.ru/index.php/2009/11/10/847/ http://zikofff-bux.ru/index.php/2009/11/10/847/#comments Tue, 10 Nov 2009 15:09:19 +0000 admin http://zikofff-bux.ru/?p=4001 Откройте новый документ в Photoshop. Размер: 800 х 200 пикселей. Фон: белый Установите цвет переднего плана # 01b9f5 Установите цвет фона на # 006696 Создайте новый слой (нажмите клавиши CTRL + SHIFT + ALT + N) Возьмите Gradient Tool и нарисуйте линию от верхней к нижней части документа Создайте новый слой (нажмите клавиши CTRL + SHIFT + ALT + N) Выберите Elliptical [...]]]> http://zikofff-bux.ru/index.php/2009/11/10/847/feed/ 0 http://zikofff-bux.ru/index.php/2009/11/09/9857/ http://zikofff-bux.ru/index.php/2009/11/09/9857/#comments Mon, 09 Nov 2009 09:26:24 +0000 admin http://zikofff-bux.ru/?p=3839   Дизайн web 2.0 не такой сложный, как кажется. В этом photoshop уроке мы научимся создавать очень стильную, абстрактную шапку для сайта, которую можно использовать на женских сайтах. Этот урок займёт много времени, потому что он имеет много шагов. Также он направлен на сколько-нибудь опытных пользователей Photoshop. Но если вы знаете основы, то вы должны справиться. Если [...]]]> http://zikofff-bux.ru/index.php/2009/11/09/9857/feed/ 0 http://zikofff-bux.ru/index.php/2009/11/05/2-20/ http://zikofff-bux.ru/index.php/2009/11/05/2-20/#comments Thu, 05 Nov 2009 10:38:07 +0000 admin http://zikofff-bux.ru/?p=3746 Шаг 1 Создайте документ размером 1200 х 600 пикселов (вы можете специально другой размер, который вам больше подходит для дизайна вашего сайта, этот размер может быть использован только для практики). Заполните задний фон черным цветом. Создайте новый слой и назовите «Радиальный градиент» и выберите инструмент Gradient Tool (G) , Выберите опцию Radial Fill (радиальная заливка) и заполните [...]]]> http://zikofff-bux.ru/index.php/2009/11/05/2-20/feed/ 0 http://zikofff-bux.ru/index.php/2009/10/31/3-11/ http://zikofff-bux.ru/index.php/2009/10/31/3-11/#comments Sat, 31 Oct 2009 19:28:21 +0000 admin http://zikofff-bux.ru/?p=3591 В этом уроке я собираюсь показать Вам, как Вы можете улучшить свой дизайн, создавая иллюзию глубины с помощью теней. Шаг 1 Во-первых, откройте новый документ в Photoshop. Далее вам потребуется что-то, куда вы добавите тень. Я использовал часть заголовка Talk Mania. Шаг 2 Теперь, когда у вас есть объект, давайте посмотрим, как добавить тень. Нажмите Ctrl + Click на миниатюру слоя, где [...]]]> http://zikofff-bux.ru/index.php/2009/10/31/3-11/feed/ 0 http://zikofff-bux.ru/index.php/2009/10/27/1-15/ http://zikofff-bux.ru/index.php/2009/10/27/1-15/#comments Tue, 27 Oct 2009 09:08:24 +0000 admin http://zikofff-bux.ru/index.php/2009/10/27/%d1%81%d1%82%d0%b8%d0%bb%d1%8c%d0%bd%d0%b0%d1%8f-%d1%88%d0%b0%d0%bf%d0%ba%d0%b0-%d0%b4%d0%bb%d1%8f-%d1%81%d0%b0%d0%b9%d1%82%d0%b0/ Шаг 1. Создайте документ размерами 1000x750. Двойной клик на слой, Color Overlay > Ставим темно-коричневый цвет.  Шаг 2. Включите линейки (View>Rulers). на своем документе и добавьте линии как показано ниже. Поставьте 2 горизонтальные линии, первая на 30px от верха, вторая на 250px от верха. И две вертикальные, первая на 100px слева направо, вторая на 900px слева направо. Шаг 3. Создайте прямоугольник [...]]]> http://zikofff-bux.ru/index.php/2009/10/27/1-15/feed/ 0