Studio Aleko Design

Гигабар

vodi4ka — Sun, 20 Mar 2011 00:00:33 GMT

Смотреть на ютюбе:
http://www.youtube.com/watch?v=3_msnqSHUx4&feature=player_embedded

Рисуем красивые уголки

dididima — Sun, 13 Mar 2011 18:24:23 GMT

Сегодня я вам расскажу и покажу как нарисовать всеми любимые уголки в стиле Web 2.0.Урок не сложный, поэтому пост будет не очень долгий.

1.Для начала надо создать новый документ размерами 1024х768,после создания заливаем задний фон,и делаем прямоугольник со скругленными углами как на скрине.

2.Создаем новый слой,на нем создаем выделение,как на скрине и заливаем его не ядовитым цветом,чтобы выглядело реалистично.Я взял #6492c0,и переименовываем данный слой на Rectangle (Прямоугольник).

3.Ставим фоновый цвет наподобие #36516b, ну темнее цвет чтобы был немного.После этого выбираем инструмент "Перо".И рисуем уголок для вашего прямоугольника,немножко редактируем его форму и получается уже довольно неплохо.И переименовываем данный слой на 3D Effect.

4.После проделанных действий вы ему еще немножко придадим 3D вида.Дублируем слой "Прямоугольник" и поворачиваем как показано на скрине ниже.

5.Держим Ctrl и кликаем по пиктограмме слоя (Дубликат слоя "Прямоугольник").Заливаем его чёрным цветом и идем в Фильтр » Размытие » Размытие по Гауссу,ставим радиус на 3,8 пикс и жмем ОК.После этого ставим прозрачность для данного слоя на 20%,прячем данный слой под оригинальный "Прямоугольник" и немножко правим форму чтобы тень выглядела реалистичной.

6.Последние шаги мы будем работать с градиентами.Но перед этим надо сделать 1 пиксельную обводку для главного прямоугольника цветом #719cc8 мне кажется так будет выглядеть лучше.И потом заливаем градиентом наши фигуры как показано на скрине ниже.

7.Ну вот и все на этом наше урок закончен,вот мой результат.

Автор: Johnny
Перевод: dididima
При копировании материала ссылка на www.dididima.info обязательна.

Sony Playstation 3 в Photoshop

Jly4uK — Tue, 24 Aug 2010 06:24:49 GMT

Этот урок научит вас, тому как можно создать реалистично выглядящий Sony Playstation в Adobe Photoshop.

Шаг 1:
Создайте новый документ 600 на 600px и залейте белым цветом.

Шаг 2:
Создайте новый слой и нарисуйте прямоугольник, размерами 248 x 369 px.

Шаг 3:
Теперь заходим в Blending Options и делаем там следующие настройки:

Результат:

Шаг 4:
Рисуем прямоугольник как на картинке 73×369px (слева должен остатьcя один пиксель)

Шаг 5:
В Blending Options делаем такие настройки:

Результат:

Шаг 6:
На новом слое создаем прямоугольник (52×369px) как на картинке:

Шаг 7:
Задаем прямоугольнику Blending Options как на картинке и поставте opacity равным - 39%

Результат:

Шаг 8:
Теперь берем с мягкой кистью размером 170px и стираем верхнюю , и нижнюю части

Шаг 9:
Создайте новый слой. Рядом с вашим прямоугольником создаем еще один размером 7×364px и цветом - #F4F4F4 затем делаем ему такие Blending Options:

Результат:

Шаг 10:
Создайте новый слой и нарисуйте на нем прямоугольник цветом - #353535, и размером - 40×363px

Источник: www.developertutorials.com
Перевод: Jly4uK

P.S. Закончу чуть позже

Создание фотореалистичной камеры

Zoxy — Mon, 14 Jun 2010 14:41:16 GMT

Photoshop - отличный инструмент в работе как с векторной, так и с пиксельной графикой. В этом туториале, мы продемонстрируем вам мощную комбинацию векторных форм, стилей слоя, и деталей прорисованных вручную. Эта камера покажется вам такой реалистичной, что вы подумаете будто это обычная фотография.

Вот что у нас должно получиться.

Давайте взглянем на изображение которое нам предстоит нарисовать.

Шаг первый

Наш первый шаг - поискать изображение "срисовываемого предмета". В нашем уроке мы будет срисовывать камеру Nikon D-60. Если у вас есть эта камера - поставьте ее перед собой, если нету - найдите ее изображение любой поисковой системе ( Google.com, Flickr.com , ebay.com ), или же на официальном сайте Nikon.

Как правило, легче начинать с самого основания камеры, и уже потом вносить поправки и дополнения. Используйте :rounded_rectangle:, и залейте прямоугольник цветом #353a3d.

Шаг второй

Выберите и начинайте с его помощью "отрисовывать" нечто похожее на силуэт камеры. Редактируйте каждую точку отдельно с помощью до тех пор пока вы не получите должного результата.

Шаг третий

