Помощь - Поиск - Пользователи - Календарь
Полная версия: Органические 3D формы
Золотой Король > Веб мастеру > Web-Дизайн
tbr
Special for С0re


1. Начали! Создаем файл 224x224. Фон белый. Shift + Ctrl + N Создаем новый слой. Выбираем Eliptical Marquee Tool (M) (Элипсы рисовать будем) . Рисуем окружность любого радиуса, держа клавишу Shift. Наша окружность вышла 112x112 pixels. И с помощью Gradient Tool (G) заливаем его градиентом от цвета

http://webinfo.com.ru/img/photoshop/14/l9_1.jpg

2. Снова выбираем Eliptical Marquee Tool (M) . Shift + Ctrl + N Создаем новый слой. И рисуем сверху нашей окружности овал (не держим при этом Shift, как в предыдущей ситуации). И заливаем наш овал ( ОПЯТЬ ГРАДИЕНТНО ) от белого к прозрачному.

http://webinfo.com.ru/img/photoshop/14/l9_3.gif
http://webinfo.com.ru/img/photoshop/14/l9_2.jpg

3. Shift + Ctrl + N Опять создаем новый слой. Далее нам нужно нарисовать элипс. Рисуем его как на картинке. Закрашиваем с помощью кисти цветом волны #1699A9. Далее, не снимая выделения, выбираем опцию Select/Feather и ставим значение 3. Инвертикуем наше выделение Select/Inverse. И нажимаем клавишу Delete на вашей клавиатуре пару раз. =) И данному слою (в свойствах Layers) ставим значение Overlay

http://webinfo.com.ru/img/photoshop/14/l9_4.jpg

4. Теперь наш слой с БЕЛЫМ ОВАЛОМ (который мы залили от белого к прозрачному) поднимаем вверх, так чтобы он уперся в верхнюю границу всего шарика. Желательно сделать теперь вот что: выбираем среди слоев тот слой, который у нас самый нижний (следующий после фона) , т.е. наш основной шар. Нажимаем в правый край этого слоя, чтобы выползло меню ЭФФЕКТОВ. Нам нужен эффект Storke ( Обводка - эффект, который находится в самом низу). Пользуясь рисунком НИЖЕ, выставляете значения и жмете ОК. Результат - картинка ниже.

http://webinfo.com.ru/img/photoshop/14/l9_6.jpg
http://webinfo.com.ru/img/photoshop/14/l9_5.jpg
5. Для объемности нам понадобится тень!!! Рисуем тень старым "дедовским" методом. Shift + Ctrl + N Опять создаем новый слой. Но слой новый нужно создать ПОД основным овалом! Т.е. новый слой у нас будет следовать СРАЗУ после фона. Рисуем тень по картинкам, которые расположены ниже.

Изображениеa)Создаем элипсовую окружность.
Изображениеcool.gif Закрашиваем ее таким цветом #1F4071.
c) Снимаем выделение Crtl+D.
Заходим в опцию Filter/Blur/Gaussian Blur и ставим значение 8,5.
Изображениееперь с помощью Move Tool (V)
переносим нашу тень, согласно рисунку.

http://webinfo.com.ru/img/photoshop/14/l9_7.jpg
http://webinfo.com.ru/img/photoshop/14/l9_8.jpghttp://webinfo.com.ru/img/photoshop/14/l9_9.jpg

6. Еще можно добавить маленькую примочку =) . Создаем новый слой (можно на самом верху) Shift + Ctrl + N. Далее рисуем окружность , размером 100x100 внутри нашего шара, так чтобы центр новой окружности совпадал с центром шара. (можно на глаз). Теперь отрежем кусочек нашей ВЫДЕЛЕННОЙ ОБЛАСТИ таким образом: держа клавишу Alt мы убераем чать нашего элипса (элипс будет словно откусан). Откусывем таким же способом еще с 2-х сторон (т.е. всего с 3-х). И закрашиваем то что осталось белым . И у слоя ставим OPACITY (прозрачность) 21%.

http://webinfo.com.ru/img/photoshop/14/l9_10.jpg

P.S. Продолжать можно долго, для улучшения результата. Вот вариант шарика, который у меня получился за 20 минут. Я добовил темные и светлые части на шарик. И потом, соединил все слои (предварительно сохранив файл-исходник). И то, что у меня получились, я наложил еще раз (на предворительно сохраненый файл) и написал, прозрачно, 2 раза FORESTER и соответственно разной величины. Вот и все. Экспериментируйте!

Изображение


Взято из http://webinfo.com.ru/index.php?topic=photoshop&page=14
C0re
Что такое overlay?
Блин как я запарился туда сюда пытаться перевести или найти. Ну нету у меня англ языка что поделать.
Кароче немного промучавишсь вот что получилось жалкое подобие:
Изображение

Так дела не пойдут sad.gif
tbr
Вот рисунок со скрином, где находится overlay

Нажмите для просмотра прикрепленного файла

И переустанови фотошоп, а то запаришься переводить.
C0re
Вот что получилось. Ацтой имхо
Изображение
tbr
Получилось ужасно, но не расстраивайся, я оформлю еще пару уроков и они тебе помогут освоить фотошоп smile.gif
C0re
Самое интересное что я его изучал пару лет назад профессионально. Но ничего не запомнил и мучаюсь. Кстати тут от версии еще зависит. Например Guassin blur у меня находиться не в группе blur.
Angel427
Классный урок, спасибо!!!
Это текстовая версия — только основной контент. Для просмотра полной версии этой страницы, пожалуйста, нажмите сюда.
<% XAP %>
Русская версия Invision Power Board © 2001-2024 Invision Power Services, Inc.