понедельник, 27 августа 2007 г.

Урок по созданию замаскированного в джунглях текста

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер

Создаём замаскированный в ждунглях текст.




Начнём с открытия фотографии с изображением джунглей:




Пишем нужный нам текст:




И применяем к нему следующие эффекты:










Замаскированный текст готов :)



Copyright © http://megatutorials.blogspot.com

AddThis Social Bookmark Button

пятница, 24 августа 2007 г.

Урок по созданию оранжевого меню со стальной каёмкой для веб-сайта

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер

Создаём стильное оранжевое меню со стальной каёмкой.




Начнём с создания нового документа, размером 350 на 300 пикселей, с фоном чёрного цвета.



Используя Rounded Rectangle tool создайте прямоугольник с закруглёнными углами, как на рисунке:




И примените к нему следующие эффекты:







Теперь, с помощью Rectangular Marquee tool (прямоугольная область выделение) создайте выделение как показано на рисунке:




После чего, создайте новый слой и залейте его вот таким градиентом:




Наша первая кнопка готова:




Теперь, продублируйте этот слой столько раз, сколько у вас будет кнопок. Кнопки должны идти впритык друг к другу:




Дайте названия каждой кнопке:




Как показать что одна из кнопок активна? Легко, всего лишь выделите одну из них, например Products. Создайте новый слой и залейте его вот таким градиентом:





После этого возьмите инструмент Карандаш (Pencil Tool) диаметром 1 пиксель, и нарисуйте внутри выделения две линии, как показано на рисунке. Верхняя линиия цвета #ffb45a а нижняя цвета #ec8100. Вот как должно теперь выглядеть наше меню.




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




Добавим небольшой блик. Выделите верхнюю часть меню:




Создайте новый слой, и залейте его градиентом от белого к прозраности, чтобы меню выглядело как на рисунке. Нажмите Ctrl+D чтобы снять выделение. Наше меню готово!



Copyright © http://megatutorials.blogspot.com

AddThis Social Bookmark Button

пятница, 3 августа 2007 г.

Урок по созданию векторного цветка

Урок Иллюстратора

кликайте на картинки, чтобы увидеть их полный размер

Создаём цветок в векторном редакторе Adobe Illustrator:



Начнём с создания нового документа формата А4. Измените Заливочный цвет на чёрный, а цвет обводки уберите вообще. Как на рисунке:




После этого возьмите инструмент Rounded Rectangle tool:




А кликните в любое место документа. Появится окно, в которое вы должны вписать следующие величины, как на картинке:




Вот он, наш прямоугольник с закруглёнными углами:




Теперь, возьмеите Direct Selection Tool (белую стрелочку) и выделите две точки в левом верхнем углу, как показано на рисунке:




Нажмите 15 раз кнопку со стрелочкой вправо, что-бы переместить выделенные точки в такое положение:




Опять же, белой стрелочкой выделите две точки в правом верхнем углу, и снова нажмите 15 раз, но уже на кнопку со стрелочкой влево. Результат должен выглядеть вот так:




Теперь, идите в меню Window > Brushes или просто нажмите F5. Должна появиться палитра кистей, как на картинке. Нажмите кнопку "Новая кисть":




В появившемся окне, выберите New pattern brush и нажмите ОК:




В следующем окне, которое появится, ничего не меняйте, просто нажмите ОК:




Заметьте, что в палитре кистей появилась новая кисть:





Теперь, поменяйте цвет обводки на чёрный, а заливочный цвет уберите вообще. Возьмите Ellipse Tool и нарисуйте круг радиусом 8 см.




Убедитесь, что круг выделен, и кликните на нашу новую кисть в палитре кистей. Вот что должно получиться:




Идите в меню Object > Expand Appearance :




Теперь, возьмите Direct Selection Tool (белую стрелочку), кликните куда нибудь в пространство, чтобы снять выделение с фигуры, и выделите все лепестки зажав Shift и кликая по очереди на каждый лепесток:




После чего, создайте такой градиент:




Возьмите Gradient Tool и протяните градиент от центра к краю любого лепестка. Вот что должно получиться:


В этом цветке остался ещё один круг. Увидеть его можно нажав Ctrl+Y или через меню View > Outline:




Выделите его белой стрелкой, и примените тот же самый градиент, нажав маленькую иконку в палитре инструментов:




Нажмите ещё раз Ctrl+Y или View > Outline, чтобы вернуться к нормальному виду. Вот что должно получиться:




Теперь, выделите только этот круг, и уменьшите его до размеров как на рисунке. Цветок готов! :)




Copyright © http://megatutorials.blogspot.com

AddThis Social Bookmark Button