Дважды кликните на форму этого слоя, и добавьте к нему стиль

Шаг четвертый

Иногда, стилей слоя бывает просто недостаточно для произведения нужного эффекта. В таком случае, мы должны вручную нарисовать нужный нам элемент при помощи

Создайте новый слой, выделите с слой с основой камеры и добавьте Маску слоя. Используйте мягкую кисть и краску черного цвета в указанных областях.

Шаг пятый
В пятом шаге мы будем создавать объектив. Сделайте видимыми линейки с помощью комбинации клавиш Ctrl+R. Нажмите, и перетащите их в центр области где он будет располагаться.

Шаг шестой

Выберите инструмент , далее для идеальной точности и формы круга, с точки пересечения 2ух прямых зажимая Ctrl+alt сделайте круг необходимой вам ширины и высоты.

А теперь примените эти стили слоя к этому кругу.

Шаг седьмой

Сделайте дубликат формы нашего круга, далее нарисуйте прямоугольник касаясь его верхней кромки. В настройках выбирайте "Вычитание"

Проникающий свет

Иван0 — Sat, 13 Feb 2010 19:23:42 GMT

Шаг 1.
Берём любой рисунок, главное, чтобы он был без фона и все подразумевающиеся "дыры" тоже были прозрачны. Фон по желанию. Копируем слой.

Шаг 2.
Применяем фильтр рябь (ripple)(фильтр -> искажение (distort) -> рябь) со следующими параметрами: степень 800%, размер - большая.

Шаг 3.
Далее по списку фильтр радиальное размытие (radial blur)(фильтр -> размытие (blur) -> радиальное размытие)(похоже, мой любимый). Ставим степень на 100%, метод линейный, а качество наилучшее. Повторяем эту операцию несколько раз до достижения нужного эффекта (Ctrl + F).

Шаг 4.
Далее меняем параметры режима наложения на замену светлым.

Если поставить параметры наложения на умножение, можно получить интересный эффект:

Шаг 5.
Далее копируем слой со "светом" и изменяем те же параметры на осветление основы.

Шаг 6.
Делаем ещё одну копию и изменяем режим на нормальный, помещаем в самый верх. Выделяем исходное изображение и удаляем эту область из первого слоя со светом и его копией (из нового слоя не надо). Первый помещаем под изображение. Всё!

Светящийся логотип Windows Seven

Djekky — Mon, 26 Oct 2009 20:34:39 GMT

1. Создаём документ 250 х 250. Установки делаем, как на картинке.

2. Заливаем наш первый слой чёрным фоном.

3. Открываем логотип Windows на новом слое.

4. Дальше применяем размытие. Для этого идём так "Фильтр * Размытие *
Радиальное размытие"
Настройки ставим как на рисунке.

5. Теперь самое интересное. Дублируем наш размытый слой три раза(Ctrl + J). У всех слоёв ставим прозрачность 40 % (кроме основного фона).

6.Дальше открываем "Стиль слоя" первого размытого слоя (два щелчка по этому слою).
Ставим такие настройки :
(Выбираем цвет свечения db5619)

7. У второго делаем такие же настройки, только цвет берём 5d9025.

8. У третьего так же как и у первого и второго. Цвет третьего свечения 4884b4.

9. Ну и у четвёртого слоя с флагов цвет свечения делайте цветом ffffff.

Вот и всё у вас из простого лого Windows, получилось симпотичное лого "Семёрки".

Автор: Djekky

З.Ы: Тапками не кидайтесь, мой первый урок, так сказать оцените, выявите недостатки.

Как добавлять уроки на наш форум

Aleko — Tue, 18 Aug 2009 15:47:24 GMT

Начну с того, что скажу, что я буду безумно рад, если пользователи поддержат меня в развитии форума и будут добавлять в каталог собственные уроки по фотошопу.

Уроки можно писать самим, можно переводить уроки с других языков. единственное, чего лучше не делать, так это не копировать уроки с русскоязычных ресурсов.

Все новые пользовательские уроки необходимо добавлять в этот раздел. После проверки мной, а позднее модераторами, которые будут подключены к этому делу, уроки будут перемещены в каталог уроков.

При написании уроков самостоятельно, желательно использовать скриншоты не шире 600 пикселей, так как это максимум для нашего форума. Так же плюсом будет использование иконок фотошопа для обозначения необходимых используемых в уроке инструментов. Пример: . Эти иконки вы можете вставлять в сообщение на ряду со смайлами. Увидеть панель иконок можно щелкнув по синему значку Ps на панель ББ кодов.

Благодарю за внимание.

Список сайтов, на которых можно найти уроки для перевода:

PS Hero - перейти

PSD tuts - перейти

Tutorial 9 - перейти

PSD Learning - перейти

Photoshop Tutorials - перейти

Photoshop Contest - перейти

Luxa - перейти

Tutorial Sphere - перейти

Good Tutorials - перейти

Photoshop Talent - перейти