| Рисуем иконку digg в бутылке |
| Автор: Administrator |
| 06.07.2009 22:04 |
|
Шаг №1 Создайте новый документ 150х150 px с серым фоном. Начнём с рисования прямоугольной бутылки в перспективе. Используем Pen tool (shape layers) для рисования передней стороны бутылки синего цвета (#01f6ff) и размером 39х49.  Шаг №2 Теперь нарисуем верхнюю сторону. Используем более светлый цвет, чем для передней стороны (#81d4d7). Используя все тот же Pen tool рисуем верхнюю сторону, так что бы боковые грани примыкали друг к другу. Затем сместите верхнюю сторону на 2 рх вниз, создавая эфект закругленности. Opacity слоя 50 %.  Шаг №3 А теперь дно бутылки. Используем более тёмный цвет, чем для передней стороны (#038493). Создаем новый слой и рисуем дно так, чтобы боковые грани примыкали друг к другу. (я бы копировал верхнюю сторону, изменил цвет и переместил её вниз, параллельно верхней грани без смещения вправо/влево) и снова смещаем на 2 рх, но уже вверх. Оpacity 60 %.  Шаг №4 Пришло время для задней стороны. Используем более светлый цвет, чем для нижней стороны (#038493). На новом слое рисуем заднюю сторону так что бы она примкнула к верхней и боковым сторонам. Оpacity 60 %.  Шаг №5 И, наконец, передняя боковая сторона. используем более тёмный и глубокий цвет, чем для передней стороны (#02a4c7). На новом слое рисуем боковую сторону так, чтобы она примкнула к верхней, нижней, передней и задней сторонам.  Шаг №6 Теперь сделаем видимыми грани бутылки. Pen tool`ом рисуем линии шириной 2 рх, поверх невидимых граней куба. Opacity 32%. И градиент как на картинке.  Шаг №7 Все тем же Pen tool`ом рисуем пижона с совком - наша Digg иконка.  Шаг №8 Ctrl - T, изменяем ширину и высоту до 41% и поворачиваем на 9.1 градус и перемещаем его так что бы человечек оказался в центре бутылки. (не думаю что у вас получится именно так, тем более у вас может быть другая картинка, суть в том, чтобы она была в центре и не выходила за грани бутылки).  Шаг №9 Копируем нашего Digg-человечка, смешаем на 1 рх вниз и налево, заливаем серым цветом (#727373).  Шаг №10 Слой с черным человечком помещаем над серым. Используя Delete anchor point tool удаляем "внутренности" нашего человечка, оставляя лишь общий контур. Теперь зальем его белым цветом (#ffffff). Opacity 77%.  Шаг №11 Теперь рисуем "шею" для нашей бутылки. На новом слое Pen tool`ом рисуем "шею". Настройка градиента на картинке ниже, цвет такой же, как на задней стороне бутылки (то есть #038493).  Шаг №12 На новом слое рисуем ручку для бутылки используя более светлый цвет, чем для "шеи" (#2fecfb).  Шаг №13 На новом слое рисуем овальное отверстие на "шее". Настройки градиента снова представлены на картинке, цвет должен быть по темнее, чем на "шее".  Шаг №14 Основа нашей бутылки готова. Теперь давайте делать тени. Начнём с той, которую дает наша бутылка. После слоя с фоном создаем новый слой и с помощью Lasso выделяем область под бутылкой, которая на 2 рх ниже и правее от неё. Заливаем чёрным цветом и ставим Opacity 48% и отменяем выделение (Ctrl - D). Используем фильтр Gaussian Blur со значением 0.5 (Filter >> Blur >> Gaussian Blur...) Затем помощью Marquee tool выделяем часть тени, которая находится справа и снова применяем Gaussian Blur.  Шаг №15 Теперь делаем тень для передней стороны. Выбираем слой с передней стороной и создаем новый. Затем с нажатой клавишей Ctrl нажимаем на слой с передней стороной. Используя Linear Gradient рисуем линию градиента сверху до середины. Цвет (#2aa4ba).  Шаг №16 Поместим немного цвета на правый край бутылки. Создаем новый слой, Ctrl+клик на слое с передней боковой стороной. Снова используя Linear Gradient рисуем линию градиента, но теперь от правой части боковой стороны к её середине. Цвет передней стороны (то есть #01f6ff).  Шаг №17 Теперь создаем тень для верхней стороны. Выбираем слой с ней и создаем новый, Ctrl+клик на слое с верхней стороной. Используя Linear Gradient рисуем линию градиента, от правой части стороны к её середине. Цвет (#037494).  Шаг №18 Создаем тень для нижней стороны бутылки. (И угадайте что мы делаем на этот раз?) Выбираем слой с ней и создаем новый, Ctrl+клик на слое с нижней стороной. Используя Linear Gradient рисуем линию градиента, от левой части стороны к её середине. Цвет (#0f2f00). Эта тень должна быть самой видной - так как это основание.  Шаг №19 Теперь сделаем освещения для всей бутылки, исключая человечка. Выбираем слой с передней стороной и создаем новый слой. Ctrl+клик на слое с передней стороной. Используя Linear Gradient рисуем линию градиента от основания левой части и немного дальше, чем до середины. Цвет белый. Opacity 60%.  Шаг №20 Делаем тоже самое, что и в шаге 19, но проводим градиент правой верхней части до середины.  Шаг №21 Снова создаем новый слой. Ctrl+клик на слое с верхней стороной и используя Linear Gradient рисуем линию градиента от левой части стороны к противоположному краю. Opacity 60%.  Шаг №22 Теперь добавим освещение нашей бутылке и человечку в нем. Выбираем слой с человечком, создаем новый слой и Ctrl+клик на слое с передней стороной, используя Linear Gradient рисуем линию градиента от правой части стороны к противоположному краю, цвет белый. Opacity 40%. Используем большой ластик (90 рх), чтобы стереть левую половину.  Шаг №23 Добавим ещё немного освещения. Создаем новый слой, Ctrl+клик на слое с задней стороной, используя Linear Gradient рисуем линию градиента от верхней правой части стороны к противоположному краю, цвет белый. Opacity 50%. И переместите на 8 рх вниз и налево.  Шаг №24 Создаем новый слой. Pen tool`ом рисуем угол в правой верхней части стороны. Цвет (#006f79). Opacity 20%.  Шаг №25 Снова работаем с верхней стороной бутылки. Создаем новый слой, Ctrl+клик на слое с верхней стороной, используя Linear Gradient рисуем линию градиента от правой части стороны к противоположному краю, используя белый цвет.  Шаг №26 Сделаем немного экстра-освещения для граней. Создаем новый слой и Pen tool`ом рисуем 2 рх обводку всех видимых граней, кроме нижней. Цвет (#77f5fa). Opacity 27%.  Шаг №27 Как и в шаге №26 обводим 2 рх грани нижней стороны, но цвет более тёмный (#018fad). Opacity 28%.  Шаг №28 Давайте закончим детализацию передних сторон. Начнём с угла. Создаем новый слой, Ctrl+клик на слое с передней стороной, используя Linear Gradient рисуем линию градиента от верхней левой части стороны к противоположному краю, цвет белый. Затем используя Marquee tool выделяем эту область, затем смещаем выделение вниз и на право и нажмите Delete и Ctrl - D. (см. картинку!)  Шаг №29 Повторите шаг №28 для правого угла основания, а затем ещё раз для угла левого основания.  Шаг №30 Повторите шаг №19, только в начале рисуем линию градиента от внешней стороны бутылки (слева и вниз). Рисуйте ближе к середине. Opacity 100%.  Шаг №31 Как в Шаге №30 добавьте угол правого основания и угол левого основания.  Шаг №32 Добавим не много освещения к левому краю. Создаем новый слой, Ctrl+клик на слое с передней стороной, используя Linear Gradient рисуем линию градиента от правой части стороны к середине, цвет белый. И используя Marquee tool выделяем эту область, затем смещаем это выделение на 2 рх направо, нажмём Delete и Ctrl - D. Opacity 71%.  Шаг №33 Добавим деталей и для передней боковой стороны. Добавим свет в части основания и немного на вершине.  Шаг №34 И на конец осветим верхние углы передней стороны . Мягкой кисточкой (7 рх) нанесите линии на гранях бутылки и примените фильтр Gaussian Blur с значением 0.5 рх.  Шаг №35 Основание бутылки закончено, теперь добавим детали "шеи" тем же самым способом. Начнём с тени. Создаем новый слой, Pen tool`ом рисуем овальную форму под "шеей" и ручкой, цвет (#013137). Opacity 23%.  Шаг №36 Теперь добавим эффект сужения/расширения "шеи". Выберем слой с основной частью "шеи" которая была сделана в шаге №11, создаем новый слой, Pen tool`ом рисуем овальную форму в основании "шеи", цвет (#037494). Opacity 31%.  Шаг №37 Сделаем тень в правой части "шеи". Создаем новый слой, Ctrl+клик на слое с основой "шеи", используя Linear Gradient рисуем линию градиента от правой части к середине, цвет (#037394).  Шаг №38 Техника использованная ранее, чтобы добавить освещение разной степени интенсивности используется и на "шее".  Шаг №39 Теперь добавим немного теней для ручки: на бутылке и на "шее".  Шаг №40 Добавим немного света на ручке.  Шаг №41 И наконец, обрабатываем верхнюю часть "шеи" (овал). Добавляя тени и свет добиваемся результата, как на screenshot`е, используя те же методы, как и для остальных частей бутылки. Вы можете загрузить .psd картинки и посмотреть детали.  (P.s. Автор расписывает все очень подробно, хотя, на мой взгляд многое можно опустить, но так как автор не я, то все шаги сохранены; P.p.s. В этом уроке главное понимание, делать такую же бутылочку будет не интересно, главное понять, как её делать и как она должна выглядеть с тенями и при освещении) Автор: Tutorial Park Перевод: Kons†@n†in |